/* HEADER */
.header { padding: 0.1px 0 0 0; } 
.header-phone-icon { font-size: 27px; color: var(--color-main); width: 50px; height: 50px; border: 1px solid; display: flex; justify-content: center; align-items: center; border-radius: 50%; } 
.menu.fixed .header-logo { margin: 10px 0; zoom: .7; } 

.header-address { color:var(--color-white); font-family:var(--font-regular); font-size:14px; line-height:1.5; } 
.header-address span { font-family:var(--font-bold); } 
.header-slogan { color:var(--color-title); font-family:var(--font-medium); font-size:14px; text-transform:capitalize; position:relative; z-index:2; } 
.header-top { position:relative; background: var(--color-main-v2); } 
.header-name { color:var(--color-main-v2); font-family:var(--font-bold); font-size:55px; line-height:1.5; text-transform: uppercase; } 
.header-phone-text { color:var(--color-title); font-family:var(--font-medium); font-size:20px; line-height:1.5; text-transform:capitalize; } 
.header-phone-numb { color:var(--color-hover); font-family: var(--font-bold); font-size:18px; line-height:1.5; } 

/* BUTTON */
.btn-news { display: table; font-size: 15px; color: var(--color-white); font-weight: 700; text-align: center; background: var(--color-main); padding: 12px 30px; margin: 20px auto 0px; border-radius: 50px; } 
.btn-news i { margin-left: 12px; font-size: 19px; position: relative; top: 1px; } 
.btn-news:hover { color: rgb(34, 34, 34); text-decoration: none; background: var(--color-white); transition: 0.3s; } 
.btn-outline-custom { border:solid 1px var(--color-main); color:var(--color-main); } 
.btn-outline-custom.active,.btn-outline-custom:hover { border:solid 1px var(--color-main); background-color:var(--color-main); color:var(--color-white) !important; } 
.btn-custom { border:solid 1px var(--color-main); color:var(--color-white); background-color:var(--color-main); } 
.btn-custom.active,.btn-custom:hover { border:solid 1px var(--color-active); background-color:var(--color-active); color:var(--color-white) !important; } 


