:root {
    --headerColor: #FFF;
    --headerTextColor: #495362;
    --headerDividerColor: #ececec;
    --searchBar: #fafbff;
    --searchBorder: #c6cff0;
    --searchTextColor: #333;

	--baseBgColor: #ff686e;
	--baseBgHoverColor: #fd8387;
	--baseBgTextColor: #FFF;
    --bg: #FFF;
	--asideBgColor: #f5f5f5;

    --asideTextColor: #333;
    --asideDividerColor: #eee;
    --asideTreeColor: #c9d3e1;

	--green: #4DB848;
	--text-green: #129D42;
	--red: red;
	--textColor: #333;
	--textColor-gray: #495362;
	--textColor-muted: #9aa4b3;
	--opacity: 0.6;
	--cartBgColor: #55584D;
	--cartTextColor: #fdd670;
	--cartBgColor-2: #F5FCEB;
	--boderColor: #ececec;
	--boderColor-2: #b9b9b9;
	--boderColor-3: #c9d3e1;
	--boderColor-4: rgba(248,248,248, 0.9);
	--boderColor-5: #E3E3E3;
	--navHover: #FFF;
	--rgba: rgba(255,255,255, 1);
	--asideWidth: 220px;
	--navHeight: 55px;
	--hilight: #FBCA11;
}
@font-face {
    font-family: segoe ui;
    src: url(../fonts/SEGOEUI.TTF)
}
body {
    font-family: segoe ui, "helvetica, droid sans, arial, lucida grande, tahoma, verdana, arial, sans-serif";
    overflow-x: hidden;
    overflow-y: auto;
}
h1, h2, h3, h4 {
    margin-top: 0;
}
.preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background-color: #fff;
}
.preloader.transparent{
    background-color: transparent;
}
.preloader.inside{
    position: absolute;
}
.preloader.fix{
    position: fixed;
    height: 100vh;
}
.preloader::before {
    position: absolute;
    content: "";
    top: 35%;
    right: 0;
    left: 0;
    margin: auto;
    border: 1px solid #ececec;
    border-radius: 50%;
    border-top: 1px solid #adadad;
    width: 40px;
    height: 40px;
    -webkit-animation: spin .7s linear infinite;
    animation: spin .7s linear infinite;
}
.preloader.small::before{
    width: 25px;
    height: 25px;
}
.preloader::after {
    content: "Please wait. Website is loading ...";
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
    margin: 60px auto 0;
    text-align: center;
    color: #868686;
}
.preloader.inside::after{
    content: "";
}
@-webkit-keyframes spin {
    0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}@keyframes spin {
    0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.w-full{
    width: 100%;
    box-sizing: border-box;
}
.min-box{
    min-height: 35vh;
    position: relative;
}
a:link, a, a:focus {
    text-decoration: none;
    outline: none;
    color: var(--textColor);
}
a:hover {
    color: var(--baseBgColor);
}
.link {
    text-decoration: underline!important;
    cursor: pointer;
}
.link-hover{
    cursor: pointer;
}
.link-hover:hover {
    text-decoration: underline!important;    
}
.hilight{
    color: var(--baseBgColor);
}
.confirm-box{
    top: 18% !important;
    position: fixed !important;
}
.confirm-box__actions > :not(:last-child) {
	margin-right: 10px !important;
}
.confirm {
	border: none;
	height: 30px;
	background-color: var(--boderColor);
	padding: 0 15px;
	border-radius: 3px;
	border-bottom: 1px solid var(--boderColor-2);
}
.confirm.yes {
	background-color: #54A7FF;
	border-bottom-color: #2980DB;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
p {
    font-size: 13px;
    letter-spacing: .1px;
}
img {
    max-width: 100%}
button {
    outline: none!important;
}
.nav-top {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--boderColor);
}
.modal-dialog{
    padding-bottom: 40px;
}
.modal-content {
    border-radius: 0;
    top: 20px;
    margin-bottom: 40px;
}
.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    color: var(--textColor);
    opacity: .7;
    cursor: pointer!important;
    z-index: 2;
    font-size: 17px;
}
.mycart {
    opacity: .7;
    cursor: pointer;
    position: fixed;
    width: 65px;
    height: 75px;
    background: #f5fceb;
    right: 0;
    top: calc(110px + 30%);
    box-shadow: 0 0 16px -1px rgba(0, 0, 0, .75);
    transition: .1s ease-in-out;
    z-index: 70;
}
.mycart:hover {
    opacity: 1;
}
.mycart .cart-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--cartBgColor);
    color: var(--cartTextColor);
    padding: 3px 0 5px;
    height: 50px;
}
.mycart .items {
    font-size: 12px;
    font-weight: 700;
}
.mycart .cart-total {
    height: 25px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mycart-items-sticky {
    position: fixed;
    top: var(--navHeight);
    right: -350px;
    bottom: 0;
    width: 320px;
    z-index: 80;
    background-color: #fff;
    box-shadow: -2px 10px 12px 0 rgba(143, 143, 143, .38);
    display: flex;
    flex-direction: column;
}
.mycart-items-sticky .mycart-header {
    display: flex;
    align-items: center;
    padding: 5px 0 5px 15px;
    background-color: var(--asideBgColor);
}
.mycart-header .item {
    flex: 1;
    display: flex;
    align-items: center;
}
.mycart-header .item .amount {
    margin-left: 5px;
    font-weight: 700;
    font-weight: 15px;
}
.closer .mycart-close {
    background-color: transparent;
    border: none;
    width: 40px;
    height: 30px;
    border-radius: 3px;
    color: var(--textColor);
    outline: none;
    position: relative;
    font-size: 19px;
}
.closer .mycart-close:active {
    top: 2px;
}
.mycart-ranger {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    background-color: var(--cartBgColor);
    color: var(--cartBgColor-2);
    font-size: 13px;
    position: relative;
    cursor: pointer;
}
.mycart-ranger>div:not(.ranger-bg) {
    position: relative;
    z-index: 2;
}
.mycart-ranger .ranger-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    bottom: 0;
    background-color: #e6af20;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
}
.mycart-title {
    padding: 10px 15px;
    background-color: var(--boderColor);
    font-weight: 700;
}
.mycart-item {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.mycart-item ul>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--boderColor);
    padding: 0 5px 0 8px;
}
.mycart-item .item-controller {
    display: flex;
    flex-direction: column;
}
.mycart-item .item-controller .item-con:not(.item-counter) {
    width: 25px;
    padding: 0;
    height: 25px;
    background-color: transparent;
    border: none;
    font-size: 18px;
    line-height: 18px;
    color: var(--textColor);
    opacity: .6;
}
.mycart-item .item-controller button.item-con:hover {
    opacity: 1;
}
.mycart-item .item-controller .item-con[disabled] {
    opacity: .2!important;
}
.mycart-item .item-controller .item-counter {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--textColor-gray);
    font-family: Arial;
}
.mycart-item .item-thumb {
    width: 40px;
    max-height: 40px;
    margin: 0 10px;
}
.mycart-item .item-des {
    flex: 1;
}
.mycart-item .item-des .title {
    margin: 0;
    color: var(--textColor-gray);
}
.mycart-item .item-des>span {
    color: var(--textColor-muted);
    font-size: 12px;
}
.mycart-item .item-des del{
    color: var(--textColor-muted);
}
.mycart-item .item-closer .item-close {
    width: 25px;
    height: 30px;
    background-color: transparent;
    border: none;
    font-size: 15px;
    position: relative;
    color: var(--textColor-muted);
}
.mycart-item .item-closer .item-close:active {
    top: 2px;
}
.mycart-item .item-closer .item-close:hover {
    color: red;
}
.mycart-item .item-price {
    color: var(--textColor-gray);
    font-family: Arial;
}
.mycart-control .coupon-code {
    background-color: var(--boderColor-4);
    border-top: 1px solid var(--boderColor-5);
    border-bottom: 1px solid var(--boderColor-5);
}
.mycart-control .coupon-code .coupon-title {
    border: none;
    width: 100%;
    height: 36px;
    background-color: var(--boderColor-4);
}
.mycart-control .coupon-input {
    padding: 5px 15px 10px;
    display: flex;
}
.mycart-control .coupon-box {
    display: none;
}
.mycart-control .coupon-input input {
    flex: 1;
    border: none;
    background-color: var(--boderColor-5);
    outline: none;
    height: 30px;
    border-radius: 4px;
    padding: 0 15px;
}
.mycart-control .coupon-input .coupon-submit {
    border: none;
    width: 40px;
    height: 30px;
    margin-left: 5px;
    border-radius: 4px;
    background-color: var(--baseBgColor);
    color: var(--baseBgTextColor);
    position: relative;
}
.mycart-control .coupon-input .coupon-submit:active {
    top: 2px;
}
.mycart-checkout-button {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
.mycart-control .mycart-checkout {
    display: flex;
    justify-content: space-between;
    border: none;
    align-items: center;
    width: 100%;
    font-weight: bold;
    border-radius: 4px;
    background-color: transparent;
    position: relative;
}
.mycart-control .mycart-checkout:active {
    top: 2px;
}
.mycart-control .mycart-checkout .mycart-place-order, .mycart-control .mycart-checkout .mycart-total {
    flex: 2;
    height: 40px;
    background-color: var(--baseBgColor);
    color: var(--baseBgTextColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 0 0 3px;
}
.mycart-place-order{
    border-bottom: 1px solid var(--baseBgColorDark);
}
.mycart-total{
    border-bottom: 1px solid var(--baseBgColor);
}
.mycart-control .mycart-checkout .mycart-total {
    background-color: var(--baseBgHoverColor);
    flex: 1;
    border-radius: 0 3px 3px 0;
}
.mycart-checkout:disabled .mycart-place-order{
    background-color: var(--boderColor-2);
    border-bottom-color: var(--boderColor-2);
}
.mycart-checkout:disabled .mycart-total{
    background-color: var(--boderColor-3);
    border-bottom-color: var(--boderColor-3);
}
.sec-title {
    margin-bottom: 30px;
}
/* .sec-title.left {
    border-left: 4px solid var(--baseBgColor);
    padding-left: 10px;
} */
.sec-title *{
    margin-bottom: 5px;
}
.sec-title.left a {
	display: inline-block;
	margin-bottom: 0;
	position: relative;
	bottom: -6px;
}
.sec-title .title-label {
    margin-bottom: 10px;
}
.sec-title .title-label.small {
    font-size: 20px;
}
.sec-title.left .title-label {
    margin-bottom: 0;
}
.sec-title.left .title-label {
    /* margin-top: -5px; */
    display: inline-block;
}
.toptitles {
	min-height: 50px;
}
.sec-title p {
    color: var(--textColor-muted);
}
.sec-title.left p:last-child {
    margin-bottom: 0;
    line-height: 14px;
}
.sec-title.center {
    text-align: center;
}
.sec-title a {
    color: var(--textColor-gray);
}
.sec-title a:hover {
    color: var(--textColor);
}
header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--headerColor);
    box-shadow: 0 -6px 28px -4px rgba(0, 0, 0, .4);
    z-index: 100;
}
header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header nav>.nav-logo {
    width: var(--asideWidth);
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: var(--navHeight);
}
.nav-toggler {
    position: relative;
    flex: 0 0 20px;
    height: 16px;
    margin-left: 15px;
    border-top: 2px solid var(--headerTextColor);
    border-bottom: 2px solid var(--headerTextColor);
    cursor: pointer;
}
.nav-toggler::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: var(--headerTextColor);
    z-index: 1;
    margin: auto 0;
}
.nav-toggler:active {
    opacity: .5;
}
.nav-logo-top {
    padding: 0 15px;
    margin: 10px 0;
}
header nav>.nav-search {
    flex: 1;
    padding-right: 10px;
}
.nav-search-panel {
    position: relative;
}
.nav-search-panel>input {
    background-color: #fafbff;
    height: 40px;
    width: 100%;
    padding: 0 40px 0 15px;
    border-radius: 4px;
    border: 1px solid #c6cff0;
    font-size: 14px;
}
.nav-search-panel>input:focus {
    outline: none;
    border-color: var(--baseBgColor);
}
.nav-search-panel>input::placeholder {
    color: var(--textColor);
}
.nav-search-panel>button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    border: none;
    width: 40px;
    height: 40px;
    background-color: transparent;
}
.nav-search-panel>button[type=submit]>i {
    font-size: 16px;
    position: relative;
    top: 2px;
}
header nav>.nav-menu-x {
    height: var(--navHeight);
    display: flex;
    align-items: center;
    border-left: 1px solid var(--headerDividerColor);
}
header nav>.nav-menu-x > ul {
    display: flex;
    margin: 0;
    padding: 0;
}
header nav> .nav-menu-x ul > li{
    position: relative;
}
header nav> .nav-menu-x > ul > li > a,
header nav> .nav-menu-x > ul > li > .nav-item{
    display: flex;
    font-weight: 700;
    height: var(--navHeight);
    align-items: center;
    padding: 0 15px;
    justify-content: center;
    border-right: 1px solid var(--headerDividerColor);
    color: var(--headerTextColor);
    cursor: pointer;
}
header nav > .nav-menu-x > ul > li > a > i {
    margin-right: 3px;
}
header nav > .nav-menu-x > ul > li.signin > a,
header nav> .nav-menu-x > ul > li.signin > .nav-item {
    min-width: 150px;
    background-color: var(--baseBgColor);
    color: var(--baseBgTextColor);
}
header nav > .nav-menu-x > ul > li.signin:hover > a,
header nav> .nav-menu-x > ul > li.signin:hover > .nav-item {
    background-color: var(--baseBgHoverColor);
    color: var(--baseBgTextColor);
}
header nav > .nav-menu-x > ul > li:hover > a {
    background-color: var(--baseBgColor);
    color: var(--baseBgTextColor);
}

