@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two&family=Poppins:wght@300;400;500;600&display=swap');
:root {
	--primary-color: #f6770c;
	--secondary-color: #f6770c;
	--secondary-color2: #454648;
	--yellow-color: #FFD166;
	--text-gray-color: #666666;
	--white-color: #ffffff;
	--ofwhite-color: #f2f2f2;
	--black-color: #000000;
	--light-color: #a5a5a5;
	--light-color2: #aaaaaa;
	--dark-color: #242424;
	--sky-color: #647589;
	--border-color: #ececec;
	--bg-gray-color: #f7f8fc;
	--gray-color: #ebebeb;
	--gray-color2: #f5f5f5;
	--poppins-body: "Poppins", sans-serif;
	--poppins-heading: "Poppins", sans-serif;
	--body-font-size: 1.6rem;
	--body-font-weight: 400;
	--body-line-height: 2.5rem;
	--headings-weight: 5600;
	--transition: all 0.3s ease 0s;
	--container-fluid-offset: 19rem
}

.color-scheme-1 {
	--secondary-color: #f6770c
}

.color-scheme-2 {
	--secondary-color: #454648
}

.color-scheme-3 {
	--secondary-color: #f6770c
}

*,
::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

::-webkit-input-placeholder {
  font-family: var(--poppins-body);
}

:-ms-input-placeholder {
  font-family: var(--poppins-body);
}

::placeholder {
  font-family: var(--poppins-body);
}



.socialfixed{
    position: fixed;
    top: 30%;
    left: 0;
	z-index:999;
}
.socialfixed ul {
    padding: 0;
    margin-left: -265px;
}
.socialfixed ul li {
    display: block;
    margin: 3px;
    background: rgb(242, 0, 0);
    width: 314px;
    text-align: right;
    padding: 5px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.socialfixed ul li:hover {
    -webkit-transform: translate(110px,0);
    -moz-transform: translate(110px,0);
    -ms-transform: translate(110px,0);
    -o-transform: translate(110px,0);
    transform: translate(110px,0);
    background: rgb(246, 0, 0);
}
.socialfixed ul li a {
    display: block;
    color: #ec0000;
}
.socialfixed ul li a b {
    color: #fff;
    font-weight: 300;
}
.socialfixed ul li i {
    margin-left: 10px;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #fff;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    text-align: center;
}



body,
html {
	min-height: 100%;
	margin: 0;
	font-size: 62.5%;
	padding: 0
}

body {
	font-family: var(--poppins-body);
	font-size: var(--body-font-size, 1.6rem);
	font-weight: var(--body-font-weight);
	font-style: normal;
	line-height: var(--body-line-height, 25px);
	position: relative;
	visibility: visible;
	overflow-x: hidden;
	color: var(--black-color);
	background-color: var(--white-color)
}

@media only screen and (max-width:1599px) {
	body {
		font-size: 1.5rem
	}
}

@media only screen and (max-width:767px) {
	body {
		font-size: 1.4rem
	}
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: var(--headings-weight);
	margin: 0
}

.h1,
h1 {
	font-size: 2.6rem;
	line-height: 3.5rem;
	font-weight: 700
}

@media only screen and (min-width:576px) {

	.h1,
	h1 {
		font-size: 3rem;
		line-height: 3.8rem
	}
}

@media only screen and (min-width:768px) {

	.h1,
	h1 {
		font-size: 3.6rem;
		line-height: 4.3rem
	}
}

@media only screen and (min-width:992px) {

	.h1,
	h1 {
		font-size: 4.2rem;
		line-height: 4.8rem
	}
}

@media only screen and (min-width:1200px) {

	.h1,
	h1 {
		font-size: 4.8rem;
		line-height: 5.3rem
	}
}

@media only screen and (min-width:1366px) {

	.h1,
	h1 {
		font-size: 5rem;
		line-height: 5.5rem
	}
}

@media only screen and (min-width:1600px) {

	.h1,
	h1 {
		font-size: 6rem;
		line-height: 7.2rem
	}
}

.h2,
h2 {
	font-size: 2.2rem;
	line-height: 2.8rem;
	font-weight: 600
}

@media only screen and (min-width:768px) {

	.h2,
	h2 {
		font-size: 2.5rem;
		line-height: 3rem
	}
}

@media only screen and (min-width:992px) {

	.h2,
	h2 {
		font-size: 3rem;
		line-height: 3.5rem
	}
}

@media only screen and (min-width:1200px) {

	.h2,
	h2 {
		font-size: 3.5rem;
		line-height: 4rem
	}
}

@media only screen and (min-width:1600px) {

	.h2,
	h2 {
		font-size: 4rem;
		line-height: 4.5rem
	}
}

.h3,
h3 {
	font-size: 2rem;
	line-height: 2.8rem;
	font-weight: 600
}

@media only screen and (min-width:992px) {

	.h3,
	h3 {
		font-size: 2.3rem;
		line-height: 3.2rem
	}
}

@media only screen and (min-width:1200px) {

	.h3,
	h3 {
		font-size: 2.5rem;
		line-height: 3.5rem
	}
}

@media only screen and (min-width:1600px) {

	.h3,
	h3 {
		font-size: 3rem;
		line-height: 4rem
	}
}

.h4,
h4 {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.8rem
}

@media only screen and (min-width:1200px) {

	.h4,
	h4 {
		font-size: 1.8rem;
		line-height: 3rem
	}
}

.h5,
h5 {
	font-weight: 400
}

.h6,
h6 {
	font-weight: 400
}

.p,
p {
	margin-top: 0;
	margin-bottom: 1.8rem;
	color: var(--text-gray-color);
	font-family: var(--poppins-heading)
}

@media only screen and (max-width:767px) {

	.p,
	p {
		font-size: 1.4rem;
		line-height: 2.4rem
	}
}

p:last-child {
	margin-bottom: 0
}

a,
button {
	display: inline-block;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	text-decoration: none;
	color: inherit
}

a,
button,
img,
input,
textarea {
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

:focus {
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

:focus-visible {
	-webkit-box-shadow: 0 0 5px 2px rgba(19, 19, 19, .15);
	box-shadow: 0 0 5px 2px rgba(19, 19, 19, .15)
}

a:focus {
	text-decoration: none;
	outline: 0
}

a:hover {
	text-decoration: none;
	color: var(--secondary-color)
}

button,
input[type=submit] {
	cursor: pointer;
	font-family: var(--font-lato);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height)
}

input[type=number] {
	-moz-appearance: textfield
}

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

span {
	display: inline-block;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

label {
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1
}

ul {
	margin: 0;
	padding: 0
}

ul:last-child {
	margin-bottom: 0
}

li {
	list-style: none;
	line-height: 1
}

hr {
	border-top-width: 2px
}

.container,
.container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto
}

.container {
	padding-right: 1.5rem;
	padding-left: 1.5rem
}

.container-fluid {
	--offset-fluid: 1.5rem;
	padding-right: var(--offset-fluid);
	padding-left: var(--offset-fluid)
}

@media only screen and (min-width:992px) {
	.container-fluid {
		--offset-fluid: 3rem
	}
}

@media only screen and (min-width:1366px) {
	.container-fluid {
		--offset-fluid: calc(var(--container-fluid-offset) / 4.5)
	}
}

@media only screen and (min-width:1600px) {
	.container-fluid {
		--offset-fluid: calc(var(--container-fluid-offset) / 2.5)
	}
}

@media only screen and (min-width:1800px) {
	.container-fluid {
		--offset-fluid: var(--container-fluid-offset)
	}
}

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

}

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

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

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

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

.row {
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	margin-left: calc(var(--bs-gutter-x) * -.5)
}

.row>* {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-bottom: var(--bs-gutter-y)
}

.col {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%
}

.row-cols-auto>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto
}

.row-cols-1>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%
}

.row-cols-2>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%
}

.row-cols-3>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 33.3333333333%
}

.row-cols-4>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 25%
}

.row-cols-5>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20%
}

.row-cols-6>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16.6666666667%
}

@media only screen and (min-width:576px) {
	.col-sm {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%
	}

	.row-cols-sm-auto>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-sm-1>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-sm-2>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-sm-3>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-sm-4>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-sm-5>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-sm-6>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%
	}
}

@media only screen and (min-width:768px) {
	.col-md {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%
	}

	.row-cols-md-auto>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-md-1>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-md-2>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-md-3>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-md-4>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-md-5>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-md-6>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%
	}
}

@media only screen and (min-width:992px) {
	.col-lg {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%
	}

	.row-cols-lg-auto>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-lg-1>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-lg-2>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-lg-3>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-lg-4>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-lg-5>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-lg-6>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%
	}
}

@media only screen and (min-width:1200px) {
	.col-xl {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%
	}

	.row-cols-xl-auto>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xl-1>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xl-2>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xl-3>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xl-4>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xl-5>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xl-6>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%
	}
	.row-cols-lg-8>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
	}
}

@media only screen and (min-width:1600px) {
	.col-xxl {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%
	}

	.row-cols-xxl-auto>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xxl-1>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xxl-2>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xxl-3>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xxl-4>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xxl-5>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xxl-6>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%
	}
	.row-cols-lg-8>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
	}
}

.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto
}

.col-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 8.33333333%
}

.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16.66666667%
}

.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 25%
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 41.66666667%
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%
}

.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 58.33333333%
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 75%
}

.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 91.66666667%
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%
}

@media only screen and (min-width:576px) {
	.col-sm-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.col-sm-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-sm-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-sm-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-sm-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.col-sm-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-sm-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-sm-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%
	}

	.col-sm-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-sm-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}
}

@media only screen and (min-width:768px) {
	.col-md-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.col-md-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-md-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-md-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}
}

@media only screen and (min-width:992px) {
	.col-lg-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.col-lg-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-lg-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-lg-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}
}

@media only screen and (min-width:1200px) {
	.col-xl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.col-xl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.col-xl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%
	}

	.col-xl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}
}

@media only screen and (min-width:1400px) {
	.col-xxl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.col-xxl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xxl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.col-xxl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xxl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xxl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.col-xxl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xxl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xxl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%
	}

	.col-xxl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xxl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xxl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}
}

@media (min-width:768px) {
	.offset-md-2 {
		margin-left: 16.66666667%
	}
}

@media (min-width:992px) {
	.offset-lg-2 {
		margin-left: 16.66666667%
	}

	.offset-lg-1 {
		margin-left: 8.33333333%
	}
}

@media (min-width:992px) {
	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-0 {
		margin-left: 0
	}
}

@media (min-width:1200px) {
	.offset-xl-0 {
		margin-left: 0
	}
}

@media only screen and (max-width:767px) {
	.row {
		margin-right: -10px;
		margin-left: -10px
	}

	.row>* {
		padding-right: 10px;
		padding-left: 10px
	}
}

@media only screen and (max-width:479px) {
	.row {
		margin-right: -8px;
		margin-left: -8px
	}

	.row>* {
		padding-right: 8px;
		padding-left: 8px
	}
}

.row-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