/* MENU */
.menu { background:var(--color-main); position:relative; z-index:11; padding: 15px 0; } 
.menu ul { width:100%; padding:0px; margin:auto; list-style:none; } 
.menu ul.menu-main { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.menu ul li.menu-line { width:1px; height:15px; background-color:rgba(0,0,0,0.1); } 
.menu ul li a { display:block; position:relative; font-size:18px; color:var(--color-white); padding: 0; font-weight:500; text-transform:capitalize; text-decoration:none; overflow:hidden; font-family:var(--font-bold); } 
.menu ul li a:hover,.menu ul li a.active { color:var(--color-hover); text-decoration:none; } 
.menu ul li:hover > a.has-child:after,.menu ul li a.active.has-child:after { border:1px solid var(--color-title); } 
.menu ul li ul { position:absolute; min-width:250px; margin-top:0px; z-index: 1; padding-top:0.75rem; padding-bottom:0.75rem; background-color:#fafafa; border-radius:0.25rem; -webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.15); box-shadow:1px 1px 15px rgba(0,0,0,0.15); -webkit-transform:perspective(600px) rotateX(-90deg); transform:perspective(600px) rotateX(-90deg); -webkit-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0; visibility:hidden; } 
.menu ul li:hover > ul { left: 0; -webkit-transform:perspective(600px) rotateX(0); transform:perspective(600px) rotateX(0); transform-origin:0 0 0; -webkit-transform-origin:0 0 0; opacity:1; visibility:visible; transition:all 0.5s linear; } 
.menu ul li ul li { padding-left:0.75rem; padding-right:0.75rem; margin:0px; } 
.menu ul li ul li a { font-size:14px; color:var(--color-title); border-bottom:1px solid #ececec; padding:10px 0px 9px 0px !important; text-transform:uppercase; background:unset !important; } 
.menu ul li ul li a.has-child { margin-right:0px; } 
.menu ul li ul li a.has-child:after { border-color:var(--color-title); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 
.menu ul li ul li a.active { color:var(--color-main); } 
.menu ul li ul li a.active.has-child:after { border-color:var(--color-main); } 
.menu ul li ul li:last-child > a { border-bottom:0px; } 
.menu ul li ul li:hover > a { color:var(--color-main); } 
.menu ul li ul li:hover > a.has-child:after { border-color:var(--color-main); } 
.menu ul li ul li ul { top:-0.75rem; left:100%; margin-top:0px; } 
.menu ul li a.active,.menu ul li a:hover { color:var(--color-main-v2); } 
.li-menu { padding: 0 !important; position: relative; } 

/* SLIDESHOW */
.slideshow { position:relative; } 
.slideshow-item { display:block; cursor:pointer; } 
.slideshow:hover .control-slideshow { opacity:1; } 
.control-slideshow { opacity:0; } 
.slideshow-image picture { display: block; height: 470px; } 
.owl-item.active .slideshow-image img { height: 100%; } 
.title_slider_right h2 { font-family: var(--font-custom); color: var(--color-active); font-size: 40px; text-transform: capitalize; margin-bottom: 9px; text-align: center; font-style: italic; } 
.slogan_slider { font-size: 16px; font-family: var(--font-medium); color: #6C6C6C; text-transform: uppercase; margin-bottom: 15px; } 
.flex_slider { background:var(--color-main); margin-bottom: 17px; padding: 9px; border-radius: 80px; } 
.flex_slider a img { transition: all 0.8s; } 
.flex_slider h3 { line-height: 19px; margin-left: 23px; width: 81%; position: relative; top: -2px; margin-bottom: 0; } 
.flex_slider h3 a { color: #fff; font-family: var(--font-bold); text-transform: uppercase; font-size: 16px; } 
.flex_slider:hover a img { transform: rotateY(180deg); } 


/* PRODUCT */
.grid-productList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } 
.items-productList:nth-child(2) { grid-row: 2 span; } 
.name-productList { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: var(--color-main); padding: 10px 20px; border-radius: 50px; height: 50px; max-width: 90%; display: inline-block; align-content: center; font-family: var(--font-bold); color: var(--color-white); font-size: 20px; text-transform: capitalize; } 
.grid-product { display:grid; gap: 20px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom:1.5rem; } 
.box-product { position:relative; display:block; margin-bottom:0rem; } 
.pic-product { border-radius: 0; background: var(--color-white); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); } 
.pic-product img { width:100%; border-radius:0px; } 
.name-product { text-align: center; margin-bottom:0.5rem; font-size:20px; text-transform: capitalize; font-family:var(--font-medium); line-height:1.5; } 
.name-product a { color: var(--color-title); } 
.name-product a.text-split { -webkit-line-clamp:1; } 
.name-product a:hover { color:var(--color-hover); } 
.price-product { margin-bottom:10px; text-align: center; } 
.price-product span { font-weight:700; } 
.price-new { font-size:18px; font-weight:500; color: var(--color-active); font-family:var(--font-bold); } 
.price-old { padding-left:10px; font-size:14px; color:#6c757d; text-decoration:line-through; } 
.price-per { position:absolute; top:15px; right:15px; color:var(--color-white); background:var(--color-main); 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; color:var(--color-white); text-transform:capitalize; text-align:center; } 

.title_index_product { margin-bottom: 10px; } 
.title_index_product h2 { font-family: var(--font-bold); font-size: 30px; color: var(--color-main); text-transform: uppercase; } 
.line-title { background: var(--color-main); width: 100%; height: 1px; margin-bottom: 2rem; } 
.line-title::after { position: absolute; content: ''; background: var(--color-main-v2); width: 100px; height: 3px; left: 0; top: 0; bottom: 0; margin: auto; border-radius: 50px; } 
.block_more_hot { display: flex; align-items: center; font-family: var(--font-medium); color: var(--color-main); gap: 10px; } 


/* NEWS */
.wrap-news-video { background: #f3f3f3; } 
.news-name-single { font-size: 30px !important; } 
.items-vertical { margin-bottom: 15px; } 
.image-vertical { width: 250px; border-radius: 10px; } 
.info-vertical { width: calc(100% - 270px); } 
.name-vertical { font-family: var(--font-bold); font-size: 20px; color: var(--color-title); text-transform: capitalize; } 
.desc-vertical { font-family: var(--font-regular); font-size: 15px; color: var(--color-title); } 
.news .news-name { margin-bottom:0.5rem; } 
.news .news-name a,.news-name { color:var(--color-title); font-size: 20px; font-family:var(--font-bold); line-height:1.5; } 
.news .news-name a.text-split { -webkit-line-clamp:2; } 
.news .news-name a:hover { color:var(--color-phone); } 
.news .news-time { color: var(--color-white); margin-bottom: 0; background: var(--color-main); display: inline-block; padding: 10px 20px; font-family: var(--font-bold); font-size: 16px; position: absolute; right: 0; top: 0; align-content: center; border: 5px solid var(--color-white); box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.35); } 
.news .news-desc { color:#333333; margin-top:5px; height:calc(1.5em* 2); line-height:1.5; } 


/* FOOTER */
.footer-copyright { text-align:center; background:var(--color-main-v2); color: var(--color-title); font-family: var(--font-medium); font-size:14px; line-height:1.5; padding:20px 10px; } 
.footer-copyright span { font-family:var(--font-bold); text-transform: uppercase; } 
.footer-copyright span a { font-family:var(--font-bold); text-transform: uppercase; } 
.footer-name { font-size:23px; color:var(--color-white); text-transform:capitalize; font-family:var(--font-custom); font-style: italic; } 
.footer-info { font-size:14px; color:var(--color-white); line-height:2; } 
.footer-article { background: var(--color-main); } 
.footer-article .wrap-content { padding:40px 15px; } 
.footer-title { text-transform:uppercase; font-size:16px; font-family:var(--font-bold); color:var(--color-white); } 
.footer-ul { list-style:disc; padding:0 0 0 20px; margin:0px; color: var(--color-white); } 
.footer-ul li { margin-bottom:10px; } 
.footer-ul li:last-child { margin-bottom:0px; } 
.footer-ul li a { color:var(--color-white); font-size:14px; font-family: var(--font-medium); } 
.footer-ul li a:hover { text-decoration:underline; } 
.footer-tags { background:#eee; } 
.footer-tags .wrap-content { padding:30px 15px; } 
.footer-tags-lists { list-style:none; padding:0px; margin:0px; } 
.footer-tags-lists li { float:left; } 
.footer-tags-lists li a { padding-bottom:0.375rem; } 
.footer-powered { color:var(--color-white); background-color:var(--color-main-v2); } 
.footer-powered .wrap-content { padding-top:20px; padding-bottom:20px; } 
.footer-statistic { text-align:right; } 
.footer-statistic span { padding-right:10px; } 
.footer-statistic span:last-child { padding-right:0px; } 
#footer-map { position:relative; height:500px; } 
#footer-map iframe { position:absolute !important; width:100% !important; height:100% !important; top:0px !important; left:0px !important; } 

/* FOOTER MAPS TAB */
.footer_map_tab { width:100%; height: 450px; position:relative; overflow:hidden; } 
.map_frame { width:100%; height: 100%; } 
.map_frame iframe { width:100%; height:100%; } 
.wrap_map { width:100%; position:absolute; top:30px; left:0; } 
.social-left { position:fixed; left:10px; z-index:11; bottom:150px; } 
.social-left a { transition:.4s; margin:5px 0; } 
.btn-map-api { background-color:var(--color-main) !important; border:solid 1px var(--color-main) !important; font-family: var(--font-bold); } 
.btn-map-api:hover,.btn-map-api.active { background-color:#fff !important; color:var(--color-main ) !important; border:solid 1px var(--color-phone) !important; } 
.btn-map-api:hover img,.btn-map-api.active img { filter:brightness(0) saturate(100%) invert(46%) sepia(96%) saturate(415%) hue-rotate(59deg) brightness(97%) contrast(84%); } 


/* BANNER */
.title-banner { left: 0; bottom: 0; top: 0; margin: auto; display: flex; justify-content: center; align-items: center; width: 50%; padding: 0 50px; text-align: center; margin: auto; } 
.name-banner { font-size: 60px; font-family: var(--font-bold); color: var(--color-title); text-transform: capitalize; max-width: 560px; } 
.image-video { border-radius: 10px; } 
.name-video { font-family: var(--font-medium); font-size: 20px; color: var(--color-title); } 

/* FORM */
.col-newsletter { position: relative; } 
.hotline-ab { position: absolute; border-radius: 5px; color: var(--color-white); top: 0; right: 15px; background: var(--color-main); font-family: var(--font-medium); font-size: 20px; padding: 10px 20px; } 
.hotline-ab:hover { background: var(--color-hover); color: var(--color-white); } 
.logo-index { margin-bottom: 5px; } 
.title-form { font-family: var(--font-semi); font-size: 45px; text-transform: capitalize; } 
.slogan-form { font-family: var(--font-regular); font-size: 20px; margin: 0; } 
.validation-newsletter { margin-top: 10px; background: #65f820; padding: 15px 20px; border-radius: 15px; border: 4px solid var(--color-main); } 
.col-content textarea { height: 100px; } 
.col-submit { text-align: right; } 
.newsletter-button { margin-left: auto; } 
.newsletter-button input[type="submit"] { background: transparent; border: none; border-radius: 30px !important; font-size: 20px; font-family: var(--font-medium); text-transform: capitalize; } 
.newsletter-button:hover { background: var(--color-main); } 
.newsletter-button:hover input[type="submit"] { color: #fff !important; } 

.content-main blockquote,
.content-main dd,
.content-main dl,
.content-main figure,
.content-main h1,
.content-main h2,
.content-main h3,
.content-main h4,
.content-main h5,
.content-main h6,
.content-main hr,
.content-main p,
.content-main pre { margin: 0 0 .5rem 0 !important }