.nav-menu-x > ul ul {
	position: absolute;
	min-width: 200px;
	white-space: nowrap;
	top: 100%;
	left: 0;
	z-index: 9999;
	padding: 5px 0;
	box-sizing: border-box;
	background-color: #FFF;
	display: none;
	-webkit-box-shadow: 0 32px 70px -29px rgb(0, 0, 0);
	box-shadow: 0 32px 70px -29px rgb(0, 0, 0);
}
.nav-menu-x > ul > li:hover ul{
    display: block;
}
.nav-menu-x > ul ul.left{
    left: auto;
    right: 0;
}
.nav-menu-x > ul ul > li {
	float: left;
	width: 100%;
	padding: 5px 15px;
	box-sizing: border-box;
	position: relative;
}
.nav-menu-x > ul ul li > a,
.nav-menu-x > ul ul li > .item-link {
	float: left;
	width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
	color: #8c8f92;
	box-sizing: border-box;
	font-size: 0.9em;
}
.item-link{
    cursor: pointer;
}
.nav-menu-x > ul ul li > a > i,
.nav-menu-x > ul ul li > .item-link > i {
	width: 20px;
    display: inline-block;
	text-align: center;
}
.nav-menu-x > ul ul li:not(:last-child){
    border-bottom: 1px solid #eee;
}

.aside {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--asideWidth);
    height: 100vh;
    z-index: 99;
    padding-top: 65px;
    background-color: var(--asideBgColor);
    overflow-x: hidden;
    overflow-y: auto;
}
.aside nav ul {
    padding: 0;
}
.aside nav>ul>li {
    position: relative;
    z-index: 1;
    padding-left: 5px;
}
.aside nav>ul>li hr{
    border-top-color: var(--asideDividerColor);
}
.submenu {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 28px;
	height: 32px;
    cursor: pointer;
}
.submenu::after{
    position: absolute;
    content:"\f107";
    font-family: "Fontawesome";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--asideTextColor);
    opacity: 0.8
}
.up + .submenu::after{
    content:"\f106";
}
/* .submenu::before {
	position: absolute;
	content: "";
	top: 3px;
	right: 0;
	bottom: 3px;
	left: 0;
	background-color: rgba(0,0,0,.03);
	z-index: -1;
	border-radius: 3px;
	opacity: 0;
}
.submenu:hover::before{
    opacity: 1;
} */
.submenu + ul{
    display: none;
}
.aside nav>ul>li.active::before, .aside nav>ul>li.active::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    bottom: 100%;
    right: 0;
    z-index: 0;
    background-color: var(--navHover);
}
.aside nav>ul>li.active::after {
    background-color: var(--asideBgColor);
    border-bottom-right-radius: 100%}
.aside nav>ul>li a {
    display: flex;
    align-items: center;
    padding: 6px 15px 6px 10px;
    color: var(--asideTextColor);
    position: relative;
    z-index: 1;
}
.aside nav>ul>li:hover:not(.active)>a {
    color: var(--baseBgColor);
}
.aside nav>ul>li.active>a {
    background-color: var(--navHover);
    border-radius: 15px 0 0 15px;
}
.aside nav>ul>li.active>a::before, .aside nav>ul>li.active>a::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 100%;
    right: 0;
    z-index: 0;
    background-color: var(--navHover);
}
.aside nav>ul>li.active>a::after {
    background-color: var(--asideBgColor);
    border-top-right-radius: 100%}
