/*
Theme Name: Zota Templage
Theme URI: https://www.zota.vn/project
Author: Zota Team
Author URI: https://www.zota.vn/
Description: Designed and developed by Zota
Text Domain: zota
Tags: thiet ke web da nang, thiet ke web wordpress
*/
/*
======================================
[ Body ]
======================================
*/
@font-face { font-family: 'UTM-Avo-Bold'; src: url('assets/fonts/Avo/UTM-Avo-Bold.eot'); src: url('assets/fonts/Avo/UTM-Avo-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Avo/UTM-Avo-Bold.woff') format('woff'), url('assets/fonts/Avo/UTM-Avo-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Averta Standard Regular'; font-style: normal; font-weight: normal; src: local('Averta Standard Regular'), url('assets/fonts/Averta/AvertaStandard-Regular.woff') format('woff'); }
body { font-family: 'Averta Standard Regular'; font-size: 16px; }
a, a:focus, a:hover { text-decoration: none; outline: 0; }
/*
======================================
[ Header ]
======================================
*/
.header { background: #fff; }
.header .bar { padding: 5px; background: #f5f5f5; }
.header .bar i { color: #3cbeb3; }
.header .cart a { border: 2px solid; border-radius: 4px; padding: 2px; color: #3cbeb3; display: block; text-align: center; }
.category-wrap {background: #FFDB4A;color: #000;padding: 10px;position: relative;text-transform: uppercase;}
.search-form .buttom-search {background-color: #ffdb4a;border: 0;color: #000;text-transform: uppercase;font-size: 14px;height: 35px;width: 70px;}
.search-form input.form-control::placeholder { color: #000; opacity: 1; }
.search-form input.form-control:-ms-input-placeholder { color: #000; }
.search-form input.form-control::-ms-input-placeholder { color: #000; }
.search-form input.form-control {height: 35px;border-radius: 30px;background: #fff;color: #444;}
.search-form .form-control {border: solid 1px #fefffd;-webkit-box-shadow: none;box-shadow: none;}
.search-form .form-group { margin: 0; }
/*
======================================
[ Animation ]
======================================
*/
.fixed {-webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175); box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175); position: fixed; z-index: 99999; width: 100%; top: 0; right: 0; left: 0; transition: all 0.2s ease-in-out 0s; -moz-gnimation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
@-webkit-keyframes "headerAnimation" {
	0% { margin-top: -70px; }
	100% { margin-top: 0; }
}
@keyframes "headerAnimation" {
	0% { margin-top: -70px; }
	100% { margin-top: 0; }
}
/*
======================================
[ Menu Main ]
======================================
*/
.menu-primary { margin: 0; text-align: center; }
.menu-primary ul { list-style: none; margin-bottom: 0; padding: 0; }
.menu-primary>ul>li { position: relative; display: inline-block; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; margin: 10px; }
.menu-primary>ul>li>a {display: block;color: #444;font-size: 15px;padding: 10px 0;}
.menu-primary ul li.menu-item-has-children:hover >ul.sub-menu { display: block; }
.menu-primary ul.sub-menu { padding: 0; display: none; width: 200px; position: absolute; z-index: 200; background: #3cbeb3; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; text-align: left; }
.menu-primary >ul >li > ul.sub-menu { top: 44px; }
.menu-primary >ul >li > ul.sub-menu > li > ul { left: 200px; top: 0; }
.menu-primary>ul>li:hover.menu-item-has-children:before { content: ""; position: absolute; top: 39px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #3cbeb3 transparent; z-index: 9; }
.menu-primary ul.sub-menu li { padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.31); position: relative; }
.menu-primary ul.sub-menu li:last-child { border: none; }
.menu-primary ul.sub-menu li a { color: #fff; }
.menu-primary ul.sub-menu li:hover { background: rgba(0, 0, 0, 0.16); border-bottom: 1px solid rgba(255, 255, 255, 0.39); }
.menu-primary ul li.menu-item-has-children:after {font-weight: 900;font-family: 'Font Awesome 5 Free';position: absolute;top: 15px;right: -10px;color: #3cbeb3;font-size: 10px;}
.menu-primary >ul >li.menu-item-has-children:after { content: "\f107"; }
.menu-primary ul>li>ul>li.menu-item-has-children:after { content: "\f101"; }
/*
======================================
[ Menu Mobi ]
======================================
*/
a.mobile-btn { display: block; position: absolute; width: 40px; height: 40px; border: 3px solid #3cbeb3; border-radius: 100%; padding: 2px; font-size: 20px; text-align: center; top: 50%; transform: translateY(-50%); z-index: 999; }
a.mobile-btn i { color: #3cbeb3; }
.search-wrap { position: absolute; right: 0; z-index: 99; background: #fff; padding: 10px; left: 0; }
.position-right { right: 0; }
.position-left { left: 0; }
.nav-mobile { background: #fff; top: 0; position: fixed; width: 80%; z-index: 9999; display: none; left: 0; height: 100%; }
ul.accordion-responsive { list-style: none; padding: 0; }
ul.accordion-responsive li { border-bottom: 1px solid #eee; position: relative; }
ul.accordion-responsive li a { color: #444; font-size: 14px; padding: 10px; display: block; text-transform: uppercase; }
ul.accordion-responsive li .dcjq-icon:after { display: inline-block; font-weight: 900; font-family: 'Font Awesome 5 Free'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; right: 0; color: #3cbeb3; top: 0; width: 40px; height: 40px; text-align: center; line-height: 3; }
ul.accordion-responsive li .dcjq-icon:after { content: "\f107" }
ul.accordion-responsive li .dcjq-icon.active:after { content: "\f106"; }
ul.accordion-responsive li ul { list-style: none; padding: 0; }
ul.accordion-responsive li ul >li { padding-left: 20px; }
ul.accordion-responsive li ul >li a:before { font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f054"; margin-right: 10px; }
/*
======================================
[ Heading ]
======================================
*/
h1.h1 {font-family: 'UTM-Avo-Bold';font-size: 20px;line-height: 1.2;color: #3cbeb3;font-weight: 700;}
.wrap-title { position: relative; }
h2.widget-title { font-family: 'UTM-Avo-Bold'; font-size: 20px; position: relative; color: #44464b; }
h2.widget-title span {display: inline-block;position: relative;z-index: 99;padding: 10px 0;text-transform: uppercase;}
h2.title-sale span { border: 1px solid #ffffff52; font-size: 15px; padding: 10px; text-transform: uppercase; position: relative; display: inline-block; }
h2.title-sale span:before { content: ""; border-top: 1px solid #ffffff52; width: 50px; position: absolute; left: -50px; top: 19px; }
h2.title-sale span:after { content: ""; border-top: 1px solid #ffffff52; width: 50px; position: absolute; right: -50px; top: 19px; }
h3.h3 { font-size: 15px; position: relative; font-weight: 100; color: #e62117; text-transform: uppercase; background: #fff; overflow: hidden; }
h3.h3 span { position: relative; }
h3.h3:before {content: "\f083";font-family: 'Font Awesome 5 Free';font-weight: 900;background: #D70018;display: inline-block;margin-right: 10px;color: #fff;width: 35px;height: 35px;padding: 10px;}
h3.h3:after {content: "";width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #D70018;position: absolute;left: 35px;top: 13px;}
/*
======================================
[ Footer ]
======================================
*/
footer.footer { position: relative; background-color: #f4f4f4; -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; color: #444; }
footer.footer span > i {color: #D70018;text-align: center;padding: 10px;}
footer.footer h4 { position: relative; }
footer.footer h4 strong { display: block; font-size: 15px; margin-bottom: 20px; font-family: 'UTM-Avo-Bold'; text-transform: uppercase; }
footer.footer ul.menu { list-style: square; padding: 0 0 0 20px; }
footer.footer ul.menu li { padding: 5px; color: #3cbeb3; }
footer.footer ul.menu li a { color: #444; }
footer.footer .social i { font-size: 20px; width: 35px; height: 32px; text-align: center; color: #fff; line-height: 1.6; }
footer.footer .social i.icon-facebook { background: #3b5998 }
footer.footer .social i.icon-google { background: #db4437 }
footer.footer .social i.icon-youtube { background: #e62117 }
footer.footer .social i.icon-linkedin { background: #00aff0 }
footer.footer .copyright {padding: 10px 0;font-size: 15px;line-height: 1.8;background: linear-gradient(-90deg, #0167a8 0%, #3ca2e3 100%);color: #fff;}
footer.footer .copyright span { display: block; }
/*
======================================
[ Contact From ]
======================================
*/
.contact-form { position: relative; }
.contact-form .input-group { margin-bottom: 5px; float: left; border: 1px solid #fffd; }
.contact-form .input-group  br { display: none; }
.contact-form .input-group-text { background: #fff; border: none; color: #444; border-radius: 0; }
.contact-form .input-group .input-group-addon { border-radius: 0px; border: none; position: relative; padding: 0px 10px; background-color: #fff; }
.contact-form .input-group .input-group-addon i { color: #d41836; font-size: 20px; width: 20px; height: 20px; }
.contact-form .input-group .form-control { background-color: rgb(255, 255, 255); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #0E0E0E; min-height: 34px; border: none; -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid #fff; background-clip: unset; }
/*
======================================
[ Overlay ]
======================================
*/
.overlay { position: relative; }
.overlay:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.overlay .container { position: relative; z-index: 9; }
/*
======================================
[ Breadcrumbs ]
======================================
*/
.breadcrumbs { background: #fff; color: #707070; padding: 5px 0; -webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%); box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%); margin-bottom: 10px; font-size: 14px; }
.breadcrumbs a { color: #d70018; }
/*
======================================
[ Widget Post ]
======================================
*/
.widget-post .item { margin: 10px 0; }
.widget-post .item a.post-title { color: #444; font-size: 15px; display: block; font-weight: 600; }
.widget-post .item .post-thumbnail { position: relative; display: block; }
.widget-post .item span.post-time { display: block; margin: 5px 0 0; color: #d41836; }
.widget-post .item .price { font-size: 13px; position: relative; font-weight: 600; margin-top: 5px; }
.widget-post .item .price ins { text-decoration: none; margin-left: 5px; }
.widget-post .item .price del { color: #999; }
.widget-post .item .price ins, .widget-post .item .price >span { color: #db392c; }
/*
======================================
[ Gallery ]
======================================
*/
.metabox-gallery { position: relative; }
.gallery-full { margin-bottom: 10px; }
.gallery-thumbnail .owl-item { border: 2px solid rgba(0, 0, 0, 0); }
.gallery-thumbnail .owl-item.current { border: 1px solid red; }
.gallery-full img { height: 400px; object-fit: contain; background: #f5f5f5; padding: 5px; width: 100%; }
.gallery-thumbnail img { height: 70px; object-fit: contain; width: 100%; padding: 5px; }
/*
======================================
[ Blog Wrap ]
======================================
*/
.blog-wrap .item { position: relative; overflow: hidden; }
.blog-wrap .item span { background: #3cbeb3; display: block; position: absolute; left: 0; right: 0; padding: 10px; color: #fff; text-align: center; font-size: 15px; font-family: 'UTM-Avo-Bold'; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; bottom: 0; }
.blog-wrap .item:hover span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.blog-wrap .item .info-overlay { opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; padding: 10px; position: absolute; top: 25px; left: 25px; right: 25px; bottom: 25px; background: rgba(0, 0, 0, .7); text-align: center; z-index: 999; }
.blog-wrap .item:hover .info-overlay { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }
.blog-wrap .item .info-overlay h3 { font-size: 15px; font-family: 'UTM-Avo-Bold'; text-transform: uppercase; margin-bottom: 20px; position: relative; z-index: 999; line-height: 1.8; }
.blog-wrap .item .info-overlay h3 a { color: #fff; }
.blog-wrap .item .info-overlay:after { position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; content: ''; display: block; border: 1px solid #ffffff; z-index: 9; }
.blog-wrap .item .info-overlay a.readmore { color: #fff; position: relative; padding: 7px; border: 1px solid #fff; font-size: 14px; z-index: 999; }
/*
======================================
[ Pagenavi ]
======================================
*/
.pagenavi { margin: 20px 0; }
.pagenavi a { color: #fff; background: #444; display: inline-block; padding: 5px 15px; }
.pagenavi a:hover { background: #f2663a; }
.pagenavi span { color: #fff; background: #f2663a; display: inline-block; padding: 5px 15px; }
/*
======================================
[ Product Wrap ]
======================================
*/
ul.taxonomy { padding: 5px 0; list-style: none; overflow: hidden; }
ul.taxonomy li:not(.view-all) { display: inline-block; padding: 2px 10px; border: 1px solid #fd5237; font-size: 14px; border-radius: 2px; margin: 2px 0; }
ul.taxonomy li:not(.view-all) a { color: #fd5237; }
ul.taxonomy li:not(.view-all) a:before { content: "\f4d8"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 5px; }
ul.taxonomy .view-all { float: right; display: inline-block; padding: 2px 10px; border: 1px solid #2ecc71; font-size: 14px; border-radius: 2px; margin: 2px 0; }
ul.taxonomy .view-all a { color: #2ecc71; }
ul.taxonomy .view-all a:before { content: "\f101"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 5px; }
.product-wrap {}
.product-wrap .item {position: relative;}
.product-wrap .item img.second-image, .product-wrap .item img.first-image { transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; }
.product-wrap .item img.second-image { display: block; position: absolute; top: 0; left: -100%; }
.product-wrap .item:hover img.second-image { left: 0; }
.product-wrap .item:hover img.first-image { -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); }
.product-wrap .item a.thumbnail { display: block; position: relative; overflow: hidden; }
.product-wrap .item a > span {color: #333;display: block;line-height: 1.5;font-size: 17px;font-weight: 800;overflow: hidden;margin-top: 10px;}
.product-wrap .item .price ins, .product-wrap .item .price >span { color: #db392c; font-size: 14px; font-weight: 600; }
.product-wrap .item .price {position: relative;padding: 5px;display: block;}
.product-wrap .item .price ins { text-decoration: none; }
.product-wrap .item .price del { font-size: 12px; }
.product-wrap .item img {object-fit: contain;}
.product-wrap .item  > a.readmore { background: #d41836; color: #fff; display: block; padding: 5px; text-align: center; }
.product-wrap .item  div > a.add-to-cart { background: #ddd; color: #444; }
.product-wrap .item .excerpt { font-size: 13px; text-align: justify; line-height: 1.6; }
.nav-product { position: absolute; top: 7px; right: 0; }
.nav-product a {display: inline-block;font-size: 20px;background: #0067ae;padding: 0px 10px;border-radius: 4px;cursor: pointer;text-align: center;}
/*
======================================
[ Single Product ]
======================================
*/
.single-product-wrap h1, .modal-view h4 { font-family: 'UTM-Avo-Bold'; font-size: 18px; width: 100%; line-height: 1.6; margin: 5px 0; color: #444; font-weight: 600; }
.single-product-wrap .price > span.amount, .single-product-wrap .price > ins span.amount, .woocommerce-variation-price span.amount {color: #d40736;font-weight: bold;font-size: 20px;font-family: 'UTM-Avo-Bold';}
.single-product-wrap .price > del span.amount { font-family: 'UTM-Avo-Bold'; font-size: 15px; color: #333; font-weight: bold; }
.single-product-wrap .price > ins { text-decoration: none; }

/*
======================================
[ Social]
======================================
*/
.share-wrap a { font-size: 15px; width: 30px; height: 30px; text-align: center; color: #fff; line-height: 2; border-radius: 100%; display: inline-block; }
.share-wrap .facebook { background: #3b5998 }
.share-wrap .twitter { background: #db4437 }
.share-wrap .pinterest { background: #e62117 }
.share-wrap .linkedin { background: #00aff0 }
/*
======================================
[ Modal Popup ]
======================================
*/
.modal-order .form-modal { padding: 10px; background: #f5f5f5; }
.modal-order .modal-info { padding: 10px; background: #f5f5f5; }
.modal-order .close { opacity: 1; }
.modal-order i.fa.fa-times { height: 30px; width: 30px; background: #D0CFCF; line-height: 30px; border-radius: 50%; color: #000; opacity: 1; position: absolute; right: -20px; top: -20px; z-index: 999; }
/*
======================================
[ Zota ]
======================================
*/
.single-product-wrap .order .btn--order i.hide { display: none; }
.zota-table tr { margin: 5px 0; border-bottom: 1px solid #fff; }
.zota-table td, .zota-table th { padding: 5px 10px; }
.zota-table thead {text-transform: uppercase;font-size: 16px;background: #3cbeb3;color: #fff1f3;}
.zota-table tbody tr { background: #f6f7f9 }
.zota-table { font-family: 'Averta Standard Regular'; margin: 10px 0; }
.zota-table a { color: #d40736; }
.zota-table img { width: 100px; object-fit: contain; }
.zota-table .input-group-addon, .zota-table .form-control { border-radius: 0; }
.zota-table table { width: 100%; }
.zota-table tfoot { background: #e5e5e5; }
.zota-btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.zota-btn:hover:before { background: #d41836; -webkit-transform: scaleX(1); transform: scaleX(1); }
.zota-btn, a.zota-btn, a.zota-btn:focus, a.zota-btn:hover { color: #fff; cursor: pointer; }
.zota-btn {background: #3cbeb3;padding: 8px 25px 7px 65px;text-align: center;border: none;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.zota-btn i {display: inline-block;position: absolute;left: 0;padding: 10px 10px 11px;background: #fc9b33;top: 0px;height: 100%;width: 40px;text-align: center;font-size: 20px;}
.zota-btn i:after {position: absolute;right: -17px;top: 0px;width: 0;height: 0;content: '';border-style: solid;border-width: 0 17px 39px 0px;border-color: transparent transparent #fc9b33 transparent;}
.btn-inline { display: inline-block; }
.order-form { position: relative; }
.order-form .input-group { margin-bottom: 10px; float: left; background: #f6f7f9; }
.order-form .input-group .input-group-addon { border-radius: 0px; border: none; position: relative; padding: 10px; background: transparent; }
.order-form .input-group .input-group-addon i { color: #d41836; font-size: 20px; width: 20px; height: 20px; }
.order-form .input-group .form-control { background-color: rgba(255, 255, 255, 0.5); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #0E0E0E; min-height: 40px; border: none; -webkit-box-shadow: none; box-shadow: none; }
.order-form .price { color: #e00c3d; }
.input-group-addon.beautiful input[type="checkbox"], .input-group-addon.beautiful input[type="radio"] { display: none; }
button:focus { text-decoration: none; outline: none; border: none; box-shadow: none; }
.error-msg { font-size: 11px; color: #d40736; }
.send-order i { font-weight: 900; font-family: "Font Awesome 5 Free"; font-style: normal; }
.send-order i:before { content: "\f02f"; }
.send-order i.loading:before { content: "\f021"; display: inline-block; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.send-order i.added:before { content: "\f00c"; }
.loader { display: block; }
.on-sale i { background: #4f9d24; padding: 4px; float: left; margin-right: 5px; position: relative; font-size: 10px; }
.on-sale span { display: block; background: #448b22; padding: 1px 5px; font-size: 11px; float: left; }
.on-sale i:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 3px; border-color: transparent transparent transparent #5eb02d; position: absolute; top: 7px; right: -3px; }
.on-sale { position: absolute; top: 5px; left: 5px; background-size: cover; color: #fff; text-align: center; z-index: 9; }
/*
======================================
[ Menu Product ]
======================================
*/
ul.accordion-taxonomy {padding: 0;margin: 0;background: #ffffff;}
ul.accordion-taxonomy > li > ul { position: absolute; left: 253px; width: 277px; z-index: 999; display: none; top: 0; background: #fff; padding: 0; }
ul.accordion-taxonomy > li:hover > ul { display: block; }
ul.accordion-taxonomy li {display: block;font-size: 14px;color: #333;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;}
ul.accordion-taxonomy li a {color: #444;padding: 10px 20px;display: block;}
ul.accordion-taxonomy li:after {
	border-bottom: 1px solid #b8b8b83d;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    margin: 0 auto;
}

/*
======================================
[ Simply Scroll ]
======================================
*/
.vert .simply-scroll-clip { height: 220px; }
.simply-scroll-clip { position: relative; overflow: hidden; }
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; }
/*
======================================
[ Box Single Product ]
======================================
*/
.box span > i { font-size: 20px; width: 30px; text-align: center; color: #e62117; }
.box strong { display: block; border-bottom: 2px solid #ecf1f7; text-align: center; padding: 10px; text-transform: uppercase; margin-bottom: 5px; color: #e62117; font-family: 'UTM-Avo-Bold'; }
.box { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.box > a { background: #e62117; display: block; padding: 10px; text-align: center; font-family: 'UTM-Avo-Bold'; font-size: 15px; color: #fff; }
.box span { border-bottom: 1px solid #fff; }
.fa-phone {}
.map { width: 100%; height: 415px; margin-bottom: 10px; }
/*
======================================
[ Support Header ]
======================================
*/
.support a { display: block; color: #44464b; }
.support span {font-size: 14px;font-weight: 600;color: #d70018;}
.support i {font-size: 40px;color: #d70018;}
/*
======================================
[ Privacy ]
======================================
*/
.privacy-wrap { -webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175); box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175); }
.privacy-wrap .item { position: relative; padding: 10px; }
.privacy-wrap .item strong { display: block; font-weight: 600; color: #3cbeb3; font-size: 16px; }
.privacy-wrap .item img { float: left; margin-right: 10px; margin-top: 5px; }
.privacy-wrap .item span { font-size: 13px; }
/*
======================================
[ Nav Product ]
======================================
*/
nav.nav-category {position: absolute;z-index: 9999;left: 0;right: 0;top: 44px;}
ul.accordion-taxonomy li.hot:after, ul.accordion-taxonomy li.sale:after, ul.accordion-taxonomy li.new:after { position: absolute; top: 10px; right: 10px; color: #fff; padding: 0px 10px; font-size: 10px; width: 35px; text-align: center; display: block; border-radius: 2px; }
ul.accordion-taxonomy li.hot:after { content: "Hot"; background: #d41836; }
ul.accordion-taxonomy li.new:after { content: "New"; background: #3cbeb3; }
ul.accordion-taxonomy li.sale:after { content: "Sale"; background: #f8c931; }
.category-wrap i { font-size: 26px; position: absolute; top: 7px; right: 10px; }
.bottom {background: #3c82b9;position: relative;}
.relative:hover .nav-category { display: block; }
/*
======================================
[ Support Footer ]
======================================
*/
.support-wrap {background: #0167a8;}
.support-wrap .item { position: relative; padding: 10px; }
.support-wrap .item strong {display: block;font-weight: 600;font-size: 16px;color: #fff;}
.support-wrap .item i {float: left;margin-right: 10px;font-size: 40px;color: #58a521;}
.support-wrap .item span {font-size: 16px;color: #fff;}
/*
======================================
[ Single Page ]
======================================
*/
.entry-meta { background: #ffffff; padding: 10px; font-size: 14px; }
.entry-meta span { margin-right: 10px; }
.entry-meta a { color: #d61231; }
.tag-list a { color: #444; background: #f5f5f5; padding: 2px 5px; }
.entry-content h2 { font-size: 16px; font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.entry-content h3 { font-size: 18px; font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.entry-content strong, .entry-content b { font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.relative { position: relative; }
.box-shadow { -webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175); box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175); }

.term-wrap .item { text-align: center; position: relative; overflow: hidden; margin: 0 auto; }
.term-wrap .item img {position: relative;width: 100%;height: 300px;object-fit: cover;margin: 0 auto;overflow: hidden;}
.term-wrap .item > strong {position: absolute;bottom: 0;left: 0;right: 0;text-align: center;margin: 0 auto;text-transform: uppercase;color: #3cbeb3;font-family: 'UTM-Avo-Bold';font-size: 15px;padding: 7px 0 3px;transition: .5s ease;background: #ffffffcf;}
.term-wrap .item:hover > strong { bottom: -100%; }
.term-wrap .item .hover {position: absolute;top: 0;z-index: 9999;overflow: hidden;background: #000000ad;height: 0;width: 100%;transition: .5s ease;}
.term-wrap .item:hover .hover { height: 100%; }
.term-wrap .item .hover .center { position: absolute; left: 0; right: 0; text-align: center; top: 50%; transform: translateY(-50%); }
.term-wrap .item .hover strong { color: #fff; display: block; font-family: 'UTM-Avo-Bold'; font-size: 20px; transition: .5s ease; }
.term-wrap .item .hover .readmore { color: #ffffff; background: #cf1f26; border-radius: 30px; padding: 5px 15px; margin: 10px 0; display: inline-block; box-shadow: 0 0 16px #cf1f26; }

.post-wrap .item {
    background: #f5f5f5;
}
.post-wrap .item a.post-title {display: block;margin: 10px 0;font-weight: 600;color: #444;font-size: 16px;height: 40px;}
.post-wrap .item span { font-size: 14px; color: #999; }
.post-wrap .item span>a { color: #999; }
.post-wrap .item a.readmore {
    border: 1px solid;
    color: #e31f1b;
    padding: 5px 10px;
    border-radius: 20px;
}
.showroom-wrap .item { position: relative; font-family: 'Averta Standard Regular'; text-align: center; }
.showroom-wrap .item i { font-size: 50px; margin: 40px 0 20px; }
.showroom-wrap .item strong { font-weight: bold; padding: 10px; display: block; color: #000; font-family: 'UTM-Avo-Bold';}
.showroom-wrap .info { display: block; position: absolute; bottom: 0; height: 0; left: 0; right: 0; background: rgba(235, 235, 235, 0.75); z-index: 888; text-align: center; overflow: hidden; -webkit-transition: all, ease-in-out, 0.4s; -moz-transition: all, ease-in-out, 0.4s; -o-transition: all, ease-in-out, 0.4s; transition: all ease-in-out 0.4s; color: #4c4c4c; }
.showroom-wrap .item:hover .info { height: 100%; }


.block ul.menu { padding: 0; margin: 0; overflow: hidden; list-style: none; background: #F4F4F4; }
.block ul.menu > li { border-bottom: 1px solid #fff; }
.block ul.menu >li >a { display: block; font-size: 15px; color: #444; padding: 10px; }
.block ul.menu li a:after { font-weight: 900; font-family: 'Font Awesome 5 Free'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; float: right; }
.block >ul.menu >li >a:after { content: "\f105" }
.block ul.menu li:hover >a, .block ul.menu li.current-menu-item > a, .block ul.menu li > a.active { background: #3cbeb3; color: #fff }
.block ul.menu li > ul { list-style: none; padding: 0; }
.block ul.menu li > ul li a { padding: 10px 10px 10px 20px; display: block; color: #444; border-bottom: 1px solid #fff; }


/*
======================================
[ Modal Popup ]
======================================
*/

.modal-view .close { opacity: 1; }
.modal-view i.fa.fa-times { height: 30px; width: 30px; background: #D0CFCF; line-height: 30px; border-radius: 50%; color: #000; opacity: 1; position: absolute; right: -10px; top: -10px; z-index: 999; }

.job-wrap .item {
    background: #f5f5f5;
    padding: 10px;
    margin: 1px 0;
}
.job-wrap .item strong {
	display: block;
	color: #000;
	font-family: 'UTM-Avo-Bold';
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*
======================================
[ FAQ ]
======================================
*/
.panel-body { font-size: 14px; line-height: 1.6; background: #fafafa; color: #444; padding: 10px }
.panel-title > a {display: block;padding: 20px;position: relative;font-size: 15px;font-weight: 900;margin: 20px 0;background: #fff;text-transform: uppercase;letter-spacing: 1px;line-height: 0;}
.panel-title > a:before {font-size: 20px;content: "\f068";font-weight: 900;font-family: 'Font Awesome 5 Free';background-color: #3cbeb3;position: absolute;right: 0;top: 0;width: 50px;height: 100%;text-align: center;color: #fffbfb;padding: 5px;display: flex;align-items: center;justify-content: center;}
.panel-title > a.collapsed:before { content: "\f067"; }
h2.widget-title span:after {content: "";position: absolute;background: #0067ae;bottom: 0px;left: 0;width: 50%;margin: 0 auto;height: 10%;z-index: -1;right: 0;}
.header .cart i {
    font-size: 20px;
}
.post-wrap .item img {
    height: 240px;
    object-fit: cover;
}
span.rating {font-size: 14px;}
span.r-5:after { font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f005\f005\f005\f005\f123"; color: #ff9900; }

.scrollbar-inner { height: 485px; }


.term-owl .item { position: relative; }
.term-owl .item:before, .term-owl .item:after { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; box-sizing: border-box; transition: 0.5s; opacity: 18; z-index: 999; }
.term-owl .item:before { border-top: 2px solid #fff; border-bottom: 2px solid #fff; transform: scaleX(0); }
.term-owl .item:after { border-left: 2px solid #fff; border-right: 2px solid #fff; transform: scaleY(0); }
.term-owl .item .text { position: absolute; left: 10px; text-align: left; top: 10px; color: #fff; z-index: 999; }
.term-owl .item:hover:before { transform: scaleX(1); opacity: 1; z-index: 1; }
.term-owl .item:hover:after { transform: scaleX(1); opacity: 1; }
.term-owl .col-md-4 .item .img:before { content: ""; width: 100%; height: 100%; position: absolute; }
.term-owl .col-md-4:nth-child(1n) .item .img:before { background: linear-gradient(to bottom left, rgb(23 145 204), rgb(32 147 201 / 40%)); background: -moz-linear-gradient(bottom left, rgb(23 145 204), rgb(32 147 201 / 40%)); background: -webkit-linear-gradient(bottom left, rgb(23 145 204), rgb(32 147 201 / 40%)); background: -o-linear-gradient(bottom left, rgb(23 145 204), rgb(32 147 201 / 40%)); }
.term-owl .col-md-4:nth-child(2n) .item .img:before { background: linear-gradient(to bottom left, rgb(207 27 58), rgb(212 24 54 / 43%)); background: -moz-linear-gradient(bottom left, rgb(207 27 58), rgb(212 24 54 / 43%)); background: -webkit-linear-gradient(bottom left, rgb(207 27 58), rgb(212 24 54 / 43%)); background: -o-linear-gradient(bottom left, rgb(207 27 58), rgb(212 24 54 / 43%)); }
.term-owl .col-md-4:nth-child(3n) .item .img:before { background: linear-gradient(to bottom left, rgb(8 161 72), rgb(0 161 75 / 22%)); background: -moz-linear-gradient(bottom left, rgb(8 161 72), rgb(0 161 75 / 22%)); background: -webkit-linear-gradient(bottom left, rgb(8 161 72), rgb(0 161 75 / 22%)); background: -o-linear-gradient(bottom left, rgb(8 161 72), rgb(0 161 75 / 22%)); }
.term-owl .item .text a { display: inline-block; background: #fff; border-radius: 20px; padding: 5px 10px; color: #444; text-transform: uppercase; font-size: 12px; }
.term-owl .item img { height: 222px; object-fit: cover; }
.term-owl .item .text > div.text-uppercase { border-left: 2px solid #fff; }
.term-owl .item .text span {  }
.term-owl .item .text strong { font-family: "UTM-Avo-Bold"; }

.bg-sg-product {
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%);
}

a.btn-order {
    background: #D70018;
    padding: 10px 20px;
    border: 0;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.category-wrap .hide {
	display: none;
}

.category-wrap:hover .hide {
	display: block;
}

.box-promotion { width: 100%; border: 1px solid #FEE2E2; border-radius: 10px; overflow: hidden; }
.box-promotion strong { padding: 10px; background: #FEE2E2; display: block; color: #D70018; font-weight: 600; margin-bottom: 20px; }
.box-promotion ul { display: inline-block; counter-reset: item; padding: 0 0 0 30px; list-style: none; }
.box-promotion ul li { counter-increment: item; margin-bottom: 10px; position: relative; }
.box-promotion ul li:before { content: counter(item); width: 15px; height: 15px; display: flex; justify-content: center; align-items: center; margin-right: 5px; border-radius: 50px; background: #E11B1E; font-size: 10px; font-weight: 700; color: white; text-align: center; position: absolute; top: 3px; left: calc(-15px + -5px); }


.product-wrap .item > span {
    display: block;
    padding: 10px;
}

.product-wrap .item > span .fa-map-pin {
    color:#3cbeb3;
    margin-right: 5px;
}
.product-wrap .item > span a {
    color: #ff3e89;
    border-bottom: 1px solid #3cbeb3;
    padding: 0 0px 0 25px;
    text-align: right;
}
a:hover img {
	opacity: 0.8;
}