@media only screen and (max-width:991px) {
	.row-md-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.align-self-center {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.justify-content-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.justify-content-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.d-none {
	display: none
}

@media only screen and (min-width:992px) {
	.d-lg-block {
		display: block
	}

	.d-lg-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media only screen and (min-width:1200px) {
	.d-xl-none {
		display: none
	}

	.d-xl-block {
		display: block
	}

	.d-xl-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media only screen and (min-width:1600px) {
	.d-xxl-none {
		display: none
	}

	.d-xxl-block {
		display: block
	}

	.d-xxl-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media only screen and (max-width:1199px) {
	.col-lg-order {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

@media only screen and (max-width:991px) {
	.d-md-none {
		display: none
	}

	.d-md-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.col-md-order {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.d-md-block {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.d-sm-none {
		display: none
	}

	.d-sm-block {
		display: block
	}

	.d-sm-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.col-sm-order {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

@media only screen and (max-width:575px) {
	.d-sm-2-none {
		display: none
	}

	.d-sm-2-block {
		display: block
	}

	.d-sm-2-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.col-sm-2-order {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

.display-block {
	display: block
}

.primary-btn {
	font-weight: 500;
	display: inline-block;
	font-size: 1.5rem;
	line-height: 3.4rem;
	height: 3.4rem;
	padding: 0 1.5rem;
	letter-spacing: .2px;
	border-radius: .3rem;
	background: var(--secondary-color);
	color: var(--white-color);
	border: 0
}

.primary-btn:hover {
	background: var(--secondary-color2);
	color: var(--white-color)
}

@media only screen and (min-width:768px) {
	.primary-btn {
		line-height: 4rem;
		height: 4rem;
		padding: 0 2.2rem
	}
}

@media only screen and (min-width:992px) {
	.primary-btn {
		font-size: 1.6rem;
		line-height: 4.5rem;
		height: 4.5rem;
		padding: 0 2.5rem
	}
}

.primary-btn.secondary-btn {
	background: var(--secondary-color2)
}

.primary-btn.secondary-btn:hover {
	background: var(--primary-color)
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.swiper-nav--btn {
	width: 4rem;
	height: 4rem;
	background: var(--secondary-color);
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	z-index: 9
}

@media only screen and (max-width:767px) {
	.swiper-nav--btn {
		width: 3.5rem;
		height: 3.5rem
	}
}

.swiper-nav--btn:hover {
	background: var(--primary-color)
}

.swiper-nav--btn::after {
	background: url(../images/left-arrow-angle.webp);
	width: 9px;
	height: 17px;
	font-size: 0
}

.swiper-nav--btn.swiper-button-prev {
	left: 0
}

.swiper-nav--btn.swiper-button-next {
	right: 0
}

.swiper-nav--btn.swiper-button-next::after {
	background: url(../images/right-arrow-angle.webp)
}

.swiper-nav--btn.style2 {
	top: 23px;
	right: 0;
	opacity: 1;
	visibility: visible;
	background: var(--primary-color);
	border-radius: .5rem
}

.swiper-nav--btn.style2:hover {
	background: var(--secondary-color)
}

.swiper-nav--btn.style2.swiper-button-prev {
	right: 6rem;
	left: auto
}

@media only screen and (max-width:575px) {
	.swiper-nav--btn.style2.swiper-button-prev {
		right: 4.5rem
	}
}

.swiper-pagination {
	bottom: 0 !important
}

.swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	background: var(--light-color);
	opacity: 1;
	vertical-align: middle;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--secondary-color);
	width: 1.4rem;
	height: 1.4rem
}

select {
	word-wrap: normal;
	font-family: var(--font-lato);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height)
}

.section-heading.style2 {
	padding-bottom: 2.5rem
}

.section-heading--position-img {
	position: absolute;
	bottom: -24px;
	left: 55%;
	z-index: 9;
	background: var(--white-color)
}

#scroll-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
	z-index: 99;
	outline: 0;
	background-color: var(--secondary-color);
	color: var(--white-color);
	-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, .16);
	box-shadow: 0 2px 22px rgba(0, 0, 0, .16);
	cursor: pointer;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	transition: .3s;
	line-height: 1;
	width: 4.3rem;
	height: 4.3rem;
	border-radius: 50%;
	border: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#scroll-top:hover {
	background: var(--primary-color)
}

@media only screen and (max-width:991px) {
	#scroll-top {
		bottom: 75px
	}
}

#scroll-top.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

#scroll-top svg {
	width: 25px;
	line-height: 1
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important
}

.line-height-1 {
	line-height: 1
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.overflow-hidden {
	overflow: hidden
}

.break {
	word-break: break-word
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

.text-white {
	color: var(--white-color) !important
}

.text-ofwhite {
	color: var(--ofwhite-color)
}

.text-black {
	color: var(--black-color) !important
}

.body-background {
	background: var(----gray-color)
}

.bg-primary {
	background: var(--primary-color)
}

.bg-secondary {
	background: var(--secondary-color)
}

.bg-secondary2 {
	background: var(--secondary-color2)
}

.bg-gray--color {
	background: var(--bg-gray-color)
}

.bg-white {
	background: var(--white-color)
}

.bg-black {
	background: #1d1c1c
}

.text-primary {
	color: var(--primary-color) !important
}

.text-secondary {
	color: var(--secondary-color)
}

.text-secondary2 {
	color: var(--secondary-color2)
}

.position-relative {
	position: relative
}

.border-bottom {
	border-bottom: 1px solid var(--border-color)
}

.border {
	border: 1px solid var(--border-color)
}

.border-0 {
	border: none
}

.border-radius-5 {
	border-radius: .5rem
}

.border-radius-10 {
	border-radius: 1rem
}

.border-radius-20 {
	border-radius: 2rem
}

.border-radius-30 {
	border-radius: 3rem
}

.border-radius-50 {
	border-radius: 50%
}

@media only screen and (max-width:991px) {
	.md-width-100 {
		width: 100%
	}
}

.tab_content {
	display: block
}

.tab_pane {
	display: none;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.tab_pane:not(.show) {
	opacity: 0
}

.tab_pane.show {
	opacity: 1
}

.tab_pane.active {
	display: block
}

.mobile_menu_open,
.offCanvas-minicart_active,
.offcanvas-filter--sidebar_active,
.predictive-search--box_active,
body.overlay-active {
	overflow-y: hidden
}

.mobile_menu_open::before,
.offCanvas-minicart_active::before,
.offcanvas-filter--sidebar_active::before,
.predictive-search--box_active::before,
body.overlay-active::before {
	position: absolute;
	content: "";
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: .5;
	cursor: crosshair
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate-fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.section--padding {
	padding-top: 6rem;
	padding-bottom: 6rem
}

@media only screen and (min-width:768px) {
	.section--padding {
		padding-top: 6rem;
		padding-bottom: 6rem
	}
}

@media only screen and (min-width:992px) {
	.section--padding {
		padding-top: 6rem;
		padding-bottom: 6rem
	}
}

.section--nargin {
	margin-top: 6rem;
	margin-bottom: 6rem
}

@media only screen and (min-width:768px) {
	.section--nargin {
		margin-top: 8rem;
		margin-bottom: 8rem
	}
}

@media only screen and (min-width:992px) {
	.section--nargin {
		margin-top: 9rem;
		margin-bottom: 9rem
	}
}

@media only screen and (min-width:1200px) {
	.section--nargin {
		margin-top: 10rem;
		margin-bottom: 10rem
	}
}

.p-0 {
	padding: 0
}

.pt-0 {
	padding-top: 0
}

.pb-0 {
	padding-bottom: 0
}

.m-0 {
	margin: 0
}

.mt-0 {
	margin-top: 0
}

.mb-0 {
	margin-bottom: 0
}

.mb-60 {
	margin-bottom: 3.5rem
}

@media only screen and (min-width:768px) {
	.mb-60 {
		margin-bottom: 4rem
	}
}

@media only screen and (min-width:992px) {
	.mb-60 {
		margin-bottom: 6rem
	}
}

.mb-55 {
	margin-bottom: 3.5rem
}

@media only screen and (min-width:992px) {
	.mb-55 {
		margin-bottom: 5.5rem
	}
}

.mb-50 {
	margin-bottom: 3rem
}

@media only screen and (min-width:768px) {
	.mb-50 {
		margin-bottom: 3.2rem
	}
}

@media only screen and (min-width:992px) {
	.mb-50 {
		margin-bottom: 3.5rem
	}
}

@media only screen and (min-width:1200px) {
	.mb-50 {
		margin-bottom: 4rem
	}
}

@media only screen and (min-width:1600px) {
	.mb-50 {
		margin-bottom: 5rem
	}
}

.mb-40 {
	margin-bottom: 3.2rem
}

@media only screen and (min-width:992px) {
	.mb-40 {
		margin-bottom: 4rem
	}
}

.mb--n40 {
	margin-bottom: -3.2rem
}

@media only screen and (min-width:992px) {
	.mb--n40 {
		margin-bottom: -4rem
	}
}

.mb-35 {
	margin-bottom: 2.5rem
}

@media only screen and (min-width:768px) {
	.mb-35 {
		margin-bottom: 3.5rem
	}
}

.mb-30 {
	margin-bottom: 2rem
}

@media only screen and (min-width:992px) {
	.mb-30 {
		margin-bottom: 2.5rem
	}
}

@media only screen and (min-width:1600px) {
	.mb-30 {
		margin-bottom: 3rem
	}
}

.mb--n30 {
	margin-bottom: -2rem
}

@media only screen and (min-width:992px) {
	.mb--n30 {
		margin-bottom: -2.5rem
	}
}

@media only screen and (min-width:1600px) {
	.mb--n30 {
		margin-bottom: -3rem
	}
}

.mb-28 {
	margin-bottom: 2.8rem
}

.mb--n28 {
	margin-bottom: -2.8rem
}

.mb--n25 {
	margin-bottom: -1.8rem
}

@media only screen and (min-width:992px) {
	.mb--n25 {
		margin-bottom: -2rem
	}
}

@media only screen and (min-width:1200px) {
	.mb--n25 {
		margin-bottom: -2.5rem
	}
}

.mb-25 {
	margin-bottom: 1.8rem
}

@media only screen and (min-width:992px) {
	.mb-25 {
		margin-bottom: 2rem
	}
}

@media only screen and (min-width:1200px) {
	.mb-25 {
		margin-bottom: 2.5rem
	}
}

.mb-20 {
	margin-bottom: 1.5rem;
}

.mt-20 {
	margin-top: 1.5rem
}

@media only screen and (min-width:768px) {
	.mb-20 {
		margin-bottom: 2rem
	}
}

.mb-15 {
	margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
	.mb-15 {
		margin-bottom: 1.5rem
	}
}

.mb-12 {
	margin-bottom: 1rem
}

@media only screen and (min-width:992px) {
	.mb-12 {
		margin-bottom: 1.2rem
	}
}

.mb-10 {
	margin-bottom: .8rem
}

@media only screen and (min-width:992px) {
	.mb-10 {
		margin-bottom: 1rem
	}
}

.mb-5 {
	margin-bottom: .5rem
}

.mb-8 {
	margin-bottom: .8rem
}

.mr-30 {
	margin-right: 3rem
}

.offcanvas-header--menu-open {
	line-height: 1;
	display: none
}

@media only screen and (max-width:991px) {
	.offcanvas-header--menu-open {
		display: block
	}
}

/********************************************
 HEADER SECTION
********************************************/
#head-alert.info {
    background: var(--secondary-color2);    
    text-align: center;   
    padding:5px 0;
}
p.header-shipping--text {
    color: var(--white-color);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}
.main_header_Menu{
	background: var(--primary-color);
}
.offcanvas-header--menu-open--svg {
	width: 32px
}

.offcanvas-header {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 300px;
	height: 100vh;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	background-color: var(--white-color);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	opacity: 0;
	visibility: hidden
}

@media only screen and (min-width:480px) {
	.offcanvas-header {
		max-width: 320px
	}
}

.offcanvas-header.open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible
}

.offcanvas-header.open~.offcanvas-overlay {
	visibility: visible;
	opacity: .75
}

.offcanvas-overlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	opacity: 0;
	background-color: var(--black-color)
}

.offcanvas-inner {
	position: relative;
	height: 100%
}

.offcanvas-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 15px
}

.offcanvas-close--btn {
	position: relative;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	text-indent: -9999px;
	border: none;
	background-color: transparent
}

.offcanvas-close--btn::after,
.offcanvas-close--btn::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: var(--black-color)
}

.offcanvas-close--btn::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.offcanvas-menu {
	overflow-y: auto;
	height: 100%
}

.offcanvas-menu_ul {
	overflow: auto;
	margin: 0;
	padding: 0;
	list-style: none
}

.offcanvas-menu_li {
	position: relative;
	border-bottom: 1px solid var(--border-color)
}

.offcanvas-menu_li:first-child {
	border-top: 1px solid var(--border-color)
}

.offcanvas-menu_item {
	line-height: 1;
	display: block;
	padding: 15px 20px;
	text-transform: uppercase
}

li.offcanvas-menu_li.active ul.offcanvas-sub_menu {
    display: block !important;
}
li.offcanvas-menu_li span.header-mega--subtitle {
    padding: 12px 20px;
    width: 100%;
    margin: 0;
    background: #f5f5f5;
}
li.offcanvas-menu_li .header-mega--menu-li {
    padding: 0;
    width: 100%;
}
li.offcanvas-menu_li.active a.offcanvas-menu_item {
    color: var(--secondary-color);
}
.offcanvas-sub_menu {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none
}

.offcanvas-sub_menu_li {
	position: relative;
	border-top: 1px solid var(--border-color)
}

.offcanvas-sub_menu_item {
	line-height: 1;
	display: block;
	padding: 15px 0 15px 30px
}

.offcanvas-sub_menu_item~.offcanvas-sub_menu .offcanvas-sub_menu_item {
	padding-left: 40px
}

.offcanvas-sub_menu_toggle {
	font-size: 20px;
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	width: 4rem;
	height: 4.6rem;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent
}

.offcanvas-sub_menu_toggle::after,
.offcanvas-sub_menu_toggle::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	content: "";
	-webkit-transition: var(--transition);
	transition: var(--transition);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: var(--black-color)
}

.offcanvas-sub_menu_toggle:not(.active)::after {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform: translateX(-50%) translateY(-50%) rotate(90deg)
}

.offcanvas-account--items {
	padding: 28px 17px 20px
}

.offcanvas-account--items-icon {
	width: 3rem;
	height: 3rem;
	text-align: center;
	background: var(--secondary-color);
	line-height: 3.8rem;
	border-radius: 50%;
	color: var(--white-color)
}

.offcanvas-account--items-label {
	font-size: 1.5rem;
	font-weight: 500;
	margin-left: 6px
}

.offcanvas-language--switcher {
	font-weight: 500;
	font-family: var(--font-poppins)
}

.offcanvas-dropdown--language {
	position: absolute;
	z-index: 9;
	width: 100px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	bottom: 100%;
	opacity: 0;
	visibility: hidden;
	margin-bottom: 20px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	background: var(--white-color)
}

.offcanvas-dropdown--language.active {
	opacity: 1;
	visibility: visible;
	margin-bottom: 12px
}

.offcanvas-account--currency {
	position: relative;
	padding: 0 17px
}

.offcanvas-account--currency-menu {
	font-family: var(--font-poppins);
	font-weight: 500
}

.offcanvas-account--currency-submenu {
	position: absolute;
	z-index: 9;
	width: 100px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	bottom: 100%;
	opacity: 0;
	visibility: hidden;
	margin-bottom: 20px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	background: var(--white-color)
}

.offcanvas-account--currency-submenu.active {
	opacity: 1;
	visibility: visible;
	margin-bottom: 12px
}

.offcanvas-stikcy--toolbar {
	position: fixed;
	bottom: 0;
	background: var(--white-color);
	left: 0;
	right: 0;
	z-index: 99;
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .12);
	box-shadow: 0 0 9px rgba(0, 0, 0, .12);
	padding: 10px 20px;
	display: none;
	visibility: hidden
}

@media only screen and (min-width:500px) {
	.offcanvas-stikcy--toolbar {
		padding: 10px 40px
	}
}

@media only screen and (min-width:768px) {
	.offcanvas-stikcy--toolbar {
		padding: 10px 60px;
		display:block;
		visibility:visible;
	}
}

@media only screen and (max-width:991px) {
	.offcanvas-stikcy--toolbar {
		display: block;
		visibility: visible
	}
}

.offcanvas-stikcy--toolbar-btn {
	position: relative;
	text-align: center
}

.offcanvas-stikcy--toolbar-btn:hover .offcanvas-stikcy--toolbar-icon {
	background: var(--primary-color);
	color: var(--white-color)
}

.offcanvas-stikcy--toolbar-icon {
	width: 3rem;
	height: 3rem;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--secondary-color);
	border:1px solid;
	margin: 0 auto
}

.offcanvas-stikcy--toolbar-label {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 6px;
    text-transform: uppercase;
}

.offcanvas-stikcy--toolbar-icon svg {
    width: 18px;
}

.header-sticky.sticky {
	/*position: fixed;*/
	width: 100%;
	top: 0;
	background: var(--white-color);
	left: 0;
	z-index: 99;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .15);
	box-shadow: 0 0 7px rgba(0, 0, 0, .15);
	-webkit-transition: .3s;
	transition: .3s
}

.header-sticky.sticky .header-sticky--block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header-sticky.sticky .header-sticky--none {
	display: none
}

.header-sticky .header-sticky--block {
	display: none
}

.main-logo--title {
	line-height: 2rem
}

.header-topbar {
    padding: 8px 0;
    background: #454648;
}
.header-topbar .header-info--text{
	color: #eee;
}
li.header-info--list span.material-symbols-outlined {
    font-size: 20px;
}

@media only screen and (max-width:991px) {
	.header-topbar--inner {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media only screen and (max-width:575px) {
	.header-shipping--wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.header-shipping--text {
	font-size: 1.4rem;
	line-height: 2rem
}

@media only screen and (max-width:767px) {
	.header-shipping--text {
		text-align: center
	}
}

@media only screen and (min-width:992px) {
	.header-shipping--text {
		font-size: 1.4rem
	}
}

@media only screen and (min-width:1200px) {
	.header-shipping--text {
		font-size: 1.5rem
	}
}

@media only screen and (max-width:575px) {
	.header-shipping--text {
		margin-bottom: 1rem
	}

	.header-shipping--text:last-child {
		margin-bottom: 0
	}
}

.header-shipping--text-icon {
	margin-right: .5rem
}

.header-discount--text {
	font-size: 1.6rem
}

@media only screen and (min-width:992px) {
	.header-discount--text {
		font-size: 1.6rem
	}
}

@media only screen and (min-width:1200px) {
	.header-discount--text {
		font-size: 1.8rem
	}
}

.header-discount--icon-img {
	vertical-align: middle;
	margin-right: .4rem
}

@media only screen and (max-width:991px) {
	.language-currency {
		padding: 5px 20px
	}
}

.language-currency--list {
	position: relative;
	margin-right: 1.5rem;
	padding-right: 1.5rem
}

.language-currency--list:last-child {
	margin-right: 0;
	padding-right: 0
}

.language-currency--list:last-child::before {
	display: none
}

.language-currency--list::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: var(--white-color);
	right: 0;
	top: 0
}

.language-switcher {
	font-size: 1.5rem
}

@media only screen and (min-width:992px) {
	.language-switcher {
		font-size: 1.6rem;
		line-height: 2.4rem
	}
}

.language-switcher--icon-img {
	vertical-align: middle;
	margin-right: 3px
}

.language-switcher.style2 {
	color: var(--text-gray-color)
}

.language-switcher.style2:hover {
	color: var(--secondary-color2)
}

.dropdown-language {
	position: absolute;
	z-index: 9;
	width: 100px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	top: 100%;
	opacity: 0;
	visibility: hidden;
	margin-top: 28px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	background: var(--white-color)
}

.dropdown-language.active {
	opacity: 1;
	visibility: visible;
	margin-top: 17px
}

.language-items:last-child .language-text {
	border-bottom: 0
}

.language-text {
	display: block;
	font-size: 1.4rem;
	padding: 10px 14px;
	background: var(--gray-color2);
	border-bottom: 1px solid var(--border-color)
}

.language-text:hover {
	background: var(--primary-color);
	color: var(--white-color);
	border-color: var(--primary-color)
}

.account-currency {
	margin-right: 25px;
	position: relative
}

@media only screen and (min-width:1200px) {
	.account-currency {
		margin-right: 32px
	}
}

.account-currency--link {
	font-size: 1.5rem;
	line-height: 2rem
}

@media only screen and (min-width:992px) {
	.account-currency--link {
		font-size: 1.5rem
	}
}

.account-currency--link.style2 {
	color: var(--text-gray-color)
}

.account-currency--link.style2:hover {
	color: var(--secondary-color2)
}

.dropdown-currency {
	position: absolute;
	z-index: 9;
	width: 100px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	top: 100%;
	opacity: 0;
	visibility: hidden;
	margin-top: 28px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	background: var(--white-color)
}

.dropdown-currency.active {
	opacity: 1;
	visibility: visible;
	margin-top: 17px
}

.currency-items:last-child .currency-text {
	border-bottom: 0
}

.currency-text {
	display: block;
	font-size: 1.4rem;
	padding: 1rem 1.4rem;
	background: var(--gray-color2);
	border-bottom: 1px solid var(--border-color)
}

.currency-text:hover {
	background: var(--primary-color);
	color: var(--white-color);
	border-color: var(--primary-color)
}

@media only screen and (max-width:991px) {
	.main-header {
		padding: 1rem 0
	}
}

.header-account--items {
    margin-right: 2rem;
    text-align: center;
}
.header-account--items small {
    display: block;
    font-size: 12px;
}

.header-account--items:last-child {
	margin-right: 0
}

@media only screen and (max-width:575px) {
	.header-account--items {
		margin-right: 2rem
	}
}

@media only screen and (min-width:992px) {
	.header-account--search-items.mobile-d--block {
		display: none
	}
}

.header-account--btn {
	position: relative;
	color: var(--text-gray-color);
	text-align: center
}

.header-account--btn:hover {
	color: var(--secondary-color)
}

.items-count {
	position: absolute;
	right: -1rem;
	top: -1rem;
	width: 2rem;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	background: var(--secondary-color);
	text-align: center;
	border-radius: 50%;
	color: var(--white-color)
}
span.items-count.wishlist {
    right: 0;
}

.predictive-search--title {
	margin-bottom: 15px
}

@media only screen and (min-width:992px) {
	.predictive-search--title {
		margin-bottom: 20px
	}
}

@media only screen and (min-width:1600px) {
	.predictive-search--title {
		margin-bottom: 30px
	}
}

.predictive-search--box {
	background: var(--white-color);
	-webkit-box-shadow: 0 -4px 27px rgba(62, 70, 120, .16);
	box-shadow: 0 -4px 27px rgba(62, 70, 120, .16);
	position: relative;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.predictive-search--box.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.predictive-search--box-inner {
	padding: 20px 16px;
	text-align: center
}

@media only screen and (min-width:576px) {
	.predictive-search--box-inner {
		padding: 22px 50px
	}
}

@media only screen and (min-width:768px) {
	.predictive-search--box-inner {
		padding: 30px 80px
	}
}

@media only screen and (min-width:992px) {
	.predictive-search--box-inner {
		padding: 30px 15em
	}
}

.serch-box-header.predictive-search--form {
	width: 58%;
	position: relative;
	margin: 0 auto;
}
.predictive-search--form{
	position: relative;
	margin: 0 auto;
}
.predictive-search--input {
	width: 100%;
	height: 5rem;
	border: 1px solid var(--border-color);
	padding: 0 80px 0 15px;
	font-size: 1.6rem;
	font-weight: 400;
	border-radius: 0
}

.predictive-search--input:focus {
	border-color: var(--secondary-color)
}

.predictive-search--input:focus::-webkit-input-placeholder {
	color: #000
}

@media only screen and (max-width:576px) {
	.predictive-search--input {
		height: 45px
	}
}

.search-categories {
    width: 40%;
}
.serch-box-header.predictive-search--form label {
    width: 64%;
}
.search-categories select {
    color: var(--sky-color);
    height: 50px;
    border-left: 0 !important;
    cursor: pointer;
    padding: 10px;
    border: 1px solid var(--border-color);
    width: 200px;
    box-shadow: none !important;
    font-size: 14px;
}
.predictive-search--button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0;
	background: var(--secondary-color2);
	border: 0;
	width: 6rem;
	text-align: center;
	color: var(--white-color);
	border-radius: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.predictive-search--button:hover {
	background: var(--primary-color)
}

.predictive-search--close-btn {
	position: absolute;
	top: 20px;
	right: 40px;
	padding: 0;
	border: 0;
	background: inherit
}

@media only screen and (max-width:576px) {
	.predictive-search--close-btn {
		right: 15px
	}
}

.predictive-search--close-btn:hover {
	color: var(--primary-color);
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.header-bottom {
	-webkit-box-shadow: 0 3px 8px rgba(71, 71, 71, .16);
	box-shadow: 0 3px 8px rgba(71, 71, 71, .16)
}

.header-menu--items {
	margin-right: 2.5rem;
	position: relative
}

@media only screen and (min-width:992px) {
	.header-menu--items {
		margin-right: 2.5rem
	}
}

@media only screen and (min-width:1200px) {
	.header-menu--items {
		margin-right: 3.8rem
	}
}

@media only screen and (min-width:1366px) {
	.header-menu--items {
		margin-right: 5rem
	}
}

@media only screen and (min-width:1600px) {
	.header-menu--items {
		margin-right: 7rem
	}
}

@media only screen and (min-width:992px) {
	.header-menu--items {
		margin-right: 2.5rem;
	}
}

@media only screen and (min-width:1200px) {
	.header-menu--items {
		margin-right: 1rem
	}
}

@media only screen and (min-width:1366px) {
	.header-menu--items {
		margin-right: 2.5rem
	}
}

.header-menu--items:last-child {
	margin-right: 0
}

.header-menu--items:hover .header-menu--link {
	color: var(--black-color)
}

.header-menu--items:hover .header-sub--menu {
	visibility: visible;
	margin-top: 0;
	opacity: 1
}

.header-menu--items:hover .header-mega--menu {
	visibility: visible;
	margin-top: 0;
	opacity: 1
}

.header-menu--link {
	font-size: 1.4rem;
	line-height: 2.5rem;
	padding:1rem 0;
	font-weight: 400;
	color: var(--white-color);
}

@media only screen and (min-width:1200px) {
	.header-menu--link {
		font-size: 1.5rem;
		padding:1.2rem 16px;
	}
}

.header-sub--menu {
	position: absolute;
	z-index: 9;
	top: 100%;
	left: 0;
	visibility: hidden;
	width: 220px;
	margin: 0;
	margin-top: 20px;
	padding: 20px;
	list-style: none;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	opacity: 0;
	background-color: var(--white-color);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
}

.header-sub--menu-link {
	font-size: 1.5rem;
	display: block;
	padding: 10px 0
}

.mega-menu--items {
	position: static
}

.header-mega--menu {
	position: absolute;
	z-index: 9;
	top: 100%;
	left: 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 90%;
	margin: 0;
	margin-top: 20px;
	padding: 25px;
	list-style: none;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	visibility: hidden;
	opacity: 0;
	background-color: var(--white-color);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
}

.header-mega--menu-li {
	padding: 3px 15px;
	width: 25%
}

.header-mega--subtitle {
	font-weight: 500;
	font-size: 1.6rem;
	margin-bottom: 15px
}

ul.header-mega--sub-menu .header-mega--sub-menu_li a,
ul.header-sub--menu .header-mega--sub-menu_li a {
	font-size: 1.4rem;
	padding: 10px 0
}

.offCanvas-minicart {
	position: fixed;
	width: 310px;
	height: 100%;
	padding: 18px 15px 30px;
	background: var(--white-color);
	z-index: 999;
	right: 0;
	top: 0;
	-webkit-transition: .4s;
	transition: .4s;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	overflow-y: auto;
	-webkit-box-shadow: 0 0 15px rgba(5, 0, 0, .1);
	box-shadow: 0 0 15px rgba(5, 0, 0, .1);
	visibility: hidden
}

.offCanvas-minicart.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

@media only screen and (min-width:480px) {
	.offCanvas-minicart {
		width: 375px
	}
}

@media only screen and (min-width:1600px) {
	.offCanvas-minicart {
		padding: 20px 15px 33px
	}
}

.minicart-header--top {
	margin-bottom: 10px
}

.minicart-header--desc {
	font-size: 1.6rem;
	color: var(--text-gray-color)
}

@media only screen and (min-width:480px) {
	.minicart-header--desc {
		font-size: 1.7rem
	}
}

.minicart-title {
	font-weight: 600
}

.minicart-close--btn {
	padding: 0;
	background: inherit;
	border: 0;
	line-height: 1.5rem;
	color: var(--black-color)
}

.minicart-close--btn:hover {
	color: var(--primary-color);
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.minicart-close--icon {
	width: 22px
}

.minicart-product {
	margin-bottom: 17px
}

.minicart-product--items {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid var(--border-color)
}

@media only screen and (min-width:1600px) {
	.minicart-product--items {
		margin-top: 22px;
		padding-top: 22px
	}
}

.minicart-product--remove {
	border: 0;
	padding: 0;
	background: 0 0;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 700;
	opacity: .7
}

.minicart-product--remove:hover {
	color: var(--secondary-color)
}

.minicart-thumbnail {
	width: 100px;
	line-height: 1
}

@media only screen and (min-width:480px) {
	.minicart-thumbnail {
		width: 120px
	}
}

.minicart-thumbnail a {
	display: block
}

.minicart-thumbnail a img {
	display: block
}

.minicart-text {
	width: calc(100% - 100px);
	padding-left: 10px
}

@media only screen and (min-width:480px) {
	.minicart-text {
		width: calc(100% - 120px);
		padding-left: 13px
	}
}

.minicart-subtitle {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 2px
}

@media only screen and (min-width:480px) {
	.minicart-subtitle {
		font-size: 1.3rem
	}
}

.color-variant {
	opacity: .8;
	margin-bottom: 4px;
	line-height: 20px
}

.minicart-price {
	margin-bottom: 9px
}

.minicart-quantity {
	margin-right: 15px
}

.quantity-box {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.quantity-value {
	display: inline-block;
	border: 1px solid var(--border-color);
	margin: 0;
	width: 3.3rem;
	height: 3rem;
	text-align: center;
	padding: 0;
	background: var(--gray-color2);
	cursor: pointer;
	font-size: 2rem;
	font-weight: 500
}

.quantity-value.decrease {
	margin-right: -4px;
	border-radius: 13px 0 0 13px
}

.quantity-value.increase {
	margin-left: -4px;
	border-radius: 0 13px 13px 0
}

input.quantity-number {
	text-align: center;
	border: none;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	margin: 0;
	width: 3.3rem;
	height: 3rem
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.minicart-amount {
	padding: 13px 0;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color)
}

.minicart-amount_list {
	margin-bottom: 10px
}

.minicart-amount_list:last-child {
	margin-bottom: 0
}

.minicart-conditions {
	padding: 20px 0
}

.minicart-conditions--input {
	vertical-align: middle
}

.minicart-conditions--label {
	font-weight: 500;
	letter-spacing: .5px;
	color: var(--text-gray-color)
}

.minicart-conditions--link {
	color: var(--secondary-color);
	text-decoration: underline
}

.minicart-conditions--link:hover {
	color: var(--primary-color);
	text-decoration: underline
}

.minicart-button--link {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 4.5rem;
	height: 4.5rem;
	margin-right: 14px
}

.minicart-button--link:last-child {
	margin-right: 0
}

@media only screen and (max-width:991px) {
	.header-section.mb-20 {
		margin-bottom: 0
	}
}

@media only screen and (max-width:767px) {
	.header-topbar--inner2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.main-header {
	padding: 1rem 0
}

@media only screen and (max-width:991px) {
	.header-info {
		margin-right: 4rem
	}
}

@media only screen and (max-width:767px) {
	.header-info {
		margin-right: 0;
		margin-bottom: 1rem
	}
}

@media only screen and (max-width:575px) {
	.header-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.header-info--list {
	margin-right: 2rem
}

.header-info--list:last-child {
	margin-right: 0
}

@media only screen and (max-width:575px) {
	.header-info--list {
		margin-right: 0;
		margin-bottom: 1.3rem
	}

	.header-info--list:last-child {
		margin-bottom: 0
	}
}

.header-info--icon {
	vertical-align: middle;
	margin-right: .3rem
}

.header-info--text {
	color: var(--text-gray-color);
	font-family: var(--poppins-heading)
}
a.d-flex.header-info--text{
	align-items: center;
	font-size: 13px;
	gap: 5px;
}

@media only screen and (max-width:1199px) {
	.header-info--text {
		font-size: 1.4rem
	}
}

.header-select--categories.select::before {
	display: none
}

.header-select--categories-icon {
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	pointer-events: none
}

.select {
	position: relative
}

.select::before {
	border-bottom: 2px solid var(--black-color);
	border-right: 2px solid var(--black-color);
	content: "";
	display: block;
	height: 7px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 18px;
	top: 50%;
	width: 7px;
	-webkit-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: .7
}

.header-select--inner {
	border: 0;
	background: var(--gray-color);
	height: 5.5rem;
	padding: 0 3.3rem 0 1.8rem;
	-webkit-appearance: none;
	cursor: pointer;
	font-size: 1.6rem;
	color: var(--primary-color)
}

@media only screen and (min-width:1200px) {
	.header-select--inner {
		padding: 0 4.3rem 0 2rem
	}
}

.header-search--box {
	position: relative;
	width: 25rem
}

@media only screen and (min-width:992px) {
	.header-search--box {
		width: 32rem
	}
}

@media only screen and (min-width:1200px) {
	.header-search--box {
		width: 45rem
	}
}

.header-search input::-webkit-input-placeholder {
	color: #a6a6a6
}

.header-search input::-moz-placeholder {
	color: #a6a6a6
}

.header-search input:-ms-input-placeholder {
	color: #a6a6a6
}

.header-search input:-moz-placeholder {
	color: #a6a6a6
}

.header-search--input {
	width: 100%;
	border: 1px solid var(--gray-color);
	border-left: 0;
	height: 5.5rem;
	padding: 0 7rem 0 2.2rem;
	font-size: 1.5rem;
	color: #a6a6a6;
	font-family: var(--poppins-heading);
	opacity: .7
}

.header-search--input:focus::-webkit-input-placeholder {
	opacity: 1;
	color: var(--primary-color)
}

@media only screen and (min-width:1200px) {
	.header-search--input {
		padding: 0 7rem 0 2.2rem
	}
}

.header-search--button {
	position: absolute;
	top: -1px;
	right: -1px;
	height: 102%;
	border: 0;
	padding: 0 1.5rem;
	line-height: 2rem;
	background: var(--secondary-color)
}

.header-search--button:hover {
	background: var(--primary-color)
}

.header-section {
	background: var(--white-color);
}

@media only screen and (max-width:991px) {
	.header-section3.mb-20 {
		margin-bottom: 2rem
	}
}

@media only screen and (max-width:767px) {
	.hero-slider--bg {
		background-position: 25%
	}
}

@media only screen and (max-width:767px) {
	.hero-slider--bg.slider2 {
		background-position: 25%
	}
}

@media only screen and (max-width:767px) {
	.hero-slider--bg.slider3 {
		background-position: 25%
	}
}

.hero-slider--items {
	position: relative
}

.hero-slider--items-inner {
	padding: 6rem 0
}

@media only screen and (min-width:768px) {
	.hero-slider--items-inner {
		padding: 6.5rem 0
	}
}

@media only screen and (min-width:992px) {
	.hero-slider--items-inner {
		padding: 7rem 0
	}
}

@media only screen and (min-width:1200px) {
	.hero-slider--items-inner {
		padding: 8rem 0
	}
}

@media only screen and (min-width:1366px) {
	.hero-slider--items-inner {
		padding: 9.5rem 0
	}
}

@media only screen and (min-width:1600px) {
	.hero-slider--items-inner {
		padding: 15rem 0;
		position: relative;
		z-index: 99999;
	}
}

@media only screen and (max-width:767px) {
	.slider-content {
		position: relative;
		z-index: 99999;
	}
}

@media only screen and (min-width:768px) {
	.slider-content {
		padding-left: 4rem
	}
}

@media only screen and (min-width:1500px) {
	.slider-content {
		padding-left: 0
	}
}

@media only screen and (min-width:768px) {
	.slider-content.text-right {
		padding-right: 4rem;
		padding-left: 0
	}
}

@media only screen and (min-width:1500px) {
	.slider-content.text-right {
		padding-right: 0
	}
}

.slider-content--maintitle {
	margin-bottom: 1.4rem
}

@media only screen and (min-width:992px) {
	.slider-content--maintitle {
		margin-bottom: 1.8rem
	}
}

@media only screen and (min-width:992px) {
	.slider-content--maintitle {
		margin-bottom: 2.3rem
	}
}

@media only screen and (min-width:1200px) {
	.slider-content--maintitle {
		margin-bottom: 3rem
	}
}

.slider-content--desc {
	font-weight: 300
}

.slider-content--desc.desc1 {
	position: relative;
	padding-left: 70px
}

@media only screen and (max-width:767px) {
	.slider-content--desc.desc1 {
		padding-left: 0
	}
}

.slider-content--desc.desc1.right {
	padding-left: 0
}

.slider-content--desc.desc1.right::before {
	display: none
}

.slider-content--desc.desc1::before {
	position: absolute;
	content: "";
	width: 5.5rem;
	height: .1rem;
	background: var(--white-color);
	left: 0;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

@media only screen and (max-width:767px) {
	.slider-content--desc.desc1::before {
		display: none
	}
}

@media only screen and (max-width:1199px) {
	.slider-content--desc.mb-35 {
		margin-bottom: 3rem
	}
}

@media only screen and (max-width:991px) {
	.slider-content--desc.mb-35 {
		margin-bottom: 2.5rem
	}
}

.slider-content--btn {
	background: var(--white-color);
	color: var(--primary-color)
}

.hero-slider--activation .swiper-button-prev {
	left: 1rem
}

@media only screen and (min-width:768px) {
	.hero-slider--activation .swiper-button-prev {
		left: 1rem
	}
}

@media only screen and (min-width:992px) {
	.hero-slider--activation .swiper-button-prev {
		left: 2rem
	}
}

.hero-slider--activation .swiper-button-next {
	right: 1rem
}

@media only screen and (min-width:768px) {
	.hero-slider--activation .swiper-button-next {
		right: 1rem
	}
}

@media only screen and (min-width:992px) {
	.hero-slider--activation .swiper-button-next {
		right: 2rem
	}
}

.slider-content {
		position: relative;
		z-index: 99999;
	}

.slider-text--shape-icon {
	vertical-align: middle;
	margin-right: .3rem
}

.slider-layer--img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.swiper-slide-active .slider-content>* {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.swiper-slide-active .slider-content--subtitle {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.swiper-slide-active .slider-content--maintitle {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.swiper-slide-active .slider-content--desc {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.swiper-slide-active .slider-content--btn {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.swiper-slide-active .slider-layer--img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: 1.7s;
	transition: 1.7s
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-fade .swiper-slide {
    transition-property: opacity;
}
.hero-slider--items {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center!important;
    background-size: cover!important;
}
.hero-slider--bg.slider3 {
    background: url(../images/slider/3.jpg);
}
.hero-slider--bg {
    background: url(../images/slider/4.jpg);   
}
.swiper-slide-active .slider-content--btn:hover{
	background: var(--primary-color);
}





@media (min-width:768px) {
	.slider2-col--9 {
		width: 71%
	}
}

@media (min-width:992px) {
	.slider2-col--9 {
		width: 71%
	}
}

@media (min-width:1200px) {
	.slider2-col--9 {
		width: 73%
	}
}

@media (min-width:768px) {
	.hero-slider--bg2 {
		height: 32.8rem
	}
}

@media (min-width:992px) {
	.hero-slider--bg2 {
		height: 42.2rem
	}
}

@media (min-width:1200px) {
	.hero-slider--bg2 {
		height: 49rem
	}
}

@media only screen and (max-width:767px) {
	.hero-slider--bg2 {
		background-position: 25%
	}
}

@media only screen and (max-width:767px) {
	.hero-slider--bg2.slider2 {
		background-position: 25%
	}
}

.slider-content2--maintitle {
	font-size: 2.6rem;
	line-height: 3.5rem
}

@media only screen and (min-width:768px) {
	.slider-content2--maintitle {
		font-size: 3rem;
		line-height: 4rem
	}
}

@media only screen and (min-width:1200px) {
	.slider-content2--maintitle {
		font-size: 4.5rem;
		line-height: 6rem
	}
}

.slider-content2--btn {
	font-size: 1.3rem;
	height: 3.5rem;
	line-height: 3.5rem;
	border-radius: 2rem;
	margin-top: 2rem
}

.swiper-slide-active .slider-content2>* {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.swiper-slide-active .slider-content2--desc {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.swiper-slide-active .slider-content2--maintitle {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.swiper-slide-active .slider-content2--btn {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

@media (min-width:768px) {
	.hero-slider--bg3 {
		height: 571px
	}
}

@media (min-width:992px) {
	.hero-slider--bg3 {
		height: 571px
	}
}

@media (min-width:1200px) {
	.hero-slider--bg3 {
		height: 571px
	}
}

@media (min-width:1600px) {
	.hero-slider--bg3 {
		height: 571px
	}
}

@media only screen and (max-width:767px) {
	.hero-slider--bg3 {
		background-position: 25%
	}
}


@media only screen and (max-width:767px) {
	.hero-slider--bg3.slider2 {
		background-position: 25%
	}
}

@media only screen and (min-width:768px) {
	.slider-content3.padding-left {
		padding-left: 5rem
	}
}

@media only screen and (min-width:992px) {
	.slider-content3.padding-left {
		padding-left: 7rem
	}
}

@media only screen and (max-width:767px) {
	.slider-content3.padding-left {
		text-align: center;
		width: 100%;
		padding: 0 3rem
	}
}

@media only screen and (max-width:480px) {
	.slider-content3.padding-left {
		padding: 0 1.5rem
	}
}

.slider-content3.padding-left.text-center {
	width: 100%;
	padding-left: 0
}

.slider-content3--maintitle {
	font-size: 2.2rem;
	line-height: 3rem;
	margin-bottom: 1rem;
	font-weight: 700
}

@media only screen and (min-width:480px) {
	.slider-content3--maintitle {
		font-size: 2.8rem;
		line-height: 4rem
	}
}

@media only screen and (min-width:768px) {
	.slider-content3--maintitle {
		font-size: 3.2rem;
		line-height: 4.3rem;
		margin-bottom: 1rem
	}
}

@media only screen and (min-width:992px) {
	.slider-content3--maintitle {
		font-size: 3.5rem;
		line-height: 4.5rem;
		margin-bottom: 1rem
	}
}

@media only screen and (min-width:1200px) {
	.slider-content3--maintitle {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 1.6rem
	}
}

@media only screen and (min-width:1600px) {
	.slider-content3--maintitle {
		font-size: 4.5rem;
		line-height: 5.7rem;
		margin-bottom: 1.6rem
	}
}

@media only screen and (max-width:480px) {
	.slider-content3--desc.mb-35 {
		margin-bottom: 2rem
	}
}

.slider-content3--desc.color-black {
	color: var(--black-color)
}

.swiper-slide-active .slider-content3>* {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.swiper-slide-active .slider-content3--maintitle {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.swiper-slide-active .slider-content3--desc {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.swiper-slide-active .slider-content3--btn {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.swiper:hover .swiper-nav--btn {
	opacity: 1;
	visibility: visible
}

@media only screen and (max-width:767px) {
	.product-tab--btn {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media only screen and (max-width:767px) {
	.product-tab--btn.style2 {
		margin-top: 2rem
	}
}
.product-tab--btn-list {
	font-size: 1.6rem;
	height: 3.2rem;
	line-height: 3.2rem;
	padding: 0 1rem;
	cursor: pointer;
	font-weight: 500;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	border: 1px solid transparent
}

.product-tab--btn-list.active {
	border-color: var(--secondary-color)
}

.product-tab--btn-list:hover {
	border-color: var(--secondary-color)
}

.product-tab--btn-list:last-child {
	margin-right: 0
}

@media only screen and (max-width:575px) {
	.product-tab--btn-list {
		margin: 5px
	}
}

@media only screen and (min-width:768px) {
	.product-tab--btn-list {
		margin-right: 10px;
		font-size: 1.8rem;
		height: 3.4rem;
		line-height: 3.4rem;
		padding: 0 1.2rem
	}
}

@media only screen and (min-width:992px) {
	.product-tab--btn-list {
		font-size: 2rem;
		height: 3.6rem;
		line-height: 3.6rem;
		padding: 0 1.6rem
	}
}

.product-tab--btn-list.style2 {
	border: 0;
	padding: 0;
	margin-right: 3.5rem
}

@media only screen and (max-width:767px) {
	.product-tab--btn-list.style2 {
		margin-right: 2rem
	}
}

.product-tab--btn-list.style2:last-child {
	margin-right: 0
}

.product-tab--btn-list.style2:hover {
	color: var(--secondary-color)
}

.product-tab--btn-list.style2.active {
	color: var(--secondary-color)
}

.product-swiper--column4 {
	padding: 0 2px 2px
}

.product-items--thumbnail {
	position: relative;
	overflow: hidden;
	line-height: 1
}

.product-secondary--img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.product-items:hover .product-items--img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-items:hover .product-secondary--img {
	opacity: 1;
	visibility: visible
}

.product-items:hover .product-items--action {
	opacity: 1;
	visibility: visible;
	bottom: 1.2rem
}

.product-items:hover .product-items--action-cart--btn {
	opacity: 1;
	visibility: visible
}

.product-items:hover .product-cart--btn-style2 {
	opacity: 1;
	visibility: visible
}

.product-items--link {
	display: block
}

@media only screen and (max-width:767px) {
	.product-items--link {
		width: 100%
	}
}

.product-items--img {
	width: 100%;
	display: block
}

.product-items--action {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

@media only screen and (max-width:575px) {
	.product-items--action {
		opacity: 1;
		visibility: visible;
		bottom: 1.2rem
	}
}

.product-items--action-list {
	margin-right: .3rem
}

.product-items--action-list:last-child {
	margin-right: 0
}

@media only screen and (min-width:992px) {
	.product-items--action-list {
		margin-right: .4rem
	}
}

.product-items--action-btn {
	height: 3.2rem;
	line-height: 3.2rem;
	padding: 0 .6rem;
	color: var(--text-gray-color);
	background: var(--white-color);
	border-radius: .3rem
}

@media only screen and (min-width:992px) {
	.product-items--action-btn {
		padding: 0 .8rem;
		height: 3.4rem;
		line-height: 3.2rem
	}
}

.product-items--action-btn.add-to--cart {
	padding: 0 .8rem;
	font-size: 1.5rem
}

@media only screen and (min-width:1200px) {
	.product-items--action-btn.add-to--cart {
		font-size: 1.4rem;
		padding: 0 .6rem
	}
}

@media only screen and (min-width:1366px) {
	.product-items--action-btn.add-to--cart {
		padding: 0 1rem
	}
}

@media only screen and (min-width:1600px) {
	.product-items--action-btn.add-to--cart {
		padding: 0 1.3rem
	}
}

.product-items--action-btn--svg {
	vertical-align: middle
}

.product-items--action-btn:hover {
	background: var(--secondary-color);
	color: var(--white-color)
}

.product-items--action-cart--btn {
	height: 3.2rem;
	line-height: 3.4rem;
	font-size: 1.4rem;
	padding: 0 1.3rem;
	opacity: 0;
	visibility: hidden
}

@media only screen and (max-width:575px) {
	.product-items--action-cart--btn {
		opacity: 1;
		visibility: visible
	}
}

.product-items--action-cart--btn-icon {
	margin-right: .3rem
}

.product-items--action-cart--btn.btn-style2 {
	height: 3.2rem;
	line-height: 3.4rem;
	font-size: 1.4rem;
	padding: 0 1.5rem
}

.product-items--content {
	padding: 1.8rem 1rem 1.5rem;
	border: 1px solid var(--border-color);
	border-top: 0
}

.product-items--content-subtitle {
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: var(--text-gray-color)
}

@media only screen and (min-width:992px) {
	.product-items--content-subtitle {
		font-size: 1.5rem
	}
}

.product-items--content-title {
	margin-bottom: .3rem;
	font-size: 15px;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
    line-clamp: 1; 
   -webkit-box-orient: vertical;
}

@media only screen and (max-width:400px) {
	.product-items--content-title {
		font-size: 1.4rem;
		line-height: 2rem
	}
}

.product-items--content.style2 {
	padding: 1.8rem 0 0;
	border: 0
}

.product-cart--btn-style2 {
	font-size: 1rem;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1.3rem;
	position: absolute;
	right: 0;
	top: 56%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	opacity: 0;
	visibility: hidden
}

@media only screen and (max-width:575px) {
	.product-cart--btn-style2 {
		position: inherit;
		top: inherit;
		-webkit-transform: inherit;
		transform: inherit;
		margin-top: 1rem;
		opacity: 1;
		visibility: visible
	}
}

.product-items--color {
	margin-bottom: .6rem
}

.product-items--color-list {
	margin-right: .8rem
}

.product-items--color-list:last-child {
	margin-right: 0
}

.product-items--color-link {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%
}

.product-items--color-link.one {
	background: #fb2c36
}

.product-items--color-link.two {
	background: #f8a81e
}

.product-items--color-link.three {
	background: #2cfb3a
}

.product-items--color-link.four {
	background: #2c9afb
}

@media only screen and (max-width:575px) {
	.add-to--cart-text {
		display: none
	}

}

.product-items--price {
	margin-bottom: .8rem
}

.product-items--price.style2 {
	margin-bottom: 0
}

.current-price {
	font-size: 1.3rem;
	color: var(--secondary-color);
	font-weight: 600
}

@media only screen and (min-width:768px) {
	.current-price {
		font-size: 1.6rem
	}
}

@media only screen and (min-width:992px) {
	.current-price {
		font-size: 1.3rem
	}
}

.current-price {
	font-size: 1.6rem
}

.old-price {
	font-size: 1.4rem;
	color: var(--light-color);
	font-weight: 500;
	text-decoration: line-through;
	margin-left: .4rem
}

@media only screen and (min-width:768px) {
	.old-price {
		font-size: 1.5rem
	}
}

@media only screen and (min-width:992px) {
	.old-price {
		font-size: 1.6rem
	}
}

.old-price.style2 {
	font-size: 1.4rem
}

.product-rating {
	margin-bottom: 1.6rem
}

.rating-list {
	margin-right: .4rem
}

.rating-list:last-child {
	margin-right: 0
}

.rating-list--icon {
	color: var(--yellow-color)
}

.product-badge {
	position: absolute;
	top: 0;
	left: 1rem
}

.product-badge.style2 {
	top: 1.5rem;
	left: 0
}

.product-badge {
	top: 0;
	left: 0
}

.product-badge--items.sale {
    width: 3rem;
    height: 4rem;
    background: var(--secondary-color);
    color: var(--white-color);
    font-size: 1rem;
    line-height: 3.3rem;
    text-align: center;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 74%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 74%, 0 100%);
}


@media only screen and (min-width:1200px) {
	.product-col--width-8 {
		width: 63.66666667%
	}
}

@media only screen and (min-width:1200px) {
	.product-col--width-4 {
		width: 36.33333333%
	}
}

@media only screen and (max-width:767px) {
	.product-section--header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.product-items--content-tag {
	color: var(--text-gray-color);
	margin: .3rem 0
}

.product-items:hover .product-items--action.style2 {
	bottom: inherit;
	right: 1.5rem
}

.product-items--rating {
	margin-bottom: .8rem
}

.product-items--action.style2 {
	top: 2.5rem;
	right: 0;
	left: auto;
	bottom: auto;
	padding: .5rem .3rem;
	background: var(--white-color);
	border-radius: 2rem
}

@media only screen and (min-width:992px) {
	.product-items--action.style2 {
		top: 1.5rem
	}
}

@media only screen and (max-width:7575px) {
	.product-items--action.style2 {
		right: 1.5rem
	}
}

.product-items--action-list.style2 {
	margin-right: 0;
	margin-bottom: .3rem;
	text-align: center
}

.product-items--action-list.style2:last-child {
	margin-bottom: 0
}

.product-items--action-btn.style2 {
	background: inherit;
	color: var(--secondary-color)
}

.product-items--action-btn.style2:hover {
	color: var(--primary-color)
}

.product-content {
	padding: 1.5rem 0 0;
	border: 0
}

.product-swiper--grid {
	padding-top: 6.8rem;
	margin-top: -7rem
}

@media only screen and (max-width:991px) {
	.product-swiper--grid {
		margin-bottom: 3rem
	}
}

.product-grid--heading-maintitle {
	font-weight: 500;
	padding-bottom: .8rem
}

@media only screen and (min-width:992px) {
	.product-grid--heading-maintitle {
		font-size: 2.4rem;
		line-height: 3rem
	}
}

.product-grid--heading-maintitle::before {
	position: absolute;
	content: "";
	width: 6rem;
	height: .2rem;
	background: var(--secondary-color2);
	bottom: 0;
	left: 0
}

.product-items--grid {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--border-color)
}

.product-items--grid:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0
}

.product-items--grid-thumbnail {
	overflow: hidden;
	line-height: 1;
	width: 8rem
}

@media only screen and (min-width:1366px) {
	.product-items--grid-thumbnail {
		width: 10rem
	}
}

.product-items--grid-content {
	padding: .8rem .8rem .8rem 1.5rem;
	width: calc(100% - 8rem)
}

@media only screen and (min-width:1366px) {
	.product-items--grid-content {
		width: calc(100% - 10rem)
	}
}

.product-items--grid:hover .product-items--img {
	-webkit-transform: inherit;
	transform: inherit
}

@media only screen and (max-width:767px) {
	.categories-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.categories-content {
	width: 35rem
}

@media only screen and (max-width:767px) {
	.categories-content {
		width: 100%;
		margin-bottom: 3rem
	}
}

.categories-content--title {
	margin-bottom: 1.7rem
}

.categories-product {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1rem 0 1.5rem
}

@media (min-width:992px) {
	.categories-product {
		padding: 2rem 0 2.5rem
	}
}

.categories-product--list {
	margin: 0 2rem 2rem 0
}

@media (min-width:992px) {
	.categories-product--list {
		margin: 0 3rem 3rem 0
	}
}

.categories-product--icons {
	display: inline-block;
	width: 5.6rem;
	height: 5.6rem;
	background: var(--white-color);
	color: var(--secondary-color2);
	-webkit-box-shadow: 0 6px 12px rgba(58, 58, 58, .15);
	box-shadow: 0 6px 12px rgba(58, 58, 58, .15);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%
}

.categories-product--icons:hover {
	background: var(--secondary-color2);
	color: var(--white-color);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.categories-sidebar {
	width: calc(100% - 35rem);
	padding-left: 3rem
}

@media only screen and (min-width:768px) {
	.categories-sidebar {
		padding-left: 4rem
	}
}

@media only screen and (min-width:992px) {
	.categories-sidebar {
		padding-left: 6rem
	}
}

@media only screen and (min-width:1200px) {
	.categories-sidebar {
		padding-left: 11rem
	}
}

@media only screen and (max-width:767px) {
	.categories-sidebar {
		width: 100%;
		padding-left: 0
	}
}

.categories-sidebar--inner {
	padding: 1.5rem 0 1.5rem 3rem;
	position: relative
}

@media only screen and (min-width:768px) {
	.categories-sidebar--inner {
		padding: 2rem 0 2rem 3.5rem
	}
}

@media only screen and (min-width:992px) {
	.categories-sidebar--inner {
		padding: 3rem 0 3rem 6rem
	}
}

@media only screen and (min-width:1200px) {
	.categories-sidebar--inner {
		padding: 4rem 0 4rem 11rem
	}
}

@media only screen and (max-width:767px) {
	.categories-sidebar--inner {
		padding: 0
	}
}

.categories-sidebar--inner:hover::before {
	border-color: var(--primary-color)
}

.categories-sidebar--inner::before {
	position: absolute;
	content: "";
	width: 60%;
	height: 100%;
	border: 4px solid var(--secondary-color2);
	top: 0;
	left: 0;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

@media only screen and (max-width:767px) {
	.categories-sidebar--inner::before {
		display: none
	}
}

.categories-product--items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.categories-product--items:hover {
	-webkit-box-shadow: 0 8px 16px rgba(25, 25, 25, .16);
	box-shadow: 0 8px 16px rgba(25, 25, 25, .16)
}

.categories-product--items-link {
	padding: 1.2rem 1.5rem;
	width: 100%
}

@media only screen and (max-width:767px) {
	.categories-product--items-link {
		padding: 1.2rem 1.2rem
	}
}

.categories-product--thumbnail-img {
	margin: 0 auto
}

@media only screen and (max-width:767px) {
	.categories-product--thumbnail-img {
		max-width: 8rem
	}
}

.categories-section--inner .col.mb-30 {
    padding: 0 8px;
}

.categories-product--title {
	margin-top: .5rem;
	font-size: 15px;
	line-height: 1;
}

@media only screen and (max-width:767px) {
	.new-product--section-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.new-product--content {
	width: 37rem;
	padding-right: 4rem
}

@media only screen and (max-width:767px) {
	.new-product--content {
		width: 100%;
		padding-right: 0;
		margin-bottom: 3rem
	}
}

.new-product--content-title {
	margin-bottom: 1.2rem
}

@media only screen and (min-width:1200px) {
	.new-product--content-title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem
	}
}

@media only screen and (min-width:1600px) {
	.new-product--content-title {
		font-size: 4.5rem;
		line-height: 5.5rem;
		margin-bottom: 2rem
	}
}

.new-product--sidebar {
	width: calc(100% - 37rem);
	padding: 4.5rem 0 6rem;
	padding-left: .2rem
}

@media only screen and (max-width:767px) {
	.new-product--sidebar {
		width: 100%;
		padding: 0 0 5rem
	}
}

.new-product--section::before {
	position: absolute;
	content: "";
	width: 42%;
	height: 100%;
	background: #f1f1f1;
	top: 0;
	right: 0
}

@media only screen and (min-width:992px) {
	.new-product--section::before {
		width: 50%
	}
}

@media only screen and (max-width:767px) {
	.new-product--section::before {
		display: none
	}
}

.product-pagination {
	bottom: 1.5rem !important
}

.product-pagination .swiper-pagination-bullet {
	background: #949494
}

.product-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--secondary-color)
}

.new-product--price {
	margin-bottom: 2.2rem
}

@media only screen and (min-width:1200px) {
	.new-product--price {
		margin-bottom: 3.2rem
	}
}

.new-product--price-badge {
	font-size: 1.4rem;
	line-height: 2.2rem;
	font-family: var(--poppins-heading);
	color: var(--text-gray-color)
}

.new-product--current-price {
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 600
}

.new-product--old-price {
	font-size: 1.8rem;
	line-height: 2.2rem;
	padding-left: 1rem;
	color: var(--text-gray-color)
}

.banner-items {
	overflow: hidden
}

.banner-items:hover .banner-items--thumbnail-img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.banner-items--thumbnail {
	display: block
}

@media only screen and (max-width:575px) {
	.banner-items--thumbnail {
		width: 100%
	}
}

.banner-items--thumbnail-img {
	display: block
}

@media only screen and (max-width:575px) {
	.banner-items--thumbnail-img {
		width: 100%
	}
}

.banner-items--content {
	position: absolute;
	top: 2.5rem;
	left: 2rem;
	cursor: pointer
}

@media only screen and (min-width:992px) {
	.banner-items--content {
		top: 3rem;
		left: 3.5rem
	}
}

.banner-items--content.one {
	top: 50%;
	left: auto;
	right: 2rem;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

@media only screen and (min-width:768px) {
	.banner-items--content.one {
		right: 2.5rem
	}
}

@media only screen and (min-width:992px) {
	.banner-items--content.one {
		right: 4.5rem
	}
}

.banner-items--content.two {
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

.banner-items--content.three {
	left: 3rem;
	top: 20%
}

@media only screen and (min-width:992px) {
	.banner-items--content.three {
		left: 6rem
	}
}

.banner-items--content.four {
	left: 2rem;
	right: 2rem;
	text-align: center
}

.banner-items--content.five {
	top: 50%;
	left: auto;
	right: 2rem;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

@media only screen and (min-width:768px) {
	.banner-items--content.five {
		right: 2.5rem
	}
}

@media only screen and (min-width:992px) {
	.banner-items--content.five {
		right: 4.5rem
	}
}

.banner-items--content-title {
	position: relative;
	padding-bottom: 1rem;
	font-size: 1.8rem;
	line-height: 2.4rem
}

@media only screen and (min-width:768px) {
	.banner-items--content-title {
		font-size: 2rem;
		line-height: 2.8rem
	}
}

@media only screen and (min-width:992px) {
	.banner-items--content-title {
		font-size: 2.2rem;
		line-height: 2.8rem
	}
}

@media only screen and (min-width:1200px) {
	.banner-items--content-title {
		font-size: 2.4rem;
		line-height: 3rem
	}
}

@media only screen and (min-width:1366px) {
	.banner-items--content-title {
		font-size: 2.8rem;
		line-height: 3.3rem
	}
}

@media only screen and (min-width:1600px) {
	.banner-items--content-title {
		font-size: 3rem;
		line-height: 3.6rem
	}
}

.banner-items--content-title.four::before {
	left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%)
}

.banner-items--content-style2 {
	position: absolute;
	left: 3rem;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

.banner-items--content-style2.right {
	left: auto;
	right: 3rem
}

.banner-items--content-style2--title {
	font-size: 1.7rem;
	line-height: 2.1rem;
	margin-bottom: .8rem
}

@media only screen and (min-width:768px) {
	.banner-items--content-style2--title {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 1rem
	}
}

@media only screen and (min-width:992px) {
	.banner-items--content-style2--title {
		font-size: 2rem;
		line-height: 2.6rem;
		margin-bottom: 1.2rem
	}
}

@media only screen and (min-width:1200px) {
	.banner-items--content-style2--title {
		font-size: 2.2rem;
		line-height: 3rem
	}
}

@media only screen and (min-width:1366px) {
	.banner-items--content-style2--title {
		font-size: 2.5rem;
		line-height: 3.6rem
	}
}

@media only screen and (min-width:1600px) {
	.banner-items--content-style2--title {
		font-size: 2.8rem;
		line-height: 4rem
	}
}

@media only screen and (max-width:575px) {
	.banner-video--thumbnail-img {
		height: 17rem;
		-o-object-fit: cover;
		object-fit: cover;
		margin: 0 auto
	}
}

.bideo-play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translatey(-50%) translatex(-50%);
	transform: translatey(-50%) translatex(-50%)
}

.bideo-play--icon {
	width: 8.4rem;
	height: 8.4rem;
	background: var(--white-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--secondary-color);
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-animation: animate 2s linear infinite;
	animation: animate 2s linear infinite;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.bideo-play--icon:hover {
	background: var(--secondary-color);
	color: var(--white-color);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

@media only screen and (max-width:767px) {
	.bideo-play--icon {
		width: 6rem;
		height: 6rem
	}
}

@media only screen and (max-width:767px) {
	.bideo-play--icon svg {
		width: 3.5rem
	}
}

@-webkit-keyframes animate {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .7)
	}

	40% {
		-webkit-box-shadow: 0 0 0 50px rgba(255, 193, 7, 0);
		box-shadow: 0 0 0 50px rgba(255, 193, 7, 0)
	}

	80% {
		-webkit-box-shadow: 0 0 0 50px rgba(255, 193, 7, 0);
		box-shadow: 0 0 0 50px rgba(255, 193, 7, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 rgba(255, 193, 7, 0);
		box-shadow: 0 0 0 rgba(255, 193, 7, 0)
	}
}

@keyframes animate {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .7)
	}

	40% {
		-webkit-box-shadow: 0 0 0 50px rgba(255, 193, 7, 0);
		box-shadow: 0 0 0 50px rgba(255, 193, 7, 0)
	}

	80% {
		-webkit-box-shadow: 0 0 0 50px rgba(255, 193, 7, 0);
		box-shadow: 0 0 0 50px rgba(255, 193, 7, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 rgba(255, 193, 7, 0);
		box-shadow: 0 0 0 rgba(255, 193, 7, 0)
	}
}

@media only screen and (max-width:767px) {
	.banner-sidebar--two {
		text-align: center;
		margin-top: 3rem
	}
}

@media only screen and (max-width:767px) {
	.banner-sidebar2--img {
		margin: 0 auto
	}
}

@media (min-width:768px) {
	.banner2-col--3 {
		width: 29%
	}
}

@media (min-width:992px) {
	.banner2-col--3 {
		width: 29%
	}
}

@media (min-width:1200px) {
	.banner2-col--3 {
		width: 27%
	}
}

@media only screen and (max-width:767px) {
	.banner-sidebar2--content {
		left: 1.5rem;
		right: 1.5rem
	}
}

@media (min-width:768px) {
	.banner2-col--6 {
		width: 52%
	}
}

@media (min-width:768px) {
	.banner2-col--6r {
		width: 48%
	}
}

@media (max-width:479px) {
	.banner-img--height {
		height: 18rem;
		-o-object-fit: cover;
		object-fit: cover
	}
}

.banner-content {
	position: absolute;
	top: 2rem;
	left: 2rem
}

.banner-content-subtitle {
	font-size: 1.5rem;
	line-height: 2.4rem;
	font-weight: 400;
	margin-bottom: .5rem
}

.banner-content-subtitle.text-ofwhite {
	color: #bcbcbc
}

.banner-content--title {
	font-size: 1.8rem;
	line-height: 3rem;
	margin-bottom: 1rem
}

@media only screen and (min-width:1200px) {
	.banner-content--title {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
}
}

.banner-content--title.text-white {
	color: var(--white-color)
}

.banner-content-link {
	color: var(--secondary-color2)
}

.banner-content-link:hover {
	color: var(--secondary-color) !important
}

.banner-content-link.primary-btn.style2 {
	background: inherit;
	border: 1px solid var(--primary-color);
	border-radius: 2rem;
	padding: 0 2.8rem
}

.banner-content-link.primary-btn.style2:hover {
	background: var(--secondary-color2);
	border-color: var(--secondary-color2);
	color: var(--white-color) !important
}

.banner-content-link.primary-btn.style2.text-white {
	border: 1px solid var(--secondary-color2);
	color: var(--primary-color)
}

@media only screen and (max-width:767px) {
	.banner-section--inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.banner-discount--content {
	width: 33.8rem
}

@media only screen and (max-width:767px) {
	.banner-discount--content {
		width: 100%;
		margin-bottom: 3rem
	}
}

.banner-discount--content-subtitle {
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: var(--text-gray-color);
	margin-bottom: 1.2rem
}

.banner-discount--content-title {
	margin-bottom: .8rem
}

@media only screen and (min-width:1200px) {
	.banner-discount--content-title {
		font-size: 3.5rem;
		line-height: 4.5rem;
		margin-bottom: 1rem
	}
}

@media only screen and (min-width:1600px) {
	.banner-discount--content-title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 1.3rem
	}
}

.banner-discount--content-desc {
	margin-bottom: 1.5rem
}

@media only screen and (min-width:1200px) {
	.banner-discount--content-desc {
		margin-bottom: 2.5rem
	}
}

@media only screen and (min-width:1600px) {
	.banner-discount--content-desc {
		margin-bottom: 3rem
	}
}

.banner2-right--sidebar {
	width: calc(100% - 33.8rem);
	padding: 3.5rem 0 3rem 3.8rem
}

@media only screen and (max-width:767px) {
	.banner2-right--sidebar {
		width: 100%;
		padding: 2rem 0 2rem 2rem
	}
}

@media only screen and (max-width:575px) {
	.banner2-right--sidebar {
		padding: 2rem 0 2rem 0
	}
}

.banner2-right--sidebar:hover::before {
	border-color: var(--secondary-color2)
}

.banner2-right--sidebar::before {
	position: absolute;
	content: "";
	width: 50%;
	height: 100%;
	border: 4px solid var(--primary-color);
	right: 0;
	top: 0;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.banner2-sidebar--items {
	margin-right: 2rem;
	overflow: hidden
}

.banner2-sidebar--items:last-child {
	margin-right: 0
}

@media (min-width:992px) {
	.banner2-sidebar--items {
		margin-right: 3rem
	}
}

.banner2-sidebar--items.one {
	margin-top: 4rem
}

@media (min-width:992px) {
	.banner2-sidebar--items.one {
		margin-top: 8rem
	}
}

.banner2-sidebar--items.two {
	margin-top: 2rem
}

@media (min-width:992px) {
	.banner2-sidebar--items.two {
		margin-top: 4rem
	}
}

.banner2-sidebar--items:hover .banner-items--thumbnail-img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.deals-content {
	position: absolute;
	left: 3.5rem;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

@media only screen and (max-width:480px) {
	.deals-content {
		text-align: center
	}
}

.deals-content-subtitle {
	font-size: 1.3rem;
	line-height: 2rem;
	color: var(--text-gray-color);
	margin-bottom: 1rem
}

.deals-content-maintitle {
	margin-bottom: 1.7rem;
	color: var(--primary-color)
}

@media (max-width:767px) {
	.deals-banner--thumbnail-img.style2 {
		height: 30rem;
		-o-object-fit: cover;
		object-fit: cover
	}
}

.product-banner {
	overflow: hidden
}

.product-banner:hover .product-banner--thumbnail-img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-banner--content {
	position: absolute;
	top: 3rem;
	left: 3rem
}

.product-banner--content-subtitle {
	font-family: var(--poppins-heading);
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: .4rem
}

.product-banner--content--title {
	font-size: 2.2rem;
	line-height: 2.8rem;
	margin-bottom: 2rem
}

.product-banner--content-price {
	font-size: 2rem;
	line-height: 2.2rem
}

@media only screen and (min-width:992px) {
	.product-banner--content-price {
		font-size: 2.5rem;
		line-height: 2.8rem
	}
}

.choiceus-banner--thumbnail {
	overflow: hidden
}

@media only screen and (max-width:991px) {
	.choiceus-banner--thumbnail.one {
		margin-right: 5rem
	}
}

.choiceus-banner--thumbnail.two {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

.choiceus-banner--thumbnail-img:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

@media only screen and (max-width:991px) {
	.choiceus-banner--thumbnail-img.two {
		max-width: 28rem
	}
}

@media only screen and (max-width:400px) {
	.choiceus-banner--thumbnail-img.two {
		max-width: 20rem
	}
}

@media only screen and (max-width:300px) {
	.choiceus-banner--thumbnail-img.two {
		max-width: 12rem
	}
}

.bideo-play {
	left: 70%
}

.bideo-play--icon {
	background: var(--primary-color);
	color: var(--white-color)
}

.bideo-play--icon:hover {
	background: var(--secondary-color)
}

.banner-content {
	position: absolute;
	top: 50%;
	left: 2rem;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

.banner-content-title {
	font-size: 1.8rem;
	margin-bottom: .5rem;
	line-height: 2.4rem
}

@media only screen and (min-width:992px) {
	.banner-content-title {
		margin-bottom: .5rem;
		line-height: 2.6rem
	}
}

@media only screen and (min-width:1200px) {
	.banner-content-title {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: .8rem
	}
}

.banner-content-price {
	display: block;
	margin-bottom: 1.5rem
}

@media only screen and (max-width:767px) {
	.banner-content-price {
		margin-bottom: 1rem;
		line-height: 2.2rem
	}
}

.banner-content-btn {
	height: 2.5rem;
	line-height: 2.3rem;
	font-size: 1.2rem;
	border: 1px solid var(--primary-color);
	background: inherit;
	color: var(--primary-color);
	padding: 0 1.5rem;
	border-radius: 0
}

.blog-section--inner {
	padding: 1rem
}

.blog-section--inner.p-0 {
	padding: 0
}

.blog-items {
	border:1px solid var(--border-color);
}

.blog-items:hover .blog-thumbnail--img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.blog-thumbnail {
	overflow: hidden;
	border-radius: 1rem 1rem 0 0
}

.blog-thumbnail--link {
	width: 100%
}

.blog-thumbnail--img {
	width: 100%
}

.blog-content {
	padding: 1.8rem 1.5rem 1.5rem
}

.blog-content--meta {
	margin-bottom: 1rem
}

@media only screen and (max-width:767px) {
	.blog-content--meta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.blog-content--meta-text {
	font-size: 1.2rem;
	color: var(--sky-color);
	margin-right: 1.8rem;
	display: flex;
	align-items: center;
}

.blog-content--meta-text span.material-symbols-outlined {
    font-size: 17px;
    margin-right: 3px;
}

.blog-content--meta-text:last-child {
	margin-right: 0
}

@media only screen and (min-width:1200px) {
	.blog-content--meta-text {
		margin-right: 2.2rem
	}
}

@media only screen and (max-width:767px) {
	.blog-content--meta-text {
		margin-right: 0;
		margin-bottom: .8rem
	}

	.blog-content--meta-text:last-child {
		margin-bottom: 0
	}
}

.blog-content--meta-icon {
	color: var(--secondary-color);
	margin-right: .4rem
}

.blog-content--title {
	line-height: 2.5rem;
	margin-bottom: 1.6rem
}

.blog-content--desc {
	font-size: 1.4rem;
	line-height: 2.3rem;
	margin-bottom: 2.2rem
}

@media only screen and (max-width:767px) {
	.blog-content--desc {
		font-size: 1.5rem
	}
}

.blog-content--btn {
	background: var(--white-color);
	border: 1px solid var(--primary-color);
	color: var(--secondary-color);
	font-size: 1.3rem;
	border-radius: 6px;	
}

@media only screen and (min-width:768px) {
	.blog-content--btn {
		line-height:3.5rem;
		height:auto;
		padding: 0px 20px;
	}
}

.blog-content--btn:hover {
	background: var(--secondary-color);
	color: var(--white-color);
	border-color: var(--secondary-color)
}

.blog-content--btn.btn-style3 {
	color: var(--white-color);
	border-radius: .2rem;
	font-size: 1.3rem
}

.articl-post--items {
	margin-bottom: 2rem
}

.articl-post--items:hover .articl-post--items-img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.articl-post--items:last-child {
	margin-bottom: 0
}

.articl-post--items-thumbnail {
	width: 9rem;
	overflow: hidden
}

.articl-post--items-content {
	width: calc(100% - 9rem);
	padding-left: 1.5rem
}

@media only screen and (min-width:768px) {
	.articl-post--items-content--title {
		font-size: 1.7rem;
		line-height: 2.2rem
	}
}

.testimonial-banner--thumbnail {
	overflow: hidden
}

@media only screen and (max-width:1199px) {
	.testimonial-banner--thumbnail {
		margin-top: 3rem
	}
}

.testimonial-banner--thumbnail:hover .testimonial-banner--thumbnail-img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.testimonial-items--topbar {
	margin-bottom: 1.7rem
}

@media only screen and (max-width:767px) {
	.testimonial-items--topbar {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media only screen and (max-width:767px) {
	.testimonial-items--content {
		text-align: center
	}
}

.testimonial-items--thumbnail {
	width: 5.6rem
}

.testimonial-items--author {
	position: relative;
	width: calc(100% - 5.6rem);
	padding-left: 1.5rem
}

@media only screen and (max-width:767px) {
	.testimonial-items--author {
		width: auto
	}
}

.testimonial-items--author-title {
	line-height: 2rem;
	font-size: 1.7rem
}

.testimonial-items--author-subtitle {
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: var(--text-gray-color);
	font-style: italic;
	font-family: var(--poppins-heading)
}

.testimonial-items--desc {
	margin-bottom: 1.2rem
}

@media only screen and (min-width:992px) {
	.testimonial-items--desc {
		margin-bottom: 1.4rem
	}
}

.testimonial-items--desc.style2 {
	margin: 1rem 0 1.5rem
}

.testimonial-icon--svg {
	color: var(--light-color)
}

.testimonial-rating {
	margin-top: 1rem !important
}

.testimonial-rating .rating-list {
	margin-right: .3rem
}

.testimonial-padding {
	padding-bottom: 5rem
}

@media only screen and (min-width:1366px) {
	.testimonial-padding {
		padding-bottom: 6.5rem
	}
}

@media only screen and (max-width:767px) {
	.testimonial-padding {
		padding-bottom: 4rem
	}
}

.testimonial-swiper--column3 .swiper-pagination-bullet {
	background: #c2c2c2
}

.testimonial-swiper--column3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--secondary-color2)
}

.testimonial-bg--two {
	background: #f6f6f6
}

section.testimonial-section {
    border-top: 1px solid #eee;
}
.testimonials-product{
	margin:30px 0;
}
.testimonials-product img {
    height: 250px;
    object-fit: cover;
    width: 100%;
}
.testimonials-product .testi-product-name {
    font-size: 15px;
    margin-bottom: 5px;
}
.testimonials-product .product-items--action-cart--btn {
    opacity: 1;
    visibility: visible;
    background: var(--secondary-color2);
}
.testimonials-product .product-items--action-cart--btn:hover{
	background: var(--secondary-color);
}
.testimonial-items {
	background: var(--white-color);
	padding: 3.5rem 1.5rem;
	text-align: center;
	border: 1px solid var(--border-color);
}

.testimonial-thumbnail {
	width: 6rem;
	margin:0 auto;
}

.testimonial-content {
	width: calc(100% - 5.6rem);
	padding-left: 1.7rem
}

p.testimonial--content-desc {
    font-size: 14px;
    line-height: 1.7;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
    line-clamp: 3; 
   -webkit-box-orient: vertical;
}

@media only screen and (min-width:768px) {
	.testimonial-content {
		padding-left: 3rem
	}
}

.testimonial-quote--icon {
	position: absolute;
	top: 1.5rem;
	left: 2rem
}

.testimonial-bg--shape1 {
	position: absolute;
	top: 0;
	left: 0
}

.testimonial-bg--shape2 {
	position: absolute;
	top: 0;
	right: 0
}

.testimonial-padding3 {
	padding: 1rem .5rem 4.4rem
}

.testimonial-items {
	background: #f8f8f8;
	padding: 2.5rem 2rem;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

@media only screen and (min-width:768px) {
	.testimonial-items {
		padding: 3.5rem 2.5rem
	}
}

.testimonial-thumbnail {
	margin-bottom: 1.5rem
}

.testimonial-thumbnail-img {
	margin: 0 auto;
	border-radius: 100px;
}

.testimonial--author {
	margin-bottom: 1.2rem
}

.testimonial--author-title {
	font-size: 1.4rem;
	line-height: 1.8rem
}

.testimonial--author-subtitle {
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: var(--text-gray-color)
}

/*Newsletter*/
section.newsletter-banner--section {
    padding: 25px 0;
    background: var(--primary-color);
}
.newsletter-banner--section .container {
    max-width: 1000px;
}
h3.newsletter-content--title {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 1px;
}
.newsletter-subscribe--input {
	width: 100%;
	height: 5rem;
	border: 0;
	background: var(--white-color);
	padding: 0 12.5rem 0 2rem
}

.newsletter-subscribe--button {
    position: absolute;
    right: 1rem;
    top: 8px;
    display: flex;
    height: 3.3rem;
    align-items: center;
    line-height: 3.3rem;
    font-size: 1.3rem;
    padding: 0 1.2rem;
}
.newsletter-subscribe--button span.material-symbols-outlined {
    font-size: 20px;
    margin-left: 5px;
}

@media only screen and (min-width:1600px) {
	.newsletter-subscribe--button {
		padding: 0 2rem
	}
}

.newsletter-subscribe--button-icon {
	vertical-align: middle;
	margin-left: .4rem
}

@media only screen and (max-width:575px) {
	.newsletter-subscribe--button {
		padding: 0 1rem
	}
}

.footer-newsletter--desc {
	font-size: 1.5rem
}

@media only screen and (max-width:1199px) {
	.footer-newsletter--input {
		padding: 0 1.4rem 0
	}
}

@media only screen and (max-width:1199px) {
	.footer-newsletter--button {
		position: inherit;
		top: inherit;
		right: inherit;
		margin-top: 1.5rem
	}
}

.shipping-section--inner {
	margin: 0 auto;
	padding: 2.5rem;
	background: var(--white-color);
	border-top: 1px solid var(--border-color);
}

@media only screen and (max-width:575px) {
	.shipping-section--inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.shipping_mt {
	margin-top: -5rem
}

@media only screen and (max-width:767px) {
	.shipping_mt {
		margin-top: 6rem
	}
}

.shipping-items {
	position: relative;
	padding-right: 4rem
}

@media only screen and (min-width:992px) {
	.shipping-items {
		padding-right: 6rem
	}
}

@media only screen and (max-width:767px) {
	.shipping-items {
		padding-right: 2.2rem
	}
}

@media only screen and (max-width:575px) {
	.shipping-items {
		width: 50%;
		padding: 1rem
	}
}

.shipping-items::before {
	position: absolute;
	content: "";
	width: 6.5rem;
	height: .1rem;
	border: 1px dashed var(--secondary-color);
	right: -14px;
	top: 20px;
	opacity: .6
}

@media only screen and (min-width:992px) {
	.shipping-items::before {
		width: 8.5rem
	}
}

@media only screen and (max-width:767px) {
	.shipping-items::before {
		display: none
	}
}

.shipping-items:last-child {
	padding-right: 0
}

.shipping-items:last-child::before {
	display: none
}

.shipping-items--content {
	margin-top: 1.3rem
}

@media only screen and (max-width:575px) {
	.shipping-items--content {
		margin-top: .8rem
	}
}

.shipping-items--content-title {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.5rem;
    text-transform: uppercase;
}

@media only screen and (max-width:767px) {
	.shipping-items--content-title {
		font-size: 1.4rem
	}
}

.shipping-style2--inner {
	border: 1px solid var(--gray-color);
	padding: 3rem;
	-webkit-box-shadow: 0 3px 6px rgba(100, 100, 100, .1);
	box-shadow: 0 3px 6px rgba(100, 100, 100, .1)
}

@media only screen and (min-width:992px) {
	.shipping-style2--inner {
		padding: 3rem 2rem
	}
}

@media only screen and (min-width:1200px) {
	.shipping-style2--inner {
		padding: 3rem
	}
}

@media only screen and (max-width:991px) {
	.shipping-style2--inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 3rem 2rem .4rem
	}
}

.shipping-style2--items {
	position: relative;
	padding-right: 5.5rem;
	margin-right: 5.5rem
}

@media only screen and (min-width:992px) {
	.shipping-style2--items {
		padding-right: 2rem;
		margin-right: 2rem
	}
}

@media only screen and (min-width:1200px) {
	.shipping-style2--items {
		padding-right: 5.5rem;
		margin-right: 5.5rem
	}
}

@media only screen and (max-width:991px) {
	.shipping-style2--items {
		padding-right: 3rem;
		margin-right: 0;
		width: 33.33%;
		margin-bottom: 2.5rem
	}
}

@media only screen and (max-width:767px) {
	.shipping-style2--items {
		width: 50%
	}
}

@media only screen and (max-width:575px) {
	.shipping-style2--items {
		width: 100%;
		padding-right: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.shipping-style2--items:last-child {
	padding-right: 0;
	margin-right: 0
}

.shipping-style2--items:last-child::before {
	display: none
}

.shipping-style2--items::before {
	position: absolute;
	content: "";
	width: .1rem;
	height: 100%;
	background: var(--gray-color);
	right: 0;
	top: 0
}

@media only screen and (max-width:991px) {
	.shipping-style2--items::before {
		display: none
	}
}

.shipping-style2--icon {
	margin-right: 2.5rem;
	color: var(--secondary-color2)
}

.shipping-style2--content-title {
	font-size: 1.5rem;
	line-height: 2.2rem
}

.shipping-style2--content-desc {
	font-family: var(--poppins-heading);
	line-height: 2.2rem;
	font-size: 1.4rem
}

/*Footer Section*/

.footer-bg {
    background: var(--secondary-color2);
}
.footer-copyright {
    background: #3e3e3e;
}

@media only screen and (max-width:991px) {
	.footer-section {
		/*padding-bottom: 7rem*/
	}

	.vtext{
		display: none;
	}
}

.main-footer {	
	padding: 5rem 0 4rem
}

@media only screen and (max-width:767px) {
	.main-footer {
		padding: 6rem 0 3.5rem
	}
}

.footer-social {
	margin-top:1.5rem
}

@media only screen and (min-width:992px) {
	.footer-social {
		margin-top: 1.2rem
	}
}

.social-shear--list {
	margin-right: 1.6rem
}

.social-shear--list:last-child {
	margin-right: 0
}

.social-shear--list-icon {
	color: var(--secondary-color)
}

.social-shear--list-icon:hover {
	color: var(--primary-color)
}

.footer-logo {
	margin-bottom: 1.5rem
}

@media only screen and (max-width:991px) {
	.footer-widget {
		margin-bottom: 3rem
	}
}

@media only screen and (max-width:767px) {
	.footer-widget {
		margin-bottom: 0
	}
}

.footer-widget--desc {
	font-size: 1.5rem
}

.footer-widget--title {
	margin-bottom: 2rem;
	font-weight: 400;
	position: relative;
	color: var(--white-color);
	position: relative;
	font-size:1.5rem;
}

.footer-widget--title:before{
	position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 30px;
    border-bottom: 2px solid #ED7745;
}

@media only screen and (min-width:576px) {
	.footer-widget--title {
		font-size: 1.5rem;
		line-height: 2.4rem
	}
}

@media only screen and (min-width:768px) {
	.footer-widget--title {
		margin-bottom: 1.5rem
	}
}

@media only screen and (min-width:992px) {
	.footer-widget--title {
		font-size: 1.7rem;
		line-height: 2.6rem;
		margin-bottom:2.5rem;
		text-transform: uppercase;
		font-weight: 600;
	}
}

.footer-widget--title-arrowdown--icon {
	position: absolute;
	right: 0;
	top: 38%;
	-webkit-transition: .3s;
	transition: .3s;
	display: none
}

@media only screen and (max-width:767px) {
	.footer-widget--title-arrowdown--icon {
		display: block
	}
}

.footer-widget.active {
	padding-bottom: 3rem
}

.footer-widget.active .footer-widget--title-arrowdown--icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

ul.footer-widget--menu.footer-widget--menu-two {
    column-count: 2;
}
.footer-widget--menu-list {
    margin-bottom: .7rem;
}
.footer-widget--menu-list:last-child {
	margin-bottom: 0
}

.footer-widget--menu-text {
    line-height: 2.5rem;
    font-size: 13.5px;
    color: var(--white-color);
    font-family: var(--poppins-heading);
}

.footer-widget--button {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	content: "";
	color: transparent;
	border: 0;
	background-color: transparent
}

@media only screen and (max-width:767px) {
	.footer-widget--button {
		visibility: visible
	}
}

@media only screen and (max-width:767px) {
	.footer-widget--inner {
		display: none
	}
}

.footer-bottom {
	padding: 1.5rem 0
}

@media only screen and (max-width:991px) {
	.footer-bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.copyright-content {
	font-size: 1.3rem;
	color: var(--white-color);
}

@media only screen and (max-width:991px) {
	.copyright-content {
		margin-bottom: 2rem
	}
}

@media only screen and (max-width:767px) {
	.copyright-content {
		text-align: center
	}
}

.copyright-content--link {
	color: var(--primary-color);
	font-weight: 600
}

.copyright-content--link:hover {
	text-decoration: underline
}

.footer-contact--info-inner {
	margin-bottom: 1.5rem
}

.footer-contact--info-text {
	font-size: 14px;
	line-height: 2.5rem;
	color: var(--white-color);
	font-family: var(--poppins-heading);
	margin-bottom: 5px;
}

.footer-contact--info-text:last-child {
	margin-bottom: 0
}

.footer-payment--method-title {
	font-size: 1.5rem;
	line-height: 2.2rem;
	font-family: var(--poppins-heading);
	margin-bottom: 1.7rem
}

/********************
MODAL
*********************/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	background: rgba(0, 0, 0, .8);
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in;
	transition: all .35s ease-in;
	z-index: 99
}

.modal.is-visible {
	visibility: visible;
	opacity: 1
}

.modal.is-visible .quickview-main--wrapper,
.modal.is-visible .login-main--wrapper {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

/*===========================
Login Popup
=============================*/
.login-popup .row.align-items-center {
    margin: 0 !important;
}
button.close-modal.login-close--btn {
    font-size: 15px;
    line-height: 30px;
}
.account-popup h4.login-message {
    font-size: 25px;
}
.login-popup .col-lg-6.col-md-6{
	padding:0;
}
.login-popup img.login-popup-img {
    height: 530px;
    margin: 0;
    line-height: 1;
    display: block;
    object-fit: cover;
}
.modal-dialog.login-main--wrapper {
    padding: 0;
    border-radius: 0;
}
.modal-dialog.login-main--wrapper .account-popup {
    padding: 40px;
    text-align: center;
}
.login-main--wrapper .form-heading,
.login-main--wrapper .social-head {
    font-size: 14px;
    text-transform: uppercase;
    margin-top:10px;
    margin-bottom: 10px;
    font-weight: bold;
}
.login-main--wrapper .form-heading:after,
.login-main--wrapper .social-head:after {
    content: "";
    border-bottom: 1px solid var(--secondary-color);
    width: 50px;
    display: block;
    padding-top: 5px;
    margin: 0 auto;
}
.predictive-login--form input.input-form {
    height: 45px;
    border-radius: 0;
    padding: 10px 15px;
    margin:5px 0;
    color: #999;
    border: 1px solid #cccccc;
    width: 100%;
}
button.primary-btn.form--submit-button {
    width: 100%;
    border-radius: 0;
    margin: 5px 0;
    height: auto;
    text-transform: uppercase;
}
.login-popup  #default-module {
    margin-top:20px;
}
.giveaway_section .social-head {
    margin-bottom: 0;
    margin-top: 15px;
}
.login-popup  #default-module .facebook {
    padding-right: 5px;
}
#default-module .columns {
    width: 50%;
    text-align: center;
}
.login-popup  #default-module .fb-auth,
.login-popup  #default-module .google-auth {
    padding: 12px 20px;
    color: #FFF;
    font-size: 14px;
    margin: 0;
    display: flex;
    align-items: center;
    margin: 10px auto;
    height: 45px;    
    justify-content: center;
    text-transform: capitalize;
    font-weight: 500;
}
.login-popup  #default-module .fb-auth {
    background: #3A579D;
}
.login-popup  #default-module .google-auth {
    background: #DB4934;
}
.login-popup #default-module a svg {
    fill: #fff;
    width: 20px;
    margin-right: 5px;
}




.quickview-main--wrapper,
.login-main--wrapper {
	position: relative;
	max-width: 880px;
	max-height: 80vh;
	border-radius: 10px;
	background: #fff;
	overflow: auto;
	cursor: default;
	padding: 25px;
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

@media only screen and (max-width:767px) {
	.quickview-main--wrapper {
		max-width: 550px
	}
}

@media only screen and (max-width:575px) {
	.quickview-main--wrapper {
		padding: 25px 15px
	}
}

.quickview-header,
.login-header {
	position: absolute;
	padding: 0;
	top: 16px;
	right: 16px;
	z-index: 9
}

@media only screen and (max-width:767px) {
	.quickview-header,
	.login-header {
		top: 10px;
		right: 10px
	}
}

.quickview-close--btn,
.login-close--btn {
	font-size: 1.8rem;
	padding: 0;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.4rem;
	border-radius: 50%;
	font-weight: 700;
	border: 1px solid var(--border-color);
	background: var(--white-color)
}

.quickview-close--btn:hover,
.login-close--btn:hover {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--white-color)
}

[data-animation] .modal-dialog {
	opacity: 0;
	-webkit-transition: all .5s cubic-bezier(.51, .92, .24, 1.15);
	transition: all .5s cubic-bezier(.51, .92, .24, 1.15)
}

[data-animation].is-visible .modal-dialog {
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.quickview-info--review-text {
	color: var(--text-gray-color);
	font-weight: 500;
	margin-left: 15px
}

@media only screen and (max-width:767px) {
	.quickview-gallery {
		margin-bottom: 20px
	}
}

.quickview-thumbnail {
	position: relative;
	line-height: 1
}

.quickview-thumbnail--link {
	width: 100%;
	border-radius: 8px
}

.quickview-thumbnail--img {
	width: 100%;
	border-radius: 8px
}

.quickview-gallery--pagination .swiper-pagination-bullet {
	width: 16px;
	height: 5px;
	background: var(--secondary-color);
	opacity: 1;
	border-radius: 2px;
	margin: 0 3px !important
}

.quickview-gallery--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--primary-color)
}

.variant-color--value {
	min-width:100px;
    border: 1px solid #CCC;
	height: 2.5rem;
	padding:5px 3px;
	text-align: center;
	font-size: 13px;
	color: #ababab;
	display: inline-block;
	margin-right: 3px;
	line-height: 1;
	cursor: pointer
}

.variant-color--value:hover{
	color: var(--primary-color);
	border-color: var(--primary-color);
}
.variant-color--value:last-child {
	margin-right: 0
}

.variant-color--value-img {
	border-radius: 50%
}

.variant-color--list input[type=radio]+label {
	border: 1px solid var(--primary-color)
}

.variant-color--list input[type=radio]+label:hover {
	border: 1px solid var(--secondary-color)
}

.variant-color--list {
	margin-right: 10px
}

.variant-color--list input[type=radio] {
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px
}

.variant-color--list input[type=radio]:checked+label {
	border: 1px solid var(--secondary-color)
}

.variant-color--list:last-child {
	margin-right: 0
}

.variant-input--fieldset {
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	border: none;
	margin: 0;
	padding: 0
}

.variant-size--list input[type=radio]+label {
	border: 1px solid #ddd
}

.variant-size--list input[type=radio]+label:hover {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color)
}

.variant-size--list {
	margin-right:5px;
	margin-bottom: 5px;
}

.variant-size--list:last-child {
	margin-right: 0
}

.variant-size--list input[type=radio] {
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px
}

.variant-size--list input[type=radio]:checked+label {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color)
}

.variant-size--value {
	width: 100px;
	line-height: 3rem;
	display: inline-block;
	border-radius: 0;
	text-align: center;
	font-size: 1.5rem;
	border: 1px solid #CCC;
	font-size: 13px;
    color: #ababab;
	cursor: pointer
}

.quickview-variant--wishlist-svg {
	width: 22px;
	margin-right: 7px
}

.variant-wishlist--icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.quickview-value--quantity {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 2.2rem;
	line-height: 3.3rem
}

.quickview-value--quantity.decrease {
	border-radius: 17px 0 0 17px
}

.quickview-value--quantity.increase {
	border-radius: 0 17px 17px 0
}

input.quickview-value--number {
	height: 3.5rem;
	font-size: 1.7rem
}

.quickview-cart--btn {
	height: 3.8rem;
	line-height: 3.8rem;
	padding: 0 25px;
	margin-left: 15px;
	font-size: 1.5rem
}

.quickview-social--title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-right: 15px
}

.quickview-social--list {
	margin-right: 10px
}

.quickview-social--list:last-child {
	margin-right: 0
}

.quickview-social--icon {
	width: 3rem;
	height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: var(--secondary-color);
	color: var(--white-color);
	border-radius: 50%
}

.quickview-social--icon:hover {
	background: var(--primary-color);
	color: var(--white-color)
}

@media only screen and (max-width:767px) {
	.accordion-section--inner .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

@media only screen and (max-width:767px) {
	.accordion-banner {
		text-align: center
	}
}

@media only screen and (max-width:767px) {
	.accordion-wrapper {
		margin-bottom: 30px
	}
}

.accordion-items.active {
	margin-bottom: 20px
}

.accordion-items.active:last-child {
	margin-bottom: 0
}

.accordion-items--body {
	display: none;
	padding: 0 20px
}

.accordion-items--body-desc {
	font-size: 1.5rem;
	line-height: 2.8rem
}

.accordion-items--button {
	border: 0;
	background: var(--white-color);
	width: 100%;
	padding: 13px 60px 13px 25px;
	text-align: left;
	margin-bottom: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	position: relative
}

@media only screen and (min-width:992px) {
	.accordion-items--button {
		padding: 13px 70px 13px 35px
	}
}

@media only screen and (min-width:1200px) {
	.accordion-items--button {
		padding: 24px 80px 24px 40px
	}
}

.accordion-items--button-icon {
	width: 3rem;
	height: 3rem;
	background: var(--secondary-color);
	color: var(--white-color);
	padding: 5px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

@media only screen and (min-width:768px) {
	.accordion-items--button-icon {
		right: 15px
	}
}

@media only screen and (min-width:992px) {
	.accordion-items--button-icon {
		right: 35px
	}
}

.portfolio-items--thumbnail::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--secondary-color);
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	z-index: 9;
	pointer-events: none
}

.portfolio-items--thumbnail:hover::before {
	opacity: .6
}

.portfolio-items--thumbnail-link {
	overflow: hidden;
	display: block
}

.portfolio-items--thumbnail:hover .portfolio-items--thumbnail-img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.portfolio-items--thumbnail:hover .portfolio-view--icon {
	-webkit-transform: translatey(-50%) translatex(-50%) scale(1);
	transform: translatey(-50%) translatex(-50%) scale(1)
}

.portfolio-items--thumbnail-img {
	-webkit-transition: .3s;
	transition: .3s;
	display: block
}

.portfolio-view--icon {
	width: 4rem;
	height: 4rem;
	background: var(--white-color);
	color: var(--secondary-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translatey(-50%) translatex(-50%) scale(0);
	transform: translatey(-50%) translatex(-50%) scale(0)
}

.portfolio-view--icon svg {
	width: 2.7rem
}

.portfolio-view--icon:hover {
	background: var(--primary-color);
	color: var(--white-color)
}

@media only screen and (max-width:767px) {
	.brand-logo--section {
		padding-bottom: 3rem
	}
}

@media only screen and (max-width:767px) {
	.brand-logo--section-inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}
}

.brand-logo--items {
	margin-right: 8rem
}

.brand-logo--items:last-child {
	margin-right: 0
}

@media only screen and (min-width:768px) {
	.brand-logo--items {
		margin-right: 3.5rem
	}
}

@media only screen and (min-width:992px) {
	.brand-logo--items {
		margin-right: 6rem
	}
}

@media only screen and (min-width:1200px) {
	.brand-logo--items {
		margin-right: 8rem
	}
}

@media only screen and (max-width:767px) {
	.brand-logo--items {
		margin: 0 30px 30px
	}
}

@media only screen and (max-width:480px) {
	.brand-logo--items {
		margin: 0 15px 30px
	}
}

@media only screen and (max-width:480px) {
	.brand-logo--items-thumbnail--img {
		max-width: 11rem
	}
}

.brand-logo--items-thumbnail--img:hover {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}

.product-details-page header.header-section {
    margin: 0;
}

.breadcrumb-bg {
	background: var(--border-color);
	padding: 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.breadcrumb-content {
	position: relative
}

@media only screen and (max-width:575px) {
	.breadcrumb-content {
		text-align: center
	}
}

@media only screen and (min-width:1200px) {
	.breadcrumb-content--title {
		font-size: 3rem;
		line-height: 3rem
	}
}

@media only screen and (min-width:1600px) {
	.breadcrumb-content--title {
		font-size: 2.6rem;
		line-height: 2.5rem
	}
}

@media only screen and (max-width:575px) {
	.breadcrumb-content--menu {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.breadcrumb-content--menu-items {
	position: relative;
	margin-right: 20px;
	padding-right: 22px;
	font-size: 13px;
	line-height: 24px;
	font-weight: 300;
}

.category-discription{
	color: var(--white-color);
	font-size: 14px;
	line-height: 20px;
}

@media only screen and (min-width:768px) {
	.breadcrumb-content--menu-items {
		font-size: 13px
	}
}

.breadcrumb-content--menu-items:last-child {
	margin-right: 0;
	padding-right: 0
}

.breadcrumb-content--menu-items:last-child::before {
	display: none
}

.breadcrumb-content--menu-items::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 2px;
	background: var(--sky-color);
	right: -4px;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

@media only screen and (max-width:991px) {
	.team-section.section--padding {
		padding-bottom: 6rem
	}
}

@media only screen and (max-width:767px) {
	.team-section.section--padding {
		padding-bottom: 4rem
	}
}

@media only screen and (max-width:991px) {
	.about-thumbnail {
		margin-bottom: 3rem
	}
}

@media only screen and (max-width:767px) {
	.about-thumbnail {
		margin-bottom: 2.5rem
	}
}

.about-thumbnail--items {
	margin-right: 2rem
}

.about-thumbnail--items:last-child {
	margin-right: 0
}

.about-thumbnail--items:first-child {
	margin-top: 8rem
}

@media only screen and (max-width:991px) {
	.about-thumbnail--items:first-child {
		margin-top: 0
	}
}

.about-thumbnail--play {
	top: 40%;
	padding: 0;
	border: 0;
	right: 42%;
	position: absolute
}

@media only screen and (max-width:991px) {
	.about-thumbnail--play {
		top: 50%;
		-webkit-transform: translatey(-50%);
		transform: translatey(-50%);
		margin-top: 0
	}
}

.about-thumbnail--play-icon {
	width: 5rem;
	height: 5rem
}

.about-content--subtitle {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2rem
}

.about-content--maintitle {
	font-weight: 700
}

@media only screen and (min-width:992px) {
	.about-content--maintitle {
		font-size: 2.5rem;
		line-height: 3.5rem
	}
}

@media only screen and (min-width:1600px) {
	.about-content--maintitle {
		font-size: 2.5rem;
		line-height: 3.5rem
	}
}

.about-content--desc {
	font-size: 14px;
	line-height: 2.4rem;
	color: var(--text-gray-color)
}

@media only screen and (max-width:575px) {
	.counterup-banner--inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 50px 0
	}
}


@media only screen and (max-width:575px) {
	.counterup-banner--items {
		width: 50%;
		margin-bottom: 22px
	}
}

.counterup-banner--inner {
    max-width: 1000px;
    margin: 0 auto;
}

.counterup-banner--items-text {
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 1px;
	margin-bottom: 10px
}

.counterup-banner--items-number {
	font-family: var(--font-lora);
	font-weight: 700;
	font-size: 3rem;
    line-height: 4rem;
}


.team-items:hover .team-thumbnail {
	border-color: var(--secondary-color)
}

@media only screen and (max-width:991px) {
	.team-items {
		margin-bottom: 2.5rem
	}
}

.team-thumbnail {
	position: relative;
	line-height: 1;
	display: inline-block;
	border: 6px solid transparent;
	padding: .7rem;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	border-radius: 50%
}

.team-social--list {
	margin-right: 1.5rem
}

.team-social--list:last-child {
	margin-right: 0
}

@media only screen and (max-width:575px) {
	.team-social--list {
		margin-right: .8rem
	}
}

.team-social--icon {
	width: 3rem;
	height: 3rem;
	text-align: center;
	background: var(--secondary-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--white-color)
}

.team-social--icon:hover {
	color: var(--white-color);
	background: var(--primary-color)
}

@media only screen and (max-width:575px) {
	.team-social--icon {
		width: 2.6rem;
		height: 2.6rem;
		line-height: 3.4rem
	}
}

@media only screen and (max-width:575px) {
	.team-social--icon svg {
		width: 15px
	}
}

.team-content {
	padding: 1.8rem 0 0
}

@media only screen and (max-width:991px) {
	.team-content {
		padding: 1.2rem 0 0
	}
}

.team-content--subtitle {
	color: var(--sky-color);
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 1.5rem
}

@media only screen and (min-width:767px) {
	.team-content--subtitle {
		font-size: 1.7rem;
		line-height: 2.5rem
	}
}

.team-content--title {
	font-weight: 700;
	margin-bottom: 1rem
}

@media only screen and (min-width:992px) {
	.team-content--title {
		font-size: 2.2rem;
		line-height: 2.5rem;
		margin-bottom: 1.5rem
	}
}

@media only screen and (min-width:1200px) {
	.team-content--title {
		font-size: 2.4rem;
		line-height: 2.5rem
	}
}

@media only screen and (max-width:575px) {
	.team-content--title {
		font-size: 1.8rem;
		line-height: 2.5rem
	}
}

.shop-header {
	padding: 1.5rem 2rem;
	border-radius: .5rem
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.shop-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media only screen and (max-width:479px) {
	.shop-header {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.product-view--mode-list {
	margin-right: 2rem
}

.product-view--mode-list:last-child {
	margin-right: 0
}

@media only screen and (min-width:992px) {
	.product-view--mode-list {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width:1200px) {
	.product-view--mode-list {
		margin-right: 2.5rem
	}
}

@media only screen and (min-width:1366px) {
	.product-view--mode-list {
		margin-right: 3.5rem
	}
}

@media only screen and (max-width:991px) {
	.product-view--mode-list {
		margin-right: 0
	}
}

.product-view--label {
	font-weight: 500;
	margin-right: 1.2rem
}

@media only screen and (min-width:992px) {
	.product-view--label {
		margin-right: .8rem;
		font-size: 1.5rem
	}
}

@media only screen and (min-width:1200px) {
	.product-view--label {
		margin-right: 2.5rem
	}
}

@media only screen and (min-width:1366px) {
	.product-view--label {
		margin-right: 3.5rem
	}
}

.product-view--select {
	border: 1px solid var(--border-color);
	padding: .6rem 3rem .6rem 1.2rem;
	-webkit-appearance: none;
	cursor: pointer;
	border-radius: .5rem;
	background: var(--white-color)
}

.select.shop-header--select::before {
	right: 14px
}

.product-grid--column-buttons--icons {
	border: 1px solid var(--border-color);
	background: var(--white-color);
	border-radius: .3rem;
	width: 3.7rem;
	height: 3.7rem;
	line-height: 1.1rem;
	margin-right: 10px;
	text-align: center;
	padding: 0
}

.product-grid--column-buttons--icons:last-child {
	margin-right: 0
}

.product-grid--column-buttons--icons:hover {
	color: var(--secondary-color);
	border-color: var(--secondary-color)
}

.product-grid--column-buttons--icons.active {
	color: var(--secondary-color);
	border-color: var(--secondary-color)
}

.product-showing--count {
	font-weight: 500;
	letter-spacing: .5px
}

@media only screen and (min-width:992px) {
	.product-showing--count {
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
}

@media only screen and (min-width:1200px) {
	.product-showing--count {
		font-size: 1.3rem;
		line-height: 2.5rem;
		margin-top: 0;
	}
}

@media only screen and (max-width:479px) {
	.product-showing--count {
		text-align: center;
		width: 100%;
		margin-top: 1.2rem
	}
}

.offcanvas-filter--sidebar {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 300px;
	height: 100vh;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	background-color: var(--white-color);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	overflow-y: auto
}

@media only screen and (min-width:480px) {
	.offcanvas-filter--sidebar {
		max-width: 320px
	}
}

.offcanvas-filter--sidebar.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.widget-filter--btn {
	border: 1px solid var(--border-color);
	background: var(--white-color);
	border-radius: .3rem;
	padding: .5rem 1.2rem
}

@media only screen and (max-width:479px) {
	.widget-filter--btn {
		margin-right: 2.5rem
	}
}

.widget-filter--btn:hover {
	border-color: var(--secondary-color);
	color: var(--secondary-color)
}

.widget-filter--btn-icon {
	width: 20px
}

.widget-filter--btn-text {
	font-weight: 500;
	font-size: 1.5rem;
	margin-left: .7rem
}

.offcanvas-filter--close {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid var(--border-color);
	padding: .5rem 1rem;
	border-radius: .3rem;
	margin: 25px;
	background: var(--white-color)
}

.offcanvas-filter--close:hover {
	border-color: var(--secondary-color);
	color: var(--secondary-color)
}

.offcanvas-filter--close-text {
	font-size: 1.5rem;
	font-weight: 500;
	margin-left: 8px
}

.shop-sidebar--widget {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.single-widget {
	margin-bottom: 3rem
}

@media only screen and (min-width:992px) {
	.single-widget {
		margin-bottom: 4rem
	}
}

.single-widget:last-child {
	margin-bottom: 0
}

.single-widget.widget-bg {
	padding: 2rem;
	border-radius: .5rem;
	-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 22px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:991px) {
	.single-widget.widget-bg {
		padding: 3rem 2rem 2.5rem
	}
}

.widget-title {
	margin-bottom: 3rem;
	color: var(--secondary-color);
	padding-left: 5rem
}

@media only screen and (min-width:992px) {
	.widget-title {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 3rem
	}
}

@media only screen and (min-width:1366px) {
	.widget-title {
		font-size: 2.3rem;
		line-height: 3rem;
		margin-bottom: 3rem
	}
}

@media only screen and (min-width:1400px) {
	.widget-title {
		font-size: 2.5rem;
		line-height: 3rem;
		margin-bottom: 3rem
	}
}

.widget-title::before {
	position: absolute;
	content: "";
	width: 4.6rem;
	height: 6.9rem;	
	left: 0;
	top: 48%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

.widget-search--form {
	position: relative
}

.widget-search--form-input {
	width: 100%;
	height: 4.5rem;
	padding: 0 9rem 0 1.5rem;
	border-radius: .5rem;
	border: 1px solid var(--border-color)
}

@media only screen and (min-width:992px) {
	.widget-search--form-input {
		font-size: 1.5rem
	}
}

.widget-search--form-input:focus {
	border-color: var(--secondary-color)
}

.widget-search--form-btn {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	background: var(--secondary-color);
	color: var(--white-color);
	padding: 0 1.5rem;
	height: 100%;
	border-radius: 0 .5rem .5rem 0
}

.widget-search--form-btn:hover {
	background: var(--primary-color)
}

.widget-categories--menu-list {
	border: 1px solid var(--border-color);
	margin-bottom: 1.5rem;
	border-radius: .5rem
}

.widget-categories--menu-list:last-child {
	margin-bottom: 0
}

.widget-categories--menu-list.active .widget-categories--menu-label {
	margin-bottom: 0
}

.widget-categories--menu-list.active .widget-categories--menu-arrowdown--icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	top: 38%
}

.widget-categories--menu-label {
	cursor: pointer;
	padding: .5rem 1rem;
	position: relative;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.widget-categories--menu-label:hover {
	color: var(--primary-color)
}

.widget-categories--menu-text {
	padding-left: 1rem
}

.widget-categories--menu-img {
	width: 3rem
}

.widget-categories--menu-arrowdown--icon {
	position: absolute;
	right: 1.5rem;
	top: 43%;
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.widget-categories--sub-menu {
	display: none;
	padding: 1.5rem 0;
	border-top: 1px solid var(--border-color)
}

.widget-categories--sub-menu--list {
	margin-bottom: .8rem;
	padding: 0 1rem .8rem;
	border-bottom: 1px solid var(--border-color)
}

.widget-categories--sub-menu--list:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0
}

.widget-categories--sub-menu--img {
	width: 2.8rem
}

.widget-categories--sub-menu--text {
	padding-left: 1rem;
	line-height: 2.8rem
}

.widget-form--check-list {
	margin-bottom: 1rem;
	position: relative
}

.widget-form--check-list:last-child {
	margin-bottom: 0
}

.widget-form--check-label {
	cursor: pointer;
	line-height: 2.8rem;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	border: 1px solid var(--border-color);
	background: var(--white-color);
	padding: .5rem 3rem .5rem 1.5rem;
	border-radius: .5rem;
	display: block
}

.widget-form--check-label:hover {
	color: var(--primary-color)
}

.widget-form--check-input {
	position: absolute;
	right: 1rem;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	opacity: 0;
	cursor: pointer;
	z-index: 999
}

.widget-form--check-input:checked~.widget-form--checkmark {
	background-color: var(--secondary-color)
}

.widget-form--check-input:checked~.widget-form--checkmark::before {
	display: block
}

.widget-form--checkmark {
	height: 1.8rem;
	width: 1.8rem;
	border: 1px solid var(--secondary-color);
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 50%;
	right: 1rem;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	background: var(--white-color);
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.widget-form--checkmark::before {
	right: .5rem;
	top: .3rem;
	width: .5rem;
	height: .8rem;
	border: solid #fff;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	display: none
}

.price-filter--group {
	width: 46%
}

.price-filter--label {
	font-weight: 500;
	margin-bottom: .6rem;
	display: inline-block
}

@media only screen and (min-width:992px) {
	.price-filter--label {
		font-size: 1.5rem
	}
}

.price-filter--input {
	border: 1px solid var(--border-color);
	padding: .7rem 1rem
}

.price-filter--input-field {
	width: 100%
}

.price-filter--currency {
	font-weight: 700;
	margin-right: .6rem
}

.price-filter--btn {
	height: 4rem;
	line-height: 4rem
}

.price-divider {
	font-size: 2rem;
	padding: 2.5rem 1rem 0
}

.widget-tagcloud--list {
	display: inline-block;
	margin: 0 8px 8px 0
}

.widget-tagcloud--link {
	border: 1px solid var(--border-color);
	background: var(--white-color);
	padding: .5rem 1.2rem;
	line-height: 2.5rem;
	border-radius: .3rem
}

.widget-tagcloud--link:hover {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--white-color)
}

@media only screen and (max-width:991px) {
	.shop-product--wrapper .product-items--link {
		width: 100%
	}
}

@media only screen and (max-width:991px) {
	.shop-product--wrapper .product-items--img {
		width: 100%
	}
}

@media only screen and (max-width:1365px) {
	.product-grid--inner .product-items--action-btn {
		padding: 0 .6rem
	}
}

@media only screen and (max-width:1199px) {
	.product-grid--inner .product-items--action-btn {
		padding: 0 .5rem
	}
}

@media only screen and (max-width:1365px) {
	.product-grid--inner .product-items--action-btn.add-to--cart {
		font-size: 1.3rem;
		padding: 0 .4rem
	}
}

.product-list--items-thumbnail {
	width: 14rem
}

@media only screen and (min-width:480px) {
	.product-list--items-thumbnail {
		width: 17rem
	}
}

@media only screen and (min-width:768px) {
	.product-list--items-thumbnail {
		width: 19.6rem
	}
}

@media only screen and (max-width:479px) {
	.product-list--items-thumbnail {
		width: 10rem
	}
}

.product-list--items-content {
	width: calc(100% - 14rem);
	padding-left: 1.5rem
}

@media only screen and (min-width:480px) {
	.product-list--items-content {
		width: calc(100% - 17rem);
		padding-left: 2rem
	}
}

@media only screen and (min-width:768px) {
	.product-list--items-content {
		width: calc(100% - 19.6rem);
		padding-left: 3rem
	}
}

@media only screen and (max-width:479px) {
	.product-list--items-content {
		width: calc(100% - 10rem)
	}
}

.product-list--items-content--title {
	font-weight: 600
}

@media only screen and (min-width:992px) {
	.product-list--items-content--title {
		font-size: 2rem;
		line-height: 2.8rem
	}
}

.product-list--items-content--desc {
	line-height: 2.6rem
}

@media only screen and (min-width:992px) {
	.product-list--items-content--desc {
		line-height: 3rem
	}
}

@media only screen and (max-width:575px) {
	.product-list--items-content--desc {
		display: none
	}
}

.product-list--items {
	border: 1px solid var(--border-color)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-list--items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media only screen and (max-width:767px) {
	.product-list--items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.product-list--items-left {
	width: 70%;
	border-right: 1px solid var(--border-color);
	padding: 3rem
}

@media only screen and (min-width:1366px) {
	.product-list--items-left {
		width: 65%
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-list--items-left {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid var(--border-color)
	}
}

@media only screen and (max-width:767px) {
	.product-list--items-left {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid var(--border-color);
		padding: 2rem
	}
}

.product-list--items-right {
	width: 30%;
	padding: 3rem
}

@media only screen and (min-width:1366px) {
	.product-list--items-right {
		width: 35%;
		padding: 3rem 3rem 3rem 6rem
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-list--items-right {
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.product-list--items-right {
		width: 100%;
		padding: 2rem
	}
}

.product-list--current-price {
	font-weight: 500;
	color: var(--secondary-color);
	font-size: 2rem;
	line-height: 2.2rem;
	margin-bottom: .8rem
}

@media only screen and (min-width:992px) {
	.product-list--current-price {
		font-size: 2.2rem;
		line-height: 2.8rem
	}
}

@media only screen and (min-width:992px) {
	.product-list--current-price {
		font-size: 2.5rem;
		line-height: 3rem
	}
}

.rating-list--text {
	color: var(--text-gray-color);
	font-family: var(--poppins-heading);
	font-size: 1.3rem;
	margin-left: .5rem
}

.product-list--action-cart--btn {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
	background: var(--white-color);
	margin-bottom: 1.5rem
}

.product-list--action-cart--btn:hover {
	background: var(--secondary-color);
	color: var(--white-color)
}

.product-list--action-cart--btn:hover span {
	color: var(--white-color)
}

.product-list--action-cart--btn-icon {
	margin-right: .5rem
}

.product-list--action-btn {
	color: var(--secondary-color)
}

.product-list--action-btn:hover {
	color: var(--primary-color)
}

@media only screen and (max-width:767px) {
	.product-list--action-btn--svg {
		width: 2.2rem
	}
}

.product-list--action-child {
	margin-right: 1.5rem
}

.product-list--action-child:last-child {
	margin-right: 0
}

.product-list--rating {
	margin-bottom: 1.5rem
}

.pagination-area {
	padding: 1.5rem 2rem;
	margin-top: 3rem
}

@media only screen and (min-width:768px) {
	.pagination-area {
		margin-top: 5rem
	}
}

.pagination-list {
	margin-right: .8rem
}

.pagination-list:last-child {
	margin-right: 0
}

@media only screen and (min-width:768px) {
	.pagination-list {
		margin-right: 1.2rem
	}
}

.pagination-item {
	width: 3.8rem;
	height: 3.8rem;
	line-height: 3.6rem;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--border-color);
	background: var(--white-color)
}

@media only screen and (min-width:768px) {
	.pagination-item {
		width: 4rem;
		height: 4rem;
		line-height: 3.8rem
	}
}

.pagination-item--current {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--white-color)
}

.pagination-item:hover {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--white-color)
}

.product-details--media {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

@media only screen and (max-width:767px) {
	.product-details--media {
		margin-bottom: 5.7rem
	}
}

.product-media--preview-items {
	position: relative
}

.product-media--preview-items--link {
	width: 100%;
	display: block
}

.product-media--preview-items--img {
	width: 100%;
	display: block
}

.product-media--view-icon {
	position: absolute;
	top: 2rem;
	left: 2rem
}

.product-media--view-icon.media-play {
	right: 2rem;
	left: auto
}

.product-media--view-icon--link {
	width: 3.5rem;
	height: 3.5rem;
	text-align: center;
	background: var(--secondary-color);
	border-radius: 50%;
	color: var(--white-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-media--view-icon--link:hover {
	background: var(--primary-color);
	color: var(--white-color)
}

.media-play--icon-link {
	color: var(--secondary-color)
}

.media-play--icon-link:hover {
	color: var(--primary-color)
}

.product-media--nav {
	margin-top: 2rem
}

.product-media--nav-items {
	border: 1px solid var(--border-color);
	padding: .5rem;
	line-height: 1
}

.product-media--nav-items--img {
	width: 100%;
	cursor: pointer
}

@media only screen and (min-width:768px) {
	.product-details--info {
		font-size: 1.6rem
	}
}

@media only screen and (min-width:992px) {
	.product-details--info-title {
		font-size: 3rem
	}
}

.product-details--info-price .current-price {
	font-size: 1.6rem
}

@media only screen and (min-width:992px) {
	.product-details--info-price .current-price {
		font-size: 2rem
	}
}

.product-details--info-price .old-price {
	font-size: 1.4rem;
	margin-left: .8rem
}

@media only screen and (min-width:992px) {
	.product-details--info-price .old-price {
		font-size: 1.8rem
	}
}

.product-details--info-desc {
	font-size: 1.5rem
}

@media only screen and (min-width:992px) {
	.product-details--info-desc {
		font-size: 1.6rem;
		line-height: 2.8rem
	}
}

.variant-buy--now-btn {
	width: 100%
}

.product-variant--title {
	font-size: 1.3rem;
	letter-spacing: 0.5px;
	font-weight: 500;
}

.product-details--info-meta--list {
	font-size: 1.5rem;
	margin-bottom: .8rem
}

.product-details--info-meta--list:last-child {
	margin-bottom: 0
}

.guarantee-safe--checkout-title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1.2rem
}

.product-details--tab-section {
	background: var(--gray-color2);
	}

.product-details--tab-section.sidebar-tab--section {
	padding: 3.5rem
}

@media only screen and (max-width:575px) {
	.product-details--tab-section.sidebar-tab--section {
		padding: 2rem
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.sidebar-tab--section .product-details--tab-list {
		margin-right: 2rem
	}

	.sidebar-tab--section .product-details--tab-list:last-child {
		margin-right: 0
	}
}

.product-details--tab-inner {
	background: var(--white-color);
	padding: 3rem
}

@media only screen and (max-width:575px) {
	.product-details--tab-inner {
		padding: 2.5rem 1.5rem
	}
}

@media only screen and (max-width:767px) {
	.product-details--tab {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.product-details--tab.mb-30 {
		margin-bottom: 1.5rem
	}
}

.product-details--tab-list {
	font-size: 1.6rem;
	line-height: 3rem;
	margin-right: 2em;
	border-right: 1px solid var(--border-color);
	padding-right: 2em;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	position: relative;
	padding-bottom: .5rem
}

.product-details--tab-list::before {
	position: absolute;
	content: "";
	width: 0;
	height: 1px;
	background: var(--secondary-color);
	left: 50%;
	right: 50%;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	bottom: 0
}

.product-details--tab-list.active {
	color: var(--secondary-color)
}

.product-details--tab-list.active::before {
	width: 100%;
	left: 0;
	right: 0
}

.product-details--tab-list:hover {
	color: var(--secondary-color)
}

.product-details--tab-list:hover::before {
	width: 100%;
	left: 0;
	right: 0
}

.product-details--tab-list:last-child {
	margin-right: 0;
	border-right: 0;
}

@media only screen and (min-width:768px) {
	.product-details--tab-list {
		font-size: 1.8rem
	}
}

@media only screen and (min-width:1200px) {
	.product-details--tab-list {
	    font-size: 1.4rem;
	    text-transform: uppercase;
	    font-weight: 500;
	}
	ul.product-details--tab {
	    border-bottom: 1px solid var(--border-color);
	}
}

@media only screen and (max-width:767px) {
	.product-details--tab-list {
		margin: 0 1rem 1.3rem
	}
}

@media only screen and (max-width:767px) {
	.product-tab--content-items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-tab--content-items.style2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.product-tab--content-thumbnail {
	width: 28rem
}

@media only screen and (max-width:400px) {
	.product-tab--content-thumbnail {
		width: 100%
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-tab--content-thumbnail.style2 {
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.product-tab--content-right {
		width: 100%;
		padding-left: 0;
		padding-top: 2rem
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-tab--content-right.style2 {
		width: 100%;
		padding-left: 0;
		padding-top: 2rem
	}
}

.product-tab--content-title {
	font-weight: 500;
	font-size: 1.5rem
}

@media only screen and (min-width:992px) {
	.product-tab--content-title {
		font-size: 1.5rem
	}
}

.product-tab--content-desc {
	line-height: 2.6rem;
	color: var(--text-gray-color)
}

@media only screen and (min-width:992px) {
	.product-tab--content-desc {
		font-size: 14px;
		line-height: 2.2rem
	}
}

.product-tab--content-list {
	line-height: 2.6rem;
	margin-bottom: .6rem;
	color: var(--text-gray-color)
}

@media only screen and (min-width:992px) {
	.product-tab--content-list {
		font-size: 1.5rem;
		line-height: 2.8rem
	}
}

.product-tab--content-list:last-child {
	margin-bottom: 0
}

.product-tab--content-list--icon {
	width: 2rem;
	vertical-align: middle;
	margin-right: .5rem
}

.product-reviews--header {
	position: relative;
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 1.5rem;
	margin-bottom: 2.5rem
}

@media only screen and (min-width:768px) {
	.product-reviews--header {
		padding-bottom: 2.5rem;
		margin-bottom: 3.5rem
	}
}

@media only screen and (max-width:575px) {
	.product-reviews--header {
		text-align: center
	}
}

@media only screen and (max-width:575px) {
	.reviews-ratting {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.reviews-summary--caption {
	color: var(--secondary-color);
	margin-left: 1.2rem;
	font-size: 14px;
}

.actions-newreviews--btn {
	position: absolute;
	right: 0;
	bottom: 2.2rem
}

@media only screen and (max-width:575px) {
	.actions-newreviews--btn {
		position: inherit;
		bottom: inherit;
		margin-top: 1rem
	}
}

.actions-newreviews--btn.primary-btn {
	font-size: 1.5rem;
	line-height: 4rem;
	height: 4rem;
	padding: 0 1.5rem
}

@media only screen and (min-width:992px) {
	.actions-newreviews--btn.primary-btn {
		font-size: 1.6rem;
		line-height: 4.6rem;
		height: 4.6rem;
		padding: 0 1.8rem
	}
}

.reviews-comment--area {
	padding: 0 2rem;
	margin-bottom: 3rem
}

@media only screen and (max-width:767px) {
	.reviews-comment--area {
		padding: 0;
		margin-bottom: 2rem
	}
}

.reviews-comment--thumbnail {
	width: 7rem
}

.reviews-comment--thumbnail img{
	border-radius: 10px;
}

@media only screen and (max-width:575px) {
	.reviews-comment--thumbnail {
		margin: 0 auto .5rem
	}
}

.reviews-comment--content {
	width: 100%;
	position: relative
}

@media only screen and (min-width:576px) {
	.reviews-comment--content {
		width: calc(100% - 7.8rem);
		padding-left: 2.5rem
	}
}

@media only screen and (max-width:575px) {
	.reviews-comment--content {
		text-align: center
	}
}

.reviews-comment--content-date {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid var(--border-color);
    padding: .5rem 1.2rem;
    font-size: 14px;
    color: var(--sky-color);
}

@media only screen and (max-width:575px) {
	.reviews-comment--content-date {
		position: inherit;
		margin-top: 1.5rem
	}
}

.reviews-comment--content-title {
	font-weight: 500;
}

.reviews-comment--content .reviews-ratting {
	margin-bottom: .5rem
}

@media only screen and (max-width:575px) {
	.reviews-comment--content .reviews-ratting {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.reviews-comment--content-desc {
	margin-bottom: 0
}

@media only screen and (min-width:992px) {
	.reviews-comment--content-desc {
		font-size: 14px;
		line-height: 2.5rem
	}
}

.reviews-comment--list {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 2rem;
	margin-bottom: 2rem
}

.reviews-comment--list:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}

@media only screen and (min-width:768px) {
	.reviews-comment--list {
		padding-bottom: 2.5rem;
		margin-bottom: 2.5rem
	}
}

@media only screen and (max-width:575px) {
	.reviews-comment--list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media only screen and (min-width:992px) {
	.reviews-comment--list.margin-left {
		margin-left: 5rem
	}
}

@media only screen and (max-width:575px) {
	.reviews-comment--reply-title {
		text-align: center
	}
}

.reviews-comment--reply-textarea {
	width: 100%;
	height: 100px;
	resize: none;
	padding: 1.2rem 1.5rem;
	border: 1px solid var(--border-color);
	border-radius: .5rem
}

@media only screen and (min-width:768px) {
	.reviews-comment--reply-textarea {
		height: 150px
	}
}

@media only screen and (min-width:992px) {
	.reviews-comment--reply-textarea {
		font-size: 1.5rem
	}
}

.reviews-comment--reply-textarea:focus {
	border-color: var(--secondary-color)
}

.reviews-comment--reply-input {
	width: 100%;
	border: 1px solid var(--border-color);
	height: 5rem;
	border-radius: .5rem;
	padding: 0 1.5rem
}

@media only screen and (min-width:992px) {
	.reviews-comment--reply-input {
		font-size: 1.5rem
	}
}

.reviews-comment--reply-input:focus {
	border-color: var(--secondary-color)
}

@media only screen and (max-width:575px) {
	.reviews-comment--rating {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.product-details--gallery {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

@media only screen and (max-width:767px) {
	.product-details--gallery {
		margin-bottom: 4.5rem
	}
}

.blog-wrapper--sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.blog-sidebar--widget {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

@media only screen and (max-width:991px) {
	.blog-sidebar--widget.left {
		margin-top: 8rem
	}
}

@media only screen and (max-width:767px) {
	.blog-sidebar--widget.left {
		margin-top: 6rem
	}
}

.blog-post--header.mb-30 {
	margin-bottom: 2.5rem
}

@media only screen and (min-width:992px) {
	.post-header--title {
		line-height: 3.8rem;
		font-size: 3.2rem
	}
}

@media only screen and (min-width:1600px) {
	.post-header--title {
		line-height: 4.5rem;
		font-size: 3.7rem
	}
}

.blog-post--meta {
	text-transform: capitalize
}

@media only screen and (min-width:992px) {
	.blog-post--meta {
		font-size: 1.5rem
	}
}

.blog-post--meta-link {
	color: var(--secondary-color)
}

.blog-post--meta-link:hover {
	color: var(--secondary-color);
	text-decoration: underline
}

.blog-thumbnail {
	line-height: 1
}

@media only screen and (max-width:767px) {
	.blog-thumbnail.mb-30 {
		margin-bottom: 2rem
	}
}

.blog-details--content-subtitle {
	line-height: 3rem
}

@media only screen and (min-width:992px) {
	.blog-details--content-subtitle {
		line-height: 3.2rem
	}
}

@media only screen and (min-width:1200px) {
	.blog-details--content-subtitle {
		line-height: 4rem;
		font-size: 2.7rem
	}
}

.blockquote-content {
	padding: 20px 30px;
	text-align: center;
	border-radius: 10px
}

@media only screen and (min-width:992px) {
	.blockquote-content {
		padding: 30px 40px
	}
}

@media only screen and (min-width:1200px) {
	.blockquote-content {
		padding: 40px 70px
	}
}

@media only screen and (max-width:767px) {
	.blockquote-content {
		margin: 0 0 2.5rem;
		padding: 1.5rem 2rem
	}
}

.blockquote-content--desc {
	font-size: 1.6rem;
	line-height: 3rem;
	font-style: italic;
	font-weight: 500
}

@media only screen and (min-width:768px) {
	.blockquote-content--desc {
		font-size: 1.8rem;
		line-height: 3.4rem
	}
}

.blog-tags--social-media {
	padding: 5rem 0
}

@media only screen and (max-width:1199px) {
	.blog-tags--social-media {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

@media only screen and (max-width:1199px) {
	.blog-tags--media {
		margin-bottom: 2rem
	}
}

@media only screen and (max-width:575px) {
	.blog-tags--media {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.blog-tags--media-title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-right: 1rem
}

@media only screen and (min-width:992px) {
	.blog-tags--media-title {
		font-size: 1.6rem
	}
}

@media only screen and (max-width:575px) {
	.blog-tags--media-title {
		margin-right: 0;
		margin-bottom: 1rem
	}
}

.blog-tags--media-list {
	margin-right: .7rem
}

.blog-tags--media-list:last-child {
	margin-right: 0
}

.blog-tags--media-link {
	border: 1px solid var(--border-color);
	background: var(--white-color);
	padding: .5rem 1.2rem;
	line-height: 2.5rem;
	border-radius: .3rem;
	text-transform: capitalize
}

.blog-tags--media-link:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color)
}

@media only screen and (max-width:575px) {
	.blog-tags--media-link {
		padding: .4rem .8rem
	}
}

.meta-deta {
	font-weight: 500;
	margin-top: .6rem;
	font-size: 1.5rem
}

.blog-social--media-title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-right: 1rem
}

@media only screen and (min-width:992px) {
	.blog-social--media-title {
		font-size: 1.6rem
	}
}

.blog-social--media-list {
	margin-right: 1rem
}

.blog-social--media-list:last-child {
	margin-right: 0
}

.blog-social--media-link {
	width: 3rem;
	height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: var(--secondary-color);
	color: var(--white-color);
	border-radius: 50%
}

.blog-social--media-link:hover {
	background: var(--primary-color);
	color: var(--white-color)
}

.related-post--items:hover .related-post--img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.related-post--thumbnail {
	overflow: hidden
}

@media only screen and (max-width:575px) {
	.related-post--thumbnail a {
		width: 100%
	}
}

@media only screen and (max-width:575px) {
	.related-post--thumbnail a img {
		width: 100%
	}
}

@media only screen and (max-width:575px) {
	.related-post--text {
		text-align: center
	}
}

.related-post--title {
	font-size: 1.8rem
}

@media only screen and (min-width:992px) {
	.related-post--title {
		font-size: 2rem;
		line-height: 2.7rem
	}
}

.related-post--deta {
	font-size: 1.5rem
}

.comment-reply--btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 4rem;
	line-height: 4rem;
	padding: 0 2.5rem;
	font-size: 1.4rem
}

@media only screen and (min-width:992px) {
	.comment-reply--btn {
		font-size: 1.6rem
	}
}

@media only screen and (max-width:767px) {
	.comment-reply--btn {
		position: inherit;
		margin-top: 1.5rem
	}
}

.reviews-comment--content-title2 {
	font-weight: 500;
	line-height: 2.4rem;
}

@media only screen and (min-width:992px) {
	.reviews-comment--content-title2 {
		font-size: 1.8rem
	}
}

.reviews-comment--content-date2 {
	font-size: 1.5rem;
	color: var(--light-color);
	margin-bottom: .8rem
}

.contact-section--hrading-desc {
	line-height: 2.8rem
}

.contact-form {
	background: var(--white-color);
	-webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, .16);
	box-shadow: 0 7px 20px rgba(0, 0, 0, .16);
	padding: 3rem
}


.contact-form--title {
	font-weight: 600
}

@media only screen and (max-width:1199px) {
	.contact-form--title.mb-30 {
		margin-bottom: 2rem
	}
}

.contact-form--label {
	display: block;
	margin-bottom: 8px
}

.contact-form--label-star {
	color: var(--secondary-color)
}

.contact-form--input {
	width: 100%;
	height: 4.5rem;
	padding: 5px 15px;
	border-radius: 8px;
	border: 1px solid var(--border-color)
}

.contact-form--input:focus {
	border-color: var(--secondary-color) !important
}

.contact-form--textarea {
	width: 100%;
	height: 8rem;
	padding: 12px 15px;
	border-radius: 8px;
	resize: none;
	border: 1px solid var(--border-color);
	font-family: var(--font-poppins)
}

.contact-form--textarea:focus {
	border-color: var(--secondary-color) !important
}

@media only screen and (min-width:992px) {
	.contact-form--textarea {
		height: 120px
	}
}

@media only screen and (min-width:1200px) {
	.contact-form--textarea {
		height: 160px
	}
}

.contact-form--btn {
	width: 100%
}

@media only screen and (min-width:992px) {
	.contact-form--btn {
		font-size: 1.7rem
	}
}

.contact-info {
	background: var(--secondary-color);
	padding: 2rem
}

@media only screen and (min-width:576px) {
	.contact-info {
		padding: 3rem
	}
}

@media only screen and (min-width:768px) {
	.contact-info {
		padding: 4rem
	}
}

@media only screen and (min-width:992px) {
	.contact-info {
		padding: 4rem 3rem
	}
}

@media only screen and (min-width:1200px) {
	.contact-info {
		padding: 5rem 6rem
	}
}

@media only screen and (max-width:991px) {
	.contact-info {
		margin-top: 3rem
	}
}

.contact-info--items {
	margin-bottom: 2.7rem
}

.contact-info--items:last-child {
	margin-bottom: 0
}

@media only screen and (max-width:575px) {
	.contact-info--items {
		margin-bottom: 2rem
	}
}

.contact-info--icon {
	margin-right: 1rem;
	color: var(--white-color);
	padding-top: .8rem
}
.contact-info--icon span.material-symbols-outlined {
    font-size: 45px;
}


@media only screen and (max-width:575px) {
	.contact-info--icon svg {
		width: 2.5rem
	}
}

.contact-info--content-title {
	font-weight: 600
}

@media only screen and (min-width:992px) {
	.contact-info--content-title {
		font-size: 2rem;
		line-height: 2.8rem
	}
}

.contact-info--content-desc {
	font-size: 1.5rem;
	line-height: 2.6rem
}

@media only screen and (min-width:1200px) {
	.contact-info--content-desc {
		font-size: 1.6rem;
		line-height: 2.7rem
	}
}

.contact-info--content-desc a:hover {
	color: var(--primary-color)
}

.contact-info--social-list {
	margin-right: 11px
}

.contact-info--social-list:last-child {
	margin-right: 0
}

.contact-info--social-icon {
	width: 3rem;
	height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: var(--white-color);
	color: var(--secondary-color);
	border-radius: 50%
}

.contact-info--social-icon:hover {
	background: var(--primary-color);
	color: var(--white-color)
}

.contact-map--iframe {
	width: 100%;
	height: 400px;
	margin-bottom: -7px
}

@media only screen and (min-width:992px) {
	.contact-map--iframe {
		height: 500px
	}
}

@media only screen and (min-width:1200px) {
	.contact-map--iframe {
		height: 600px
	}
}

.cart-table--inner {
	width: 100%;
	border-spacing: 0
}

@media only screen and (max-width:575px) {
	.cart-table--header {
		display: none
	}
}

.cart-table--header-list {
	padding: 0 2rem 2rem 0;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid var(--border-color)
}

.cart-table--header-list:last-child {
	padding-right: 0
}

@media only screen and (min-width:992px) {
	.cart-table--header-list {
		font-size: 1.5rem
	}
}

.cart-table--header-list.text-center {
	text-align: center
}

.cart-table--header-list.text-right {
	text-align: right
}

@media only screen and (max-width:575px) {
	.cart-table--body-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.cart-table--body-list {
	border-bottom: 1px solid var(--border-color);
	padding: 2rem 2rem 2rem 0
}

.cart-table--body-list:last-child {
	padding-right: 0
}

@media only screen and (max-width:575px) {
	.cart-table--body-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 2rem 0
	}
}

.cart-thumbnail {
	max-width: 6rem;
	line-height: 1
}

@media only screen and (max-width:767px) {
	.cart-thumbnail {
		max-width: 8rem
	}
}

.cart-content {
	padding-left: 1.5rem
}

@media only screen and (min-width:1200px) {
	.cart-content {
		padding-left: 2rem
	}
}

.cart-content--variant {
	display: block;
	margin-bottom: .5rem;
	line-height: 2.2rem;
	font-size: 1.3rem
}

.cart-content--variant:last-child {
	margin-bottom: 0
}

.cart-content--title {
	line-height: 2.5rem;
	font-size: 15px;
	font-weight: 500;
}

.cart-remove--btn {
	font-weight: 500;
	width: 3rem;
	height: 3rem;
	text-align: center;
	line-height: 3.7rem;
	background: var(--white-color);
	-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, .16);
	box-shadow: 0 2px 22px rgba(0, 0, 0, .16);
	margin-right: 1.5rem;
	border-radius: 50%;
	border: 0
}

.cart-remove--btn:hover {
	color: var(--secondary-color)
}

.cart-price {
	font-weight: 600
}

@media only screen and (min-width:992px) {
	.cart-price {
		font-size: 1.6rem
	}
}

.continue-shopping {
	padding-top: 2rem
}

.continue-shopping--link {
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--secondary-color)
}


.continue-shopping--clear {
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--secondary-color);
	border: 0;
	padding: 0;
	background: inherit
}


.cart-summary {
	padding: 2rem;
	background: var(--white-color);
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	border:1px solid var(--border-color);
}

@media only screen and (max-width:991px) {
	.cart-summary {
		margin-top: 7.5rem
	}
}

@media only screen and (max-width:767px) {
	.cart-summary {
		margin-top: 5.5rem
	}
}

.cart-summary--total-table {
	width: 100%
}

.coupon-code--title {
	font-size: 1.7rem;
	margin-bottom: .7rem;
	line-height: 2.4rem
}

@media only screen and (min-width:992px) {
	.coupon-code--title {
		font-size: 2rem
	}
}

.coupon-code--desc {
	margin-bottom: 1.5rem;
	font-size: 14px;
}

.coupon-code--field-input {
	border: 1px solid var(--border-color);
	height: 4.5rem;
	padding: 0 1rem;
	width: 100px
}

@media only screen and (min-width:768px) {
	.coupon-code--field-input {
		width: 160px
	}
}

@media only screen and (min-width:992px) {
	.coupon-code--field-input {
		width: 140px
	}
}

@media only screen and (min-width:1200px) {
	.coupon-code--field-input {
		width: 160px
	}
}

@media only screen and (max-width:575px) {
	.coupon-code--field-input {
		height: 4rem
	}
}

.coupon-code--field-input:focus {
	border-color: var(--secondary-color)
}

.coupon-code--field-btn {
	height: 4.5rem;
	line-height: 4.5rem;
	padding: 0 2.5rem;
	margin-left: 2rem
}

@media only screen and (min-width:1200px) {
	.coupon-code--field-btn {
		margin-left: 3rem
	}
}

@media only screen and (max-width:575px) {
	.coupon-code--field-btn {
		height: 4rem;
		line-height: 4rem;
		padding: 0 1.8rem
	}
}

.cart-note--title {
	font-size: 1.7rem;
	margin-bottom: .7rem;
	line-height: 2.4rem
}

@media only screen and (min-width:992px) {
	.cart-note--title {
		font-size: 2rem
	}
}

.cart-note--desc {
	margin-bottom: 1.5rem;
	font-size: 14px;
}

.cart-note--textarea {
	border: 1px solid var(--border-color);
	height: 10rem;
	padding: 1rem;
	width: 100%;
	resize: none
}

.cart-note--textarea:focus {
	border-color: var(--secondary-color)
}

.cart-summary--total-list {
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.cart-summary--total-list:last-child {
	margin-bottom: 0
}

.cart-summary--footer-desc {
	font-size: 1.5rem;
	margin-bottom: 1.5rem
}

.cart-summary--footer-btn {
	height: 4.5rem;
	line-height: 4.5rem;
	padding: 0 1.5rem
}

@media only screen and (min-width:992px) {
	.cart-summary--footer-btn {
		padding: 0 1.5rem;
		font-size: 1.5rem
	}
}

@media only screen and (min-width:1200px) {
	.cart-summary--footer-btn {
		padding: 0 2.5rem
	}
}

@media only screen and (max-width:575px) {
	.cart-summary--footer-btn {
		height: 4rem;
		line-height: 4rem;
		padding: 0 1.2rem
	}
}

.wishlist-cart--btn {
	font-size: 1.4rem
}

@media only screen and (min-width:992px) {
	.wishlist-cart--btn {
		font-size: 1.6rem
	}
}

@media only screen and (max-width:767px) {
	.wishlist-cart--btn {
		padding: .5rem .4rem;
		height: auto;
		line-height: 2.4rem;
		border-radius: 5px;
		text-align: center;
		font-size: 1.3rem;
		min-width: 95px
	}
}

.checkout-breadcrumb {
	padding: 0;
	margin: 0
}

@media only screen and (max-width:767px) {
	.checkout-breadcrumb {
		margin-top: 2.5rem
	}
}

.breadcrumb-link {
	font-size: 1.3rem;
	color: var(--secondary-color)
}

.readcrumb-chevron-icon {
	color: #737373;
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 .6rem
}

.breadcrumb-text {
	color: #737373;
	font-size: 1.3rem
}

.breadcrumb-text.current {
	color: var(----black-color)
}

.order-summary--mobile-version {
	display: none
}

@media only screen and (max-width:767px) {
	.order-summary--mobile-version {
		display: block
	}
}

.order-summary--toggle {
	width: 100%;
	text-align: left;
	background: var(--bg-gray-color);
	border: 0;
	border: 1px solid var(--border-color);
	padding: 1.2rem
}

.order-summary--toggle-inner {
	width: 100%
}

.order-summary--toggle-text {
	color: var(--secondary-color)
}

.order-summary--toggle-icon {
	color: var(--secondary-color);
	vertical-align: middle;
	line-height: 1.5rem;
	margin-right: 1rem
}

.summary-table {
	width: 100%
}

.summary-table--items {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.summary-table--list {
	padding: 1rem 2rem 1rem 0;
	border-bottom: 1px solid var(--border-color)
}

.summary-table--list:last-child {
	padding-right: 0
}

details>summary {
	list-style: none
}

details>summary::-webkit-details-marker {
	display: none
}

.order-summary--final-price {
	float: right;
	font-size: 1.5rem;
	font-weight: 600
}

.order-summary--section {
	background: var(--bg-gray-color);
	padding: 3rem 1rem 1rem
}

.checkout-checkbox {
	position: relative
}

.checkout-checkbox--input {
	position: absolute;
	left: -1px;
	top: 4px;
	opacity: 0;
	cursor: pointer;
	z-index: 999
}

.checkout-checkbox--input:checked~.checkout-checkbox--checkmark {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color)
}

.checkout-checkbox--input:checked~.checkout-checkbox--checkmark::before {
	display: block
}

.checkout-checkbox--label {
	padding-left: 3rem;
	cursor: pointer
}

.checkout-checkbox--checkmark {
	height: 1.8rem;
	width: 1.8rem;
	border: 1px solid var(--border-color);
	border-radius: .3rem;
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	background: var(--white-color);
	-webkit-transition: var(--transition);
	transition: var(--transition)
}

.checkout-checkbox--checkmark::before {
	left: .5rem;
	top: .3rem;
	width: .5rem;
	height: .8rem;
	border: solid #fff;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	display: none
}

.checkout-input--label {
	display: inline-block
}

.checkout-input--label-star {
	color: var(--secondary-color)
}

.checkout-input--field {
	width: 100%;
	border: 1px solid var(--border-color);
	height: 4.5rem;
	padding: 0 1.5rem
}

.checkout-input--field:focus {
	border-color: var(--secondary-color)
}

.checkout-notes--textarea-field {
	width: 100%;
	border: 1px solid var(--border-color);
	padding: 1rem 1.5rem .5rem;
	resize: none
}

.checkout-notes--textarea-field:focus {
	border-color: var(--secondary-color)
}

textarea.checkout-input--field{
    height: 10rem;
    padding: 1.5rem;
}

@media only screen and (max-width:991px) {
	.checkout-section--header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.section-header--title {
	font-size: 2rem;
	line-height: 2.2rem
}

@media only screen and (min-width:1200px) {
	.section-header--title {
		font-size: 2.2rem;
		line-height: 2.4rem
	}
}

@media only screen and (max-width:575px) {
	.section-header--title {
		margin-bottom: .8rem
	}
}

.section-header--desc {
	margin-top: .5rem
}

.layout-flex--item {
	color: var(--text-gray-color)
}

@media only screen and (max-width:991px) {
	.layout-flex--item {
		margin-top: 1rem
	}
}

.layout-flex--item-link {
	color: var(--secondary-color)
}

.section-shipping--address {
	padding: 3rem 0 2rem
}

@media only screen and (min-width:992px) {
	.section-shipping--address {
		padding: 4rem 0 3rem
	}
}

.section-shipping--address.pt-10 {
	padding-top: 1rem
}

.section-shipping--address.pt-0 {
	padding-top: 0
}

.checkout-input--select {
	position: relative
}

.checkout-input--select-field {
	width: 100%;
	height: 4.5rem;
	padding: .5rem 1.5rem;
	border: 1px solid var(--border-color);
	-webkit-appearance: none;
	cursor: pointer
}

.checkout-input--select-field:focus {
	border-color: var(--secondary-color)
}

.previous-link--content {
	margin-left: 2rem;
	color: var(--secondary-color)
}

@media only screen and (max-width:575px) {
	.previous-link--content {
		margin-left: 0;
		margin-top: 1rem
	}
}

.checkout-footer {
	border: 0
}

@media only screen and (max-width:575px) {
	.checkout-content--step-footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.checkout-sidebar {
	background: #fafafa;
	border: 1px solid var(--border-color);
	padding: 3rem 2.5rem;
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

@media only screen and (max-width:991px) {
	.checkout-sidebar {
		padding: 3rem 1.8rem
	}
}

@media only screen and (max-width:767px) {
	.checkout-sidebar {
		margin-top: 3rem
	}
}

.product-thumbnail {
	width: 7rem;
	border: 1px solid var(--border-color);
	position: relative;
	line-height: 1
}

.product-thumbnail--quantity {
	position: absolute;
	top: -6px;
	right: -5px;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	background: #7f7f7f;
	color: var(--white-color);
	text-align: center;
	border-radius: 50%;
	font-size: 1.2rem
}

.product-description {
	padding-left: 1.5rem
}

.product-description--name {
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: 500;
	opacity: .9
}

.product-description--variant {
	font-size: 1.2rem;
	color: var(--light-color);
	line-height: 2rem
}

.checkout-product--table {
	margin-bottom: 2rem
}

.checkout-product--table .cart-table--body-list {
	padding: 1rem 2rem 1rem 0
}

.checkout-product--table .cart-table--body-list:last-child {
	padding-right: 0
}

.checkout-discount--code {
	margin-bottom: 2.5rem
}

.checkout-discount--code-input--field {
	width: 100%;
	border: 1px solid var(--border-color);
	height: 4.5rem;
	padding: 0 1.5rem
}

.checkout-discount--code-input--field:focus {
	border-color: var(--secondary-color)
}

.checkout-discount--code-btn {
	height: 4.5rem;
	line-height: 4.5rem;
	margin-left: 2rem;
	padding: 0 2.5rem
}

.checkout-total {
	border-top: 1px solid var(--border-color);
	padding-top: 1.2rem
}

.checkout-total--table {
	width: 100%
}

.checkout-total--calculated-text {
	font-size: 1.3rem;
	color: var(--text-gray-color)
}

.checkout-total--title {
	color: var(--text-gray-color)
}

.checkout-total--footer-list {
	padding-top: 3rem;
	position: relative
}

.checkout-total--footer-list::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #e4e4e4;
	top: 1.5rem;
	left: 0
}

.checkout-total--footer-title {
	font-size: 1.6rem
}

.checkout-total--footer-amount {
	font-size: 2.2rem;
	font-weight: 600
}

.checkout-order--summary-title {
	font-size: 2rem;
	line-height: 2.2rem
}

@media only screen and (min-width:1200px) {
	.checkout-order--summary-title {
		font-size: 2.2rem;
		line-height: 2.4rem
	}
}

.payment-history {
	padding:20px;
	border:1px solid var(--border-color);
}
.payment-history--list small {
    display: block;
    margin: 10px 25px;
}
.payment-history--title {
	font-size: 1.5rem;
	line-height: 2rem
}

@media only screen and (min-width:1200px) {
	.payment-history--title {
		font-size: 2.2rem;
		line-height: 2.4rem
	}
}

@media only screen and (max-width:575px) {
	.payment-history--inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.payment-history--list {
	margin-right: 1.5rem
}

@media only screen and (max-width:1199px) {
	.payment-history--list {
		margin-bottom: 1rem
	}
}

.payment-history--list:last-child {
	margin-right: 0
}

@media only screen and (max-width:1199px) {
	.payment-history--list {
		margin-right: 1rem
	}
}

.payment-history--link {
	padding: 0 2rem;
	background: var(--white-color);
	color: var(--primary-color);
	border: 1px solid var(--primary-color)
}

@media only screen and (max-width:1199px) {
	.payment-history--link {
		font-size: 1.5rem;
		padding: 0 .8rem
	}
}

.checkout-now--btn {
	width: 100%;
	text-align: center
}

.my-account--section-inner {
	background: var(--white-color);
	border:1px solid var(--border-color);
	padding: 3rem;
}

@media only screen and (min-width:1199px) {
	.my-account--section-inner {
		padding:3rem
	}
}

@media only screen and (max-width:991px) {
	.my-account--section-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.account-left--sidebar {
	border-right: 1px solid var(--border-color);
	padding-right: 3rem;
	margin-right: 3rem;
	width: 18rem
}

@media only screen and (min-width:1199px) {
	.account-left--sidebar {
		padding-right: 5rem;
		margin-right: 5rem;
		width: 23rem
	}
}

@media only screen and (max-width:991px) {
	.account-left--sidebar {
		width: 100%;
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		border-bottom: 1px solid var(--border-color);
		padding-bottom: 2.5rem;
		margin-bottom: 2.5rem
	}
}

.account-wrapper {
	width: calc(100% - 18rem)
}

@media only screen and (min-width:1199px) {
	.account-wrapper {
		width: calc(100% - 23rem)
	}
}

@media only screen and (max-width:991px) {
	.account-wrapper {
		width: 100%
	}
}

@media only screen and (max-width:991px) {
	.account-menu {
		width: 250px;
		margin-right: 3rem
	}
}

@media only screen and (max-width:479px) {
	.account-menu {
		margin-right: 0
	}
}

.account-menu--list {
	font-size: 1.5rem;
	line-height: 2.5rem;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	margin-bottom: 1.5rem
}

.account-menu--list:last-child {
	margin-bottom: 0
}

.account-menu--list:hover {
	color: var(--secondary-color)
}

.account-menu--list.active {
	color: var(--secondary-color)
}

@media only screen and (min-width:992px) {
	.account-menu--list {
		font-size: 1.6rem
	}
}

.account-details.two {
	padding-top: 0
}

@media only screen and (min-width:992px) {
	.account-details {
		padding-top: 3rem
	}
}

@media only screen and (max-width:479px) {
	.account-details {
		padding-top: 3rem
	}
}

.account-details--title {
	margin-bottom: 1rem
}

.account-details--desc {
	color: var(--text-gray-color);
	line-height: 3rem;
	margin-bottom: 2rem;
	font-size: 1.5rem
}

.account-details--link {
	color: var(--secondary-color);
	border-bottom: 1px solid var(--secondary-color);
	font-size: 1.5rem
}

.account-details--link:hover {
	color: var(--primary-color);
	border-color: var(--primary-color)
}

.new-address--btn {
	padding: 0 2.5rem
}

@media only screen and (min-width:992px) {
	.new-address--btn {
		font-size: 1.5rem
	}
}

.account-details--footer {
	margin-top: 3rem
}

.account-details--footer-btn {
	background: var(--white-color);
	border: 1px solid var(--black-color);
	padding: 0 2.5rem;
	height: 4.5rem;
	line-height: 4.1rem;
	border-radius: 2.5rem;
	margin-right: 1rem;
	font-size: 1.5rem
}

.account-details--footer-btn:last-child {
	margin-right: 0
}

.account-details--footer-btn:hover {
	color: var(--secondary-color);
	border-color: var(--secondary-color)
}

.account-welcome--text {
	font-size: 1.6rem;
	margin-bottom: 2rem
}

@media only screen and (min-width:992px) {
	.account-welcome--text {
		font-size: 1.8rem;
		margin-bottom: 3rem
	}
}

.account-content--title {
	font-weight: 600
}

.account-table {
	width: 100%;
	border: 1px solid var(--border-color);
	border-spacing: 0;
	border-bottom: 0
}

@media only screen and (max-width:479px) {
	.account-table {
		border: 0
	}
}

@media only screen and (max-width:767px) {
	.account-table--header {
		display: none
	}
}

.account-table--header-child--items {
	text-align: left;
	border-bottom: 1px solid var(--border-color);
	padding: 1.7rem 1.3rem;
	font-size: 1.5rem
}

.account-table--header-child--items:last-child {
	text-align: right
}

@media only screen and (min-width:1200px) {
	.account-table--header-child--items {
		font-size: 1.6rem;
		padding: 1.7rem 1.5rem
	}
}

@media only screen and (max-width:767px) {
	.account-table--body.mobile-none {
		display: none
	}
}

.account-table--body.mobile-block {
	display: none
}

@media only screen and (max-width:767px) {
	.account-table--body.mobile-block {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.account-table--body-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 2rem;
		border-bottom: 1px solid #ddd;
		padding-bottom: 2rem
	}

	.account-table--body-child:last-child {
		margin-bottom: 0
	}
}

.account-table--body-child--items {
	border-bottom: 1px solid var(--border-color);
	padding: 1.7rem 2rem;
	color: var(--text-gray-color)
}

.account-table--body-child--items:last-child {
	text-align: right
}

@media only screen and (max-width:767px) {
	.account-table--body-child--items {
		padding: .5rem 2rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border: 0
	}
}

@media only screen and (max-width:479px) {
	.account-table--body-child--items {
		padding: .5rem 0
	}
}

.error-section {
	background: #f9fafc
}

@media only screen and (max-width:1199px) {
	.error-content--img {
		max-width: 600px
	}
}

@media only screen and (max-width:767px) {
	.error-content--img {
		max-width: 450px
	}
}

@media only screen and (max-width:575px) {
	.error-content--img {
		max-width: 100%;
		padding: 0 3rem
	}
}

.error-content--title {
	font-weight: 500;
	margin-bottom: 1.5rem;
	font-size: 2rem;
	line-height: 3rem
}

@media only screen and (min-width:576px) {
	.error-content--title {
		margin-bottom: 1.5rem;
		font-size: 2.6rem;
		line-height: 3rem
	}
}

@media only screen and (min-width:768px) {
	.error-content--title {
		margin-bottom: 1.8rem;
		font-size: 3.3rem;
		line-height: 4rem
	}
}

@media only screen and (min-width:992px) {
	.error-content--title {
		font-size: 4rem;
		line-height: 4.5rem;
		margin-bottom: 2rem
	}
}

@media only screen and (min-width:1200px) {
	.error-content--title {
		font-size: 4.5rem;
		line-height: 5rem;
		margin-bottom: 2.5rem
	}
}

@media only screen and (min-width:1366px) {
	.error-content--title {
		font-size: 5rem;
		line-height: 5.5rem
	}
}

.error-content--desc {
	font-size: 1.5rem
}

@media only screen and (min-width:768px) {
	.error-content--desc {
		font-size: 1.7rem;
		line-height: 2.5rem;
		margin-bottom: 2.5rem
	}
}

@media only screen and (min-width:992px) {
	.error-content--desc {
		font-size: 1.8rem;
		line-height: 2.5rem;
		margin-bottom: 2.5rem
	}
}

@media only screen and (min-width:1200px) {
	.error-content--desc {
		font-size: 2rem;
		line-height: 2.5rem;
		margin-bottom: 3rem
	}
}

@media only screen and (min-width:992px) {
	.error-content--btn {
		font-size: 1.6rem
	}
}

.account-login {
	background: var(--white-color);
	padding: 2.5rem;
	border-radius: 1rem;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

@media only screen and (min-width:992px) {
	.account-login {
		padding: 3rem
	}
}

.account-login--header-title {
	font-weight: 600
}

.account-login--header-desc {
	font-size: 1.5rem;
	font-weight: 600
}

.account-login--input {
	width: 100%;
	height: 4.8rem;
	border: 1px solid var(--border-color);
	border-radius: .5rem;
	padding: 0 1.5rem;
	margin-bottom: 1.5rem
}

@media only screen and (min-width:768px) {
	.account-login--input {
		height: 5.2rem
	}
}

@media only screen and (min-width:992px) {
	.account-login--input {
		font-size: 1.5rem
	}
}

.account-login--input:focus {
	border-color: var(--secondary-color)
}

.account-login--btn {
	width: 100%;
	border-radius: .5rem;
	font-size: 1.5rem
}

@media only screen and (min-width:992px) {
	.account-login--btn {
		font-size: 1.7rem
	}
}

@media only screen and (max-width:767px) {
	.account-login--btn {
		height: 4.5rem;
		line-height: 4.5rem
	}
}

.account-login--signup-text {
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--text-gray-color)
}

.account-login--signup-text button {
	padding: 0;
	border: 0;
	background: inherit
}

.account-login--signup-text button:hover {
	color: var(--secondary-color)
}

.account-login--forgot {
	font-weight: 500;
	color: var(--secondary-color);
	font-size: 1.5rem;
	padding: 0;
	border: 0;
	background: inherit
}

@media only screen and (max-width:575px) {
	.account-login--forgot {
		margin-top: .6rem
	}
}

.account-login--forgot:hover {
	color: var(--primary-color)
}

@media only screen and (max-width:767px) {
	.account-login.register {
		margin-top: 3rem
	}
}

@media only screen and (max-width:575px) {
	.account-login--remember-forgot {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

@media only screen and (max-width:575px) {
	.account-login--remember .checkout-checkbox--checkmark {
		top: 0;
		top: 5px;
		-webkit-transform: inherit;
		transform: inherit
	}
}

.login-remember--label {
	font-size: 1.3rem;
	font-weight: 600
}

@media only screen and (min-width:992px) {
	.login-remember--label {
		font-size: 1.5rem
	}
}

.account-login--divide {
	text-align: center;
	position: relative;
	padding: 1rem 0
}

.account-login--divide::before {
	position: absolute;
	content: "";
	width: 100%;
	height: .1rem;
	background: var(--border-color);
	top: 50%;
	left: 0;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}

.account-login--divide-text {
	padding: 0 .8rem;
	background: var(--white-color);
	position: relative;
	font-weight: 500;
	color: var(--light-color)
}

@media only screen and (min-width:992px) {
	.account-login--divide-text {
		font-size: 1.5rem
	}
}

.account-social--link {
	height: 4.2rem;
	line-height: 4.2rem;
	padding: 0 2.5rem;
	color: var(--white-color);
	border-radius: .5rem;
	font-weight: 500;
	margin-right: 1rem
}

.account-social--link.facebook {
	background: #4867aa
}

.account-social--link.facebook:hover {
	background: var(--secondary-color);
	color: var(--white-color)
}

.account-social--link.google {
	background: #e94235
}

.account-social--link.google:hover {
	background: var(--secondary-color);
	color: var(--white-color)
}

.account-social--link.twitter {
	background: #55adee
}

.account-social--link.twitter:hover {
	background: var(--secondary-color);
	color: var(--white-color)
}

.account-social--link:last-child {
	margin-right: 0
}

@media only screen and (min-width:768px) {
	.account-social--link {
		padding: 0 2rem
	}
}

@media only screen and (min-width:992px) {
	.account-social--link {
		padding: 0 3.2rem;
		margin-right: 1.2rem;
		font-size: 1.5rem
	}
}

@media only screen and (min-width:1200px) {
	.account-social--link {
		padding: 0 4.5rem;
		margin-right: 2rem
	}
}

@media only screen and (max-width:575px) {
	.account-social--link {
		height: 4rem;
		line-height: 4rem;
		padding: 0 1.4rem
	}
}

.compare-heading--maintitle {
	font-size: 2rem
}

@media only screen and (min-width:992px) {
	.compare-heading--maintitle {
		font-size: 3rem;
		height: 3.2rem
	}
}

.compare-table {
	border: 1px solid var(--border-color);
	border-spacing: 0;
	border-bottom: 0
}

.compare-table--items-child {
	padding: 1.2rem;
	border-left: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	text-align: center
}

.compare-table--items-child:first-child {
	border-left: 0
}

@media only screen and (max-width:991px) {
	.compare-table--items-child {
		min-width: 200px
	}
}

.compare-table--items-child--header {
	padding: 1rem;
	border-bottom: 1px solid var(--border-color);
	text-transform: uppercase;
	background: var(--gray-color2);
	font-size: 1.4rem
}

@media only screen and (min-width:992px) {
	.compare-table--items-child--header {
		font-size: 1.5rem
	}
}

.compare-product--title {
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-bottom: 1rem;
	text-align: center
}

.compare-product--thumbnail {
	border-radius: .5rem
}

.compare-remove {
	padding: 0;
	float: right;
	width: 100%;
	border: 0;
	background: inherit;
	text-align: center;
	color: var(--text-gray-color);
	margin-bottom: 5px
}

.compare-remove:hover {
	color: var(--secondary-color)
}

.compare-description {
	color: var(--text-gray-color);
	padding: .5rem 0;
	font-size: 1.5rem;
	line-height: 2.8rem;
	text-align: center
}

.compare-instock {
	text-transform: uppercase;
	font-size: 1.3rem;
	text-align: center
}

.compare-product--price {
	color: var(--text-gray-color)
}

.compare-cart--btn {
	border-radius: .5rem;
	text-transform: uppercase;
	padding: 0 2rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.3rem
}

@media only screen and (min-width:992px) {
	.compare-cart--btn {
		height: 4.2rem;
		line-height: 4.2rem;
		padding: 0 2.5rem
	}
}

.face-step {
	margin-bottom: 3.5rem;
	padding-bottom: 3rem
}

.face-step:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.face-step--title {
	font-weight: 600
}

@media only screen and (max-width:767px) {
	.face-step--title.mb-30 {
		margin-bottom: 2.2rem
	}
}

.faq-section--inner h5{
	font-weight: 500;
	font-size: 14px;
	color: var(--primary-color);
}
.faq-accordion--btn {
	padding: 1.2rem 6rem 1.2rem 1.5rem;
	font-size: 1.5rem;
	border-radius: 0;
	border:1px solid var(--border-color);

}

.faq-accordion--btn span.material-symbols-outlined {
    right: 20px;
    position: absolute;
}

@media only screen and (min-width:768px) {
	.faq-accordion--btn {
		font-size: 1.4rem
	}
}

div#preloader {
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	position: fixed;
	overflow: hidden
}

.addloaded {
	opacity: 0;
	transition: 1s ease-out;
	-webkit-transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	-ms-transition: 1s ease-out;
	-o-transition: 1s ease-out;
	pointer-events: none
}

@-webkit-keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg)
	}
}

@keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg)
	}
}

@-webkit-keyframes letters-loading {

	0%,
	100%,
	75% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg)
	}

	25%,
	50% {
		opacity: 1;
		-webkit-transform: rotateY(0);
		transform: rotateY(0)
	}
}

@keyframes letters-loading {

	0%,
	100%,
	75% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg)
	}

	25%,
	50% {
		opacity: 1;
		-webkit-transform: rotateY(0);
		transform: rotateY(0)
	}
}

.loader {
	text-transform: uppercase;
	color: var(--white-color);
	font-size: 40px;
	font-family: arial;
	position: fixed;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: hidden
}

@media only screen and (max-width:767px) {
	.loader {
		width: 100%;
		padding: 0 2rem;
		text-align: center
	}
}

.loader span {
	position: relative;
	top: 30px;
	border-radius: 8px;
	padding: 0 10px;
	background-color: var(--secondary-color);
	-webkit-animation: .7s ease-in-out infinite alternate;
	animation: .7s ease-in-out infinite alternate;
	-webkit-animation-name: loading-txt;
	animation-name: loading-txt;
	width: 4.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	font-size: 2.5rem;
	font-weight: 700
}

@media only screen and (max-width:767px) {
	.loader span {
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.6rem
	}
}

@-webkit-keyframes loading-txt {
	to {
		top: 0
	}
}

@keyframes loading-txt {
	to {
		top: 0
	}
}

.loader span:nth-child(2) {
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.loader span:nth-child(3) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.loader span:nth-child(4) {
	-webkit-animation-delay: .45s;
	animation-delay: .45s
}

.loader span:nth-child(5) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.loader span:nth-child(6) {
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}

.loader span:nth-child(7) {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.privacy-policy--content {
	margin-bottom: 2rem
}

.privacy-policy--content:last-child {
	margin-bottom: 0
}

.privacy-policy--content-title {
	font-size: 2rem;
	line-height: 2.5rem;
	margin-bottom: .8rem
}

@media only screen and (min-width:768px) {
	.privacy-policy--content-title {
		font-size: 2.2rem;
		line-height: 2.5rem
	}
}

@media only screen and (min-width:1600px) {
	.privacy-policy--content-title {
		font-size: 2.5rem;
		line-height: 2.8rem;
		margin-bottom: 1.2rem
	}
}

.privacy-policy--content-subtitle {
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin-bottom: .8rem
}

@media only screen and (min-width:1600px) {
	.privacy-policy--content-subtitle {
		font-size: 2rem;
		line-height: 2.5rem;
		margin-bottom: 1rem
	}
}

.privacy-policy--content-desc {
	font-size: 1.4rem;
	margin-bottom: 1.5rem
}

@media only screen and (min-width:1200px) {
	.privacy-policy--content-desc {
		font-size: 1.5rem
	}
}

[data-animation] .newsletter-popup--inner {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s cubic-bezier(.51, .92, .24, 1.15);
	transition: all .5s cubic-bezier(.51, .92, .24, 1.15)
}

[data-animation].newsletter-show .newsletter-popup--inner {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.newsletter-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	z-index: 999
}

.newsletter-popup.newsletter-show {
	visibility: visible;
	opacity: 1
}

.newsletter-popup.newsletter-show .newsletter-popup--inner {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.newsletter-popup--inner {
	position: relative;
	width: 88%;
	max-height: 80vh;
	border-radius: 10px;
	background: var(--white-color);
	-webkit-box-shadow: 2px 0 20px rgba(0, 0, 0, .06);
	box-shadow: 2px 0 20px rgba(0, 0, 0, .06);
	overflow: auto;
	cursor: default;
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px)
}

@media only screen and (min-width:576px) {
	.newsletter-popup--inner {
		width: 80%
	}
}

@media only screen and (min-width:768px) {
	.newsletter-popup--inner {
		width: 655px
	}
}

@media only screen and (min-width:992px) {
	.newsletter-popup--inner {
		width: 720px
	}
}

@media only screen and (min-width:1200px) {
	.newsletter-popup--inner {
		width: 760px
	}
}

.newsletter-popup--close-btn {
	position: absolute;
	top: 4px;
	right: 4px;
	background: var(--secondary-color);
	color: var(--white-color);
	line-height: 2.8rem;
	border: 0;
	text-transform: uppercase;
	font-size: 1.2rem;
	border-radius: 50%;
	padding: 0;
	width: 3rem;
	height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.newsletter-popup--close-btn:hover {
	background: var(--primary-color)
}

@media only screen and (min-width:992px) {
	.newsletter-popup--close-btn {
		width: 3.2rem;
		height: 3.2rem
	}
}

.newsletter-popup--close-btn>* {
	pointer-events: none
}

.newsletter-popup--thumbnail {
	width: 280px
}

@media only screen and (min-width:992px) {
	.newsletter-popup--thumbnail {
		width: 320px
	}
}

@media only screen and (min-width:1200px) {
	.newsletter-popup--thumbnail {
		width: 330px
	}
}

@media only screen and (max-width:767px) {
	.newsletter-popup--thumbnail {
		display: none
	}
}

.newsletter-popup--box-right {
	width: 100%;
	padding: 4rem 2rem 2.2rem;
	text-align: center
}

@media only screen and (min-width:576px) {
	.newsletter-popup--box-right {
		padding: 4rem 2rem 3rem
	}	
}

@media only screen and (min-width:768px) {
	.newsletter-popup--box-right {
		width: calc(100% - 280px);
		padding: 3rem 2rem
	}
}

@media only screen and (min-width:992px) {
	.newsletter-popup--box-right {
		width: calc(100% - 320px);
		padding: 4rem 2.5rem
	}
}

@media only screen and (min-width:1200px) {
	.newsletter-popup--box-right {
		width: calc(100% - 330px);
		padding: 4rem 3rem
	}
}

.newsletter-popup--title {
	margin-bottom: 1.3rem
}

@media only screen and (min-width:992px) {
	.newsletter-popup--title {
		margin-bottom: 2rem;
		font-size: 2.5rem;
		line-height: 2.5rem
	}
}

@media only screen and (min-width:1200px) {
	.newsletter-popup--title {
		font-size: 2.8rem;
		line-height: 2.8rem
	}
}

.newsletter-popup--content--desc {
	color: var(--text-gray-color);
	display: inline-block;
	line-height: 2.2rem;
	font-size: 1.5rem;
	margin-bottom: 1.4rem
}

@media only screen and (min-width:768px) {
	.newsletter-popup--content--desc {
		line-height: 2.2rem;
		font-size: 1.5rem
	}
}

@media only screen and (min-width:992px) {
	.newsletter-popup--content--desc {
		font-size: 1.6rem;
		margin-bottom: 2.2rem
	}
}

.newsletter-popup--subscribe-input {
	width: 100%;
	height: 4rem;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	padding: 0 15px
}

.newsletter-popup--subscribe-input:focus {
	border-color: var(--secondary-color)
}

@media only screen and (min-width:768px) {
	.newsletter-popup--subscribe-input {
		height: 4.5rem
	}
}

.newsletter-popup--subscribe-btn {
	width: 100%;
	height: 4rem;
	background: var(--secondary-color);
	color: var(--white-color);
	border: 0;
	padding: 0 2rem;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 5px;
	margin-top: 1.5rem
}

.newsletter-popup--subscribe-btn:hover {
	background: var(--primary-color)
}

@media only screen and (min-width:768px) {
	.newsletter-popup--subscribe-btn {
		height: 4.5rem
	}
}

.newsletter-popup--footer {
	margin-top: 1.2rem
}

.newsletter-popup--dontshow-again--text {
	color: var(--text-gray-color);
	cursor: pointer;
	font-size: 1.4rem
}

/*SALE SLIDE*/
.section-heading.title-index-heading {
    justify-content: space-between;
}
a.variant-wishlist--icon.compare {
    gap: 8px;
}
.product-variant--list {
    font-size: 15px;
}
.title-index-heading a.product-items--action-cart--btn.primary-btn {
    opacity: 1;
    visibility: visible;
    font-size: 13px;
    height: 38px;
    line-height: 15px;
    display: flex;
    padding: 1.2rem 2rem;
    align-items: center;
    background: var(--secondary-color2);
}
.title-index-heading a.product-items--action-cart--btn.primary-btn span.material-symbols-outlined{
	font-size: 16px;
}
.buys-furniture,
.recently-viewed{
	background: #f9f8f7;
}
.buys-furniture .product-items--content,
.recently-viewed .product-items--content{
	background: #fff;
}
.buys-furniture h3.product-items--content-title.h4 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 1;
    font-weight: bold;
    overflow: unset;
}
.buys-furniture span.old-price,
.buys-furniture span.current-price {
    text-decoration: unset;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -1px;
}
.buys-furniture.buys-decor{
	background: transparent;
}
.buys-furniture.buys-decor h3.product-items--content-title.h4,
.buys-furniture.buys-decor span.old-price,
.buys-furniture.buys-decor span.current-price{
	font-size: 22px;
}


/*Single Product*/
.product-details--info-price small.incl-all-taxes {
    display: block;
    color: var(--light-color2);
}
.product-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sale-product-tag-wrap {
    position: relative;
}
.sale-product-tag-wrap img{
	width: 80px;
}
.sale-product-tag-wrap .sale-product-tag {
    font-weight: 600;
    font-size: 30px;
    margin-left:10px;
    color: var(--black-color);
}
.dynamic-discount-tag {
    font-size: 12px;
    line-height: 1em;
    text-transform: initial;
    padding:10px 0;
    text-align: justify;
}
.product-sale-tag {
    background: #e6e4e3;
    padding: 10px 20px;
}
.warranty-module {
    padding: 5px;
    border-radius: 0;
    border: 1px solid #D6D1B1;
}
.warranty-module .warranty-icon span {
    font-size: 35px;
    padding: 0 5px;
}
.warranty-module .warranty-details {
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    display: block;
    text-align: left;
}
.warranty-module .know-more {
    color: var(--primary-color);
    text-decoration: underline;
    display: block;
}
.delivery-date {
    border: 1px solid #D6D1B1;
    border-radius: 0;
    background: #FFFFFF;
}
.faster-delivery-ribbon {
    background: #FFD166;
    font-size: 13px;
    padding: 8px 20px;
    position: relative;
    gap: 10px;
}
.faster-delivery-ribbon:before {
    border-color: transparent transparent transparent #ffd166;
    border-style: solid;
    border-width: 8px;
    height: 0;
    width: 0;
    position: relative;
    left: -29px;
    top: 20px;
    content: "";
    transform: rotate(0.13turn);
}
.faster-delivery-ribbon:after {
    border-color: transparent #ffd166 transparent transparent;
    border-style: solid;
    border-width: 8px;
    height: 0;
    width: 0;
    position: absolute;
    right: -8px;
    content: "";
    top: 33px;
    transform: rotate(0.88turn);
}
.pincode-form input.user-pincode {
    height: 35px;
    border: none;
    width: 100%;
    font-size: 11px;
    box-shadow: none !important;
    color: var(--secondary-color2);
  	border-radius: 0;
}
.pincode-form {
    margin: 15px;
    border: 1px solid #ddd;
    padding: 5px;
}
.pincode-form  button.primary-btn.action-button {
    height: 38px;
    border-radius: 0;
    font-size: 12px;
    line-height: 40px;
}
.delivery-date-time {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-left: 0;
    font-size: 14px;
    border-right: 0;
    gap: 12px;
}
.condition-message {
    background: #FDFBE0;
    padding: 10px 15px;
    line-height: 1.2;
}
.need-help-widget{
	padding:25px;
    border-radius: 0;
    background-color: #2f4858;
    color: white;
    cursor: pointer;
}
.help-content{
	gap: 15px;
}
.need-help-widget h5.help-call-title {
    font-size: 18px;
    font-weight: 500;
}
.need-help-widget small{
	display: block;
}
.need-help-widget a.primary-btn.help-call {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
}
#bundles-combos{
    border: 1px dashed #CCC;
    padding: 15px;
}
small.combos-title {
    font-size: 15px;
    display: block;
}
.combos-wrap img{
	height: 80px;
	padding:1px;
	object-fit: cover;
}
#bundles-combos a.button-with-border {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 500;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
#bundles-combos a.button-with-border span{
	font-size: 18px;
}
#bundles-combos a.button-with-border:hover{
	color: var(--white-color);
	background: var(--primary-color);
}

/*Product Info*/
.product-details>strong{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-color);
}
.product-details--info-meta {
    flex-wrap: wrap;
    margin-left: 15px;
}
.product-details--info-meta li {
    width: 49%;
    line-height: 20px;
    color: #000000;
    list-style: disc;
    font-size: 13px;
    margin: 3px 0px;
}
.product-details--info-meta li>strong{
	font-size: 13px;
	font-weight: 500;
}
.product-details.more-information .product-details--info-meta li {
    width: 100%;
}
.product_features_list li {
    font-size: 15px;
    list-style: disc;
    text-align: left;
    margin: 12px 0;
    line-height: 1.3;
}
.note-hilights{
	color: var(--primary-color);
	text-decoration: underline;
}
.shipping-items--icon span.material-symbols-outlined {
    font-size: 45px;
    color: var(--secondary-color2);
}
.single-product-shipping-section .container {
    max-width: 1100px;
}
.single-product-shipping-section .shipping-items--content-title {
    font-size: 1.5rem;
    text-transform: uppercase;
}
.single-product-shipping-section small {
    display: block;
    line-height: 1.4;
    margin-top: 5px;
    color: #647589;
}
.shipping-section--inner.single-product-shipping-section {
    border-bottom: 1px solid var(--border-color);
}
#warranty ul.product_features_list {
    margin-left: 15px;
    margin-top: -10px;
}

/*Compare Widget*/
.compare-widget-wrapper {
    position: fixed;
    top: 300px;
    left:-200px;
    width: 100px;
    padding: 5px;
    border: 1px solid var(--border-color);
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2);
    z-index: 99;
    background: var(--white-color);
    background-color: #FFFFFF;
}
.compare-product-card {
    border: 1px solid #dfdfdf;
    margin-bottom: 8px;
    line-height: 1.2;
    position: relative;
}
.compare-prod-content {
    padding: 8px;
}
.compare-product-card .compare-image {
    width: 90px;
    height: 90px;
}
.compare-product-card small {
    overflow: hidden;
    position: relative;
    height: 2.4em;
    display: block;
    margin-bottom: 5px;
    line-height: 1.2;
    font-size: 11px;
    color: var(--sky-color);
}
.compare-product-card strong {
    font-size: 11px;
    font-weight: 500;
    display: block;
    color: var(--primary-color);
}
.remove-compare-prod{	
    background: var(--primary-color);
    position: absolute;
    top: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 50px;
    cursor: pointer;
}
.remove-compare-prod .material-symbols-outlined {
    font-size: 10px;
    color: var(--white-color);
}
.empty-compare-widget-card{
    width: 87px;
    height: 87px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #999999;
    cursor: pointer;
}
.empty-compare-widget-card .add-to-compare-icon{
	display: inline-block;
    font-size: 25px;
}
button#compare-cta {
    background: var(--sky-color);
    border: none;
    margin-top: 7px;
    border-radius: 0;
    font-size: 10px;
    padding: 5px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    color: var(--white-color);
    width: 100%;
}
.modal-dialog.login-main--wrapper.Comparator_Infographic {
    padding: 25px;
}

/*Shop and Category Filter*/
ul.filter-btn-list li{
	position: relative;
}
ul.filter-btn-list li .filter-btn-name {
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 13px;
    padding: 5px 10px;
    margin-right: 10px;
    margin-top: 2px;
    position: relative;
    line-height: 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
}
.filter-dropdown-content {
    position: absolute;
    top:50px;
    margin: 0;
    z-index: 100;
    left: 0;
    padding:5px 15px 15px;
    width: 350px;
    background: var(--white-color);
    opacity: 0;
    overflow: hidden;
    z-index: 1;
    display: none;
    border: 1px solid var(--border-color);
}
.filter-dropdown-content-inner{
	position: relative;
}
ul.filter-btn-list li:hover .filter-dropdown-content{
	opacity: 1;
    overflow: visible;
    z-index: 99;
    display: block;
}
.filter-dropdown-content:before {
    width: 0;
    content: "";
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--border-color);
    top: -35px;
    position: relative;
    z-index: 99999;
}
.filter-dropdown-content *{
	font-size: 14px;
    font-weight: normal;
    margin:0;
}
.range-limits{
	flex-wrap: wrap;
}
.range-limits .range-price{
	width: 50%;
	margin:10px 0;
}
#range-bar{
	width: 100%;
	margin: 12px 0 5px;
}
.type-range input[type='range'] {
  overflow: hidden;
  width: 40px;
  -webkit-appearance: none;
  background-color: var(--border-color);
  border-radius: 20px;
}
.type-range input[type='range']::-webkit-slider-thumb {
  width: 12px;
  -webkit-appearance: none;
  height: 12px;
  cursor: ew-resize;
  background: var(--primary-color);
  box-shadow: -1000px 0 0 1000px var(--primary-color);
}
.filter-dropdown-content.filters-checkbox-content-width{
	width: 250px;	
}
.filter-dropdown-content .filters-checkbox-content-overflow{
	max-height: 345px;
	overflow-y: scroll !important;
}
.filter-dropdown-content .filters-checkbox-content-overflow::-webkit-scrollbar {
  width: 10px;
}
.filter-dropdown-content .filters-checkbox-content-overflow::-webkit-scrollbar-track {
  background: var(--white-color);
}
.filter-dropdown-content .filters-checkbox-content-overflow:hover::-webkit-scrollbar-thumb {
  background: var(--gray-color);
}
.filters-checkbox-type small{
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}
.filters-checkbox-type label.checkbox-type {
    margin: 13px 0;
    display: flex;
    gap: 8px;
    cursor: pointer;
}
.faq-list {
    font-size: 14px;
    padding-left: 15px;
    border-left: 2px solid var(--border-color);
    margin: 20px 0;
}
.faq-list h4{
	font-size: 15px;
}

/*About Us Section*/
.about-content .material-symbols-outlined {
    font-size: 50px;
    margin-right: 20px;
}
.other-page-links {
    border: 1px solid var(--border-color);
    padding:15px 20px;
    box-shadow: 0 10px 30px #eee;
}
.page-links-title{
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
	position: relative;
	font-weight: 500;
}
.page-links-title::after {
    border-bottom: 1px solid var(--primary-color);
    content: " ";
    width: 30px;
    position: relative;
    bottom: -5px;
    display: block;
}
.other-pages{
	margin-left: 15px;
}
.other-pages li {
    list-style: disc;
    font-size: 14px;
    margin: 12px 0;
    color: var(--sky-color);
}
.other-pages li a{
    color: var(--sky-color);
}
.other-pages li a:hover,
.other-pages li:hover{
    color: var(--primary-color);
}
section.product-section.most-popular {
    background: #f9f8f7;
}
section.product-section.most-popular .product-items--content{
    background: var(--white-color);
}
.counterup-banner--section{
	background: var(--secondary-color2);
	padding:50px 0;
}
.bulk-section--padding img.bulk-img-header {
    width: 100%;
}
.bulk-order-form{
	background: var(--border-color);
}

/*Gift Card*/
.gift-icons-section,
.category-faq-section .container{
	max-width: 1050px;
	margin: 0 auto;
}
.gift-icons {
	border:1px dashed var(--gray-color);
    padding: 30px 20px;
}
.gift-icons span.material-symbols-outlined {
    font-size: 40px;
    width: 80px;
    background: #fff2e6;
    color: var(--primary-color);
    height: 80px;
    line-height: 85px;
    border-radius: 100px;
}
.gift-icons h5 {
    color: var(--secondary-color2);
    font-weight: 500;
    line-height: 1;
    display: block;
}
.gift-car-buy-item {
    min-height: 250px;
    cursor: pointer;
    position: relative;
}
.gift-car-buy-item:before {
    content: "";
    position: absolute;
    border: 1px solid var(--border-color);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: var(--white-color);
    z-index: -3;
    will-change: transform;
}
.gift-car-buy-item:hover:before {
    box-shadow: 0 25px 55px -2px rgba(0,0,0,.1);
    z-index: -1;
    -webkit-transform: scale(1.025,1.05);
    transform: scale(1.025,1.05);
    border-width: 1px;
}
.gift-car-buy-item img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    transition: all .3s;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
}
.gift-car-buy {
    text-align: center;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    position: absolute;
    padding: 0 8%;
    top: 145px;
    top: calc(100px + 20%);
    left: 0;
    right: 0;
    will-change: transform;
}
.gift-car-buy-item .gift-car-buy .occasion-item-content{
    opacity: 0;
}
.gift-car-buy-item:focus img, .gift-car-buy-item:hover img {
    -webkit-transform: scale(.75) translateY(-40px);
    transform: scale(.75) translateY(-40px);
}
.gift-car-buy-item:focus .gift-car-buy, .gift-car-buy-item:hover .gift-car-buy {
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
}
.gift-car-buy-item:focus .gift-car-buy, .gift-car-buy-item:hover .occasion-item-content{
    transition-duration: .25s;
    transition-delay: .05s;
    opacity: 1;
}
.occasion-item h5 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.occasion-item-content p{
	font-size: 13px;
	line-height: 1.3;
}
.occasion-item-content button.primary-btn {
	background: var(--white-color);
	border-radius: 0;
	border:2px solid var(--primary-color);
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.occasion-section-inner {
    max-width: 1050px;
    margin: 0 auto;
    padding-left: 2px;
}
.occasion-section-inner .col-lg-4.mb-10 {
    padding: 0;
    margin: -1px;
}
.terms-conditions-section{
	background: #f9f8f7;
	padding: 3em 0;
}
.terms-conditions-list ul{
	margin-left: 15px;
}
.terms-conditions-list ul li{
	font-size: 14px;
	line-height: 1.5;
	margin:10px 0;
	list-style: disc;
}
.modal-dialog.gift-card.login-main--wrapper {
    max-width: 1000px;
}
.gift-card .variant-size--value {
    line-height: 3.5rem;
    border: 1px solid var(--border-color);
    font-size: 15px;
    color: var(--sky-color);
    cursor: pointer;
    font-weight: 500;
}
.gift-card .account-popup h4.login-message {
    font-size: 22px;
    text-align: left;
}
.or {
    text-align: center;
    color: var(--sky-color);
    margin: 5px 0 0;
    text-transform: uppercase;
    display: block;
}
.or:after,
.or:before {
    background-color: #dadada;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 1.5em;
    left: 0.5em;
}
.or:before {
	left: unset;
    right: .5em;
}
form.predictive-login--form.amount-gift-card {
    text-align: left;
}
form.amount-gift-card strong {
	font-size: 15px;
    font-weight: 500;
}
form.amount-gift-card .step .d-flex.align-items-center {
    gap: 10px;
}
form.amount-gift-card .send-to select,
.account-popup .step.step-2 .form-group input {
    width: 50%;
    color: #999;
    height: 45px;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #cccccc;
}
.step {  
	display: none;  
}  
.step.active {  
	display: block;  
}  
.step .form-group label {
    display: block;
    width: 100%;
    font-size: 13px;
}
.account-popup .step .form-group .full-name{
	width: 100% !important;
}
.account-popup .step .form-group textarea {
    width: 100%;
    border: 1px solid #cccccc;
    font-size: 14px;
    padding:10px;
    height: 100px;
}
.account-popup .step-2 .primary-btn.form--submit-button{
	width: 50%;
	color: #fff;
}
.emi-offerings-container{
	background: #F2F2F2;
	padding:10px;
}
.emi-offerings-container .material-symbols-outlined {
    border-radius: 5px;
    font-size: 30px;
    margin-right: 10px;
    background: #fff;
    padding: 8px;
}
.emi-offers li{
	font-size: 14px;
	display: block;
	padding: 5px 0;
}


.emi-offerings-container strong{
	font-weight: 500;
}
.emi-offerings-container .badge-new {
    position: relative;
    top: -10px;
    padding: 2px 5px 1px;
    font-weight: normal;
    font-size: 10px;
    margin-left: 2px;
    letter-spacing: 1px;
    line-height: 1;
    background-color: var(--primary-color);
    border-radius: 15px;
    color: var(--white-color);
}
.offers-messages {
    background: rgba(199,239,207,0.5);
    padding: 15px;
    text-align: center;
    line-height: 1.5;
    border-bottom: 1px solid var(--border-color);
}
.offers-messages small{
	display: block;
	padding:1px 0;
}

/*Cart and checkout*/
.progress-steps-bg{
	background: var(--gray-color2);
	padding:30px 0;
}
ul.progress-steps {
    justify-content: center;
}
ul.progress-steps li.completed-step-menu-items{
	margin: 0 15px;
}
ul.progress-steps li.completed-step-menu-items a {
    font-size: 25px;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--sky-color);
}
ul.progress-steps li.completed-step-menu-items span.material-symbols-outlined {
    margin-left: 25px;
    font-size: 30px;
}
ul.progress-steps li.completed-step-menu-items.active-steps a{
	border-bottom: 1px solid var(--primary-color);
	color: var(--primary-color);
}

/*Inner Simple Page*/
section.breadcrumb-section.help-center-section.breadcrumb-bg{
	background: var(--secondary-color2);
}
.help-center-section .breadcrumb-content {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
form.serch-box-help.help-search--form {
    background: var(--white-color);
    position: relative;
}
form.serch-box-help.help-search--form .predictive-search--input{
	bordedr:none;
	border-radius: 0;
}
.help-center-section button.predictive-search--button {
    background: transparent;
}
.help-center-section svg.header-search--button-svg {
    color: var(--sky-color);
}
.topics-title-heading {
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
}
.topics-title-heading::after {
    border-bottom: 1px solid var(--primary-color);
    content: " ";
    width: 30px;
    display: block;
}
.topics-links{

}
ul.topics-links li a.topic-title {
    font-size: 15px;
    margin: 12px 0;
    color: var(--sky-color);
}
ul.topics-links li a.topic-title.highlight,
ul.topics-links li a.topic-title:hover {
    color: var(--primary-color);
}
.topic-entries-details button.faq-accordion--btn {
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    padding-left: 0;
    border: none;
    
}
.topic-entries-details .accordion-items{
	border-bottom: 1px solid var(--border-color);
}
.topic-entries-details .accordion-items--body {
    padding: 0 0 20px;
}
.topic-entries-details .accordion-items--body .accordion-items--body-desc{
    font-size: 14px;
}
.topic-entries-details .accordion-items.active button.faq-accordion--btn.accordion-items--button {
    color: var(--primary-color);
}
.topic-entries-details h4.entries-title {
    font-size: 22px;
}
.warranty-section--inner p {
    font-size: 14px;
    line-height: 25px;
}
.warranty-section--inner ol {
    margin-left: 0;
    padding-left: 15px;
}
.warranty-section--inner ol li{
    font-size: 14px;
    line-height: 25px;
    color: var(--text-gray-color);
    list-style-type: decimal;
}











@media only screen and (max-width: 690px) {

	.buys-furniture a.product-items--action-cart--btn.primary-btn {
		  display: none;
	}
	.newsletter-banner--section .row-cols-lg-2.d-flex.align-items-center{
		display: block;
	}
	.newsletter-banner--section .newsletter-content,
	.newsletter-banner--section form.newsletter-subscribe--form.position-relative {
	    width: 100%;
	}
	h3.newsletter-content--title{
		margin-bottom: 10px;
	}
	.product-view--mode {
	    display: none;
	}
	ul.filter-btn-list {
	    flex-wrap: wrap;
	}
	ul.filter-btn-list li {
	    width: 50%;
	}
	ul.filter-btn-list li .filter-btn-name {
	    margin: 3px;
	    justify-content: space-between;
	}
	.filter-dropdown-content:before {
	    top: -33px;
	}
}

@media only screen and (max-width: 894px) {
	#head-alert.info {
	    padding: 5px 0;
	}
	p.header-shipping--text{
		font-size: 13px;
	}
	.main-logo img.main-logo--img {
	    width: 140px;
	}
	.header-topbar.border-bottom,
	.serch-box-header.predictive-search--form,
	.login-popup img.login-popup-img {
	    display: none !important;
	}	
}