.aside nav>ul>li a>img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.aside nav > ul li > ul > li{
    position: relative;
}
.aside nav > ul li > ul > li a{
    padding-left: 39px;
}
.aside nav > ul li > ul > li ul a{
    padding-left: 58px;
}
.aside nav > ul li > ul{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--asideDividerColor);
}
.aside nav > ul li > ul ul{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.aside nav a.active,
.aside nav > ul li > ul > li a:hover{
    color: var(--baseBgColor);
}
.aside nav > ul li > ul > li::after {
	position: absolute;
	content: "";
	z-index: -1;
	left: 20px;
	top: 0;
	bottom: 0;
	border-left: 1px solid var(--asideTreeColor);
}
.aside nav > ul li > ul > li::before {
	position: absolute;
	content: "";
	z-index: -2;
	left: 20px;
	top: 0;
	width: 14px;
	border-bottom: 1px solid var(--asideTreeColor);
	height: 18px;
}
.aside nav > ul li > ul > li:last-child:after{
    bottom: auto;
    height: 18px;
}
.aside nav > ul li > ul ul > li[item-index="index_0"]:last-child:after{
    height: 23px;
}
.aside nav > ul li > ul ul > li::after {
	left: 40px;
}
.aside nav > ul li > ul ul > li::before {
	left: 40px;
}
.aside nav > ul li > ul ul > li:first-child::after{
    top: -5px;
}
main {
    position: relative;
    z-index: 1;
    margin-top: var(--navHeight);
    padding-left: var(--asideWidth);
    display: flex;
    flex-direction: column;
    background-color: var(--bg);
    min-height: 55vh;
    /* box-shadow: 0 10px 135px -10px rgba(0, 0, 0, .3); */   
    /* border-bottom: 1px solid var(--boderColor);   */
}
.section {
    padding: 0 20px;
    margin-bottom: 60px;
}
.page-heading {
	padding-top: 20px;
}
.area-banner {
    position: relative;
    margin-bottom: 40px;
}
.area-banner > img{
    margin: 0 auto;
    display: block;
}
.area-banner.page{
    margin-bottom: 0;
}
.banner-des{
    margin-bottom: 15px;
}
.search-console {
    width: 800px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-console .console-form {
    width: 100%}
.search-console>.search-title {
    margin-bottom: 30px;
}
.search-console .nav-search-panel>input {
    height: 50px;
    border: none;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 10px 60px -10px rgba(0, 0, 0, .4);
    padding: 0 50px 0 20px;
    font-size: 15px;
}
.search-console .nav-search-panel>button[type=submit] {
    height: 50px;
    width: 50px;
}
.categories > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.categories > ul li {
    margin: 0 10px 20px;
    flex: 0 0 345px;
}
.categories > ul li > a {
    display: flex;
    box-shadow: 10px 10px 80px -10px rgba(0, 0, 0, .3);
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background-color: var(--rgba);
}
.categories > ul li > a .cat-thumb {
    flex: 0 0 150px;
}
.categories > ul li > a .cat-thumb img {
    border-radius: 20px 0 0 20px;
    background-color: var(--rgba);
}
.categories > ul li > a .cat-des {
    flex: 1;
    padding: 20px 10px 10px 20px;
    border-radius: 0 20px 20px 0;
}
.cat-des .title {
    font-size: 16px;
}
.categories > ul li:hover .title {
    color: var(--baseBgTextColor);
}
.cat-des p {
    margin: 0;
}
.cat-des .text {
    color: var(--textColor-muted);
}
.categories > ul li:hover .text {
    color: var(--baseBgTextColor);
    opacity: var(--opacity);
}
.categories > ul li a::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    bottom: 0;
    right: 0;
    background-color: var(--baseBgColor);
    z-index: 1;
    border-top-left-radius: 100%;
    border-bottom-right-radius: 20px;
}
.categories > ul li:hover a::after {
    width: calc(100% + 3px);
    height: 100%;
    border-radius: 20px;
}
.categories > ul li a * {
    z-index: 2;
}
.area-ads .ads {
    display: flex;
    justify-content: center;
}
.area-ads .ads .ads-item {
    margin: 0 10px 20px;
}
.area-ads .ads .ads-item>img {
    border-radius: 20px;
}
.area-ads .ads .ads-item:hover {
    transform: scale(.9);
}
.product-grid {
    display: flex;
    flex-wrap: wrap;
}
.product-grid.center {
    justify-content: center;
}
.product-grid .product-card{
    margin-bottom: 40px;
    margin-right: 10px;
}
.area-product-carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-slider {
	width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 1650px;
}
.rec-carousel{
    position: relative;
}
.btnCarousel {
	position: absolute;
	top: 0;
	left: -35px;
	bottom: 0;
	width: 60px;
	height: 60px;
	margin: auto 0;
	border: none !important;
	line-height: 54px !important;
	background-color: transparent !important;
	/* box-shadow: 0 9px 20.8px 1.2px rgba(16, 37, 65, .16); */
	color: #7a7a7a !important;
	opacity: 0;
	font-size: 54px;
	z-index: 2;
}
.product-slider:hover .btnCarousel{
    opacity: 0.5;
}
.btnCarousel.right{
    left: auto;
    right: -35px;
}
.btnCarousel:hover{
    opacity: 1;
}
.btnCarousel.left:disabled,.btnCarousel.right:disabled{
    cursor: not-allowed;
}

.product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
    margin: 0 0 20px;
    padding: 0;
}
.product-card.gap {
    margin: 0 10px 20px;
}
.product-card > figcaption {
    position: relative;
    z-index: 1;
    border-radius: 20px;
}
.product-card > figcaption::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: -1;
    background-color: #fff;
    border-radius: 20px;
}
.product-card .overly {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(40, 40, 40, .75);
    border-radius: 3px;
    opacity: 0;
    cursor: pointer;
}
.cartoverly{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.product-card .overly.alpha{
    background-color: rgba(172,170,170,.8);
}
.product-card:hover > figcaption img {
    border-radius: 20px 20px 0 0;
}
.product-card > figcaption:hover .overly {
    z-index: 3;
    opacity: 1;
}
.view-on-response {
	position: absolute;
	top: 2px;
	right: 1px;
	width: 40px;
	height: 40px;
	z-index: 4;
	cursor: pointer;
	font-size: 24px;
	line-height: 24px;
	text-align: right;
	color: #b7b7b7;
    padding: 5px 5px 0 0;
    display: none;
}
.product-card > figcaption:hover .view-on-response{
    color: #FFF;
}
.view-on-response:active{
    top: 2px;
}

.product-card .overly p {
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
.product-card .cart-controler {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	background-color: #FFF;
	border: 1px solid var(--boderColor-3);
	border-radius: 0 0 3px 3px;
	border-top-color: transparent;
}
.product-card .cart-controler li {
	padding: 2px 5px 6px;
	flex: 1;
	text-align: center;
}
.product-card .cart-controler li a {
    color: var(--textColor-gray);
	margin: 0 6px;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 13px;
}
.product-card .cart-controler li a>i.ico-left {
    margin-right: 5px;
    position: relative;
	top: 1px;
}
.product-card .cart-controler li a > i.ico-right {
	margin-left: 5px;
	position: relative;
	top: 1px;
}
/* .product-card .cart-controler li:hover a {
    color: var(--baseBgColor);
} */
.product-card .des {
    padding: 10px 5px;
    text-align: center;
}
.product-card .title {
    height: 40px;
    overflow: hidden;
}
.product-card .unit {
    color: var(--textColor-muted);
    min-height: 19px;
}
.product-card .save {
	color: var(--text-green);
	min-height: 19px;
	font-weight: bold;
	margin-bottom: 5px;
}
.product-card .price {
    font-size: 15px;
    font-weight: 700;
}
.product-card .price del {
    color: var(--textColor-muted);
    margin-left: 5px;
}
.out-of-stock > div:not(.overly) {
	opacity: .3;
}
.add-to-cart {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35px;
    border: 1px solid var(--boderColor-3);
    border-radius: 3px;
    background-color: #fff;
    font-weight: 700;
    color: var(--textColor-gray);
    z-index: 5;
}
.add-to-cart > img{
    height: 15px;
    position: relative;
    top: -2px;
}
.add-to-cart:hover {
    border-bottom-color: transparent;
    box-shadow: 0 2px 0 var(--baseBgColor);
}
.add-to-cart i {
    font-size: 18px;
    position: relative;
    bottom: -1px;
}
.cart-controller {
    width: 100%}
.addtocart-group {
    width: 100%;
}
.addtocart-model {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, .4);
}
.addtocart-model .atc {
    height: 35px;
    padding: 0;
    border: none;
    background-color: var(--baseBgColor);
    color: var(--baseBgTextColor);
}
.addtocart-model .atc:not(.cart-count) {
    width: 30px;
}
.addtocart-model .atc:not(.cart-count):active {
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .9) inset;
}
.addtocart-model .atc:not(.cart-count)::before {
    content: "\efc2";
    font-family: "IcoFont";
    font-size: 11px;
}
.addtocart-model .atc.cart-minus:not(.cart-count)::before {
    content: "\ef9a"}
