[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}

body, html{ font-size: 14px; font-family: 'Arial', sans-serif; }
ul, li{ margin: 0; padding: 0; list-style: none;}

header { background: #1a1a1a; padding: 20px 0; position: sticky; top: 0; height: min-content; z-index: 1; }
header .header-wrap { margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 100%; }
header .header-wrap .header-left{ width: 15%; }
header .header-wrap .header-left a { display: block; }
header .header-wrap .header-left a img { max-width: 200px; }
header .header-wrap .header-center{ width: 85%; }
header .header-wrap .header-center ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
header .header-wrap .header-center ul li { padding: 0 20px; margin-left: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
header .header-wrap .header-center ul li a { transition: all .5s; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; }
header .header-wrap .header-center ul li:not(.social):hover a { color: #5aad33; }
header .header-wrap .header-center ul li a i{ margin-left: 10px; font-size: 12px; }
header .header-wrap .header-center ul li.social a{ padding: 0 1em; }
header .header-wrap .header-center ul li.social a i{ font-size: 18px; transition: all .5s; }
header .header-wrap .header-center ul li.social a i:hover{ color: #5aad33; }
header .header-wrap .header-center ul li.shopping a{ background: linear-gradient(to bottom, #45c30b, #00a341); padding: 2.5px 10px; border-radius: 999px; color: #000 !important; border: 1px solid transparent; transition: all 1s ease; font-weight: bold; }
header .header-wrap .header-center ul li.shopping a:hover{ border-color: #45c30b; background: transparent; color: #45c30b !important; }
header .header-wrap .header-center ul li.search form{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; border-radius: 999px; overflow: hidden; }
header .header-wrap .header-center ul li.search form input{ border: none; background: none; box-shadow: none; outline: none; background: #555; height: 27.6px; padding: 0 30px 0 15px; color: #FFF; }
header .header-wrap .header-center ul li.search form button{ border: none; background: none; box-shadow: none; outline: none; color: #FFF; opacity: .8; top: 50%; right: 10px; position: absolute; transform: translateY(-50%); }
header .header-wrap .header-right{ display: none; width: 10%; text-align: right;  }
header .header-wrap .header-right a { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; position: relative; transition: all .5s; text-decoration: none; }
header .header-wrap .header-right a i { color: #fff; font-size: 18px; }
header .header-wrap .header-right a span { display: none; position: absolute; top: -7.5px; right: -10px; border: 2px solid #FFFBFB; box-sizing: border-box; background: #FF4949; border-radius: 999px; width: 17.5px; height: 17.5px; line-height: 14px; text-align: center; font-size: .65rem; color: #fff; }
header .header-wrap .header-mobile { display: none; }
header .header-wrap .header-mobile a{ text-decoration: none; }
header .header-wrap .header-mobile a i{ font-size: 18px; color: #FFF; }

img{ max-width: 100%; height: auto; }
main{ overflow: hidden; }
.collection-albums .albums { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.collection-albums .albums .albums-item { width: 20%; text-align: center; }
.collection-albums .albums	.albums-item-w1 { width: 10%; }
.collection-albums .albums	.albums-item-w2 { width: 20%; }
.collection-albums .albums	.albums-item-w3 { width: 30%; }
.collection-albums .albums	.albums-item-w4 { width: 40%; }
.collection-albums .albums	.albums-item-w5 { width: 50%; }
.collection-albums .albums	.albums-item-w6 { width: 60%; }
.collection-albums .albums .albums-item a{ display: block; overflow: hidden; }
.collection-albums .albums .albums-item a:hover img{ transform: scale(1.1); }
.collection-albums .albums .albums-item a img{ width: 100%; transition: all 1s ease; }
.collection-albums .albums-action{ text-align: center; margin: 5em 0; }
.collection-albums .albums-action a{ background: linear-gradient(to bottom, #45c30b, #00a341); padding: 5px 25px; border-radius: 999px; color: #fff !important; border: 1px solid transparent; transition: all 1s ease; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.collection-albums .albums-action a:hover{ border-color: #45c30b; background: transparent; color: #45c30b !important; }

.product-albums .albums{ padding: 5em 15px; text-align: center; }
.product-albums .albums .albums-title{ display: inline-block; margin-bottom: 3rem; text-align: center; position: relative; padding-bottom: 3rem; }
.product-albums .albums .albums-title:after{ position: absolute; width: 25%; height: 2px; background: #000; left: 50%; bottom: 0; transform: translateX(-50%); content: "";}
.product-albums .albums .albums-title h1{ font-size: 3rem; font-weight: bold; line-height: 1.2; }
.product-albums .albums .albums-title p{ font-size: 1.5rem; margin: 0; color: #aaa; } 
.product-albums .albums ul{ display: grid; gap: 30px; grid-template-columns: repeat(6, 1fr); }
.product-albums .albums ul li.albums-item { text-align: center; }
.product-albums .albums ul li.albums-item a{ display: block; overflow: hidden; }
.product-albums .albums ul li.albums-item a:hover img{ transform: scale(1.1); }
.product-albums .albums ul li.albums-item a img{ width: 100%; transition: all 1s ease;  }
.product-albums .lg-thumb.lg-group{ margin: 0 auto; }

footer{ background: #161616; color: #FFF; font-size: 14px; }
footer .footer-top{ max-width: 1140px; margin: 0 auto; padding: 3em 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
footer .footer-top .footer-top-item{ padding: 2em; }
footer .footer-top .footer-top-item h4{ font-size: 18px; font-weight: bold; color: #FFF; line-height: 1.88; margin-bottom: 20px; }
footer .footer-top .footer-top-one{ width: 30%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
/*footer .footer-top .footer-top-one a:first-child{ margin: 0 auto; }
footer .footer-top .footer-top-one a:first-child img{ margin-bottom: 30px; width: 100%;  }*/
footer .footer-top .footer-top-two{ width: 30%; }
footer .footer-top .footer-top-two ul{ margin: 0; padding: 0; }
footer .footer-top .footer-top-two ul li{ margin-bottom: 10px; margin-left: 1.2em; list-style-type: square; }
footer .footer-top .footer-top-two ul li:last-child{ margin-bottom: 0; }
footer .footer-top .footer-top-two ul li a{ overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; font-size: 13px; color: #FFF; opacity: .66; font-weight: 500; transition: opacity .2s ease; text-decoration: none; }
footer .footer-top .footer-top-two ul li a:hover{ opacity: 1; }
footer .footer-top .footer-top-two ul li time{ font-size: 12px; }
footer .footer-top .footer-top-three{ width: 40%; }
footer .footer-top .footer-top-three ul{ margin: 0; padding: 0; }
footer .footer-top .footer-top-three ul li{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
footer .footer-top .footer-top-three ul li figture{ width: 32px; }
footer .footer-top .footer-top-three ul li figture img{ max-width: 24px; margin-top: 5px; }
footer .footer-top .footer-top-three ul li p{ width: calc(100% - 32px); padding-left: 10px; }
footer .footer-top .footer-top-three ul li p strong{ cursor: pointer; font-size: 13px; color: #FFF; opacity: .66; font-weight: 500; transition: opacity .2s ease; text-decoration: none; display: block; }
footer .footer-top .footer-top-three ul li p strong:hover{ opacity: 1; }
footer .footer-bot{ background: rgba(0, 0, 0, 1); padding: 15px 30px; }
footer .footer-bot a{ margin: 0; color: #888; line-height: 2; font-size: 1.3rem; margin-right: 15px; }
footer .footer-bot a img{ max-height: 40px; width: auto; transform: scale(.9); }

.icon-chat-fixed{ position: fixed; bottom: 10px; right: 0; z-index: 1; display: block; }
.icon-chat-fixed img{ max-width: 50px; }
.icon-chat-fixed.mess-fixed{ bottom: 70px; }

@media (max-width: 1200px) {
	header{ padding: 15px 0; }
	header .header-wrap .header-left{ width: auto; order: 2; }
	header .header-wrap .header-center { display: none; }
	header .header-wrap .header-right{ width: auto; order: 1; }
	header .header-wrap .header-right { display: block; }
	header .header-wrap .header-left a img { max-width: 190px; } 
	header .header-wrap .header-mobile { display: block; order: 3; } 
	header .header-wrap .header-center ul li.search{ display: none; }

	.collection-albums .albums-action{ margin: 4em 0; }
	
	.product-albums .albums{ padding: 4em 12.5px; }
	.product-albums .albums .albums-title{ margin-bottom: 2.7rem; padding-bottom: 2.7rem; }
	.product-albums .albums .albums-title h1{ font-size: 2.7rem; }
	.product-albums .albums .albums-title p{ font-size: 1.4rem; }
	.product-albums .albums ul{ gap: 27px; grid-template-columns: repeat(5, 1fr); }

	footer .footer-top{ padding: 2.5em 0; }
	footer .footer-top .footer-top-item{ padding: 1.8em; }
	footer .footer-top .footer-top-item h4{ font-size: 17.5px; }
	footer .footer-bot{ padding: 14px 20px; }
	footer .footer-bot a{ font-size: 1.25rem; margin-right: 12.5px; }

	.icon-chat-fixed img{ max-width: 47.5px; }
	.icon-chat-fixed.mess-fixed{ bottom: 67.5px; }
}
@media (max-width: 1024px) {
	header{ padding: 14px 0; }
	header .header-wrap .header-left a img { max-width: 180px; } 

	.collection-albums .albums-action{ margin: 3em 0; }
	
	.product-albums .albums{ padding: 3em 10px; }
	.product-albums .albums .albums-title{ margin-bottom: 2.4rem; padding-bottom: 2.4rem; }
	.product-albums .albums .albums-title h1{ font-size: 2.4rem; }
	.product-albums .albums .albums-title p{ font-size: 1.3rem; }
	.product-albums .albums ul{ gap: 24px; grid-template-columns: repeat(5, 1fr); }

	footer .footer-top{ padding: 2em 0; }
	footer .footer-top .footer-top-item{ padding: 1.6em; }
	footer .footer-top .footer-top-item h4{ font-size: 17px; }
	footer .footer-bot{ padding: 13px; }
	footer .footer-bot a{ font-size: 1.2rem; margin-right: 10px; }

	.icon-chat-fixed img{ max-width: 45px; }
	.icon-chat-fixed.mess-fixed{ bottom: 65px; }
} 
@media (max-width: 991px) {
	header{ padding: 13px 0; }
	header .header-wrap .header-left a img { max-width: 170px; } 

	.collection-albums .albums-action{ margin: 3em 0; }
	.collection-albums .albums .albums-item { width: calc(100%/3); text-align: center; }

	.product-albums .albums{ padding: 3em 0; }
	.product-albums .albums .albums-title{ font-size: 2.1rem; margin-bottom: 2.1rem; padding-bottom: 2.1rem; }
	.product-albums .albums .albums-title h1{ font-size: 2.1rem; }
	.product-albums .albums .albums-title p{ font-size: 1.2rem; }
	.product-albums .albums ul{ gap: 21px; grid-template-columns: repeat(4, 1fr); }

	footer .footer-top{ padding: 1.5em 0; }
	footer .footer-top .footer-top-item{ width: 100% !important; padding: 1.4em; }
	footer .footer-top .footer-top-item h4{ font-size: 16.5px; }
	footer .footer-bot{ padding: 12px 10px; }
	footer .footer-bot a{ font-size: 1.15rem; margin-right: 7.5px; }

	.icon-chat-fixed img{ max-width: 42.5px; }
	.icon-chat-fixed.mess-fixed{ bottom: 62.5px; }
}
@media (max-width: 767px) {
	header{ padding: 12px 0; }
	header .header-wrap .header-left a img { max-width: 160px; } 

	.collection-albums .albums-action{ margin: 2em 0; }
	
	.product-albums .albums{ padding: 2em 5px; }
	.product-albums .albums .albums-title{ margin-bottom: 1.8rem; padding-bottom: 1.8rem; }
	.product-albums .albums .albums-title h1{ font-size: 1.8rem; }
	.product-albums .albums .albums-title p{ font-size: 1.1rem; }
	.product-albums .albums ul{ gap: 18px; grid-template-columns: repeat(3, 1fr); }

	footer .footer-top{ padding: 1em 0; }
	footer .footer-top .footer-top-item{ padding: 1.2em; }
	footer .footer-top .footer-top-item h4{ font-size: 16px; }
	footer .footer-bot{ padding: 11px 5px; }
	footer .footer-bot a{ font-size: 1.1rem; margin-right: 5px; }

	.icon-chat-fixed img{ max-width: 40px; }
	.icon-chat-fixed.mess-fixed{ bottom: 60px; }
}
@media (max-width: 480px) {
	header{ padding: 11px 0; }
	header .header-wrap .header-left a img { max-width: 150px; } 

	.collection-albums .albums-action{ margin: 1.5em 0; }
	.collection-albums .albums .albums-item { width: 50%; text-align: center; }

	.product-albums .albums{ padding: 1.5em 2.5px; }
	.product-albums .albums .albums-title{ margin-bottom: 1.5rem; padding-bottom: 1.5rem; }
	.product-albums .albums .albums-title h1{ font-size: 1.5rem; }
	.product-albums .albums .albums-title p{ font-size: 1rem; }
	.product-albums .albums ul{ gap: 15px; grid-template-columns: repeat(2, 1fr); }

	footer .footer-top{ padding: 0.5em 0; }
	footer .footer-top .footer-top-item{ padding: 1em 15px; }
	footer .footer-top .footer-top-item h4{ font-size: 15.5px; }
	footer .footer-top .footer-top-one{ display: none; }
	footer .footer-bot{ padding: 10px 0; }
	footer .footer-bot a{ font-size: 1.05rem; margin-right: 2.5px; }
	footer .footer-bot a img{ transform: scale(.8); }

	.icon-chat-fixed img{ max-width: 37.5px; }
	.icon-chat-fixed.mess-fixed{ bottom: 57.5px; }
}
@media (max-width: 360px) {
	header{ padding: 10px 0; }
	header .header-wrap .header-left a img { max-width: 125px; } 

	.collection-albums .albums-action{ margin: 1em 0; }
	
	.product-albums .albums{ padding: 1em 0; }
	.product-albums .albums .albums-title{ margin-bottom: 1rem; padding-bottom: 1rem; }
	.product-albums .albums .albums-title h1{ font-size: 1rem; }
	.product-albums .albums .albums-title p{ font-size: 0.9rem; }
	.product-albums .albums ul{ gap: 10px; grid-template-columns: repeat(2, 1fr); }

	footer .footer-top{ padding: 0 0; }
	footer .footer-top .footer-top-item{ padding: 0.8em 15px; }
	footer .footer-top .footer-top-item h4{ font-size: 15px; }
	footer .footer-bot a{ font-size: 1rem; }

	.icon-chat-fixed img{ max-width: 35px; }
	.icon-chat-fixed.mess-fixed{ bottom: 55px; }
}
