@font-face{font-family:"assistant";src:url("fonts/assistant-bold.ttf")format("TrueType");font-weight:700;font-display:swap}
@font-face{font-family:"assistant";src:url("fonts/assistant-regular.ttf")format("TrueType");font-weight:400;font-display:swap}

:root{
	--black: #2d3448;
	--text-color: #717171;
	--red: #ce373a;
	--orange: #ed7738;
	--burger:#FFF;
	--violet:#E5C6F8;
	--orchid:#DA70D6;
	--brown:#DBD1C5;
	--grey:#71746F;
	--moss-green:#D8E2D6;
	--description: #959595;
	--dark-blue: #043249;
	--main-font: "assistant";
}

html, body { font-family: 'DM Sans', sans-serif; font-size:16px; letter-spacing:0.28px; line-height:28px; color:var(--text-color); }
.container .boundary {width:96%; max-width:1300px;}

.table-overflow {display:block; width:100%; overflow-x:auto; }

.form-message{ background-color: var(--brown); color: #333; border-color: var(--brown); margin:10px 0; }

h1, h2, h3, h4, h5, h6 {font-family:var(--main-font); font-size:16px; color:#2d3448; }
h1 {font-size:36px; } h2 {font-size:32px; } h3 {font-size:28px; } h4 {font-size:24px; } h5 {font-size:20px; } h6 {font-size:16}

a {color:inherit;}

.top { position:relative; background-color:#FAF3E8; font-size:.8em; overflow:hidden; height:58px; line-height:58px; }
.top span {color:var(--red);}

.main-menu { background-color:var(--dark-blue); color:#FFF; box-shadow: 0 5px 10px 0 rgb(0,0,0,0.05); height:80px; }
.main-menu .boundary {padding:0; line-height:80px; text-align:center; }

.main-menu .hamburger {float:left; }

.main-menu .main-menu-content { display:none; }

.main-menu .mm-logo {line-height:80px; display:inline-block; }
.main-menu .mm-logo img {width:auto; height:70px; vertical-align:middle; }
.main-menu .mm-search {display:none;}
.main-menu #menu_content .mm-search { display:block; margin-top:20px; position:relative; }
.main-menu #menu_content .mm-search button { position: absolute; background: #FFF; top: 6px; right: 0; border: 0; line-height: 28px; height: 28px; font-size: 2em; }
.main-menu #menu_content .mm-search button i { vertical-align: top; float: unset; display: inline-block; line-height: 28px; }
.main-menu .mm-search .textbox {font-style:italic;}
.main-menu .mms-bt i { font-size:1.4em; cursor:pointer;}

.main-menu .mm-cart { float:right; height:80px; line-height:80px; }
.main-menu .icon-shop-cart { display:inline-block; font-size:1.8em; position:relative; vertical-align:middle; margin-right:5px; }
.main-menu .icon-shop-cart span { display:inline-block; background-color:var(--red); color:#FFF; position:absolute; right:-10px; top:-5px; font-size:12px; width:20px; height:20px; line-height:20px; font-weight:bold; border-radius:100%; text-align:center; }

.main-menu .mm-content {position:fixed; top:0; left:-100%; width:70%; max-width:300px; height:100%; z-index:9999; background-color:#FFF; color:#000; text-align:left; list-style-type:none; padding:120px 0 0; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition:all .5s; }
.main-menu .mm-content .mmc-logo { position:absolute; top:0; right:-10px; width:50%; }
.main-menu .mm-content .mmc-logo img { width:100%; height:auto; }
.main-menu .mm-content.active {left:0;}
.main-menu .mm-background {content:""; background-color:rgb(0,0,0,.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9998; display:none; }
.main-menu .mm-background .icon-x {position:absolute; top:10px; right:10px; line-height:1em; font-size:3em; color:#FFF; }
.main-menu .mm-content li { padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:40px;}
.main-menu .mm-content li.mmc-logo a {border-bottom:0;}
.main-menu .mm-content li a {display:block; border-bottom:1px solid #DDD; line-height:40px; }
.main-menu .mm-content li.anchor.stop a { pointer-events:none; }
.main-menu .mm-content li i { transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); float:right; line-height:40px; font-size:.9em; transition:all .5s; }
.main-menu .mm-content li.active i {transform:unset; }
.main-menu .mm-content li.active, .main-menu .mm-content li:hover {color: var(--orange)!important;; }
.main-menu .mm-content li .mmc-sub-items {height:auto; display:none; margin:0; list-style-type:none; padding:0; overflow:hidden; }
.main-menu .mm-content li .mmc-sub-items li {padding:0 0 0 20px; color:var(--text-color)!important; }
.main-menu .mm-content li .mmc-sub-items li.parent {text-transform:uppercase; color:var(--black)!important; font-weight:bold;}
.main-menu .mm-content li .mmc-sub-items li:hover a {color:var(--red);}

.banner { position:relative; width:100%; height:auto; }
.banner:before {content:""; padding-top:32.89%; display:block; }
.banner .boundary { position:absolute; top:0; left:0; width:100%; }
.banner img { width:100%; height:auto; display:block; }

.section {padding:50px 0 0;}
.section .boundary {padding:0 10px; }
.section .s-title { font-family:var(--main-font); font-weight:normal; font-size:42px; margin-top:10px; }
.section .s-content {text-align:left; }
.section .s-button { display:inline-block; background-color:var(--red); border:unset; border-radius:50px; line-height:31px; padding:5px 35px; font-family:inherit; color:#FFF; transition:all 0.3s; cursor:pointer; font-size:12px; }
.section .s-button:hover {background-color:var(--brown); color:var(--black);}

.home-products { overflow-x:hidden; padding-bottom:10px; }
.home-products .fp-item { display:inline-block; vertical-align:top; width:49%; margin:0 2% 30px 0; box-sizing:border-box; }
.home-products .fp-item .square-image span { position:absolute; top:0; left:5px; width:40px; text-align:center; z-index:100; background-color:var(--orange); color:#FFF; padding:5px 3px 5px; font-size:.8em; }
.home-products .boundary { position:relative; }
.home-products .owl-carousel .fp-item { width:100%!important; }
.home-products .owl-carousel .owl-stage-outer { overflow:visible; }
.home-products .owl-carousel .owl-item { opacity:.5; }
.home-products .owl-carousel .owl-item.active { opacity:1; }
.home-products .carousel-hide-left { position: absolute; top: 0; right: 100%; width: 100%; height: 100%; background-color:#FFF; z-index: 100; }
.home-products .owl-carousel .owl-nav { position: absolute; bottom: 100%; right: 0; margin-bottom: 30px; font-size: 2em; }
.home-products .owl-carousel .owl-nav button:hover { color:var(--dark-blue); }

.home-products .fp-item:nth-child(2n+0) {margin-right:0;}
.home-products .fp-item-title { font-size:1em; margin-bottom:0; font-weight:normal; color:#000; }
.home-products .fp-item-title .fp-item-rating { display:none; }
.home-products .fp-item-title .fp-item-rating svg {width:16px; margin-right:2px;cursor:pointer;display:inline-block;vertical-align:middle;}
.home-products .fp-item-title .fp-item-rating svg path {fill:#DDD!important;}
.home-products .fp-item-title .fp-item-rating svg.light path {fill:rgb(255, 180, 0)!important; }
.home-products .fp-item-title .fp-item-rating span {display:block; font-size:0.8em; line-height:1em;}
.home-products .fp-item-price { color:var(--grey);}
.home-products .fp-item-price.discount { color:var(--red); }
.home-products .fp-item-price span {color:var(--grey); font-size:13px; text-decoration:line-through; margin-right:10px;}
.home-products .fp-item:hover .fp-item-title {color:var(--red);}
.home-products .fp-button { display:block; width:99%; height:auto; padding:0; text-align:center; transition:all 0.3s; color:#000; margin: 5px auto; position:relative; }
.home-products .fp-button a { background-color:unset; border:1px solid var(--dark-blue); display:block; width:100%; height:auto; padding:10px 0; box-sizing: border-box; }
.home-products .fp-button a:hover { background-color:var(--dark-blue); color:#FFF; }
.home-products .fp-button .fp-loading { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; padding:10px 0; box-sizing:border-box; background-color:rgba(255,255,255, 0.7); }
.home-products .fp-button .fp-loading svg {width:30px; height:30px; display:inline-block; vertical-align:middle; position:absolute; top:30%; transform:translateX(-50%); }
.home-products .fp-actions {position:absolute; top:20px; right:20px; z-index:2; width:auto; height:auto;}
.home-products .fp-actions a { display:block; width:35px; height:35px; line-height:35px; background-color: #FFF; border-radius: 100%; text-align: center; margin-bottom: 5px; transition:all 0.3s; transform:translate(20px, 0); opacity:0; }
.home-products .fp-actions a:last-child { transition-delay:0.1s; }
.home-products .fp-actions a.active {background-color:var(--red); color:#FFF;}
.home-products .fp-actions a .icon-eye1 {font-size:1.5em;}
.home-products .fp-item:hover .fp-actions a {opacity:1; transform:translate(0,0);}

.home-group-list { padding-top:0; }
.home-group-list .boundary { border-top:1px solid #DDD; padding-top:50px; }
.home-group-list .home-group-list-item { display:inline-block; width:100%; margin:0 0 10px 0; }
.home-group-list .home-group-list-item:before { padding-top:52.333%; }
.home-group-list .home-group-list-item img { z-index:6; opacity:.5; }
.home-group-list .home-group-list-item:after { position:absolute; background:#000; top:0; left:0; width:100%; height:100%; z-index:5; content:""; }
.home-group-list .home-group-list-item .home-group-list-item-name { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#FFF; z-index:6; white-space:nowrap; }

.blog .b-item {text-align:center;}
.blog .b-item a:hover {color:var(--red);}
.blog .b-item .square-image:before {padding-top:52.333%;}
.blog .b-item .bi-title {font-size:24px; font-weight:normal; margin-bottom:5px;}
.blog .b-item .bi-info { font-size:15px; }
.blog .b-item .bi-info span:before {content:"\00b7"; margin: 0 5px;}
.blog .b-item .bi-read-more a { text-align: center; text-transform: uppercase; position: relative; transition: .5s; overflow: hidden; display: inline-block; margin-top:5px; color:var(--black); }
.blog .b-item .bi-read-more a:before { content: ""; position: absolute; left: 0; width: 100%; border-bottom: 1px solid; bottom: 3px; }
.blog .b-item .bi-read-more a:hover {color:var(--red);}
.blog .b-item .bi-read-more a:hover:before { animation: underline-link 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; }
.blog .owl-prev, .blog .owl-next {position:absolute; top:23%; left:-30px; }
.blog .owl-next {left:unset; right:-30px;}
.blog .owl-prev i, .blog .owl-next i {font-size:1.8em; color:var(--black); }
.blog .owl-dots {text-align:center;}
.blog .owl-dots .owl-dot {dipslay:inline-block; width:7px; height:7px; margin:0 5px 0 0; background-color:#333; border-radius:20px; transition:all 0.3s; }
.blog .owl-dots .owl-dot.active {width:19px;}

.footer { background-color:#333; margin-top:70px; color:#FFF; border-bottom:20px solid #222; }
.footer .boundary { padding:50px 0 10px; text-align:center; }
.footer .f-logo { display:inline-block; margin:0 auto; width:50%; max-width:150px; }
.footer .f-logo img { width:100%; height:auto; }
.footer .f-title { font-family:var(--main-font); font-size:42px; font-weight:normal; }
.footer .f-socials {text-align:center; margin-top:20px;}
.footer .f-socials .f-icon { display:inline-block; color:#FFF; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; margin:0 10px; transition:all 0.3s; }
.footer .f-socials .f-icon:hover {background-color:var(--moss-green);}
.footer .f-socials .f-icon svg { width: 2em; height: 2em; fill:#FFF; display:inline-block; vertical-align:middle; }
.footer .f-socials .f-icon.facebook svg { width:1.5em; height:1.5em; }
.footer .f-socials .f-icon.facebook { background-color:#FFF; border-radius:100%; width: 28px; height: 28px; padding: 0; vertical-align: middle; }
.footer .f-socials .f-icon.facebook svg { fill:#333; }
.footer .f-socials .f-icon.icon-youtube { font-size:2em; vertical-align:middle; }
.footer .f-heading { font-size:18px; text-transform:uppercase; margin-top:50px; }
.footer .f-list { list-style-type:none; padding:0; }
.footer .f-list li {text-transform:capitalize;}
.footer .f-list li a:hover {color:var(--red);}

.footer .footer-detail { margin-top:20px; }
.footer .footer-detail a { display:block; }

.footer .f-copyright { color:#666; padding:50px 0 0; }
.footer .f-copyright span { display:block; }

.quick-view { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; display:none; }
.quick-view .qv-bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); }
.quick-view .qv-content { background-color:#FFF; width:96%; max-width:992px; height:auto; position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%, -50%); }
.quick-view .qv-content .col:last-child { text-align:left; padding:30px; }
.quick-view .qv-content .qv-title {font-size:25px;}
.quick-view .qv-content .qv-price {font-size:1.2em; color:var(--black);}
.quick-view .qv-content .qv-price.discount {color:var(--red);}
.quick-view .qv-content .qv-price.discount span {color:var(--grey); text-decoration:line-through; font-size:0.9em; margin-right:5px;}
.quick-view .qv-content .qv-rate {margin:10px 0; font-size:13px; }
.quick-view .qv-content .qv-rate i {margin-right:3px;}
.quick-view .qv-content .qv-rate i.rated {color:#ffc400; }
.quick-view .qv-content .qv-action { margin-top:20px; }
.quick-view .qv-content .qv-action .button {background-color:var(--dark-blue); border-color:var(--dark-blue); border-radius:50px; padding:5px 20px; font-size:0.9em; text-transform:capitalize; }
.quick-view .qv-content .qv-action .button:hover {background-color:var(--orange); border-color:var(--red);}
.quick-view .qv-content .qv-action .button .b-loading {display:none;}
.quick-view .qv-content .qv-action .button svg {width:20px; height:20px; margin-right:5px; display:inline-block; vertical-align:middle;}
.quick-view .qv-content .qv-action .button svg path {fill:#FFF;}

.quick-view .qv-content .qv-close { border:unset; background:unset; position:absolute; top:10px; right:10px; cursor:pointer; }
.quick-view .qv-content .qv-close i {display:inline-block; font-size:2em; transition:all 0.3s;}
.quick-view .qv-content .qv-close:hover i { transform:rotate(90deg); }

.number_spinner {margin: 0 10px 0 0!important; border:1px solid #DDD; border-radius:50px; height:40px!important; }
.number_spinner .minus, .number_spinner .amount, .number_spinner .plus {background:unset!important; border:unset!important; width:40px!important; height:40px!important; line-height:40px!important; }

@-webkit-keyframes underline-link {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(100%); transform: translateX(100%); }
  50.01% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  to { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes underline-link {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(100%); transform: translateX(100%); }
  50.01% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  to { -webkit-transform: translateX(0); transform: translateX(0); }
}

.liked {position: fixed; bottom: 20px; left: 20px; background-color: var(--orchid); color: #FFF; width: 40px; height: 40px; line-height: 38px!important; z-index: 9999; border-radius: 100%; display: none; border: 2px solid #FFF; box-sizing: border-box; }

@media (min-width:576px){	
	.home-group-list .home-group-list-item { width:49%; margin:0 2% 10px 0; }
	.home-group-list .home-group-list-item:nth-child(2n+0) { margin-right:0; }
	
	.footer .f-copyright span { display:inline-block; }
	.footer .f-copyright span:before { content:" - "; }
}

@media (min-width:768px){
	.main-menu .mm-content, .main-menu .hamburger, .main-menu .mm-background, .main-menu div.mm-cart { display:none; }
	.main-menu .main-menu-content { display:inline-block; list-style-type:none; margin:0; padding:0; position:relative!important; left:unset!important; top:unset!important; background:unset!important; width:calc(50% - 50px)!important; max-width:unset!important; padding:0 20px; box-sizing:border-box; }
	.main-menu .main-menu-content.left { text-align:right; }
	.main-menu .main-menu-content.right { text-align:left; }
	.main-menu .main-menu-content li { display:inline-block; color:#FFF!important; padding:0 20px; }
	.main-menu .main-menu-content li.sub-menu { position:relative; }
	.main-menu .main-menu-content li a { border:0; }
	.main-menu .main-menu-content li.mm-cart { float:unset!important; }
	.main-menu .main-menu-content li.mm-cart a { display:inline-block; margin-bottom:5px; }
	.main-menu .main-menu-content li .mmc-sub-items { position: absolute; top: 100%; left: 0; background-color: #FFF; box-shadow: 0 0 5px #666; padding:10px 0; }
	.main-menu .main-menu-content li .mmc-sub-items li { display:block; white-space:nowrap; padding-right:20px; }
	
	.main-menu .main-menu-content li .search-box { position:relative; display:inline-block; vertical-align: middle; }
	.main-menu .main-menu-content li .search-box i { font-size: 1.3em; }
	.main-menu .main-menu-content li .search-box form { display:none; position:absolute; top:100%; right:50%; transform:translateX(50%); width:auto; height:30px; white-space:nowrap; background-color:#FFF; box-shadow:0 0 3px #000; font-size:0.9em; line-height:1.2em; border-radius:5px; }
	.main-menu .main-menu-content li .search-box form .textbox, .main-menu .main-menu-content li .search-box form .button { display:inline-block; vertical-align:top; border:0; margin:0; background:transparent; }
	.main-menu .main-menu-content li .search-box form .textbox { width:200px; font-size:0.9em; height:30px; }
	.main-menu .main-menu-content li .search-box form button i { float:unset; line-height:1em; color:#000; }
	
	.banner .owl-dots button.owl-dot {width:14px; height:14px; }
	
	.home-products .fp-item-title .fp-item-rating span {display:inline-block; margin-left:10px; vertical-align:middle;}
	
	
	.section .s-title {margin-top:15px;}
	.section .s-button { line-height:40px; padding:5px 52px; font-size:14px; }
	
	.wallhook .boundary {padding:0;}
	.wallhook .wh-item { width:33.333%; padding:0 10px; box-sizing:border-box; }
	
	.footer .col {width:33.333%; display:inline-block;}
	.footer .col:first-child {width:100%;}
	
	.footer .footer-detail a { display:inline-block; margin:0 20px; }
	
	#popup { font-size:1em; }
	#popup .p-content form {top:10%; }
	.popup .p-title { font-size:1.8em; margin-bottom:20px; }
	.popup .textbox {margin-bottom:10px;}
	.popup label {padding:10px;}
	.popup .r-outer {margin-bottom:10px;}
	
	.scrollup {bottom:100px;}
}

@media (min-width:996px){
	.top { font-size:1em; }
	
	.main-menu .boundary { text-align:left; }
	.main-menu .hamburger {display:none;}
	
	.banner .boundary { max-width:unset!important; }
	
	.home-group-list .home-group-list-item { width:24.25%; margin-right:1%; }
	.home-group-list .home-group-list-item:nth-child(2n+0) { margin-right:1%; }
	.home-group-list .home-group-list-item:nth-child(4n+0) { margin-right:0; }
	
	.home-products .fp-item { width:23.5%; }
	.home-products .fp-item:nth-child(2n+0) {margin-right:2%;}
	.home-products .fp-item:nth-child(4n+0) {margin-right:0;}
	
	.scrollup {bottom:80px;}
}

@media (min-width:1200px){

	.main-menu {position:relative; height:120px; }
	.main-menu .mm-content li { line-height:120px; padding:0 30px; }
	.main-menu .boundary {text-align:center;}
	.main-menu .mm-logo img { height:100px; }
	
	@keyframes show{
		0% {opacity:0;} 100%{opacity:1;}
	}
	
	.scrollup {bottom:50px;}
}