.addtocart-model .cart-minus {
    border-radius: 3px 0 0 3px;
}
.addtocart-model .cart-plus {
    border-radius: 0 3px 3px 0;
}
.addtocart-model .cart-count {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif;
    border-left: 1px solid var(--baseBgHoverColor);
    border-right: 1px solid var(--baseBgHoverColor);
    font-weight: 700;
}
.addtocart-group-overly {
	display: flex;
	align-items: center;
	flex: 1;
	padding: 0 15px;
	flex-wrap: wrap;
	flex-direction: column;
}
.addtocart-group-overly > p {
	padding: 40px 0;
}
.addtocart-group-overly .addtocart-model .atc{
    background-color: transparent;
    border: none;
}
.addtocart-group-overly .addtocart-model{
    box-shadow: none;
    width: auto;
}
.addtocart-group-overly .addtocart-model .atc:not(.cart-count) {
	width: 35px;
	border: 1px solid #FFF;
	border-radius: 100%;
	height: 35px;
	color: #FFF;
}
.addtocart-group-overly .addtocart-model .atc:not(.cart-count):hover{
    border-color: var(--baseBgColor);
    color: var(--baseBgColor);
}
.addtocart-group-overly .addtocart-model .cart-count {
	width: 60px;
	font-size: 30px;
	font-weight: normal;
}
.addtocart-group-overly .addtocart-model .atc:not(.cart-count)::before{
    font-size: 15px;
}

.area-quick-contact {
    position: relative;
    z-index: 1;
    color: var(--baseBgTextColor);
}
.contacts {
    padding: 20px 0;
}
.area-quick-contact::after {
    position: absolute;
    content: "";
    top: 80px;
    right: 0;
    bottom: 80px;
    left: 0;
    z-index: -1;
    background-color: var(--baseBgColor);
}
.area-quick-contact .contacts {
    display: flex;
    justify-content: space-between;
}
.area-quick-contact .contact-list {
    display: flex;
    align-items: center;
}
.contact-list li {
    display: flex;
    margin-right: 30px;
    align-items: center;
}
.contact-list li .icon {
    width: 40px;
    height: 40px;
    background-color: var(--baseBgHoverColor);
    margin-right: 15px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
.contact-list li p {
    margin-bottom: 0;
}
.contact-list li .title {
    opacity: .6;
    margin-bottom: 2px;
}

.testimonial {
    display: flex;
    justify-content: center;
}
.testimonial-list {
    max-width: 1000px;
}
.testimonial-list .testimItem {
    position: relative;
    background-color: #fff;
    flex-basis: 500px;
    padding: 35px;
    /* box-shadow: 10px 10px 80px -10px rgba(0, 0, 0, .3); */
    box-shadow: 2px 8px 24px -5px rgba(0, 0, 0, .2);
    border-radius: 20px;
    margin: 0 10px 20px;
    z-index: 1;
}
.testimonial-list .testimItem::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    bottom: 0;
    right: 0;
    background-color: var(--baseBgColor);
    z-index: -1;
    border-top-left-radius: 100%;
    border-bottom-right-radius: 20px;
}
.testimonial-list .testimItem:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.testimonial-list .testimItem:hover {
    color: var(--baseBgTextColor);
}
.testimonial-list .thumb {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    z-index: 2;
}
.testimonial-list .testimItem:hover .thumb {
    box-shadow: 2px 5px 14px 0 rgba(0, 0, 0, .4);
}
.testimonial-list .testimItem .des{
    min-height: 70px;
}
.testimonial-list .person p {
    margin: 0;
}
.testimonial-list .person .name {
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 700;
}
.testimonial-list .person .status {
    color: var(--textColor-muted);
}
.testimonial-list .testimItem:hover .person .status {
    color: var(--baseBgTextColor);
    opacity: var(--opacity);
}
.blogs {
    display: flex;
    justify-content: center;
}
.bloglist {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}
.bloglist.list{
    justify-content: flex-start;
    flex-wrap: wrap;
}
.bloglist.list li{
    margin-bottom: 130px;
}
.bloglist.single{
    justify-content: flex-start;
    margin-top: 0;
}
.bloglist li {
    position: relative;
    z-index: 1;
    flex-basis: 350px;
    margin: 0 10px 20px;
    padding: 0 35px 35px;
    background-color: var(--rgba);
    border-radius: 20px;
    box-shadow: 10px 10px 80px -10px rgba(0, 0, 0, .3);
}
.bloglist.single li {
	position: relative;
	z-index: 1;
	flex: 0 0 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
}
.bloglist li::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    bottom: 0;
    right: 0;
    background-color: var(--baseBgColor);
    z-index: -1;
    border-top-left-radius: 100%;
    border-bottom-right-radius: 20px;
}
.bloglist li:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.bloglist.single li::after{
    position: static;
}
.bloglist li a {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.bloglist li .thumb {
    position: relative;
    z-index: 3;
    margin-top: -80px;
    margin-bottom: 15px;
}
.bloglist.single li .thumb {
    margin-top: 0;
}
.bloglist:not(.single) li .thumb img {
    border-radius: 20px;
}
.bloglist:not(.single) li:hover .thumb img {
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, .2);
}

.bloglist li .blogs-des {
    position: relative;
    z-index: 2;
}
.bloglist li .blogs-des>* {
    position: relative;
    z-index: 3;
}
.bloglist:not(.single) li:hover .blogs-des {
    color: var(--baseBgTextColor);
}

