@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

body{ font-family: 'Roboto Condensed', sans-serif; font-weight: 400; margin: 0; font-size: 15px;}
a{ text-decoration: none; color: #291800; transition: all 0.2s ease-in-out 0s;}
a:hover,
a:focus { color: #000;}
h1,h2,h3,h4,h5,h6{ font-weight: 700; }
strong{ font-weight: 700;}
img{ max-width: 100%; height: auto; transition: all 0.15s ease-in-out 0s;}
button, input[type="button"], input[type="submit"]{ cursor: pointer; outline: none; box-shadow: none; transition: all 0.15s ease-in-out 0s;}
textarea{ font-size: 16px;}
table>thead>tr>th{ text-align: left; padding: 8px; border-bottom: 1px solid #EEE;}
table>tbody>tr>td{ text-align: left; padding: 8px; border-bottom: 1px solid #EEE;}

.wrapper{ padding: 40px 0;}
.form-control{ border: 1px solid #CCC; padding: 10px 15px; box-shadow: 0 0 0; outline: none; width: 100%; border-radius: 4px;}
.btn{ background-color: #EEE; color: #000; padding: 8px 15px; display: inline-block; border: 0; outline: none; box-shadow: none; border-radius: 4px; transition: all 0.15s ease-in-out 0s;}
.btn:hover{ background-color: #e6e6e6;}
.btn-lg{ font-size: 20px; padding: 10px 20px;}
.btn-success {color: #fff; background-color: #28a745; border-color: #28a745;}
.btn-success:hover { background-color: #218838; border-color: #1e7e34;}
.btn-black {color: #fff; background-color: #000; border-color: #000;}
.btn-black:hover{background-color: #dbbf14; border-color: #dbbf14;}
.form-group{ margin-bottom: 15px;}
.form-group label{ margin-bottom: 3px; display: block;}
.form-group label .required{ color: #dbbf14;}
.alert{ margin-bottom: 15px; padding: 15px; border-radius: 3px;}
.alert-danger{ color: #721c24; background-color: #f8d7da;}
.alert-success{  color: #155724; background-color: #d4edda;}
.alert .close{ display: none;}
.alert p{ margin: 0; padding: 0;}
.error { text-align: center; margin-top: 10px; color: #d91c23; }
.success{ text-align: center; }
.has-error .form-control{ border-color: #a94442 !important;}
.embed-responsive {position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
.embed-responsive::before {display: block;content: "";}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.embed-responsive-30by10::before {padding-top: 30%;}
.embed-responsive-21by9::before {padding-top: 42.857143%;}
.embed-responsive-4by3::before {padding-top: 75%;}
.embed-responsive-1by1::before {padding-top: 100%;}

.box .box-title{ margin-bottom: 20px; display: flex; align-items: center; justify-content: center;}
.box .box-title .title{ font-weight: 700; font-size: 30px; position: relative; margin: 0; padding: 0 0 10px; display: inline-block; text-transform: uppercase;}
.box .box-title .title a{ color: #a22d2c;}
.box .box-title .title a:hover{ color: #dbbf14;}
.box .box-title .view-all{ flex: 1; text-align: right; font-size: 16px;}

.owl-carousel .owl-dots{ position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;}
.owl-carousel .owl-dots button{ margin: 0 3px;}
.owl-carousel .owl-dots button span{ display: flex; width: 16px; height: 16px; background-color: transparent; border: 1px solid #FFF; border-radius: 50%;}
.owl-carousel .owl-dots button.active span{ background-color: #291800; border-color: #291800;}
.owl-carousel .owl-nav button{ position: absolute; top: 50%; background-color: rgba(0, 0, 0, 0.1) !important; width: 30px; height: 50px; margin-top: -25px; line-height: 100%; text-align: center;}
.owl-carousel .owl-nav button *{color: #FFF; font-size: 32px; }
.owl-carousel .owl-nav button:hover{ background-color: rgba(0, 0, 0, 0.6) !important;}
.owl-carousel .owl-nav button.owl-prev{ left: -25px;}
.owl-carousel .owl-nav button.owl-next{ right: -25px;}

.page-header{ padding: 40px 0 50px; margin: 0; text-align: center;}
.page-header .title{ font-weight: 700; text-transform: uppercase; font-size: 24px; margin-bottom: 5px; color: #333;}
.page-header .title a{ color: #333;}

.box-breadcrumb{ padding: 0; color: #222;}
.box-breadcrumb>ul{ margin: 0; padding: 0; list-style: none;}
.box-breadcrumb>ul>li{ display: inline-block; position: relative; padding-right: 7px;}
.box-breadcrumb>ul>li+li{ padding: 0 7px 0 11px;}
.box-breadcrumb>ul>li+li:after{ content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background-color: #CCC; border-radius: 50%;}
.box-breadcrumb>ul>li>a{ color: #222; font-size: 13px; font-weight: 400;}
.box-breadcrumb>ul>li>a:hover{ color: #dbbf14;}

.box-top{background-color: #3c3c3c; color: #FFF;}
.box-top .container{ display: flex; justify-content: flex-end; width: 1340px; max-width: 100%;}
.box-top .info .item{ color: #FFF; display: inline-block; padding: 0 40px 0 0; height: 40px; line-height: 40px;}
.box-top .info .item:first-child{ color: #FFF; font-weight: 700;}
.box-top .info .item:first-child i{ color: #FFF;}
.box-top .info .item:hover{ color: #dbbf14;}
.box-top .menu{ display: flex; justify-content: flex-end;}
.box-top .menu a{ color: #FFF; display: flex; align-items: center; padding: 0; height: 40px; line-height: 40px; font-weight: 700;}
.box-top .menu a:hover{ color: #dbbf14;}
.box-top .menu a i{ margin-right: 3px;}
.box-top .menu a .count{ display: inline-block; min-width: 26px; height: 26px; line-height: 26px; text-align: center; padding: 0 5px; margin-left: 3px; color: #FFF; background-color: #dbbf14; border-radius: 13px;}
.box-top .social{ flex: 1; display: flex; justify-content: start; align-items: center;}
.box-top .social a{ color: #FFF; font-size: 24px;}
.box-top .social a:hover{ color: #dbbf14;}
.box-top .language{ flex: 1; display: flex; justify-content: flex-end; align-items: center;}
.box-top .language a{ display: inline-block; margin-left: 5px;}

.box-header{ background-color: #FFF; text-align: center; padding: 35px 0 30px;}
.box-header a{ display: inline-block;}

.box-menu-main { background-color: #a22d2c;}
.box-menu-main .container{ display: flex; align-items: center; width: 1340px; max-width: 100%;}
.box-menu-main .header a{ display: flex; flex-wrap: wrap;}
.box-menu-main .header img{ height: 80px; margin: 5px 0;}
.box-menu-main .menu{ flex: 1;}
.box-menu-main .menu>ul{ padding: 25px 0; list-style: none; margin: 0; display: flex; justify-content: flex-end;}
.box-menu-main .menu>ul>li{ display: inline-block; position: relative;}
.box-menu-main .menu>ul>li>a{ display: block; font-size: 18px; padding: 0 10px 0 10px; color: #FFF; font-weight: 700; height: 50px; line-height: 50px; text-transform: uppercase;}
.box-menu-main .menu>ul>li>ul{ display: none; position: absolute; top: 100%; left: 0; padding: 2px 0 5px; list-style: none; margin: 0; min-width: 200px; z-index: 999; background-color: #f9f9f9;}
.box-menu-main .menu>ul>li>ul>li{ border-bottom: solid 1px #EEE; position: relative;}
.box-menu-main .menu>ul>li>ul>li>a{ color: #a22d2c; font-weight: 400; padding: 12px 20px; display: block;}
.box-menu-main .menu>ul>li:last-child>a{ padding-right: 0; background: none !important;}
.box-menu-main .menu>ul>li:hover>a{ background-color: #FFF; color: #a22d2c;}
.box-menu-main .menu>ul>li.dropdown:after{ display: none; content: "\f107"; position: absolute; top: 20px; right: 7px; color: #FFF; font-family: "Font Awesome 5 Pro"; font-size: 13px;}
.box-menu-main .menu>ul>li:hover>ul{ display: block;}
.box-menu-main .menu>ul>li.dropdown:hover:after{ color: #FFF;}
.box-menu-main .menu>ul>li>ul>li>ul{ display: none; position: absolute; top: 0; left: 100%; z-index: 999; background-color: #FFF; list-style: none; margin: 0; padding: 0; min-width: 200px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.box-menu-main .menu>ul>li>ul>li>ul>li{ border-bottom: solid 1px #f5f5f5; position: relative;}
.box-menu-main .menu>ul>li>ul>li>ul>li>a{ color: #222; font-weight: 400; padding: 12px 20px; display: block; text-transform: inherit;}
.box-menu-main .menu>ul>li>ul>li>ul>li:hover>a{ background: #291800; color: #FFF;}
.box-menu-main .menu>ul>li>ul>li:last-child{ border: 0;}
.box-menu-main .menu>ul>li>ul>li:hover>a,
.box-menu-main .menu>ul>li>ul>li.action>a{ background: #a22d2c; color: #FFF;}
.box-menu-main .menu>ul>li>ul>li.dropdown:before{ display: none; content: "\f105"; position: absolute; top: 14px; right: 10px; color: #707070; font-family: "Font Awesome 5 Pro"; font-size: 13px;}
.box-menu-main .menu>ul>li>ul>li:hover>ul{ display: block;}
.box-menu-main .menu>ul>li>ul>li>ul>li>ul{ display: none; position: absolute; top: 0; left: 100%; z-index: 999; background-color: #FFF; list-style: none; margin: 0; padding: 0; min-width: 200px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.box-menu-main .menu>ul>li>ul>li>ul>li>ul>li{ border-bottom: solid 1px #f5f5f5; position: relative;}
.box-menu-main .menu>ul>li>ul>li>ul>li>ul>li>a{ color: #222; font-weight: 400; padding: 12px 15px; display: block; text-transform: inherit;}
.box-menu-main .menu>ul>li>ul>li>ul>li>ul>li:hover>a{ background: #f3f3f3; color: #dbbf14;}
.box-menu-main .menu>ul>li>ul>li>ul>li:last-child{ border: 0;}
.box-menu-main .menu>ul>li>ul>li>ul>li:hover>a,
.box-menu-main .menu>ul>li>ul>li>ul>li.action>a{ background: #f3f3f3; color: #dbbf14;}
.box-menu-main .menu>ul>li>ul>li>ul>li.dropdown:before{ display: none; content: "\f105"; position: absolute; top: 14px; right: 10px; color: #707070; font-family: "Font Awesome 5 Pro"; font-size: 13px;}
.box-menu-main .menu>ul>li>ul>li>ul>li:hover>ul{ display: block;}

.box-menu-mobile{ position: fixed; top: 0; left: 0; width: 70%; height: 100%; background-color: #000; overflow: auto; z-index: 99999}
.box-menu-mobile ul{ margin: 0; padding: 0; list-style: none;}
.box-menu-mobile ul li{ border-top: 1px solid #333; position: relative;}
.box-menu-mobile ul li a{ display: block; padding: 15px 20px; font-weight: 400; font-size: 13px; text-transform: uppercase; color: #FFF;}
.box-menu-mobile ul li.dropdown i{ color: #FFF; position: absolute; height: 46px; top: 0; right: 0; padding: 0 10px; border-left: 1px solid #333; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.box-menu-mobile ul li ul{ display: none; padding: 0 0 10px;}
.box-menu-mobile ul li ul.active{ display: block;}
.box-menu-mobile ul li ul li a{ padding: 15px 20px 15px 30px; text-transform: none;}

.bg-menu-mobile{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 99998;}

.box-menu-footer {}
.box-menu-footer>ul{ margin: 0; padding: 0; list-style: none;}
.box-menu-footer>ul>li{}
.box-menu-footer>ul>li>a{ color: #d9d9d9; font-size: 13px; padding: 2px 0; display: inline-block;}
.box-menu-footer>ul>li>ul{ display: none;}

.box-search{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999999;}
.box-search .content{ width: 800px; max-width: 100%; margin: 100px auto 0; padding: 20px;}
.box-search .box-title{ display: flex; color: #FFF;}
.box-search .box-title .title{ font-weight: 400; font-size: 20px;}
.box-search .box-title .close{ flex: 1; text-align: right; cursor: pointer;}
.box-search .box-title .close i{ font-size: 20px; color: #FFF;}
.box-search .form-control{ position: relative; padding: 10px 15px; border: 0; font-size: 16px; border-radius: 0;}
.box-search form{ position: relative;}

.box-slider img{ width: 100%;}
.box-slider .owl-carousel .owl-nav button.owl-prev{ left: 25px;}
.box-slider .owl-carousel .owl-nav button.owl-next{ right: 25px;}

.box-cover img{ width: 100%;}

.box-ads-home { padding: 50px 0; background-color: #f0f0f0;}
.box-ads-home .container{ display: flex;}

.box-ads-doitac .box-content{ text-align: center;}

.box-ads-support .box-content{ display: flex;}
.box-ads-support .box-content .item{ flex: 1; text-align: center;}
.box-ads-support .box-content .item .title{ padding: 10px 50px; margin: 0;}
.box-ads-support .box-content .item .title a{ color: #333; font-style: italic; font-size: 16px; font-weight: 400;}
.box-ads-support .box-content .item .title a:hover{ color: #dbbf14;}

.box-ads-footer{ border-bottom: 1px dashed #ceeae9; padding: 20px 0; margin-bottom: 3px;}
.box-ads-footer .item{ display: flex; align-items: center; justify-content: center;}
.box-ads-footer .item .image img{ width: 40px;}
.box-ads-footer .item .title{ margin: 0; padding-left: 10px; font-size: 14px; color: #666;}
.box-ads-footer .item .title a{ color: #333; font-style: italic; font-size: 16px; font-weight: 400;}
.box-ads-footer .item .title a:hover{ color: #dbbf14;}

.box-product-best{ padding: 0 0 20px; background-color: #f1f1f1;}
.box-product-best .view-all{ text-align: center; text-transform: uppercase;}

.box-product-highlight{ padding: 40px 0;}
.box-product-highlight .box-title .title{ }

.box-product-highlight-category{ padding: 40px 0; background-color: #f1f1f1;}
.box-product-highlight-category .item{ display: flex; margin-bottom: 30px;}
.box-product-highlight-category .item .image{ width: 150px;}
.box-product-highlight-category .item .info{ flex: 1; padding-right: 10px;}
.box-product-highlight-category .item .info .title{ margin: 0 0 10px; text-transform: uppercase; display: flex;}
.box-product-highlight-category .item .info .title a{ color: #dbbf14; font-size: 18px;}
.box-product-highlight-category .item .info .view{ display: inline-block; margin-top: 10px; border: 2px solid #000; padding: 4px 8px; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px;}
.box-product-highlight-category .item .info .view:hover{ background-color: #000; color: #FFF;}

.box-blog{ min-height: 332px; position: relative;}
.box-blog .box-content{ position: absolute; top: 100px; left: 84px; width: 265px;}
.box-blog .box-content .title{ border-bottom: 1px solid #666; text-transform: uppercase; color: #333; font-weight: 400; font-size: 16px; padding-bottom: 10px; margin: 0 0 10px;}
.box-blog .box-content .content{ color: #888; font-weight: 400; font-size: 14px; line-height: 18px;}

.box-footer{ padding: 50px 0 20px; background-color: #721c24; color: #d9d9d9;}
.box-footer .box-title { margin-bottom: 30px; justify-content: start;}
.box-footer .box-title .title{ font-size: 16px; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0;}
.box-footer .box-title .title a{ color: #d9d9d9;}
.box-footer .box-title .view-all{ display: none;}
.box-footer .box-content{ line-height: 22px; font-size: 13px; margin-bottom: 30px;}
.box-footer .social{ display: flex;}
.box-footer .social a{ display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 30px;}
.box-footer .social a.facebook{ color: #3578E5;}
.box-footer .social a.youtube{ color: #f00;}
.box-footer .social a.instagram{ color: #bf2376;}
.box-footer a{ color: #d9d9d9;}
.box-footer a:hover{ color: #dbbf14 !important;}
.box-footer iframe{ width: 270px; height: 270px;}

.box-copyright{ padding: 30px 0; background-color: #591c22; color: #c4c4c4; text-align: center; font-size: 13px;}

.box-form-newsletter .form-group{ display: flex;}
.box-form-newsletter .form-control{ padding: 8px 10px; font-size: 13px; border-radius: 0; border: 0;}
.box-form-newsletter .btn{ padding: 5px 10px; font-size: 13px; border-radius: 0; cursor: pointer;}
.box-form-newsletter .alert{ padding: 5px 10px; line-height: 16px;}

.box-module{ margin-bottom: 30px;}
.box-module .box-title{ background-color: #f7f6f9; padding: 10px 20px;}
.box-module .box-title .title{ margin: 0; padding: 0; font-size: 20px; font-weight: 400;}
.box-module .box-title .title a{ color: #333;}
.box-module .box-content{ padding: 10px 0;}
.box-module .box-content .content{ padding-bottom: 30px;}
.box-module .category-content{ padding: 0 0 20px; font-size: 13px;}
.box-module .category-menu{ margin-bottom: 20px; text-align: center;}
.box-module .category-menu a{ display: inline-block; padding: 7px 10px 8px; margin: 0 5px 10px; border: 1px solid #222; color: #111; font-size: 13px; font-weight: 400;}
.box-module .category-menu a.active{ background-color: #222; color: #FFF;}

.products .product-item{ margin-bottom: 20px;}
.products .product-image{ overflow: hidden; position: relative;}
.products .product-image a{ position: relative;}
.products .product-image a img.hover{ position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; display: none;}
.products .product-image .status{ position: absolute; height: 40px; text-align: center; top: 50%; left: 0; margin-top: -20px; background-color: rgba(255, 255, 255, 0.6); text-transform: uppercase; width: 100%; line-height: 40px; font-weight: bold; font-size: 18px;}
.products .product-info{ padding: 10px 0;}
.products .product-info .product-price{ font-weight: 700; color: #222; text-align: center;}
.products .product-info .product-price span{ font-size: 15px; color: #FF0000;}
.products .product-info .product-price span.del{ color: #999; font-size: 13px; text-decoration: line-through; font-weight: 400; display: block;}
.products .product-info .product-name{ text-align: center; font-weight: 700; font-size: 15px; margin: 0; padding: 5px 0; line-height: 18px;}
.products .product-info .product-name a{ color: #222;}
.products .product-info .product-name a:hover{ color: #dbbf14;}
.products .product-item:hover .product-image img.hover{ opacity: 1;}

.product-detail .image{ margin-bottom: 5px; position: relative;}
.product-detail .image a{ display: block;}
.product-detail .image .status{ position: absolute; height: 40px; text-align: center; top: 50%; left: 0; margin-top: -20px; background-color: rgba(255, 255, 255, 0.6); text-transform: uppercase; width: 100%; line-height: 40px; font-weight: bold; font-size: 18px;}
.product-detail .information .title{ margin: 0 0 15px; font-size: 22px; font-weight: 700;}
.product-detail .information .sku{ margin-bottom: 15px;}
.product-detail .information .price{ font-weight: 700; color: #dbbf14; margin-bottom: 15px;}
.product-detail .information .price span{ font-size: 20px;}
.product-detail .information .price span.del{ color: #999; font-size: 16px; text-decoration: line-through; font-weight: 400; display: block;}
.product-detail .information .product-options{ margin-bottom: 15px;}
.product-detail .information .product-options .item{ display: inline-block; border: 1px solid #CCC; border-radius: 5px; padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; cursor: pointer;}
.product-detail .information .product-options .item.active{ background-color: #333; border-color: #333; color: #FFF; font-weight: 700;}
.product-detail .information .description{ margin-bottom: 20px; font-size: 15px; line-height: 26px;}
.product-detail .information .cart .form-group{ display: flex; align-items: center;}
.product-detail .information .cart .form-control{ padding-right: 0; margin-left: 10px;}
.product-detail .information .cart .btn{ background-color: #c09578; color: #FFF; font-size: 16px; padding: 8px 20px 9px; margin-left: 10px;}
.product-detail .information .cart .btn:hover{ background-color: #242424;}
.product-detail .content{ padding: 15px 0; font-size: 15px; line-height: 26px;}
.product-detail .owl-carousel .owl-nav button{ margin-top: -15px; height: 30px; width: 16px; line-height: 100%;}
.product-detail .owl-carousel .owl-nav button.owl-prev{ left: 0;}
.product-detail .owl-carousel .owl-nav button.owl-next{ right: 0;}

.table-product-cart{ padding: 10px 0 20px;}
.table-product-cart table{ width: 100%;}
.table-product-cart .price-old{ display: block; text-decoration: line-through; color: #999;}

.posts .item{ padding-bottom: 20px;}
.posts .item .info .title{ margin: 15px 0 10px;}
.posts .item .info .description{ line-height: 24px;}

.galleries .item{ margin-bottom: 20px; }
.galleries .item .image{ overflow: hidden;}
.galleries .item .info{ padding: 10px 0;}
.galleries .item .info .title{ text-align: center; font-weight: 700; font-size: 16px; text-transform: uppercase; margin: 0; line-height: 20px;}
.galleries .item .info .title a{ color: #222;}
.galleries .item .info .title a:hover{ color: #dbbf14;}
.galleries .item:hover .image img{ -ms-transform: scale(1.1, 1.1) !important; transform: scale(1.1, 1.1) !important;}
.galleries .item:hover .info .title a{ color: #dbbf14;}

.videos .item{ margin-bottom: 20px; }
.videos .item .image{ overflow: hidden;}
.videos .item .info{ padding: 10px 0;}
.videos .item .info .title{ text-align: center; font-weight: 400; font-size: 14px; text-transform: uppercase; margin: 0; line-height: 20px;}
.videos .item .info .title a{ color: #222;}
.videos .item .info .title a:hover{ color: #dbbf14;}
.videos .item:hover .image img{ -ms-transform: scale(1.1, 1.1) !important; transform: scale(1.1, 1.1) !important;}
.videos .item:hover .info .title a{ color: #dbbf14;}

.video-detail .video{ margin-bottom: 30px;}

.tags a{ display: inline-block; margin-right: 5px; background-color: #EEE; padding: 5px 10px; border-radius: 3px;}

.box-default-category-highlight{ padding: 50px 0 20px;}
.box-default-category-highlight .item{ margin-bottom: 30px;}
.box-default-category-highlight .item .image{ overflow: hidden;}
.box-default-category-highlight .item .image img{ width: 100%;}
.box-default-category-highlight .item .info .title{ padding: 15px 0; border-bottom: 1px solid #ececec; margin: 0; font-size: 16px; font-weight: 400;}
.box-default-category-highlight .item .info .title a{ color: #333;}
.box-default-category-highlight .item .info .description{ padding: 15px 0 0; font-size: 13px; line-height: 22px;}

.box-default-category-hot{ padding: 50px 0 30px; background-color: #FFF;}
.box-default-category-hot .box-title{ justify-content: start; border-bottom: 2px solid #f6851d;}
.box-default-category-hot .box-title .title{ font-size: 20px; text-transform: none; font-weight: 700;}
.box-default-category-hot .box-title .child{ flex: 1; justify-content: flex-end; text-align: right;}
.box-default-category-hot .box-title .child a{ display: inline-block; margin-left: 15px;}
.box-default-category-hot .box-title .child a:hover{ color: #f6851d;}
.box-default-category-hot .item{ margin-bottom: 30px; display: flex;}
.box-default-category-hot .item .image{ overflow: hidden; width: 150px;}
.box-default-category-hot .item .image img{ width: 100%;}
.box-default-category-hot .item .info { flex: 1; padding-left: 10px;}
.box-default-category-hot .item .info .title{ padding: 0; margin: 0 0 5px; font-size: 18px; font-weight: 700;}
.box-default-category-hot .item .info .title a{ color: #333;}
.box-default-category-hot .item .info .description{ padding: 0; font-size: 15px; line-height: 20px;}

.box-default-category-home{ padding: 0 0 30px;}
.box-default-category-home .box-title{ justify-content: start; border-bottom: 2px solid #f6851d;}
.box-default-category-home .box-title .title{ font-size: 20px; text-transform: none; font-weight: 700;}
.box-default-category-home .box-title .child{ flex: 1; justify-content: flex-end; text-align: right;}
.box-default-category-home .box-title .child a{ display: inline-block; margin-left: 15px;}
.box-default-category-home .box-title .child a:hover{ color: #f6851d;}
.box-default-category-home .item{ margin-bottom: 30px;}
.box-default-category-home .item .image{ overflow: hidden;}
.box-default-category-home .item .image img{ width: 100%;}
.box-default-category-home .item .info .title{ padding: 10px 0; margin: 0; font-size: 18px; font-weight: 700;}
.box-default-category-home .item .info .title a{ color: #333;}
.box-default-category-home .item .info .description{ padding: 0; font-size: 15px; line-height: 20px;}
.box-default-category-home .item.child{ display: flex; margin-bottom: 15px;}
.box-default-category-home .item.child .image{ width: 90px;}
.box-default-category-home .item.child .info{ flex: 1; padding-left: 10px;}
.box-default-category-home .item.child .info .title{ padding: 0; font-size: 15px;}

.box-default-category-footer .item{ line-height: 18px; margin-bottom: 10px;}
.box-default-category-footer .item .title{ margin: 0; padding: 0; position: relative;}
.box-default-category-footer .item .title a{ font-weight: 400; font-size: 13px; display: inline-block; padding: 3px 0;}

.box-default-home{ padding: 50px 0 0;}
.box-default-home .item{ margin-bottom: 30px; position: relative;}
.box-default-home .item .image{ overflow: hidden;}
.box-default-home .item .image img{ width: 100%;}
.box-default-home .item .info{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 15px;}
.box-default-home .item .info .title{ padding: 0 0 10px; margin: 0; font-size: 16px; font-weight: 700;}
.box-default-home .item .info .title a{ color: #FFF;}
.box-default-home .item .info .description{ padding: 0; font-size: 13px; line-height: 22px; color: #EEE;}

.box-product-category-home{ padding: 40px 0 0;}
.box-product-category-home .box-title .title a{ color: #333;}

.box-product-home-category{ padding: 40px 0; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.box-product-home-category .box-title{ text-align: center;}
.box-product-home-category .item{ position: relative; margin-bottom: 30px; overflow: hidden; border: 1px solid #111;}
.box-product-home-category .item img{ transition: transform .3s;}
.box-product-home-category .item:hover img{ transform: scale(1.2);}
.box-product-home-category .item .name{ position: absolute; width: 100%; bottom: 0; left: 0; padding: 10px; font-size: 16px; background-color: rgba(0, 0, 0, 0.6); color: #FFF; text-align: center; font-weight: 700; text-transform: uppercase;}

.box-product-new{ padding: 40px 0; background-color: #f1f1f1;}

.box-gallery-category-home{ padding: 50px 0;}
.box-gallery-category-home .box-title .title:after{ display: none;}

.box-video-category-home{ padding: 0 0 30px;}
.box-video-category-home .box-title{ justify-content: start; border-bottom: 2px solid #f6851d;}
.box-video-category-home .box-title .title{ font-size: 20px; text-transform: none; font-weight: 700;}
.box-video-category-home .box-title .child{ flex: 1; justify-content: flex-end; text-align: right;}
.box-video-category-home .box-title .child a{ display: inline-block; margin-left: 15px;}
.box-video-category-home .box-title .child a:hover{ color: #f6851d;}
.box-video-category-home .item{ margin-bottom: 30px;}
.box-video-category-home .item .image{ overflow: hidden;}
.box-video-category-home .item .image a{ position: relative; display: flex;}
.box-video-category-home .item .image a:after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: url("../img/icon_play_60.png") no-repeat center center;}
.box-video-category-home .item .image img{ width: 100%;}
.box-video-category-home .item .info .title{ padding: 10px 0; margin: 0; font-size: 16px; font-weight: 700;}
.box-video-category-home .item .info .title a{ color: #333;}
.box-video-category-home .item .info .description{ padding: 0; font-size: 15px; line-height: 20px;}
.box-video-category-home .item.child{ display: flex;}
.box-video-category-home .item.child .image{ width: 120px;}
.box-video-category-home .item.child .image a:after{ background-image: url("../img/icon_play.png");}
.box-video-category-home .item.child .info{ flex: 1; padding-left: 10px;}
.box-video-category-home .item.child .info .title{ padding: 0; font-size: 14px;}

.box-pagination{ padding-top: 20px; display: flex; justify-content: center;}
.box-pagination a{ padding: 0 10px; height: 30px; line-height: 30px; min-width: 30px; text-align: center; border: 1px solid #999; color: #333; margin: 0 3px; border-radius: 5px;}
.box-pagination a:hover{ text-decoration: none; background-color: #EEE;}
.box-pagination a.active{ background-color: #444; border: 1px solid #444; color: #FFF;}
.box-pagination a.disabled{ color: #CCC; cursor: default;}

.box-toc{ float: right; margin: 0 0 15px 15px; border: 1px solid #999; max-width: 300px;}
.box-toc .toc-title{ padding: 15px; font-size: 16px; font-weight: 400; display: flex;}
.box-toc .toc-title span{ color: #237c3a; cursor: pointer; margin-left: 5px;}
.box-toc .toc-title span:hover{ color: #000;}
.box-toc .toc-content{ display: none; padding: 0 15px 15px;}
.box-toc .toc-content ul{ padding-left: 15px;}
.box-toc.active .toc-title .hide{ display: block !important;}
.box-toc.active .toc-title .show{ display: none !important;}
.box-toc.active .toc-content{ display: block;}

.box-book{ margin: 50px 0; background-color: #f2f2f2; padding: 20px;}
.box-book .box-title{ text-transform: uppercase; font-size: 20px; margin-bottom: 16px; font-weight: 700;}
.box-book .alert-danger{ display: none;}
.box-book .btn{ background-color: #dbbf14; color: #FFF;}
.box-book .btn:hover{ background-color: #ddb848;}

.page-user .user-box-form{ width: 500px; max-width: 100%; margin: 0 auto; padding: 0;}
.page-user .user-box-form .box-title{ text-transform: uppercase; font-size: 20px; font-weight: 700;}
.page-user .user-box-form .box-link{ font-size: 13px; }
.page-user .user-box-form .box-content{ padding-top: 30px;}
.page-user .user-box-form .btn-submit{ border: 0; background-color: #237c3a; color: #FFF; padding: 13px 20px; text-transform: uppercase;}

.page-user .profile-detail{ margin-bottom: 50px;}
.page-user .profile-detail .avatar {  text-align: center;}
.page-user .profile-detail .avatar img{ width: 100%; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.page-user .profile-detail .name{ text-transform: uppercase; font-size: 20px; padding-bottom: 10px; font-weight: 700;}
.page-user .profile-detail .email{ font-size: 16px; padding-bottom: 8px;}
.page-user .profile-detail .phone{ font-size: 16px; padding-bottom: 8px;}
.page-user .profile-detail .address{ font-size: 16px; padding-bottom: 12px;}
.page-user .profile-detail .config a{ display: inline-block; padding: 5px 10px; background-color: #e9e9e9; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
.page-user .profile-detail .info span{ font-weight: 700;}

.page-user .profile-cart{ margin-bottom: 50px;}
.page-user .profile-cart .title{ background-color: #EEE; font-size: 20px; padding: 10px 15px;}
.page-user .profile-cart table{ width: 100%;}

.page-contact .box-module .category-content{ font-size: 13px; color: #333; line-height: 23px; padding-bottom: 0;}
.page-contact .box-module .category-content h4{ font-size: 20px; font-weight: 400; margin-top: 16px;}
.page-contact .box-module .category-content table{ display: flex; width: 100% !important;}
.page-contact .box-module .category-content table tr{ display: flex; margin-left: -15px; margin-right: -15px; flex-wrap: wrap;}
.page-contact .box-module .category-content table tr td{ display: block; padding-left: 15px; padding-right: 15px; width: 33.33% !important; border: 0;}
.page-contact .box-module .box-title{ padding: 0; background: none; margin-bottom: 20px; font-weight: 400; font-size: 23px; text-transform: uppercase;}
.page-contact .box-module textarea{ height: 141px;}
.page-contact .box-module .btn{ background-color: #000; text-transform: uppercase; font-size: 13px; padding-top: 13px; padding-bottom: 13px;}
.page-contact .box-module .btn:hover{ background-color: #dbbf14;}

.page-loading { position: fixed; top: 0; left: 0; z-index: 99999999; width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6); }
.content-loading { position: absolute; top: 0; left: 0; z-index: 99999999; width: 100%; height: 100%; color: #fff; text-align: center;}
.loader { position: absolute; top: 50%; left: 50%; margin: -4px 0 0 0; font-size: 10px; width: 8px; height: 8px; border-radius: 50% !important; text-indent: -9999em; -webkit-animation: load 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); opacity: 0.8; }

.chatbox{ position: fixed; display: flex; align-items: center; bottom: 15px; right: 15px; z-index: 999; font-size: 20px; border-radius: 22px;}
.chatbox i{ font-size: 24px; margin-right: 5px;}


@-webkit-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@-moz-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }

@-webkit-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@-moz-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }

.text-right{ text-align: right;}
.text-center{ text-align: center;}
.text-bold{ font-weight: bold;}

.thietkeweb{ padding-top: 10px;}
.thietkeweb a{ font-size: 12px; color: #666;}

@media all and (min-width: 1200px) {
    .container {max-width: 1200px;}
    .col-xl-5{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}

@media all and (min-width: 1450px) {
    .col-xxl-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
    .col-xxl-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-xxl-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .col-xxl-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .col-xxl-5{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    .col-xxl-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media all and (max-width: 768px){
    .wrapper{ padding: 20px 0;}

    .box-header .info{ flex: 1; text-align: left; border: 0;}
    .box-header .info .item{ border: 0; padding-left: 0;}

    .box-top .info .item:first-child{ padding-right: 20px;}

    .box-menu-main { position: relative;}
    .box-menu-main .header .logo{ padding: 8px 0; display: flex;}
    .box-menu-main .header .logo img{ height: 30px;}
    .box-menu-main .header .toggle{ position: absolute; width: 30px; top: 14px; right: 15px;}
    .box-menu-main .header .toggle .line{ display: block; height: 1px; background-color: #999; margin-bottom: 5px; width: 100%;}

    .box-slider .owl-carousel .owl-nav button{ display: none;}
    .box-slider .owl-carousel .owl-nav button.owl-next{ right: 0;}
    .box-slider .owl-carousel .owl-nav button.owl-prev{ left: 0;}

    .page-header{ padding-top: 50px;}

    .box-product-highlight-category .item .image{ padding-top: 37px;}

    .box-video-category-home{ padding-top: 40px;}

    .product-detail .information{ padding-top: 20px;}

    .box-footer{ text-align: center;}
    .box-footer .box-title { justify-content: center;}
    .box-footer .box-title .title{ font-size: 20px;}
    .box-footer .box-content{ padding-bottom: 30px;}
    .box-footer .box-content{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #333;}
    .box-footer .row .col-12:last-child .box-content{ border: 0; }
    .box-footer .social{ justify-content: center;}

    .page-contact .box-module .category-content table tr td{ width: 100% !important;}
}

@media (max-width: 480px){
}

@media all and (max-width: 380px){
}