html, body{position:relative; top: 0px; left: 0px; width: 100%; height:auto; font-family: Spartan,sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; color: #333;}
.container{position:relative; top: 0px; left: 0px; width: 95%; height:auto; max-width: 1270px; padding: 0px 15px; margin: 0px auto;}
a{color: #222222; text-transform:none; text-decoration: none;}
a:hover{color: #ffb900;}
strong, b{font-weight: 700;}
section{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 50px 0px; margin: 0px;}
section .title{position:relative; top: 0px; left: 0px; width: 100%; height:auto; font-weight: 600; text-transform: capitalize; font-size: 36px; line-height: 36px; margin-bottom: 10px; letter-spacing: 2px;}
section .link{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 0px; transform:translateY(-50%); text-align:right; white-space:nowrap; overflow:auto;}
section .link button{position:relative; top: 0px; left: 0px; width:auto; height:auto; padding: 8px 20px 8px 36px; margin-left: 17px; border: 2px solid #EAEAEA; border-radius: 5px; background-color: transparent; color: #888888; text-transform:uppercase; cursor:pointer; font-weight: 700; font-family: "Nunito", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 27px; transition: all 200ms ease-in;}
section .link button:first-child{margin-left: 0px;}
section .link button:hover, section .link button.selected{border-color: #374781; color: #374781;}
section .link button:before{ position:absolute; top: 50%; left: 10px; width:auto; height:auto; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 900;}
section .link .new-item:before{content: "\f762";}
section .link .hot-item:before{content: "\f7e4";}
section .link .all-item:before{content: "\f84c";}

.split-img tr{display:grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2px; grid-row-gap: 2px;}
.split-img tr td{width: auto !important;}
.split-img tr td img{width: 100%; height: 100%;}

.menu{position:relative; top: 0px; left: 0px; width:max-content; height: 100%; list-style:none; padding: 0px; margin: 0px; display:inline-block; vertical-align:middle;}
.menu > li{position:relative; top: 0px; left: 0px; width:max-content; height: 100%; padding: 2px 20px 8px 20px; display:inline-block; vertical-align:middle;}
.menu > li:not(:last-child):after{content: ""; position:absolute; top: 50%; left:auto; right: 0px; width: 1px; height: 16px; background-color: #fff; transform:translateY(-50%);}
.menu > li:hover, .menu > li:hover > a{color: #ffb900;}
.menu > li > a{padding:10px 0px 3px 0px; line-height: 22px; display:block; height: 100%; letter-spacing: 1px;}
.menu > li > ul{position: absolute; top: 100%; left: 0px; width:max-content; height:auto; list-style:none; padding: 0px; margin: 0px; border-top: 2px solid #374781; box-shadow: 0 2px 7px 0px rgba(0,0,0,.1); text-align: left; background-color: #fff; transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; display:block; visibility:hidden; opacity:0; transform:translate(0, 10px);}
.menu > li:hover > ul{visibility:visible;opacity:1; transform:translate(0, 0);}
.menu > li > ul > li{position:relative; top: 0px; left: 0px; width: max-content; min-width: 200px; height:auto; border-bottom: 1px solid #bebebe; color: #222; }
.menu > li > ul > li:last-child{border-bottom: 0px;}
.menu > li > ul > li:hover{background-color: #f7f7f7;}
.menu > li > ul > li:hover > a{color: #ffb900;}
.menu > li > ul > li > a{color: #222; height: 100%; width: 100%; padding: 10px 20px 10px 10px; display:block;}
.menu a{position:relative; top: 0px; left: 0px; width: max-content; height:auto; font-weight: 600; font-size: 14px; transition: color .1s linear;}
.menu a:before{content: ""; position:absolute; top:auto; left: 0px; bottom: 0px; width: 100%; height: 1px; transition: .5s transform ease; transform:scale3d(0,1,1); transform-origin: 0 50%; background-color: #ffb900; transform-origin: 100% 50%; }
.menu a:hover{color: #ffb900;}
.menu a:hover:before{transform: scaleZ(1); transform-origin: 0 50%;}
.menu .has-sub-menu{padding-right: 25px;}
.menu .has-sub-menu:before{content: "\f107"; position:absolute; top: 50%; left: auto; right: 10px; width:auto; height:auto; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.menu > li > ul > li.has-sub-menu{padding-right: 0px;}
.menu > li > ul > li.has-sub-menu:before{content: "\f105"}
.menu > li > ul > li > ul{position:absolute; top: 0px; left: 100%; width: max-content; padding: 0px; margin: 0px; list-style:none; border-top: 2px solid #374781; box-shadow: 0 2px 7px 0px rgba(0,0,0,.1); background-color: #fff; transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; display:block; visibility:hidden; opacity:0; transform:translate(10px, 0px);}
.menu > li > ul > li:hover > ul{visibility:visible; opacity: 1; transform:translate(0px, 0px);}
.menu > li > ul > li > ul > li{position:relative; top: 0px; left: 0px; width: max-content; min-width: 200px; height:auto; border-bottom: 1px solid #bebebe; color: #222;}
.menu > li > ul > li > ul > li:hover{background-color: #f7f7f7;}
.menu > li > ul > li > ul > li:last-child{border-bottom: 0px;}
.menu > li > ul > li > ul > li > a{color: #222; height: 100%; width: 100%; padding: 10px 20px 10px 10px; display:block;}

.main{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 0px;}
.main .header{position:relative; top: 0px; left: 0px; width: 100%; height: auto; padding: 0px; margin: 0px; background-color: #fff; z-index: 9;}
.main .header .top{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 12.5px 0px; font-size: 0px;}
.main .header .top > div{position:relative; top: 0px; left: 0px; width: max-content; height:auto; display:inline-block; vertical-align: middle; margin-right: 15px;}
.main .header .top .logo{height: 90px; aspect-ratio: 500/302; background: url(../images/blue-logo.png) no-repeat; background-size: contain; background-position: left center; margin-right: 150px;}
.main .header .top .logo a{position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; display:block;}
.main .header .top .search-box{width: 40%;}
.main .header .top .search-box:before{content: "\f002"; position:absolute; top: 50%; left:auto; right: 30px; width: 16px; height: 16px; transform:translateY(-10px); color: #bebebe; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 16px;}
.main .header .top .search-box input{width: 100%; height: 50px; background-color: transparent; border: 1px solid #bebebe; border-radius: 15px; outline: 0px; font-size: 15px; padding: 0px 60px 0px 20px;}

.main .header .top .language-box{padding: 0px 10px 0px 0px; cursor:pointer; z-index: 2; margin-left: 20px;}
.main .header .top .language-box ul{position:relative; top: 0px; left: 0px; width:auto; height:auto; padding: 0px; margin: 0px; list-style:none;}
.main .header .top .language-box > ul > li .flag{border-radius: 3px;}
.main .header .top .language-box > ul > li > span:not(:first-child){margin: 0px 5px;}
.main .header .top .language-box > ul > li{color: #222;}
.main .header .top .language-box > ul > li > ul{position:absolute; top: 100%; left:auto; right: 0px; width:auto; height:auto; background-color: #fff; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); border-top: 2px solid #374781; text-align: left; display:none;}
.main .header .top .language-box > ul > li:hover > ul{display:block;}
.main .header .top .language-box span, .main .header .top .language-box i{position:relative; top: 0px; left: 0px; width: auto; height:auto; display:inline-block; vertical-align: middle; font-size: 14px;}
.main .header .top .language-box .flag{width: 30px; height: 20px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main .header .top .language-box > ul > li > ul li a{position:relative; top: 0px; left: 0px; display: block; width: 100%; height:auto; padding: 5px 10px; margin: 0px; border-bottom: 1px solid rgba(0,0,0,0.10); white-space:nowrap;}
.main .header .top .language-box > ul > li > ul li a .flag{margin-left: 0px; margin-right: 10px;}
.main .header .top .language-box > ul > li > ul li a:hover{background-color: #f7f7f7; color: #222;}
.main .header .top .user-action{position:absolute; top: 50%; left:auto; right: 0px; width:max-content; height:auto; margin-right: 0px; transform:translateY(-50%);}
.main .header .top .user-action span{position:relative; top: 0px; left: 0px; width: 35px; height: 35px; display:inline-block; vertical-align:middle; cursor:pointer;}
.main .header .top .user-action > span:not(:last-child){margin-right: 20px;}
.main .header .top .user-action span > span{position:absolute; top: -5px; left: auto; right: -5px; width: 20px; height:20px; font-size: 12px; line-height: 20px; background-color: #fff; border-radius: 50%; border: 1px solid #374781; color: #374781; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .header .top .user-action span:before{position:absolute; top: 50%; left: 50%; width:auto; height:auto; transform:translate(-50%, -50%); color: #374781; font-family: "Font Awesome 5 Pro"; font-size: 24px; font-weight: 300;}
.main .header .top .user-action span.like > span{color: #ec0015; border-color: #ec0015;}
.main .header .top .user-action span.like:before{content:"\f004"; color: #ec0015;}
.main .header .top .user-action span.cart:before{content:"\f07a"}
.main .header .top .user-action span.user:before{content:"\f2bd"; font-weight: 900;}


.main .header .top-menu{position:relative; top: 0px; left: 0px; width: 100%; height: auto; background-color: transparent; padding: 0px 20px; text-align:center; border-bottom: 1px solid #333;}
.main .header .top-menu .mobile-menu-bar{position:absolute; top: 50%; left: 0px; width: 24px; height: 14px; display:block; transform:translateY(-50%); cursor:pointer; display:none;}
.main .header .top-menu .mobile-menu-bar span{position:absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #333; display:block; transform:translate(-50%, -50%); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;}
.main .header .top-menu .mobile-menu-bar:before{content: ""; position:absolute; top: 0px; left: 0px; width: 100%; height: 2px; background-color: #333; display:block; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;}
.main .header .top-menu .mobile-menu-bar:after{content:""; position:absolute; top:auto; left: 0px; bottom: 0px; width: 100%; height: 2px; background-color: #333; display:block; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;}
.main .header .top-menu .mobile-menu-bar.selected:before{transform: translate3d(0, 6px, 0) rotate(45deg);}
.main .header .top-menu .mobile-menu-bar.selected span{width: 0px;}
.main .header .top-menu .mobile-menu-bar.selected:after{transform: translate3d(0, -6px, 0) rotate(-45deg);}
.main .header .top-menu .menu{line-height: 100%;}

.slider{aspect-ratio: 3; margin-top: 15px; border-radius: 15px; overflow:hidden;}
.slider .slide .item-comment, .slider .slide .next, .slider .slide .back{display:none !important;}
.slide{background-color: #f7f7f7;}
.slide .slick-dots{display:none !important;}
.slide .container{height: 100%;}
.slide .right{position:absolute; top: 50%; left:auto; right: 5%; width:max-content; height:auto; transform:translateY(-50%); text-align: right; display:inline-block;}
.slide .left{position:absolute; top: 50%; left: 5%; width:max-content; height:auto; transform:translateY(-50%); text-align: left; display:inline-block;}
/*.slide .slide-item{opacity:0; transition: all 100ms ease-in;}
.slide .slide-item.slick-active{opacity: 1;}*/
.slide h1{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:block; font-size: 60px; font-weight: 700; line-height: 62px; color: #374781; margin: 0px; opacity: 0; visibility:hidden; transform: translate(500px); transition: all 500ms ease-in;}
.slide h2{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:block; font-size: 90px; font-weight: 900; line-height: 92px; color: #ffc907; margin: 0px; opacity: 0; visibility:hidden; transform: translate(-500px); transition: all 500ms ease-in;}
.slide a{position:relative; top: 0px; left: 0px; width: max-content; height:auto; opacity: 0; visibility:hidden; transform: translateY(500px); padding: 10px 50px 10px 20px; margin-top: 20px; background-color: #374781; color: #fff; border-radius: 5px; display:inline-block; transition: all 500ms ease-in;}
.slide a:before{content: ""; position:absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px dashed #fff; border-radius: 5px;}
.slide a:after{content: "\f291"; position:absolute; top: 50%; left:auto; right: 20px; width:auto; height:auto; transform:translateY(-50%); color: #fff; font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.slide a:hover{background-color: #479ee3;}

.slide .slick-active.show h1, .slide .slick-active.show h2, .slide .slick-active.show a{opacity: 1; transform:translate(0px); visibility:visible;}

.top-widget{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-top: -95px; z-index: 3;}
.top-widget .item-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 30px 10px; background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 20px 0px rgba(38, 44, 61, 0.05);}
.top-widget .item-list .item{position:relative; top: 0px; left: 0px; width: 25%; height:auto; padding: 26px 0px; text-align: center; display:inline-block; vertical-align: middle;}
.top-widget .item-list .item:not(:last-child){border-right: 1px solid #bebebe;}
.top-widget .item-list .item i{position:relative; top: 0px; left: 0px; width:auto; height:auto; font-size: 40px; color: #374781; display:inline-block; vertical-align: middle; margin-right: 20px;}
.top-widget .item-list .item > span{position:relative; top: 0px; left: 0px; width:auto; height:auto; max-width: calc(100% - 70px); display:inline-block; vertical-align:middle;}
.top-widget .item-list .item > span > span:first-child{position:relative; width: max-content; max-width: 100%; font-size: 17px; line-height: 20px; font-weight: 700; color: #222; display:block;}
.top-widget .item-list .item > span > span:last-child{position:relative; width: max-content; max-width: 100%; font-size: 15px; line-height: 27px; color: #686868; display:block;}

.flash-sale, .flash-sale .item-list{position:relative; top: 0px; left: 0px; width: 100%; height: 357px; display:flex; flex-flow: row wrap;}
.flash-sale .item-list .item{position:relative; height: 100%; max-height: 100%; display:inline-block; vertical-align: top;}
.flash-sale .item-list .item a{position:relative; display:inline-block; width: auto; height: 100%; overflow:hidden; display:inline-block;}
.flash-sale .item-list .item img{width: auto; height: 100%; display:inline-block; object-position: left center; border-radius: 15px;}
.flash-sale .item-list .item:first-child{width: 35%; text-align: left; padding-right: 5px;}
.flash-sale .item-list .item:last-child{width: 65%; text-align: right; padding-left: 5px;}

.product-list{position:relative; top: 0px; left: 0px; width: calc(100% + 10px); height:auto; padding: 0px; margin: 0px -5px; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px;}
.product-list .item{position:relative; top: 0px; left: 0px; width: auto; height:auto; margin: 0px; display:inline-block; vertical-align: top; overflow:hidden;}
/*.product-list .item:hover{box-shadow: 0 12px 20px 0 rgba(0,0,0,0.08); border-color: transparent; transition: box-shadow 0.3s ease-in-out;}*/
.product-list .item a{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:block; font-size: 16px; line-height: 22px; margin-bottom: 5px; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-list .item > a:first-child{aspect-ratio: 1;}
.product-list .item > a:nth-child(2):first-letter{ text-transform:uppercase; }
.product-list .item a img{position:relative; top: 0px; left: 0px; width:100%; height: 100%; display:inline-block; transition: 0.5s; border-radius: 15px;}
/*.product-list .item:hover img{transform:scale3d(1.5, 1.5, 1.5);}*/
.product-list .item .action{position:absolute; top: 10px; left: 10px; bottom: auto; right: auto; width: auto; height: auto;}
.product-list .item .action button{position:relative; top: 0px; left: 0px; width:auto; height: auto; padding: 0px; background-color: transparent; border: 0px; cursor:pointer; display:inline-block; vertical-align: top;}
.product-list .item .action button.add-to-cart{position:relative; top: 0px; left: 0px; width: max-content; height:auto; padding: 5px 5px 5px 25px; background-color: #374781; color: #fff; border-radius: 5px; display:inline-block; vertical-align:middle; transition: all 500ms ease-in;}
.product-list .item .action button.add-to-cart:after{content: "\f291"; position:absolute; top: 50%; left: 5px; width:auto; height:auto; transform:translateY(-50%); color: #fff; font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.product-list .item .action button.add-to-cart:hover{background-color: #479ee3;}
.product-list .item .action button.expand{display:none;}
.product-list .item .action button.expand, .product-list .item .action button.like{width: 40px; height: 40px; color: #ff5fab;}
.product-list .item .action button.expand:before{content: "\f31d"; position:absolute; top: 50%; left: 50%; width:auto; height:auto; transform:translate(-50%, -50%); font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 16px;}
.product-list .item .action button.expand:hover:before{color: #479ee3;}
.product-list .item .action button.like:before{content: "\f004"; position:absolute; top: 50%; left: 50%; width:auto; height:auto; transform:translate(-50%, -50%); font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 24px;}
.product-list .item .action button.like:hover:before{color: #ff5fab; font-weight: 900;}
.product-list .item .action button.like.liked:before{font-weight: 900; color: #ff5fab;}
.product-list .item .hot{position:absolute; top: 15px; left: auto; right: 15px; width:max-content; height:auto; padding: 5px 10px; background-color: #bd0707; font-size: 14px; color: #fff; line-height: 14px; text-transform: uppercase; border-radius: 5px; display:none;}
.product-list .item[data-ishot='1'] .hot{display:block;}

.product-list .item .price{position:relative; top: 0px; left: 0px; right: auto; bottom: auto; width: auto; height:auto; text-align: left;}
.product-list .item .price span{position:relative; top: 0px; left: 0px; width:auto; height:auto; display:inline-block; vertical-align: middle; color: #ff5fab; font-size: 14px; font-weight: 600; line-height: 25px;}
.product-list .item .price span.old-price{margin-left: 10px; color: #aaaaaa; text-decoration: line-through;}

.section-product-list .read-all{position:relative; width:max-content; height:auto; padding: 10px 30px; margin:30px 0px 0px auto; display:block; background: #374781; border-radius: 5px; color: #fff;}
.section-product-list .read-all:after{content: "\f0da"; position:absolute; top:50%; left:auto; right: 15px; transform:translateY(-50%); display:block; font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.section-product-list .read-all:hover{background: #479ee3;}

.category-list{position:relative; top: 0px; left: 0px; width: 100%; height: 255px; padding: 10px 0px; margin-top: 20px; white-space:nowrap; overflow-x:hidden;}
.category-list .item{position:relative; top: 0px; left: 0px; width: 196px; height: 100%; border-radius: 15px; border: 0px; color: #fff; cursor:pointer; overflow:hidden; margin-right: 20px; display:inline-block; vertical-align: top; text-align: center; transition: all 0.3s ease 0s; box-shadow: 0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);}
.category-list .item:hover{transform:translateY(-10px);}
.category-list .item:before{content: ""; position:absolute; top: 30px; left: 25px; width: 15px; height: 15px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.25);}
.category-list .item:after{content: ""; position:absolute; top: auto; left: auto; bottom: -50px; right: -50px; width: 210px; height: 210px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.25); z-index: 0;}
.category-list .item .border{position:absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px dashed rgba(255, 255, 255, 0.5); border-radius: 5px;}
.category-list .item img{position:absolute; top: auto; left: 50%; bottom: 70px; width: auto; max-width: calc(100% - 40px); height: 145px; transform:translateX(-50%); border-radius: 5px; z-index: 1;}
.category-list .item .name{position:absolute; top:auto; left:auto; bottom: 40px; width: 100%; height:auto; font-size: 18px; font-weight: 800; font-family: "Nunito", Arial, Helvetica, sans-serif; white-space:normal; overflow:hidden; text-overflow: ellipsis; z-index: 1;}
.category-list .item .name:hover{color: #479ee3;}
.category-list .item .count{position:absolute; top:auto; left:auto; bottom: 20px; width: 100%; height:auto; font-size: 14px; font-weight: 600; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; z-index: 1;}
.category-list .item .count span:last-child{margin-left: 5px;}

.home-news-list .news-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; font-size: 0px;}
.home-news-list .news-list .col{position:relative; top: 0px; left: 0px; width: auto; height:auto; font-size: 16px; display:inline-block; vertical-align: top;}
.home-news-list .news-list .col:nth-child(1){width: 30%; margin-right: 15px;}
.home-news-list .news-list .col:nth-child(2){width: calc(45% - 30px); margin-right: 15px;}
.home-news-list .news-list .col:nth-child(3){width: 25%;}
.home-news-list .news-list .col:nth-child(4){width: 100%; padding-top: 20px;}
.home-news-list .news-list .item{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:inline-block; vertical-align: top; font-size: 0px;}
.home-news-list .news-list .item a{position:relative; top: 0px; left: 0px; width:auto; height:auto; display:inline-block; font-size: 16px; vertical-align: top;}
.home-news-list .news-list .item a img{position:relative; top: 0px; left: 0px; width: 100%; height:auto; border-radius: 15px; object-position: top center;}
.home-news-list .news-list .item .content{position:relative; top: 0px; left: 0px; width:auto; height:auto; display:inline-block; font-size: 16px; vertical-align: top;}
.home-news-list .news-list .item .content a{ font-weight: bold; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.home-news-list .news-list .item .content p{position:relative; top: 0px; left: 0px; width: 100%; height:auto; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.home-news-list .read-all{position:relative; width:max-content; height:auto; padding: 10px 30px; margin:30px 0px 0px auto; display:block; background: #374781; border-radius: 5px; color: #fff;}
.home-news-list .read-all:after{content: "\f0da"; position:absolute; top:50%; left:auto; right: 15px; transform:translateY(-50%); display:block; font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.home-news-list .read-all:hover{background: #479ee3;}

.home-news-list .news-list .col:nth-child(1) .item > a{position:relative; top: 0px; left: 0px; width: 100%; height:auto; font-size: 16px; color: #fff; font-weight: bold;}
.home-news-list .news-list .col:nth-child(1) .item > .content{position:absolute; top:auto; left: 0px; right: 0px; bottom: 0px; padding: 10px; color: #fff; line-height: 22px; background-color: rgba(0,0,0,0.25); backdrop-filter: blur(10px); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.home-news-list .news-list .col:nth-child(1) .item > .content a{font-size: 18px; font-weight: bold; color: #fff;}
.home-news-list .news-list .col:nth-child(1) .item > .content a:hover{color: #479ee3;}
.home-news-list .news-list .col:nth-child(2) .item:first-child {margin-bottom: 20px;}
.home-news-list .news-list .col:nth-child(2) .item > a{width: 33.3%;}
.home-news-list .news-list .col:nth-child(2) .item > .content{width: 66.7%; padding: 0px 0px 0px 10px;}
.home-news-list .news-list .col:nth-child(3) .item:not(:last-child){margin-bottom: 10px;}
.home-news-list .news-list .col:nth-child(3) .item > a{width: 26%; font-weight:normal;}
.home-news-list .news-list .col:nth-child(3) .item > .content{width: 74%; padding: 0px 0px 0px 10px;}
.home-news-list .news-list .col:nth-child(3) .item > .content > p{display:none;}
.home-news-list .news-list .col:nth-child(3) .item > .content a{font-weight:normal;}
.home-news-list .news-list .col:nth-child(4) .item{width: 33%;}
.home-news-list .news-list .col:nth-child(4) .item:nth-child(1){width: 34%;}
.home-news-list .news-list .col:nth-child(4) .item:not(:last-child){padding-right: 20px;}
.home-news-list .news-list .col:nth-child(4) .item > a{width: 30%;}
.home-news-list .news-list .col:nth-child(4) .item > .content{width: 70%; padding-left: 10px;}

.banner{position:relative; top: 0px; left: 0px; width: 100%; height: 200px; background-color: #f7f7f7;}
.banner .container{height: 100%;}
.banner .direction{position: relative; top: 50%; left: 0px; width:max-content; height:auto; transform:translateY(-50%); font-family: "Nunito", Arial, Helvetica, sans-serif; font-weight: 400; text-transform:capitalize; font-size: 16px; line-height: 19px;}
.banner .direction a{position:relative; top: 0px; left: 0px; width:max-content; height:auto; display:inline-block; vertical-align:middle; padding: 5px 30px 5px 0px; text-transform:capitalize;}
.banner .direction a:after{content: "\f105"; position:absolute; top: 50%; left:auto; right: 10px; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #222222;}
.banner .direction a:last-child{padding-right: 5px;}
.banner .direction a:last-child:after{display:none;}
.banner .direction span{display:inline-block; vertical-align:middle;}
.banner .container > span{position:absolute; top: 50%; left:auto; right: 15px; width:max-content; height:auto; transform:translateY(-50%); font-size: 34px; line-height: 40px; text-transform: capitalize; color: #111; font-weight: 800; font-family: "Nunito", Arial, Helvetica, sans-serif;}

.page-content{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding-top: 40px;}
.page-content .news-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 30px;}
.page-content .news-list .item > a{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:block; font-weight: 500; font-size: 16px; line-height: 25px;}
.page-content .news-list .item > a:first-child{overflow:hidden; height: 240px;}
.page-content .news-list .item > a:first-child img{position:relative; top: 0px; left: 0px; width: 100%; height: 100%; object-fit:cover; object-position: top center; transition: .4s ease-in-out; }
.page-content .news-list .item > a:nth-child(3){display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; text-align:justify;}
.page-content .news-list .item > a:last-child{width:max-content;}
.page-content .news-list .item > a:last-child:before{content: ""; position:absolute; top:auto; left: 0px; bottom: 0px; width: 20px; height: 1px; background-color: currentColor; transition: 0.4s;}
.page-content .news-list .item > a:last-child:hover:before{width: 50px;}
.page-content .news-list .item:hover a img{transform: scale3d(1.1, 1.1, 1.1);}
.page-content .news-list .item .date{position: relative; top: 0px; left: 0px; width: 100%; height:auto; padding-left: 20px; margin: 10px 0px; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 27px; color: #686868;}
.page-content .news-list .item .date:before{content: "\f017"; position:absolute; top: 50%; left: 0px; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.page-content .news-list .item > p{position:relative; top: 0px; left: 0px; width: 100%; height:auto; line-height: 27px; padding: 0px; margin: 10px 0px; color: #888888; display: -webkit-box; white-space:normal; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden;}
.page-content .pager-container{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-top: 40px; padding: 15px 15px 13px; border: 1px solid #EDEDED; border-radius: 5px;}
.page-content .pager-container .pager{height: 35px;}
.page-content .pager-container .pager ul li{min-width: 35px; margin-left: 8px; line-height: 29px; border: 0px; border-radius: 5px; background-color: #fafafa; color: #111111;}
.page-content .pager-container .pager ul li.selected{color: #fff; background-color: #479ee3;}

.page-content .news-detail{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:grid; grid-template-columns: 1fr 30%; grid-column-gap: 0px; grid-row-gap: 20px;}
.page-content .news-detail > div{position:relative; top: 0px; left: 0px; width: auto; height:auto;}
.page-content .news-detail .left{padding-right: 15px;}
.page-content .news-detail .left h1{position:relative; top: 0px; left: 0px; width: 100%; height:auto; font-size: 32px; line-height: 40px; margin: 0px 0px 20px 0px; display:block;}
.page-content .news-detail .left .date{position:relative; top: 0px; left: 0px; width:max-content; height:auto; font-size: 14px; font-weight: 400; letter-spacing: 1px; color: #888; padding-left: 20px; margin: 0px; display:block;}
.page-content .news-detail .left .date:before{content: "\f017"; position:absolute; top: 50%; left: 0px; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.page-content .news-detail .left .description{position:relative; top: 0px; left: 0px; width: 100%; height:auto; font-weight: bold; margin: 10px 0px; display:block;}
.page-content .news-detail img, .page-content .news-detail table{max-width: 100%;}
.page-content .news-detail .right{padding-left: 15px;}
.page-content .news-detail .right .lastest-news{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 20px; margin: 0px; border: 1px solid #EDEDED; border-radius: 5px;}
.page-content .news-detail .right .lastest-news .title{position:relative; padding-bottom: 15px; border-bottom:1px solid #EDEDED; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 25px;}
.page-content .news-detail .right .lastest-news .title:after{content: ""; position:absolute; top:auto; left: 0px; bottom: -1px; width: 50px; height: 2px; background: #479ee3;}
.page-content .news-detail .right .lastest-news .content{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
.page-content .news-detail .right .lastest-news .item{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-top: 20px;}
.page-content .news-detail .right .lastest-news .item:not(:last-child){padding-bottom: 20px; border-bottom: 1px solid #EDEDED;}
.page-content .news-detail .right .lastest-news .item a{position:relative; top: 0px; left: 0px; width: 100%; height:auto; overflow:hidden; display:block;}
.page-content .news-detail .right .lastest-news .item a img{position:relative; width: 100%; height: 100%; object-position: top center; transition: 0.4s;}
.page-content .news-detail .right .lastest-news .item:hover a img{transform:scale3d(1.1,1.1,1.1);}
.page-content .news-detail .right .lastest-news .item .date{position:relative; top:0px; left: 0px; width: 100%; height:auto; font-size: 14px; line-height: 25px; color: #888; padding-left: 20px;}
.page-content .news-detail .right .lastest-news .item .date:before{content: "\f017"; position:absolute; top: 50%; left: 0px; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.page-content .news-detail.single{grid-template-columns: 1fr;}
.page-content .news-detail.single .right{display:none;}
.page-content .news-detail.single .left{max-width: 70%; padding-right: 0px; margin: 0px auto;}

.page-content .contact-info{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 50px 0px; display:grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px;}
.page-content .contact-info .item{position:relative; top: 0px; left: 0px; padding: 25px 0px 25px 80px;}
.page-content .contact-info .item i{position:absolute; top: 50%; left: 0px; transform: translateY(-50%); font-size: 40px; color: #479ee3;}
.page-content .contact-info .item span{position:relative; top: 0px; left: 0px; display:block;}
.page-content .contact-info .item span:first-of-type{font-size: 18px; font-weight: 700; text-transform: capitalize; line-height: 20px; color: #222; font-family: "Nunito", Arial, Helvetica, sans-serif;}
.page-content .contact-info .item span:last-of-type{font-size: 14px; line-height: 27px; color: #686868; font-family: "Nunito", Arial, Helvetica, sans-serif;}
.page-content .contact-info .item.social span{display:inline-block; vertical-align:middle; margin-right: 20px;}
.page-content .contact-info .item.social > span:not(:first-of-type) {position:relative; top: 0px; left: 0px; width: 40px; height: 40px; display:inline-block; vertical-align:middle; color: #686868; border: 2px solid #686868; border-radius: 50%; margin-right: 25px; transition: all 500ms ease-in;}
.page-content .contact-info .item.social > span:last-child{margin-right: 0px;}
.page-content .contact-info .item.social > span:not(:first-of-type):hover{background-color: #479ee3; border-color: #479ee3; color: #fff;}
.page-content .contact-info .item.social > span a{position:relative; top: 0px; left: 0px; width: 100%; height: 100%; display:block;}
.page-content .contact-info .item.social > span:not(:first-of-type):before{content: ""; position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width:auto; height:auto; color:currentColor; font-family: "Font Awesome 5 Brands"; font-size: 20px;}
.page-content .contact-info .item.social > span.facebook:before{content: "\f39e";}
.page-content .contact-info .item.social > span.twitter:before{content: "\f099";}
.page-content .contact-info .item.social > span.youtube:before{content: "\f167";}
.page-content .map{position:relative; top: 0px; left: 0px; width: 100%; height: 445px;}
.page-content .contact-box{padding-top: 50px;}
.page-content .contact-box .box-title{text-align:center;}
.page-content .contact-box .box-title h3{font-size: 36px; line-height: 46px; font-weight: 800; font-family: "Nunito", Arial, Helvetica, sans-serif;}
.page-content .contact-box .box-title .line{background-color: #479ee3;}
.page-content .contact-box .contact-form button{background: #374781; border: 0px; border-radius: 5px; color: #fff; padding: 15px 28px 15px; letter-spacing: 3px; transition: 0.4s; cursor:pointer; font-size: 14px; text-transform:uppercase;}
.page-content .contact-box .contact-form button:hover{background: #479ee3;}

.shop{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:grid; grid-template-columns: 25% 1fr; grid-column-gap: 0px; grid-row-gap: 0px;}
.shop .left{position:relative; top: 0px; left: 0px; padding-right: 15px;}
.shop .left .category-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 20px; margin: 0px; border: 1px solid #EDEDED; border-radius: 5px;}
.shop .left .category-list .title{position:relative; padding-bottom: 15px; border-bottom:1px solid #EDEDED; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 25px;}
.shop .left .category-list .title:after{content: ""; position:absolute; top:auto; left: 0px; bottom: -1px; width: 50px; height: 2px; background: #479ee3;}
.shop .left .category-list ul{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 0px; list-style:none;}
.shop .left .category-list > ul{padding-top: 15px;}
.shop .left .category-list ul li{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px 0px 0px 15px;}
.shop .left .category-list ul li a{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 3px 0px; display:block; font-size: 16px; font-weight: 400; line-height: 27px;}
.shop .left .category-list ul li:before{content: ""; position:absolute; top: 17px; left: 0px; width: 6px; height: 1px; background-color: #686868;}
.shop .left .category-list ul li a.selected{font-weight: 600;}
.shop .right{position:relative; top: 0px; left: 0px; padding-left: 15px;}
.shop .right .product-list {grid-template-columns: 1fr 1fr 1fr 1fr;}

.product-detail{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; display:grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px;}
.product-detail .left, .product-detail .right{position:relative; top: 0px; left: 0px; display:block; overflow:hidden; width: auto; height:auto;}
.product-detail .product-gallery{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
.product-detail .product-gallery .img-main{position:relative; top: 0px; left: 0px; width: 100%; height:auto; aspect-ratio: 4/3; border-radius: 15px; border: 1px solid #ecf4fb; overflow:hidden; background-color: #ecf4fb; display:flex; flex-direction:row; align-content:center;}
.product-detail .product-gallery .img-main img{position:relative; width: 100%; height: 100%; object-fit:contain;}
.product-detail .product-gallery .img-list{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-top: 30px; display:block; white-space:nowrap; overflow:hidden;}
.product-detail .product-gallery .img-list .item{position:relative; top: 0px; left: 0px; width: 107px; height: 107px; display:inline-block; vertical-align:top; margin-right: 20px; background-color: #ecf4fb; border: 1px solid #e6e6e6; border-radius: 5px; overflow:hidden; cursor:pointer;}
.product-detail .product-gallery .img-list .item > *{pointer-events:none;}
.product-detail .product-gallery .img-list .item img{position:relative; top: 0px; left: 0px; width: 100%; height: 100%; object-fit:contain;}
.product-detail .product-gallery .img-list .item.selected{border-color: #479ee3;}
.product-detail .product-gallery .img-list .slick-prev{left: 0px; z-index: 2; width: 35px; height: 35px; color: #3E3E3E; background-color: #f0f0f0; border-radius: 5px; display:none !important;}
.product-detail .product-gallery .img-list .slick-prev:not(.slick-disabled):hover{background-color: #479ee3; color: #fff;}
.product-detail .product-gallery .img-list .slick-next{right: 0px; z-index: 2; width: 35px; height: 35px; color: #3E3E3E; background-color: #f0f0f0; border-radius: 5px; display:none !important;}
.product-detail .product-gallery .img-list .slick-next:not(.slick-disabled):hover{background-color: #479ee3; color: #fff;}
.product-detail .product-gallery .img-list:hover .slick-prev, .product-detail .product-gallery .img-list:hover .slick-next{display:block !important;}
.product-detail .product-gallery .img-list .slick-prev:before, .product-detail .product-gallery .img-list .slick-next:before{position:absolute; top: 50%; left: 50%; color: currentColor; transform:translate(-50%, -50%); font-size: 16px; font-family: "Font Awesome 5 Pro"; font-weight: 400;}
.product-detail .product-gallery .img-list .slick-prev:before{content: "\f060";}
.product-detail .product-gallery .img-list .slick-next:before{content: "\f061";}

.product-detail .right h1{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:block; padding: 0px; margin: 0px 0px 5px 0px; font-size: 27px; font-family: "Nunito", Arial, Helvetica, sans-serif; color: #222; line-height: 42px; font-weight: 600;}
.product-detail .right h1:first-letter{text-transform:uppercase;}
.product-detail .right .price{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-bottom: 15px; text-transform:uppercase; font-size: 16px; font-weight: 400; line-height: 27px; font-family: "Nunito", Arial, Helvetica, sans-serif;}
.product-detail .right .price span:first-child{position:relative; top: 0px; left: 0px; display:inline-block; vertical-align: top; color: #E41B1B;}
.product-detail .right .price span:last-child{position:relative; top: 0px; left: 0px; display:inline-block; vertical-align: top; color: #aaa; text-decoration:line-through; margin-left: 20px;}
.product-detail .right .des{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 10px 0px; line-height: 27px; color: #888888; font-weight: 400; display: -webkit-box; white-space: normal; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.product-detail .right .booking{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
.product-detail .right .booking .row{display:block;}
.product-detail .right .booking input[data-field='OrderAmount']{position:relative; top: 0px; left: 0px; width: 70px; height:auto; padding: 5px; line-height: 20px; border-radius: 5px; border: 1px solid #888; outline: 0px; display:inline-block; vertical-align:top; margin-right: 30px;}
.product-detail .right .booking input[data-field='OrderAmount']:not(:disabled):focus, .product-detail .booking input[data-field='OrderAmount']:not(:disabled):active{border-color: #374781;}
.product-detail .right .booking button{position:relative; top: 0px; left: 0px; width:auto; height:auto; padding: 5px 5px 5px 30px; background-color: #374781; border: 0px; border-radius: 5px; border: 1px solid #374781; color: #fff; text-transform:uppercase; line-height: 20px; display:inline-block; vertical-align: top; cursor:pointer;}
.product-detail .right .booking button:before{content: "\f291"; position:absolute; top: 50%; left: 5px; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.product-detail .right .booking button:not(:disabled):hover{background-color: #479ee3;}
.product-detail .right .booking button:disabled{background-color: #f0f0f0; color: #3E3E3E; border-color: #3E3E3E; cursor:default;}
.product-detail .right .booking button:disabled{border-color: #3E3E3E; color: #3E3E3E;}
.product-detail .right .row{display:grid; grid-template-columns: 100px 1fr; grid-column-gap: 0px; grid-row-gap: 0px; margin: 20px 0px;}
.product-detail .right .row .list{border: 1px solid #888; border-radius: 5px; height: auto; width:auto;}
.product-detail .right .row .list .item{position:relative; top: 0px; left: 0px; display:inline-block; vertical-align: top; line-height: 20px; padding: 5px 10px; margin: 5px; border: 1px solid #888; border-radius: 5px; cursor:pointer; overflow:hidden;}
.product-detail .right .row .list .item > *{pointer-events:none;}
.product-detail .right .row .list .item.selected{border-color: #374781; cursor:default;}
.product-detail .right .row .list .item.selected:before{content: ""; position:absolute; top: 0px; left: 0px; width: 20px; height: 10px; border: 10px solid #374781; border-top-width: 5px; border-bottom-width: 5px; border-right-color: transparent; border-bottom-color: transparent; z-index: 2;}
.product-detail .right .row .list .item.selected:after{content: "\f00c"; position:absolute; top: -1px; left: 2px; color: #fff; font-size: 8px; line-height: 8px; font-family: "Font Awesome 5 Pro"; font-weight: 300; z-index: 2;}
.product-detail .right .row .list .item span:first-child{position:relative; top: 0px; left: 0px; width: 20px; height: 20px; border-radius: 5px; margin-right: 5px; display:inline-block; vertical-align: top;}
.product-detail .right .row .list .item span:last-child{position:relative; top: 0px; left: 0px; display:inline-block; vertical-align: top; line-height: 20px;}
.product-detail .right .row.size .list .item span:first-child{display:none;}
.product-detail .right .row.category .list{border: 0px;}
.product-detail .right .row.category .list a{position:relative; top: 0px; left: 0px; width: max-content; height:auto; display:inline-block; vertical-align: top; padding: 0px; margin: 0px 10px 10px 0px;}
.product-detail .right .row.category .list a:after{content: ","; position:relative; color: #222;}
.product-detail .right .row.category .list a:last-child:after{display:none;}

.product-info{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 20px; margin: 0px; border: 1px solid #EDEDED; border-radius: 5px; margin-top: 20px;}
.product-info .title{position:relative; padding-bottom: 15px; border-bottom:1px solid #EDEDED; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 25px;}
.product-info .title:after{content: ""; position:absolute; top:auto; left: 0px; bottom: -1px; width: 50px; height: 2px; background: #479ee3;}
.product-info .content{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 15px 0px;}

.relate-product{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 20px; margin: 0px; border: 1px solid #EDEDED; border-radius: 5px; margin-top: 20px;}
.relate-product .title{position:relative; padding-bottom: 15px; border-bottom:1px solid #EDEDED; font-size: 20px; font-weight: 500; text-transform: capitalize; line-height: 25px; margin-bottom: 25px;}
.relate-product .title:after{content: ""; position:absolute; top:auto; left: 0px; bottom: -1px; width: 50px; height: 2px; background: #479ee3;}

.partner-list{position:relative; top: 0px; left: 0px; width: 100%; height: 240px; border-top: 1px solid #bebebe; padding: 20px 0px; overflow:hidden; white-space:nowrap; margin-top: 20px;}
.partner-list > div{position: absolute !important; top: 20px !important; display:inline-block; vertical-align: top;}
.partner-list img{position:relative; top: 0px; left: 0px; width: 200px; height: 200px; display:inline-block; vertical-align:middle; margin: 0px 20px; object-fit:contain; object-position:center; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 15px; padding: 5px;}
.partner-list a[href=''], .partner-list a[href='#'], .partner-list a[href='javascript:void(0);']{pointer-events:none;}

.footer{position:relative; top: 0px; left: 0px; width: 100%; height:auto; background-color: #f7f7f7; border-top: 1px solid #bebebe; margin-top: 50px; padding: 20px 0px 0px 0px; font-size: 0px;}
.footer .contact-info{position:relative; top: 0px; left: 0px; width: 25%; height:auto; display:inline-block; vertical-align: top; font-size: 14px;}
.footer .contact-info .logo{position:relative; top: 0px; left: 0px; width: 100%; height:100px; margin-bottom: 20px; background: url(../images/footer-logo.png) no-repeat; background-size:contain; background-position: left center; display:block;}
.footer .contact-info span{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:block; padding: 10px 0px; margin: 0px; color: #686868;}
.footer .footer-menu{position:relative; top: 0px; left: 0px; width: 40%; height:auto; display:inline-block; vertical-align: top; font-size: 16px; padding-left: 40px;}
.footer .footer-menu .menu > li{vertical-align: top; margin-right: 50px;}
.footer .footer-menu .menu > li:after{display:none;}
.footer .footer-menu .menu > li > a{color: #222; padding: 0px; font-weight: bold; text-transform:uppercase;}
.footer .footer-menu .menu > li > ul{position:relative; top: 0px; left:0px; display:block; visibility:visible; opacity:1; transform:translate(0, 0); box-shadow:none; border-top: 0px; background-color: transparent;}
.footer .footer-menu .menu > li > ul > li{border-bottom: 0px;}
.footer .footer-menu .menu > li > ul > li > a{color: #686868; padding-left: 0px; padding-right: 0px; font-weight:normal;}
.footer .footer-menu .menu > li > ul > li > a:hover{color: #479ee3;}
.footer .footer-menu .menu > li > ul > li:hover{background-color: transparent;}
.footer .footer-menu .menu .has-sub-menu{padding-right: 0px;}
.footer .footer-menu .menu .has-sub-menu:before{display:none;}
.footer .footer-menu a:before{display:none;}
.footer .extent{position:relative; top: 0px; left: 0px; width: 35%; height:auto; display:inline-block; vertical-align: top; font-size: 16px;}
.footer .extent > div{position:relative; top: 0px; left: 0px; width: 100%; height:auto;}
.footer .extent > div > span:first-child{position:relative; top: 0px; left: 0px; width: 100%; height:auto; line-height: 58px; text-transform:uppercase; font-weight: bold; display:block; border: 0px; color: #222; margin-right: 0px;}
.footer .extent > div:not(:first-child) > span:first-child{line-height: 30px; margin-top: 5px;}
.footer .extent > div > img{position:relative; top: 0px; left: 0px; width: 60px; height: 30px; padding: 4px; margin: 0px 8px 8px 0px; background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.2); display:inline-block; vertical-align: top;}
.footer .folow-us > span:not(:first-child) {position:relative; top: 0px; left: 0px; width: 40px; height: 40px; display:inline-block; vertical-align:middle; color: #686868; border: 2px solid #686868; border-radius: 50%; margin-right: 25px; transition: all 500ms ease-in;}
.footer .folow-us > span:last-child{margin-right: 0px;}
.footer .folow-us > span:not(:first-child):hover{background-color: #479ee3; border-color: #479ee3; color: #fff;}
.footer .folow-us > span a{position:relative; top: 0px; left: 0px; width: 100%; height: 100%; display:block;}
.footer .folow-us > span:before{content: ""; position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width:auto; height:auto; color:currentColor; font-family: "Font Awesome 5 Brands"; font-size: 20px;}
.footer .folow-us > span.facebook:before{content: "\f39e";}
.footer .folow-us > span.twitter:before{content: "\f099";}
.footer .folow-us > span.youtube:before{content: "\f167";}
.footer .copyright{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 15px 0px; background-color: #f7f7f7; color: #686868; font-size: 14px; border-top: 1px solid #bebebe; margin-top: 20px;}

@media only screen and (max-width: 600px) {
    section{padding-top: 20px; padding-bottom: 20px;}
    section .title{font-size: 25px;}
    section .link{text-align:center;}
    .container{width: 100%;}
    .main .header .top .logo{height: 50px; margin-right: 10px;}
    .slide h1{font-size: 27px !important; line-height: 31px !important;}
    .slide h2{font-size: 35px !important; line-height: 39px !important;}
    

    .flash-sale, .flash-sale .item-list{height:auto !important;}
    .flash-sale .item-list .item{width: 100% !important; margin-right: 0px !important; padding: 0px !important;}
    .flash-sale .item-list .item a{width: 100%; height:auto;}
    .flash-sale .item-list .item img{width: 100%; height:auto;}
    .flash-sale .item-list .item:first-child{margin-bottom: 20px;}
    .product-list .item{width: 100% !important;}
    .new-product-banner .content{width: 100%;}
    .new-product-banner{background: url(../images/new-product-banner-1.png); background-size: contain;}
    .new-product-banner .content span{position:relative; top: 0px; bottom:auto; font-size: 22px; line-height: 28px; display:block;}
    .new-product-banner .content a{position:relative; top: 0px; bottom: auto; display:block; margin-top: 20px;}
    .new-arrival-product > .slide-arrival-product{height: 400px;}
    .home-news-list .news-list .col{width: 100% !important; margin: 0px !important;}
    .home-news-list .news-list .col .item{width: 100% !important; padding: 0px; margin: 0px 0px 20px 0px !important;}
    .home-news-list .news-list .col .item a{width: 100% !important;}
    .home-news-list .news-list .col .item .content{width: 100% !important;}
    .home-news-list .news-list .col:not(:first-child) .item .content{padding-left: 0px !important; padding-top: 10px !important;}
    .home-news-list .news-list .col:nth-child(4){display:inline-block !important;}
    .footer .contact-info, .footer .extent{width: 100% !important;}

    .banner{padding: 0px 15px;}
    .banner .container{display:flex; align-content: center; flex-flow: row wrap;}
    .banner .direction{top: 0px; transform:translateY(0); width: 100%; height:auto; text-align:center;}
    .banner .container > span{position:relative; top: 0px; left: 0px;  width: 100%; height:auto; text-align:center; display:block; transform:translateY(0);}
    .page-content .news-list{padding: 0px 15px; grid-template-columns: 1fr 1fr;}

    .product-list{grid-template-columns: 1fr !important;}
    .product-detail{grid-template-columns: 1fr;}
    
    .page-content .contact-info{grid-template-columns: 1fr; grid-row-gap: 40px;}
    .page-content .contact-info .item{padding-top: 0px; padding-bottom: 0px;}
    .page-content .contact-info .item.social span:first-of-type{display:block; margin: 0px 0px 20px 0px;}
}

@media only screen and (max-width: 992px) {
    body{padding-top: 0px;}
    section .link{transform:translate(0); margin-bottom: 20px;}
    .container{width: 100%;}

    .main .header .top{z-index: 2;}
    .main .header .top .logo{height: 70px; margin-right: 10px;}
    .main .header .top .language-box > ul > li > span:not(.flag){display:none;}
    .main .header .top .language-box > ul > li > i{margin-left: 5px;}
    .main .header .top .language-box{position:absolute; margin: 0px; top: 50%; left:auto; right: 145px; transform:translateY(-50%);}
    .main .header .top .search-box{position:absolute; top: 100%; left: 40px; width: calc(100% - 40px); }
    .main .header .top .search-box input{height: 40px;}

    .main .header .top-menu{position:relative; border-bottom: 0px; padding: 0px;}
    .main .header .top-menu:before{display:none;}
    .main .header .top-menu{height: 40px;}
    .main .header .top-menu .mobile-menu-bar{display:block;}
    .menu{position:absolute; top: 100%; left: -15px; width: 100vw; height:auto; background-color: #fff; color: #222; z-index: 4; display:none; padding-top: 20px; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;}
    .menu > li{width: 100%; height:auto; border-top: 1px solid #bebebe;}
    .menu > li.has-sub-menu{padding-right: 0px;}
    .menu > li.has-sub-menu:before{content: "\f105"; top: 18px; transform:translateY(0px);}
    .menu > li.has-sub-menu:hover:before{content: "\f107";}
    .menu > li > ul{position:relative; top: 0px; left: 0px; width: 100%; max-width: 100%; min-width: 100%; height:auto; display:none; box-shadow:none; border-top: 1px solid #bebebe;}
    .menu > li > ul a:before{content: "\f312"; position:relative; top: 50%; left: 0px; width:auto; height:auto; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 8px; margin-right: 5px;}
    .menu > li > ul > li, .menu > li > ul > li > a{width: 100%;}
    .menu > li > ul > li > a{padding-left: 20px;}
    .menu > li:hover > ul{display:block;}
    .menu > li > ul > li.has-sub-menu:before{top: 10px; transform:translateY(0);}
    .menu > li > ul > li.has-sub-menu:hover:before{content: "\f107";}
    .menu > li > ul > li > ul{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:none; box-shadow:none; border-top: 1px solid #bebebe;}
    .menu > li > ul > li > ul > li, .menu > li > ul > li > ul > li > a{width: 100%;}
    .menu > li > ul > li > ul > li > a{padding-left: 40px;}
    .menu > li > ul > li:hover > ul{display:block;}
    .menu a{color: #222; width: 100%; text-align: left;}
    .menu a:hover{color: #479ee3;}
    .menu.show{display:block;}
    .main .header .top-menu .logo{left: 0px;}
    .slide a{margin-top: 10px;}
    .slide h1{font-size: 46px; line-height: 47px;}
    .slide h2{font-size: 65px; line-height: 66px;}
    .top-widget{width: calc(100% - 30px); transform:translate(0); margin: 20px auto; z-index: 0;}
    .top-widget .item-list .item{width: 50%; text-align:center;}
    .top-widget .item-list .item i{margin-right: 0px; margin-bottom: 10px;}
    .top-widget .item-list .item > span, .top-widget .item-list .item > span > span{width: 100% !important; max-width: 100%; text-align: center;}
    .top-widget .item-list .item:nth-child(2){border-right: 0px;}
    .flash-sale, .flash-sale .item-list{height: 220px;}
    .flash-sale .item-list{width: calc(100% - 30px); margin: 0px auto;}
    .new-product-banner .content span{font-size: 30px; line-height: 40px;}
    .new-arrival-product > div{width: 100%;}

    .home-news-list .news-list .col:nth-child(1){width: 40%;}
    .home-news-list .news-list .col:nth-child(2){width: calc(60% - 20px); margin-right: 0px;}
    .home-news-list .news-list .col:nth-child(2) .item:first-child{margin-bottom: 15px;}
    .home-news-list .news-list .col:nth-child(3){width: 100%; padding-top: 20px;}
    .home-news-list .news-list .col:nth-child(3) .item{width: calc(25% - 15px); margin-right: 15px; }
    .home-news-list .news-list .col:nth-child(3) .item > a{width: 100%;}
    .home-news-list .news-list .col:nth-child(3) .item .content{width: 100%; padding-left: 0px; padding-top: 10px;}
    .home-news-list .news-list .col:nth-child(3) .item .content p{display:-webkit-box;}
    .home-news-list .news-list .col:nth-child(3) .item .content a{font-weight: bold;}
    .home-news-list .news-list .col:nth-child(4){display:none;}

    .category-list .item:hover{transform:translateY(0px);}

    .banner{padding: 0px 15px;}
    .page-content .news-list{padding: 0px 15px;}
    .page-content .news-detail{display:block; padding: 0px 15px;}
    .page-content .news-detail .left{width: 100%; padding-right: 0px;}
    .page-content .news-detail .right{width: 100%; margin-top: 20px; padding-left: 0px; border-top: 1px solid #EDEDED; padding-top: 20px;}
    .page-content .news-detail .right .lastest-news{border: 0px; padding: 0px;}
    .page-content .news-detail .right .lastest-news .title{margin-bottom: 20px;}
    .page-content .news-detail .right .lastest-news .content{display:grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 30px;}
    .page-content .news-detail .right .lastest-news .content .item{margin-top: 0px;}
    .page-content .news-detail.single .left{max-width: 100%;}

    .page-content .contact-info{padding: 0px 15px 50px;}
    .page-content .map{padding: 0px 15px;}

    .product-list{grid-template-columns: 1fr 1fr 1fr 1fr;}

    .shop{padding: 0px 15px; grid-template-columns: 1fr !important;}
    .shop .left{padding-right: 0px; margin-top: 30px;}
    .shop .right{padding-left: 0px;}

    .product-detail{padding: 0px 15px;}
    .product-info{width: calc(100% - 30px); margin: 20px auto 0px;}

    .relate-product{border-radius: 0px; border-left: 0px; border-right: 0px;}

    .footer .footer-menu{display:none;}
    .footer .contact-info, .footer .extent{width: 50%; margin: 0px; padding: 0px 15px;}
    .footer .copyright{padding: 15px;}
}

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