.bloglist .title {
    font-size: 16px;
}
.bloglist .blogs-tool {
    margin-bottom: 5px;
}
.bloglist .blogs-tool>span {
    color: var(--textColor-muted);
    margin-right: 5px;
    font-size: 11px;
}
.bloglist:not(.single) li:hover .blogs-tool>span {
    color: var(--baseBgTextColor);
    opacity: var(--opacity);
}
.bloglist.single .text p {
	line-height: 24px;
}
.bloglist.single .text br{
    display: none;
}
.area-app-promotion {
    position: relative;
    padding: 0 20px 40px;
    margin-bottom: 60px;
    z-index: 1;
}
.area-app-promotion::after {
    position: absolute;
    content: "";
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: var(--boderColor-4);
}
.apps {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.apps .apps-des {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 40px;
    padding-top: 180px;
    text-align: right;
    flex: 1;
}
.apps .apps-des.auto{
    max-width: 100%;
}
.apps-interface{
    flex: 1;
}
.apps .apps-input-group {
    position: relative;
    width: 270px;
    margin: 10px 0 20px;
}
.apps .apps-input-group input {
    border: none;
    background-color: #FFF;
    height: 40px;
    padding: 0 100px 0 40px;
    border-radius: 8px;
    width: 100%;
    outline: none;
}
.apps .apps-input-group input:focus {
    outline: 1px solid var(--baseBgColor);
}
.apps .apps-input-group .app-submit {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    width: 100px;
    z-index: 3;
    border: none;
    border-radius: 5px;
    background-color: var(--baseBgColor);
    color: var(--baseBgTextColor);
}
.apps .apps-input-group .app-submit i {
    margin-left: 5px;
}
.apps .apps-input-group span {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    z-index: 3;
    border: none;
    display: flex;
    align-items: center;
}
.apps-download {
    display: flex;
    justify-content: flex-end;
}
.apps-download>li {
    margin-right: 5px;
    flex-basis: 116px;
}
.apps-download>li:last-child {
    margin-right: 0;
}
.apps-download>li:hover {
    opacity: .6;
}
.apps .apps-screen {
    display: flex;
    align-items: flex-end;
    position: relative;
}
.apps .apps-screen .apps-playstore, .apps .apps-screen .apps-store {
    position: relative;
    width: 226px;
    height: 439px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.apps .apps-screen .apps-playstore::before, .apps .apps-screen .apps-store::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: url(../images/android.png) no-repeat;
}
.apps .apps-screen .apps-playstore.blank::before{
    background: none;
}
.apps .apps-screen .apps-store {
	width: 523px;
	height: 481px;
	z-index: 4;
	align-items: flex-start;
	position: absolute;
	left: 31px;
	bottom: -25px;
}
.apps .apps-screen .apps-playstore.blank + .apps-store {
	left: -80px;
}
.apps .apps-screen .apps-store::before {
    background: url(../images/iphone.png) no-repeat;
    
}
.apps .apps-screen .apps-store img {
    transform: skewX(7deg) rotate(-4deg);
    margin-left: 58px;
    border-radius: 24px 43px 24px 24px;
}
footer {
    padding: 40px 0 0 var(--asideWidth);
    background-color: #fbfbfb;      
    position: relative;
    z-index: 0; 
}
[data-sidebar="false"] footer{
    padding-left: 0;
}
.area-footer {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 40px;    
}
.footer-logo {
    width: 120px;
    margin-bottom: 15px;
}
.footer-links {
    display: flex;
}
.footer-links .links {
    flex: 1;
}
.links .title {
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    white-space: nowrap;
}
.links .title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    width: 40px;
    z-index: -1;
    border-bottom: 3px solid var(--baseBgColor);
}
.links>li {
    margin-bottom: 5px;
}
.links>li a{
    position: relative;
}
.links>li a:hover {
    padding-left: 15px;
}
.links > li a::before {
	position: absolute;
	content: "";
	top: 10px;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--textColor-muted);
}
.links > li a:hover::before{
    width: 10px;
}
.footer-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	white-space: nowrap;
	padding-left: 50px;
}
.footer-content {
    padding: 0 40px 20px 0;
    text-align: justify;
}
.footer-right .apps-download {
    margin-bottom: 20px;
}
.social-media {
    display: flex;
}
.footer-right .social-media {
    margin-top: 10px;
}
.social-media li:not(li:first-child) {
    margin-left: 5px;
}
.social-media li a {
    width: 30px;
    height: 30px;
    background-color: var(--boderColor-2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--baseBgTextColor);
    border-radius: 50%}
.social-media li a:hover {
    border-radius: 3px;
}
.hotline {
    font-size: 16px;
}
.area-footer-bottom {
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
}
.area-footer-wrraper{
    background-color: #fff;
    border-top: 1px solid var(--boderColor);
}
.area-footer-bottom p {
    margin: 0;
    color: var(--textColor-muted);
}
.area-footer-bottom a:not(:hover) {
    color: var(--textColor-muted);
}
.footb-right {
    display: flex;
    align-items: center;
}
.pay-label {
    padding-right: 5px;
}
.payment {
    display: flex;
}
.payment li img{
    max-height: 35px;
}
.payment li:hover img {
    filter: grayscale(100%);
    cursor: pointer;    
}
.modal-space {
    padding: 20px 30px;
}
.modal-no-space {
    padding: 0;
}
.modal-space-less{
    margin-top: 0;
}
.product-details {
    display: flex;
}
.product-details>div {
    flex: 1;
}
.product-details .product-thumb .gallery {
	display: flex;
	width: 100%;	
	/* overflow-y: hidden;
	overflow-x: auto; */
    padding-bottom: 5px;
}
.product-details .product-thumb .gallery.center{
    justify-content: center;
}
.product-details .product-thumb .gallery img {
    width: 70px;
    height: 70px;
    border: 1px solid var(--boderColor);
    padding: 5px;
    cursor: pointer;
}
.product-details .product-thumb .gallery img:not(:last-child) {
    margin-right: 5px;
}
.product-details .product-thumb .gallery img.active, .product-details .product-thumb .gallery img:hover {
    border-color: var(--baseBgColor);
}
.product-des {
    padding: 10px 0 0 20px;
}
.product-des .pd-cart {
    width: 180px;
    margin: 30px 0;
}
.product-des .des-content a {
    text-decoration: underline!important;
}
.product-des .des-content ul {
    list-style: square;
    list-style-position: inside;
    margin-left: 20px;
    margin-bottom: 20px;
}
.product-footer {
	position: relative;
	z-index: 1;
	display: flex;
	margin-top: 40px;
	padding-top: 20px;
	justify-content: space-between;
}
.product-footer::after {
    position: absolute;
    content: "";
    top: 0;
    right: -30px;
    bottom: -20px;
    left: -30px;
    background-color: var(--boderColor-4);
    z-index: -1;
}
.product-footer .footer-left {
    flex: 2;
}
.product-footer .footer-right {
    flex: 1;
    justify-content: flex-start;
}
.product-footer .share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.share .share-txt {
	padding-right: 15px;
}
.zoomer {
	position: relative;
	padding-bottom: 20px;
	display: flex;
	justify-content: center;
}
.zoomer > div {
	border: 5px solid transparent;
	outline: 1px solid transparent;
    width: 100% !important;
}
.zoomer > div > img{
    display: block;
    margin: auto;
    height: auto !important;
}
.zoomer:hover > div {
	border: 5px solid transparent;
	outline: 1px solid #ddd;
}
.rec-dot:not(.rec-dot_active){
    background-color: var(--boderColor) !important;
	outline: none !important;
	box-shadow: none !important;
	border: 2px solid #FFF !important;
	width: 13px !important;
	height: 13px !important;
}
.rec-dot_active {
	background-color: var(--baseBgColor) !important;
	outline: 1px solid var(--baseBgHoverColor) !important;
	box-shadow: none !important;
	border: 2px solid #FFF !important;
	width: 13px !important;
	height: 13px !important;
}

.breadcrumbs{
    display: flex;
    align-items: center;
    position: relative;
    bottom: -4px;
    left: 1px
}
.sec-title .title-label.small + .breadcrumbs{
    bottom: 0;
}
[data-title="false"] > .breadcrumbs{
    bottom: 0;
}
.breadcrumbs > li{
    color: var(--textColor-muted);
    margin: 0;
    position: relative;
}
.breadcrumbs > li::after{
    content: "\f101";
    font-family: "FontAwesome";
    margin: 0 5px;
}
.breadcrumbs > li:last-child::after{
    content: "";
    margin: 0;
}
.breadcrumbs > li > a{
    bottom: 0 !important;
}

