@charset "UTF-8";

:root {
  --brown: #735E14;
  --blue: #174592;
  --orange: #FF5D05;
	--yellow: #fce56e;
  --radial: radial-gradient(circle, rgba(252,229,110,1) 50%, rgba(235,170,41,1) 100%);
}

*{box-sizing:border-box;}

a,a:hover{text-decoration:none;}
img{max-width:100%;height:auto;vertical-align:top}
a,input,textarea{outline:none;padding:0;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0;margin:0;overflow:hidden;}
p{margin: 0;}
ul{list-style: none;padding: 0;margin: 0;}

body{font-family:"Open Sans",sans-serif;font-size: 16px;}

.mw{max-width:1230px;width:100%;padding:0;margin:0 auto;}
.df{display: flex;}
.fwrap{flex-flow: wrap;}
.jcsb{justify-content: space-between;}
.flex_row{display: flex;flex-flow: row;}
.title-main{margin:1.5rem 0;text-align:center;font-size: 24px;font-weight: 700;color: var(--brown);}
.title-main{margin-bottom:1.5rem;text-align:center;}
.title-main span{text-transform:uppercase;color:var(--color-red);font-weight:800;font-size:23px;}
.time-main{margin-bottom:0.75rem;color:#999999;}
.time-main i{vertical-align:top;margin:3px 7px 0px 0px;}
.time-main span{vertical-align:top;display:inline-block;}
.text-split{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

/* header */
.header_top{max-width:1200px;padding:15px 0 15px;display:flex;flex-flow:row;gap:200px;margin:0 auto;justify-content: space-between;}
.header_top .nav{display: flex;flex-flow: row;font-size: 16px;font-weight: 600;align-items: center;}
.header_top .nav .nav_link{line-height: 20px;max-height: 20px;position: relative;text-align: center;color: var(--brown);padding: 0 10px;text-transform: uppercase;}
.header_top .nav .nav_link::after{content: '';display: block;width: 1px;height: 100%;background: var(--brown);position: absolute;top: 0;right: 0;}
.header_top .nav .lang{line-height: 22px;position: relative;padding: 0 10px;display: flex;flex-flow: row;align-items: center;gap: 5px;cursor: pointer;}
.header_top .nav .lang.br{border-right: 1px solid #000;}
.header_top .utils{display: flex;flex-flow: row;gap: 10px;}
.header_top .utils .search{width: 144px;height: 30px;position: relative;}
.header_top .utils .search input{width: 100%;padding: 0 10px;border: 1px solid var(--brown);border-radius: 4px;}
.header_top .utils .search input::placeholder{font-style: italic;font-size: 16px;font-weight: 400;font-family: 'Open Sans', serif;}
.header_top .utils .search p i{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);width: 20px;height: 20px;cursor: pointer;color: var(--brown);}
.header_top .utils .social{display: flex;flex-flow: row;gap: 10px;margin: 0;padding: 0;}

.header_bottom{align-items: center;padding: 11px 15px;justify-content: space-between;}
.header_bottom .co{padding: 0 16px;width: 69%;justify-content: space-between;}
.header_bottom .co .co_name{font-size: 32px;font-weight: 600;color: var(--brown);text-transform: uppercase;text-align: center;}
.header_bottom .co .co_name span{font-size: 36px;font-weight: 700;color: var(--blue);}
#main_logo{min-width: 138px;min-height: 99px;max-width: 138px;max-height: 99px;}
.header_bottom .head_contact{display: flex;flex-flow: column;}
.header_bottom .head_contact .flex_row{flex-flow: column; align-items: center;gap: 5px;color: var(--blue);font-size: 16px;}
.header_bottom .head_contact .flex_row i{transform: scaleX(-1);font-size: 20px;}
.header_bottom .head_contact .flex_row a{color: #000;}

.header .menu{background: radial-gradient(circle, rgba(252,229,110,1) 50%, rgba(235,170,41,1) 100%);}
.header .menu .menu_item{font-size: 16px;padding: 10px 22px;line-height: 30px;font-weight: 700;color: var(--blue);text-transform: uppercase;border-right: 2px solid var(--blue);text-wrap: nowrap;}
.header .menu_lvl1{position: relative;}
.header .menu_lvl2{position: absolute;left: 0;z-index: 2;transform: translateY(-50%); transition: all 0.3s ease-in-out;display: none;opacity: 0;}
.header .menu_lvl1:hover .menu_lvl2{display: block;transform: translateY(0);opacity: 1;}
.header .menu_lvl2 p{color: var(--yellow);background: var(--blue);padding: 10px;transition: all 0.3s ease-in-out;border-bottom: 1px solid var(--yellow);}
.header .menu_lvl2 li:hover p{color: var(--blue);background: var(--yellow);transform: translateX(10px);}

/* Mmenu */
.menu-res{display:none;height:55px;z-index:10;background:var(--color-red);position:relative;line-height:normal;}
.menu-bar-res{height:55px;padding:0px 15px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width:45px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#ffffff;content:'';display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}

/* Search Responsive */
.search-res{position:relative;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#ffffff;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:var(--color-red);background:#ffffff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#ffffff;border:1px solid var(--color-red);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-red);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res .search-grid input:-moz-placeholder{color:#ccc;}
.search-res .search-grid input::-moz-placeholder{color:#ccc;}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc;}

/* page index */
.about_index{background: url('../images/section_about.png');}
.about_index .container{gap: 60px;padding: 40px 0;}
.about_index .about_info{margin: 25px 0px;background: #FFF5DD;border-radius: 12px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.about_index .about_info .name{font-size: 24px;font-weight: 700;color: var(--brown);padding: 32px 24px;text-wrap: nowrap;}
.about_index .about_info .desc{max-width: 500px;width: 100%;text-align: center;margin: 0 auto;padding-bottom: 42px;}
.about_index .about_img{position: relative;width: 100%;}
.about_index .about_img::after{content: '';background: url("../images/about_img_decor.png");width: 54px;height: 115px;display: block;position: absolute;bottom: 48px;left: 42px;}
.about_index .about_img .img{max-width: 300px;max-height: 200px;position: absolute;top: 0;left: 0;border-radius: 12px;height: 100%;z-index: 1;}
.about_index .about_img .img1{max-width: 400px;max-height: 300px;position: absolute;right: 0;bottom: 0;border-radius: 12px;height: 100%;}

/* index_img */
.index_img{width: 100%;}

/* featured_products */
.featured_products .wrapper{padding: 40px 0;}
.featured_products .title{margin-bottom: 24px;text-align: center;text-wrap: nowrap;color: var(--brown);font-size: 32px;font-weight: 600;text-transform: uppercase;}
.featured_products .products_wrapper,.products_wrapper.flex_row{flex-flow: wrap;}
.products_wrapper .item{width: 20%;;padding: 10px;transition: all 0.3s ease-in-out;border-radius: 4px;}
.products_wrapper .item:hover{border: 1px solid var(--blue);}
.products_wrapper .item_img{border: 1px solid var(--blue);border-radius: 2px;position: relative;}
#new{background: var(--orange);color: #fff;padding: 0 10px;position: absolute;top: 0;left: 0;}
.products_wrapper .item .info{padding: 10px 15px;}
.products_wrapper .item .name{font-size: 16px;font-weight: 700;color: var(--brown);text-transform: uppercase;}
.featured_products .see_more{text-align: center;}
.featured_products .see_more span{padding: 12px 24px;border-radius: 12px;background: var(--blue);color: #fff;font-weight: 600;margin-top: 10px;display: inline-block;transition: all 0.3s ease-in-out;border: 1px solid var(--blue);}
.featured_products .see_more:hover span{color: var(--blue);background: #fff;}

/* footer */
.footer-article{background: var(--radial);}
.footer-article .wrap-content{padding: 40px 0;}
.footer-article .wrap-content .row{justify-content: space-between;}
.footer .footer-title{font-size: 16px;font-weight: 700;color: var(--blue);text-transform: uppercase;margin-bottom: 20px;}
.footer .footer-ul{display: flex;flex-flow: column;gap: 10px;}
.footer .footer-ul a{color: #174592;}
#footer-map iframe{width: 100%;}
.footer-powered{background: var(--brown);}
.static_footer{display: flex;justify-content: space-between;color: #fff;padding: 5px 0;}


/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@-webkit-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}

/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}

/* Zalo */
.btn-zalo{bottom:315px;}
.btn-zalo1{bottom:400px;}

/* Phone */
.btn-phone{bottom:230px;}

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#ffffff;background:#1182FC}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182FC;color:#ffffff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#ffffff;background:#1182FC}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}

/* Combo Phone */
.support-online{position:fixed;z-index:999;left:10px;bottom:0px;}
.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;}
.support-online i{width:40px;height:40px;background:#43a1f3;color:#ffffff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}
.support-online a span{border-radius:2px;text-align:center;background:rgb(103,182,52);padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;transition:all 0.2s ease-in-out 0s;-moz-animation:headerAnimation 0.7s 1;-webkit-animation:headerAnimation 0.7s 1;-o-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1;}
.support-online a:hover span{display:block;}
.support-online a{display:block;}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent  rgb(103,182,52) transparent transparent;position:absolute;left:-10px;top:10px;}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(0,175,242,0.5);opacity:.75;right:-10px;}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#0089B9;opacity:.5;}
.support-online .support-online .btn-support{cursor:pointer;}
.support-online .mes i{background:orange;}
.support-online .sms i{background:red;}
.support-online .call-now i{background:green;}

/* Hidden Check Grammar Coccoc */
coccocgrammar{display:none;}

/* Scroll Top */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}

/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/* Breadcrumb */
.breadCrumbs{background-color:#eee;}
.breadCrumbs .wrap-content{padding:0.75rem 15px;}
.breadCrumbs .wrap-content .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0;}
.breadCrumbs .wrap-content .breadcrumb-item a{color:var(--color-black);}
.breadCrumbs .wrap-content .breadcrumb-item.active a{color:var(--color-gray);}

/* share-buttons */
.share{padding: 20px 0;}

/* news inpage */
/* .content-main .news{margin-bottom: 10px;}
.content-main .news-name {font-size: 18px;text-transform: capitalize;}
.content-main .news-name a{color: #000;}
.content-main .news-name:hover a{color: var(--brown);} */

.news{margin-bottom:2rem;}
.news-name{margin-bottom:0.5rem;}
.news-name a{color:#333;font-size:18px;font-weight: 700;text-transform: capitalize;}
.news-name a.text-split{-webkit-line-clamp:2;}
.news-name a:hover{color:var(--color-red);}
.news-time{color:#84878a;margin-bottom:0.25rem;}
.news-desc{color:#333333;margin-top:5px;line-height:22px;text-align: justify;}
.othernews b{margin-bottom:10px;}
.list-news-other{padding-left:17px;list-style:square;}
.list-news-other li{margin-bottom:2px;list-style: none;}
.list-news-other li a{text-transform:none;color:#333333;}
.list-news-other li a:hover{color:var(--brown);}

/* Product */
#sort-by { text-align: left; width: 100%; }

#sort-by label { font-family: 'Arial'; font-weight: 400; line-height: 33px; font-size: 14px; margin-right: 10px; margin-bottom: 0; color: #222; display: inline-block; }

#sort-by ul { margin: 0; padding: 0; list-style: none; display: inline; }

#sort-by > ul > li { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; cursor: pointer; line-height: 34px; border-radius: 3px; position: relative }

#sort-by ul ul { position: absolute; visibility: hidden; width: 180px; right: 0; top: 100%; z-index: 10000; border: 1px solid #ebebeb; border-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; overflow: hidden; background: #fff; padding-left: 0px !important; }

#sort-by li li { width: 100%; margin-top: 0px; border-top: none; border-right: none; border-left: none; padding: 5px 10px; line-height: 20px; }

#sort-by li>a { display: inline-block; width: 100%; line-height: 22px; transition: all 0s ease-in-out; }

#sort-by a:link,

#sort-by a:visited { color: #333; text-decoration: none; }

#sort-by li:hover>ul { visibility: visible; }

.wrap-product{margin-bottom:50px;width: 100%;}
.product{float:left;width:23.5%;margin:0 2% 2% 0;}
.product:nth-child(4n+1){clear:both;}
.product:nth-child(4n){margin-right:0px;}
.box-product{position:relative;display:block;margin-bottom:1rem;}
.pic-product{background:#ffffff;border-radius:5px;padding:5px;border:1px solid #eee;}
.pic-product img{width:100%;border-radius:3px;}
.name-product{font-size:16px;color:var(--brown);}
.name-product.text-split{-webkit-line-clamp:1;}
.price-product{margin-bottom:0px;}
.price-product span{font-weight:700;}
.price-new{font-size:15px;font-weight:500;color:var(--color-red);}
.price-old{padding-left:10px;font-size:12px;color:var(--color-gray);}
.price-per{position:absolute;top:15px;right:15px;color:#ffffff;background:var(--color-red);font-size:11px;border-radius:2px;width:45px;height:25px;text-align:center;line-height:25px;}
.cart-product{margin-bottom:0px;}
.cart-product span{cursor:pointer;width:49%;float:left;color:#ffffff;text-transform:capitalize;text-align:center;padding:7px 5px;border-radius:3px;}
.cart-add{margin-right:2%;background: linear-gradient(to right, #0066cc, #cc3333);}
.cart-add:hover{background-color:var(--color-dark-red);}
.cart-buy{background: linear-gradient(to right, var(--color-green), #bccc33);}
.cart-buy:hover{background-color:var(--color-dark-green);}

/* Product Detail */
.page_pro_detail{gap: 50px;margin-top: 40px;}
.page_pro_detail .list_product{border-radius: 12px;background: #F5F5F5;height: fit-content;}
.page_pro_detail .list_product .title{text-wrap: nowrap;padding: 8px 32px;color: #fff;background: var(--blue);border-top-left-radius: 12px;border-top-right-radius: 12px;text-transform: uppercase;font-size: 20px;font-weight: 400;}
.page_pro_detail .list_product ul{margin: 16px 0px;}
.page_pro_detail .list_product ul li p{padding: 8px 16px;line-height: 30px;border-bottom: 1px solid #B6B6B6;text-transform: uppercase;color: var(--blue);}
.page_pro_detail .list_product ul li:last-child p{border-bottom: none;}
.grid-pro-detail{margin-bottom:3rem;}
.left-pro-detail{position:relative;text-align:center;}
.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px;background-color:#ffffff;}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.owl-pro-detail{padding:0px 30px;}
.control-pro-detail button{background-color:transparent;color:#222222;opacity:1;width:25px;font-size:23px;}
.control-pro-detail button:hover{opacity:0.7;}
.control-pro-detail button.owl-prev{left:0px;}
.control-pro-detail button.owl-next{right:0px;}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;background-color:#ffffff;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.title-pro-detail{text-transform:capitalize;font-size:20px;display:block;font-weight:700;}
.comment-pro-detail{display:flex;align-items:center;justify-content:flex-start;}
.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0px!important;}
.desc-pro-detail{margin-bottom:1rem;}
.attr-pro-detail{list-style:none;padding:0px;}
.attr-pro-detail li{margin-bottom:0.5rem;}
.attr-label-pro-detail{margin:0px 5px 0px 0px;}
.attr-label-pro-detail.d-block{display:block;margin:0px 0px 5px 0px;}
.attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.price-new-pro-detail{font-weight:700;font-size:20px;color:var(--color-red);}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px;}
.color-pro-detail{cursor:pointer;display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0px 0px 3px 0px;border:1px solid transparent;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.size-pro-detail{cursor:pointer;border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative;}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}
.size-pro-detail.active:after,.color-pro-detail.active:after{content:'';position:absolute;bottom:0px;right:0px;width:13px;height:13px;background-repeat:no-repeat;background-image:url(../images/check-cart.png);}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{display:none;}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.quantity-pro-detail span{line-height:25px;padding:0px;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #cccccc;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}
.quantity-pro-detail input{height:30px;border:1px solid #cccccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;}
.cart-pro-detail{margin-bottom:1rem;}
.cart-pro-detail a{font-size:14px;color:#ffffff!important;text-transform:uppercase;}
.tags-pro-detail a{float:left;font-size:13px;padding-bottom:0.375rem;margin:0px 5px 5px 0px;background: linear-gradient(to right, #0066cc, #cc3333);}
.tags-pro-detail a i{font-size:11px;margin:5px 5px 0px 0px;}
.tabs-pro-detail{margin-top:2rem;}
.tabs-pro-detail .nav-tabs .nav-link{border-top-width:3px;font-size:13px;}
.tabs-pro-detail .nav-tabs .nav-link.active,.tabs-pro-detail .nav-tabs .nav-item.show .nav-link{border-top-color:#555555;}

/* Contact */
.contact-article{margin-bottom:3rem;}
.contact-input{position:relative;margin-bottom:15px;}
.contact-input textarea{resize:none;height:150px;}
.contact-input .custom-file-label::after{content:attr(title);}
.contact-map{position:relative;height:500px;}
.contact-map iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}

/* Newsletter */
.newsletter-slogan{margin-bottom:0.5rem;color:var(--color-gray);}
.newsletter-input{position:relative;}
.newsletter-button{margin-top:5px;}
.newsletter-button input[type=submit]{text-transform:uppercase;font-weight:500;}

.menu-res{display:none;height:55px;z-index:10;background:var(--brown);position:relative;line-height:normal;}
.menu-bar-res{height:55px;padding:0px 15px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width:35px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#ffffff;content:'';display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}

/* Search Responsive */
.search-res{position:relative;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#ffffff;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:var(--color-red);background:#ffffff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#ffffff;border:1px solid var(--color-red);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-red);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res .search-grid input:-moz-placeholder{color:#ccc;}
.search-res .search-grid input::-moz-placeholder{color:#ccc;}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc;}