.area-content{
    margin-bottom: 60px;
    padding: 0 20px;
}
.area-content.top{
    margin-top: 20px;
}
.area-row{
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.area-row > .column{
    flex: 1;
}
.flex-box{
    display: flex;
}
.area-row.space-between,
.flex-box.space-between{
    justify-content: space-between;
}
.nowrap{
    flex-wrap: nowrap;
}
.align-item-center{
    align-items: center;
}
.justify-content{
    justify-content: center;
}
.column-pd-right{
    padding-right: 40px;
}
.column-pd-left{
    padding-left: 40px;
}
.box {
	box-shadow: 10px 10px 80px -10px rgba(0, 0, 0, .3);
	background-color: #FFF;
	padding: 30px;
	border-radius: 3px;
    position: relative;
}
.boxPd{
    padding: 60px 30px;
}
.txt-box,
.form-box input[type="text"],
.form-box input[type="number"],
.form-box input[type="password"],
.form-box input[type="email"],
.form-box textarea{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    box-sizing: border-box;
    outline: none;
    background-color: #FFF;
    border: 1px solid var(--boderColor);
}
.form-box input[type="text"]:focus,
.form-box input[type="number"]:focus,
.form-box input[type="password"]:focus,
.form-box input[type="email"]:focus,
.form-box textarea:focus{
    border-color: var(--baseBgColor);
}
.txt-box-textarea,
.form-box textarea{
    height: auto;
    min-height: 100px;
    resize: vertical;
}
.form-box input[type="checkbox"],
.form-box input[type="radio"]{
    margin-right: 8px;
}
.input[type="checkbox"]:focus,.input[type="radio"]:focus{
    outline: none !important;
}
.text-gray{
    color: var(--textColor-muted);
}
.text-black{
    color: var(--textColor);
}
.checkboxs > li{
    display: flex;
    align-items: flex-start;
}
.checkboxs > li label{
    font-weight: normal;
    cursor: pointer;
    color: var(--textColor-muted);
}
.checkboxs .link{
    color: var(--textColor-muted);
}
.checkboxs .link:hover{
    color: #333;
}
label[for]{
    cursor: pointer;
    font-weight: normal;
}
label > span{
    color: tomato;
}
select{
    width: 100%;
}
.group-icon-inner{
    position: relative;
    z-index: 1;
}
.group-icon-inner .inner-icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	width: 40px;
	border: none;
	cursor: pointer;
}
.group-icon-inner .inner-icon:active{
    top: 2px;
}
.button{
    display: inline-block;
    position: relative;
    padding: 0 20px;
    border: none;
    height: 40px;
    white-space: nowrap;
    line-height: 40px;   
    background-color: var(--baseBgColor);
    color: var(--baseBgTextColor) !important;
    border-radius: 3px;
    border-bottom: 1px solid var(--baseBgColorDark);
    font-weight: bold;
}
.button:not(:last-child){
    margin-right: 5px;
}
.button:hover{
    background-color: var(--baseBgHoverColor);
    border-bottom-color: var(--baseBgColor);
}
.button:active{
    top: 2px;
}
.button-default{
    background-color: var(--boderColor-2);
    color: var(--textColor-gray);
}
.button-default:hover{
    background-color: var(--boderColor);
}
.button > i{
	position: relative;
	z-index: 1;
	margin-left: 5px;
	right: -5px;
}
.button > i::after{
	position: absolute;
	content: "";
	top: -5px;
	left: -5px;
	width: 24px;
	height: 24px;
	background-color: var(--baseBgHoverColor);
	z-index: -1;
	border-radius: 3px;
}
.with-icon{
    position: relative;
    padding-right: 40px;
}
.with-icon > span {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	top: 0;
	right: 8px;
	background-color: var(--baseBgHoverColor);
	bottom: 0;
	margin: auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.button-default.with-icon > span{
    background-color: var(--boderColor);
    color: var(--textColor-gray);
}
.with-icon:hover > span{
    background-color: var(--baseBgColor);
}
.button-default.with-icon:hover > span{
    background-color: var(--boderColor-2);
}

.button:hover i::after{
    background-color: var(--baseBgColor);
}

.shopping-list, .item-list{
    display: block;
    padding-right: 40px;
}
.shopping-list li, .item-list li{
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid var(--boderColor-5);
    padding: 15px 20px;
    margin-bottom: 5px;
    border-radius: 2px;
}
.shopping-list li.title, .item-list li.title{
    background-color: var(--boderColor);
    color: var(--textColor);
    border-color: transparent; 
}
.shopping-list .area-row, .item-list .area-row{
    align-items: center;
}
/* .shopping-list li:hover:not(.title){
    background-color: var(--boderColor);
} */
.item-list li > div,
.shopping-list li > .text-label{
    flex: 1;
}
.item-list li > .text-heading{
    flex: 0 0 200px;
}
.shopping-list li > .text-label > small{
    font-weight: normal;
    font-size: 11px;
}
.item-list li > .separator,
.shopping-list li > .separator{
    flex: 0 0 20px;
    font-weight: bold;
    text-align: center;
}
.shopping-list li > .amount{
    text-align: right;
    flex: 0 0 100px;
    white-space: nowrap;
}
.bold,.text-bold{
    font-weight: bold;
}

.bg-green{
    background-color: var(--green);
}
.text-green{
    color: var(--green);
}
.text-red{
    color: var(--red);
}
.text-upper{
    text-transform: uppercase;
}
.article-title {
	font-size: 16px;
}
.discount {
	background-color: #4cae1a;
	padding: 3px 10px;
	color: #fff;
	font-size: 13px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 5px;
}

.cart-empty {
	float: left;
	width: 100%;
	padding: 40px 20px 30px;
	box-sizing: border-box;
	text-align: center;
}
.cart-empty h3 {
	font-size: 16px;
	color: #919090;
}
.cart-empty p{
	color: #9f9f9f;
}
.cart-empty img {
	width: 250px;
	margin-bottom: 20px;
}
.usePrevAddres{
    border: 1px solid var(--boderColor);
    padding: 20px;
    margin-bottom: -1px;
    position: relative;
}
.usePrevAddres label{
    line-height: 24px;
}
.usePrevAddres input {
	top: 1px;
	position: relative;
}
hr {
	margin: 10px 0;
}
.btnClose{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    z-index: 1;
    font-size: 12px;
    opacity: 0;
}
.usePrevAddres:hover .btnClose{
    opacity: 1;
}
.btnClose:active{
    top: 2px;
}

.text-list{
    list-style: none;
}
.text-list li{
    margin-bottom: 15px;
}
.relative{
    position: relative;
}
.mnu-ico {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	margin-right: 2px;
}
.mnu-ico.icofont-cart-alt,.ico-cart {
    font-size: 18px;
    position: relative;
    top: 2px;
}
.space-top{
    margin-top: 20px;
}
.space-top-small{
    margin-top: 15px;
}
.phone{
    position: relative;
    z-index: 1;
}
.phone::before {
	position: absolute;
	content: "+88";
	top: 0;
	left: 0;
	bottom: 0;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.phone input{
    padding-left: 38px !important;
}
.grating {
	display: flex;
	align-items: center;
	flex-direction: column;	
	justify-content: center;
    padding-bottom: 40px;
    min-height: 450px;
}
.g-icons {
	width: 60px;
	height: 60px;
	background-color: var(--green);
	color: #fff;
	font-size: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	outline: 10px solid #DFFFDE;
    margin-bottom: 30px;
}
.grating h3 {
	font-size: 23px;
    color: var(--text-green);
    text-align: center;
    line-height: 34px;
}
.grating h3.as-title{
    font-size: 27px;
    margin-bottom: 15px;
}
.grating p{
    text-align: center;
}
.orderNote {
	margin-top: 20px;
}
.newAddress{
    padding: 0;
    margin-bottom: 10px;
}
.newAddress i{
    margin-right: 3px;
}

ul.orders .order-item {
	background-color: #FFF;
	box-shadow: 10px 10px 30px -10px rgba(0, 0, 0, 0.1);
	border-left: 5px solid #D3D6E6;
    margin-bottom: 20px;
    border-radius: 10px;
}
ul.orders .order-item.green{
    border-left-color: #4DB848;
}
ul.orders .order-item.red{
    border-left-color: #ff6565;
}
.list-text .text-red{
    color: #ff6565;
}
.reason-space{
    margin-left: 16px;
}
.order-item .heading {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
    border-radius: 10px 10px 0 0;
	background: linear-gradient(to right, transparent, #ebefff);
}

.order-item .heading .info {
	color: var(--textColor-muted);
	font-size: 13px;
}
.order-item .body{
    padding: 10px 15px;
}
.list-text > li{
    margin-bottom: 5px;
}
.list-text.space-less > li:last-child{
    margin-bottom: 0;
}
.list-text.with-icon > li{
    display: flex;
    margin-bottom: 15px;
}
.list-text.with-icon > li .icon{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--baseBgTextColor);
    margin-right: 10px;
    background-color: var(--baseBgColor);
    border-radius: 50%;
}
.list-text.with-icon > li .des {
	display: flex;
	flex-direction: column;
    flex: 1
}

.list-text.with-icon > li .des p{
    margin: 0;
}
.list-text.with-icon > li .des p:not(.title){
    color: var(--textColor-muted)
}
.list-text.with-icon > li .des p.space{
    margin-top: 6px;
}
.order-item .foot{
    padding: 15px;
    text-align: right;
}
.bage-gray,.badge-gray {
	background-color: #D3D6E6;
	padding: 2px 10px;
	border-radius: 15px;
}
.badge.as-title{
    position: relative;
    top: -2px;
}
.order-controller{
    border-top: 1px solid var(--boderColor);
    border-bottom: 1px solid var(--boderColor);
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.title-as{
    font-size: 20px;
    color: var(--textColor);
}
.order-controller .title-as{
    margin: 0;
}

.ordered-items li {
	border-bottom: 1px solid var(--boderColor-4);
	padding: 5px 0;
    display: flex;
    justify-content: space-between;
}
.ordered-items li:last-child{
	border-bottom: none;
}
.ordered-items .ord-thumb{
	width: 60px;
	height: 60px;
	overflow: hidden;
}
.ordered-items .ord-thumb img{
	max-width: 100%;
}
.ordered-items .ord-rate{
	float: left;
	width: 80px;
}
.ordered-items .ord-price{
	width: 60px;
	text-align: right;
}
.ordered-items .ord-des {
	padding-left: 25px;
	box-sizing: border-box;
	width: -webkit-calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: calc(100% - 200px);
}
.ordered-items .ord-des,.ordered-items .ord-price,.ordered-items .ord-rate{
	margin-top: 10px;
}
.content-right{
    text-align: right;
}
.search-content{
    position: relative;
}
.search-content > input {
	background-color: var(--searchBar);
	height: 40px;
	width: 100%;
	padding: 0 40px 0 15px;
	border-radius: 4px;
	border: 1px solid var(--searchBorder);
	font-size: 14px;
    color: var(--searchTextColor);
}
.search-content[box-size="small"] > input{
    height: 34px;
}
.search-content > input:focus {
	outline: none;
	border-color: var(--baseBgColor);
}
.search-content > button[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	border: none;
	width: 40px;
	height: 40px;
	background-color: transparent;
    color: var(--searchTextColor);
}
.search-content[box-size="small"] > button[type="submit"]{
    height: 34px;
}
/*======== Dropdown Nav ==========*/
.dropdown-nav{
    max-width: 100%;
    min-width: 100px;
    position: relative;
    z-index: 5;
}
    .dropdown-nav > .drop-input{
        display: flex;
        align-items: center;
        cursor: pointer;
    }
        .dropdown-nav > .drop-input > .placeholder{
            color: var(--textColor-muted);
        }
    .dropdown-nav > .drop-input, .dropdown-nav .drpsrc > input{
        background-color: #fafbff;
        height: 40px;
        width: 100%;
        padding: 0 30px 0 15px;
        border-radius: 4px;
        border: 1px solid #c6cff0;
        font-size: 14px;
        box-sizing: border-box;
    }
    .dropdown-nav .drpsrc > input{
        border-radius: 0;
    }
    .dropdown-nav > .drop-input.selected,.dropdown-nav .drpsrc > input:focus {
        outline: none;
        border-color: var(--baseBgColor);
    }
    .dropdown-nav::after {
        position: absolute;
        content: "\f107";
        top: 0;
        right: 0;
        height: 40px;
        display: flex;
        align-items: center;
        font-family: "Fontawesome";
        font-size: 18px;
        justify-content: center;
        width: 30px;
        color: var(--textColor-muted);
    }
    .dropdown-nav.small > .drop-input,
    .dropdown-nav.small .drpsrc > input,
    .dropdown-nav.small::after{
        height: 34px;
    }
    .dropdown-nav.down::after{
        content:"\f106";
    }
    .dropdown-nav > ul {
        position: absolute;
        top: 100%;
        min-width: 150px;
        box-sizing: border-box;
        right: 0;
        background-color: var(--bg);
        box-shadow: 0 32px 70px -25px rgb(0, 0, 0);
        z-index: 2;
        list-style: none;
        white-space: nowrap;
        padding: 0 0 10px 0;
    }
        .dropdown-nav > ul li{
            position: relative;
            padding: 3px 32px 3px 15px;
            cursor: pointer;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            color: var(--textColor-gray);
            z-index: 1;
            font-size: 14px;            
        }
        .dropdown-nav > ul li:hover, .dropdown-nav > ul li.selected{
            background-color: #fafbff;
            border-top-color: #c6cff0;
            border-bottom-color: #c6cff0;
        }
        .dropdown-nav > ul li > span {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 14px;
            display: flex;
            align-items: center;
            bottom: 0;
            width: 32px;
            justify-content: center;
            opacity: .4;
            z-index: 3;
        }
        .dropdown-nav > ul li > span:hover{
            opacity: .8;
        }
        .dropdown-nav .drpsrc{
            border-bottom-color: var(--boderColor);
            padding-top: 10px;
            padding-bottom: 10px;
            margin-bottom: 2px;
            padding-right: 15px;
        }
        .dropdown-nav .dropitems {
            max-height: 195px;
            overflow-x: hidden;
            overflow-y: auto;
        }
/*======== Dropdown Nav ==========*/

/*======== Checkbox Nav ==========*/
.ckbox{
    position: relative;
    z-index: 1;
    display: flex;
    margin-right: 20px;
    font-weight: normal;
}
    .ckinput {
        position: relative;
        width: 20px;
        height: 20px;
        border: 1px solid #c6cff0;
        border-radius: 3px;
    }
    .ckbox.radio .ckinput{
        border-radius: 50%;
    }
    .ckinput > input,.ckinput > input:checked{
        position: absolute;
        top: 0;
        left: 22px;
        opacity: 0;
    }
    .ckinput > span{
        position: relative;
        width: 18px;
        height: 18px;
        display: inline-block;
    }
    .ckinput > span::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        font-family: "Fontawesome";
        display: flex;
        align-items: center;
        justify-content: center;
        color: #4cae1a;
        z-index: 2;
    }
    .ckinput > input:checked + span::after{
        content: "\f00c";
    }
    .ckbox > span{
        position: relative;
        top: 0;
        color: var(--textColor);
        margin-left: 5px;
    }
    .ckbox.radio > span{
        top: 0;
    }
   
/*======== Checkbox Nav ==========*/

.header-controller .controller-list{
    list-style: none;
    display: flex;
}
.header-controller .controller-list > li{
    min-width: 200px;
}
.header-controller .controller-list > li:not(:last-child){
    margin-right: 10px;
}
.user-stratistic {
	width: 100%;
	margin-bottom: 20px;
}
.user-stratistic > ul{
    justify-content: flex-start;
}
.categories.user-stratistic > ul li {
	margin: 0 20px 20px 0;
	flex: 0 0 257px;
}
.categories.user-stratistic > ul li:last-child{
    margin-right: 0;
}
/* .categories.user-stratistic > ul li > a .cat-thumb img,
.categories.user-stratistic > ul li > a{
    border-radius: 0;
} */
.categories.user-stratistic > ul li > a .cat-thumb {
	flex: 0 0 100px;
}
/* .categories.user-stratistic > ul li a::after {
	border-bottom-right-radius: 0;
} */
.categories.user-stratistic > ul li:hover a::after {
	width: calc(100% + 3px);
	height: 100%;
	/* border-radius: 0; */
}
.index-up{
    position: relative;
    z-index: 2;
}
.area-row > .my-infomation{
    flex: 0 0 574px;
}
.orderItemList {
	position: fixed;
    background-color: var(--bg);
}
.orderItemList.stop{
    position: absolute;
    bottom: 0;
}

.optionshooser{
    position: relative;
    z-index: 1;
}
.optionshooser .op-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
    margin-bottom: 15px;
}
.optionshooser .op-heading h3{
    font-size: 18px;
    text-align: center;
}
.optionshooser .op-heading p{
    color: var(--textColor-muted);
    text-align: center;
}
.optionshooser .op-foot {
	text-align: center;
	margin-top: 30px;
}
.radius-null{
    border-radius: 0 !important;
}
.viewPdf{
    margin: 15px 0;
}
.iframe {
	width: 100%;
	height: 1090px;
	border: none;
}
.pdf-title {
	margin-bottom: 0;
	font-size: 20px;
}
.no-resource {
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.readpdf {
	padding-left: 5px;
}
.item-badge {
	min-width: 20px;
	display: inline-block;
	border: 1px solid #ff686e;
	font-size: 11px;
	color: #ff686e;
	line-height: 11px;
	padding: 2px 3px;
	border-radius: 3px;
	position: relative;
	text-align: center;
}
.content{
    position: relative;
    min-height: 35vh;
}
.uc{
    text-transform: uppercase;
}
.category-grid{
    display: flex;
    flex-wrap: wrap;
}
.category-card{
    flex-basis: 200px;
    width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 40px;
}
.category-card img{
    max-height: 200px;
    max-width: 100%;
}
.category-card .des{
    padding: 5px 0;
    font-size: 16px;
}

.horizontalScroll > div:first-child{
    display: flex;
}
.horizontalScroll:hover > div:nth-child(2){
    opacity: 1 !important;
}
.gallery.center .horizontalScroll > div:first-child{
    justify-content: center;
}
.product-description {
	margin-top: 10px;
}

.icon-list{
    margin-top: 10px;
}
.icon-list li{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.icon-list li:last-child{
	margin-bottom: 0;
}
.icon-list li .ico-box {
	float: left;
	width: 39px;
	height: 39px;
	border-radius: 50%;
	background-color: var(--boderColor-5);
	font-size: 20px;
	text-align: center;
	line-height: 36px;
	color: var(--textColor);
}
.icon-list-des{
	float: left;
	padding-left: 15px;
	box-sizing: border-box;	
	width: -webkit-calc(100% - 42px);
	width: -moz-calc(100% - 42px);
	width: calc(100% - 42px);
}
.icon-list-des p{
	color: #a5a5a5;
    margin: 0;
}
.icon-list-des .title{
	font-size: 15px;
	color: #333;
}
.icon-list-single .icon-list-des {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}
.icon-list-single li .ico-box {
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 28px;
}
.des-list {
	position: relative;
	display: flex;
	margin-bottom: 15px;	
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
    padding-bottom: 2px;
    z-index: 1;
}
.des-list::after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 1px;
    z-index: -1;
    border-bottom: 1px solid var(--boderColor);
}
.des-list li{
    font-weight: bold;
    padding: 10px 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.des-list li:not(:last-child){
    margin-right: 20px;
}
.des-list li.active::after{
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    z-index: -1;
    background-color: var(--baseBgColor);
}
.attributes:not(:last-child){
    margin-bottom: 15px;
}
.attributes .attribute-item {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
}

.attributes .attribute-item .badgeBox{    
    width: 30px;
    height: 30px;
    background-color: var(--bg);
    cursor: pointer;
}

.attributes .attribute-item .badgeBox.mix {
	border: 1px solid var(--boderColor);
	display: flex;
	justify-content: center;
	align-items: center;	
}

.attributes .attribute-item .badgeBox:not(:last-child){
    margin-right: 10px;
}
.attributes .attribute-item .badgeBox.active,
.attributes .attribute-item .badgeBox:hover{
    border: 1px solid var(--baseBgColor);
}
.log-dashboard {
	display: flex;
	flex-direction: column;
	min-height: 300px;
	align-items: center;
	justify-content: center;
}
.ds-button-gp {
	padding: 30px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.edit-link {
	position: relative;
	border: none;
	padding: 0;
	min-width: 30px;
	height: 26px;
	top: -5px;
    right: -10px;
	border-radius: 3px;
	background-color: transparent;
}
.edit-link:hover{
    background-color: var(--boderColor);
}
.edit-link:active{
    top: -1px;
}
.blogs-view {
	position: relative;
}
.my-order-item-popup{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    padding-top: var(--navHeight);
    background-color: var(--bg);
    display: none;
}
.close-order-popup {
	position: absolute;
	top: var(--navHeight);
	right: 0;
	width: 65px;
	height: 35px;
	background-color: var(--boderColor);
	border: none;
	color: var(--textColor);
	opacity: .7;
	cursor: pointer !important;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	margin-top: 8px;
	margin-right: 15px;
}
.close-order-popup:active{
    margin-top: 10px;
}
.orderitem-pupup-list {
	padding: 15px 15px 0;
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
}
.quick-nav {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9;
	background-color: #FFF;
	display: flex;
	justify-content: center;
	box-shadow: 0 4px 14px -4px rgba(0,0,0,.7);
}
.quick-nav .qn-item {
    position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 10px 25px 6px;
    cursor: pointer;
    z-index: 1;
}
.quick-nav .qn-item.active:not(.none):after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--baseBgColor);
    z-index: -1;
}

.quick-nav .qn-item i {
	font-size: 19px;
}
.quick-nav .qn-item > span {
	font-size: 13px;
}
.quick-nav .qn-item.cart i{
    font-size: 26px;
}
.quick-nav .qn-item.cart > span{
    min-width: 50px;
}
.quick-nav .qn-item .crt-item {
	position: relative;
	margin-bottom: -8px;
	top: -3px;
    width: 50px;
}
.quick-nav .crt-item > span {
	position: absolute;
	top: -7px;
	right: 0px;
	background-color: var(--hilight);
	height: 20px;
	font-size: 13px;
	min-width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
	border-radius: 50%;
}


.qn-dropdown {
    margin: 0;
    padding: 0;
}
.qn-dropdown > li{
    position: relative;
}
.qn-dropdown {
	position: absolute;
	min-width: 200px;
	white-space: nowrap;
	bottom: 100%;
	left: 50%;
	z-index: 8;
	padding: 5px 0;
	box-sizing: border-box;
	background-color: #FFF;
	display: none;
	-webkit-box-shadow: 0 32px 70px -29px rgb(0, 0, 0);
	box-shadow: 0 -32px 100px -29px rgba(0, 0, 0,.8);
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.quick-nav .qn-item.active .qn-dropdown{
    display: block;
}

.qn-dropdown > li:hover ul{
    display: block;
}

.qn-dropdown > li {
	float: left;
	width: 100%;
	padding: 5px 15px;
	box-sizing: border-box;
	position: relative;
}
.qn-dropdown li > a,
.qn-dropdown li > .item-link {
	float: left;
	width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
	color: #8c8f92;
	box-sizing: border-box;
	font-size: 0.9em;
}
.qn-dropdown li > a > i,
.qn-dropdown li > .item-link > i {
	width: 20px;
    display: inline-block;
	text-align: center;
}
.qn-dropdown li:not(:last-child){
    border-bottom: 1px solid #eee;
}
.ordernote{
    text-align: center;
    max-width: 100%;
    width: 400px;
    margin-top: 30px;
    position: relative;
}
.button-note-group{
    margin-top: 20px;
}

.order-txt p {
	/* border: 1px solid #eee; */
	display: inline-block;
	padding: 5px 15px;
	border-radius: 20px;
	position: relative;
	z-index: 0;
	background-color: var(--baseBgColor);
	color: var(--baseBgTextColor);
}
.msg-close {
	background: #ddd;
	height: 20px;
	position: absolute;
	top: -6px;
	width: 20px;
	display: none;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 11px;
	right: -9px;
	cursor: pointer;
    color: #333;
}
.msg-close:hover{
    color: red;
}
.msg-close:active{
    margin-top: 2px;
}
.order-txt p:hover .msg-close{
    display: flex;
}
.gp-product{
    max-width: 360px;
    position: relative;
    z-index: 6;
}

@media (min-width: 1200px) {
    .boxed main, .boxed footer{
        padding-left: 0 !important;
    }
    
    .boxed main > section:not(.area-banner,.area-app-promotion),
    .boxed footer > section,
    .boxed footer .area-footer-bottom
    {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 1170px;
    }

    .boxed .btnCarousel.right {
        right: -90px;
    }
    .boxed .btnCarousel.left {
        left: -90px;
    }
    .boxed .product-slider{
        padding: 0 30px;
    }
    .boxed .btnCarousel{
        opacity: 1;
        border-radius: 10px;
        font-size: 34px;
        opacity: 0.5;
        box-shadow: 0 9px 20.8px 1.2px rgba(16, 37, 65, .16);
    }
    .boxed .product-slider .btnCarousel:hover {
        opacity: 1;
    }
    .boxed .category-grid .category-card {
        width: 16.66%;
        flex-basis: 16.66%;
    }
    .boxed .categories.user-stratistic > ul li {
        flex: 0 0 270px;
    }
}

.faq{
    margin-top: 20px;
}
.faq h3{
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}
.faq .des {
	padding-left: 22px;    
}

.faq .des, .faq .des > p{
    color: var(--textColor-gray);
}
.faq > li {
	margin-bottom: 20px;
	box-shadow: 0 4px 9px -8px rgba(0,0,0,0.3);
	padding: 20px;
	background-color: #fff;
}
.faqIco {
	width: 16px;
	color: var(--baseBgColor);
	font-size: 17px;
	position: relative;
	top: 1px;
}
.contact{
    margin-top: 20px;
}
.contact .headings{
    text-transform: uppercase;
    font-weight: bold;
}
.contact > ul:not(:last-child){
    margin-bottom: 15px;
    border-bottom: 1px solid var(--boderColor);
}
.gmap{
    margin-top: 40px;
}
.gmap iframe{
    border: 10px solid var(--boderColor);
}

.button,.button > i::after,.links > li a::before,.shopping-list li,.with-icon > span,footer,
.aside, main, .area-ads .ads .ads-item, .product-card .cart-controler li a, .testimonial-list .testimItem::after, .testimonial-list .testimItem, .testimonial-list .thumb, .product-card:hover .overly, .sec-title a, .bloglist li::after, .apps-download>li, .categories>ul li .title, .bloglist li .blogs-des, .categories>ul li a::after, .bloglist li .thumb img, .product-card>figcaption img, .links>li a, .mycart-items-sticky, .social-media li a, .payment li img, .cat-des .text, .bloglist .blogs-tool>span, .testimonial-list .person .status, header nav>.nav-menu-x ul>li>a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}