@charset "UTF-8";

/*
*   Theme Name: DNS Themes
*   Author: DongNam Solutions
*   Version: 2.0
* Đỏ #f58b3c;
* Xanh #0099ff
* new color
#Cam #f58b3c
#Xanh #0099ff
*/
:root { --gcolor: #f2f2f2; --rcolor: #e80000; --bcolor: #2e2e2e; --mcolor: #398efa; --m2color: #1b7aff; --scolor: #35B933; --session-padding: 35px 0; --bfont: Arial, Helvetica, sans-serif; --hfont: Arial, Helvetica, sans-serif; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }
.text-underline { text-decoration: underline; }
embed, iframe, object, video { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; }
img.alignleft, .wp-caption.alignleft { margin: 10px 24px 10px 0; }
img.alignright, .wp-caption.alignright { margin: 10px 0 10px 24px; float: right; }
img.aligncenter, .wp-caption.aligncenter { margin: 10px auto; }
html, body { background: #fafbfb; position: relative; font-family: 'Arial', Helvetica Neue, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #000 }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-weight: 500; line-height: initial; }
h1, .h1 { text-transform: uppercase; font-size: 28px; }
h2, .h2 { font-size: 24px; margin-top: 15px; }
h3, .h3 { font-size: 20px }
h4, .h4 { font-size: 18px; }
input[type="submit"], button { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
a { color: #f58b3c; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
a:hover, a:focus, a:active { color: #e46526; text-decoration: none; }
.vcenter { display: table; table-layout: fixed; margin: 0 auto; }
.vcenter>div { display: table-cell; vertical-align: middle; float: none; }
img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; max-width: 100%; height: auto; }
img.aligncenter { display: block; margin: 0 auto }
.wpb_single_image.wpb_content_element { margin-bottom: 0; }
.pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #000000; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #000000; border-color: #000000; }
.dflex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.dflex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.dflex-end { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end; }
.videoWrapper { position: relative; padding-bottom: 56%; padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#archive_desc { max-height: 200px; margin-bottom: 10px; }
.product_detaill ol, .product_detaill ul { padding-left: 35px; }

/* session clear */
.col-iterm-4:nth-child(4n+1) { clear: both; }
.col-iterm-3:nth-child(3n+1) { clear: both; }
.col-iterm-2:nth-child(2n+1) { clear: both; }
.tborder, .page-title { font-weight: 600; color: #000; line-height: inherit; font-size: 15px; text-transform: uppercase; margin: 10px auto; padding: 0; position: relative; display: inline-block; border: none !important; }
ol, ul { padding-left: 15px; }
ul.info-list { list-style: none; padding: 0; }
ul.info-list .info-title { display: block; font-weight: bold; }

/**/
ul.dns_list_style { padding-left: 0px; }
ul.dns_list_style li { border-bottom: 1px dotted #cfcfcf; list-style-type: none; background: url(../images/list-style.png)left center no-repeat; padding-left: 15px; }
ul.dns_list_style li.active a { color: #378c37; }
ul.dns_list_style li:last-child { border-bottom: none; }
ul.dns_list_style li a { line-height: 1.4; color: #4d4d4d; display: block; padding: 5px 0; }
ul.dns_list_style li:hover a { color: #f58b3c; padding-left: 5px; }

/* social_list */
ul.social_list { list-style: none; padding: 0; display: inline-block; margin: 15px 0 0; }
ul.social_list li { float: left; }
ul.social_list li a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; background-color: transparent; border-radius: 0; color: #fff; display: inline-block; height: 25px; line-height: 25px; margin: 0 10px 0; text-align: center; width: 25px; font-size: 20px; }
ul.social_list li a:hover { background-color: transparent; color: #090909; }
.flex-center { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; }
.dns_social_list { list-style: none; padding: 0; display: inline-block; margin: 5px 0; }
.dns_social_list li { float: left; margin: 0 8px; }
.dns_social_list li.social_title  span { line-height: 25px; }
.dns_social_list li a { display: inline-block; font-size: 20px; }
.dns_social_list li a:hover { opacity: 0.8 }
.dns_social_list li a.facebook { color: #3A589B; }
.dns_social_list li a.twitter { color: #2DAAE1; }
.dns_social_list li a.pinterest { color: #BD081C; }

/* Header */
#header .searh_formwp { float: left; width: calc(100% - 100px); }
#header .searh_formwp form { max-width: 600px; margin: 0 auto; }
#header .searh_formwp .field_group { position: relative; }
#header .searh_formwp input { border-radius: 0; display: block; width: 100%; height: 40px; border: solid 1px #ccc; padding: 0 20px; }
#header .searh_formwp .btn-submit { padding: 0; text-align: center; background-color: var(--mcolor); position: absolute; border: none; height: 100%; width: 50px; right: 0; top: 0; cursor: pointer; font-size: 20px; color: #fff; top: 0; }
#header #cart-box { float: right; background-color: var(--mcolor); height: 40px; }
#header #cart-box .cart { display: inline-block; width: 45px; height: 35px; background-image: url('../images/icon_cart.png'); background-repeat: no-repeat; background-position: center; position: relative; background-size: 50% 50%; }
#header #cart-box .cart #cbCount { display: inline-block; right: -10px; position: absolute; top: -8px; left: -15px; width: 30px; height: 18px; background-color: #009966; border-color: #009966; color: #fff; text-align: center; font-size: 14px; line-height: 18px; border-radius: 10px; z-index: 1; }
#header .searchform { background: #fff; border-radius: 20px; font-size: 14px; text-align: center; }
#header .searchform fieldset { display: inline-block; margin-top: 0; line-height: 0; text-align: left; position: relative; padding-right: 40px; }
#header .searchform .text, #header .searchform .select-cat, #header .searchform .button-wrap { float: left; display: inline-block; text-align: left; }
#header .searchform .product_cat { display: none; }
#header .searchform .selectric-label { font-size: 14px; width: 150px; text-transform: capitalize; }
#header .searchform .text input { padding: 0 15px 0 20px; border-radius: 20px 0 0 20px; color: #8d8d8d; outline: none; box-shadow: none; border: solid 1px #ccc; margin-bottom: 0; height: 40px; width: 320px; }
#header-top { -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; border-bottom: 1px solid #f3f3f3; display: table; font-size: 12px; padding: 5px 0; width: 100%; }
#header-top .contact figure { float: left; margin-right: 10px; }
#header-top .contact figure strong { margin-right: 5px; }
#top-links { list-style: none; padding: 0; float: right; margin: 0; }
#top-links li { margin: 0; display: block; float: left; }
#top-links li a { display: inline-block; color: #f58b3c; margin: 0; position: relative; line-height: 22px; padding-left: 20px; font-size: 14px; }
#top-links li a:hover { color: #090909 }
#top-links li a .top-icon { display: inline-block; margin-right: 5px; }
#header { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); background-color: #fff; width: 100%; padding: 8px 0 0; }
#header .pl-logo { max-height: 65px; }
#navbar { margin: 0; padding: 0; border: none; min-height: 30px; }
#navbar .menu-top { padding-top: 0; float: left; }
#navbar { background: #fff; padding: 0; border-bottom: solid 2px var(--mcolor); border-radius: 0; }
#navbar #dns_navmain { list-style: none; padding: 0; }
#navbar #dns_navmain li { position: relative; }
#navbar #dns_navmain > li > a { position: relative; padding: 10px 12px; text-transform: uppercase; color: #000; font-size: 14px; }
#navbar #dns_navmain > li:not(:first-child) > a:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; height: 22px; margin: auto; background-color: inherit; }
#navbar #dns_navmain > li:not(.active):not(:hover) > a::before { background-color: rgba(0, 0, 0, 0.4); }
#navbar #dns_navmain > li:hover > a, #navbar #dns_navmain > li.active > a, #navbar #dns_navmain > li.active > a, #navbar #dns_navmain > li > a:hover { color: #fff; background: var(--mcolor); }
#navbar #dns_navmain > li .dropdown-menu { list-style: none; position: absolute; top: 100%; left: 0; min-width: 200px; background-color: #fff; color: #666; box-shadow: 0 -1px #eee inset, 1px 0 #eee inset, -1px 0 #eee inset; padding: 0; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 10; border-radius: 0; border: none; display: block; }
#navbar #dns_navmain li:hover .dropdown-menu { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; visibility: visible; }
#navbar #dns_navmain li .dropdown-menu li a { display: block; padding: 8px 20px; white-space: nowrap; text-transform: capitalize; }
#navbar #dns_navmain li .dropdown-menu li.active > a, #dns_navmain li .dropdown-menu li:hover> a { background: #eee; color: var(--mcolor); }

/*------------------------------------------------------------------
  [Breadcrumb]
*/
.breadcrumb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background-color: transparent; padding: 8px 0; font-size: 12px; margin-bottom: 10px; }
.breadcrumb a { color: #5a5a5a; }

/* post home */
.d_block { display: block; }
.photoframe { border: 10px solid #fff; z-index: 1; overflow: hidden; background: #fff; }
.shadow { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); box-shadow: 0 1px 1px rgba(0, 0, 0, .10); }
.photoframe img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; transition: all 1.1s ease; }
.photoframe:hover img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
.dns-list_post { position: relative; }
.group-title { margin-bottom: 10px; padding-right: 100px; }
.group-title .block-title:before { content: ""; position: absolute; left: 0; bottom: 3px; height: 7px; width: 7px; border: solid 2px; }
.group-title .block-title:after { content: ""; position: absolute; left: 10px; bottom: 5px; width: 60%; height: 3px; background-color: #090909; max-width: 100px; }
.group-title .block-title { line-height: inherit; font-size: 20px; text-transform: uppercase; margin: 0; padding: 0 0 10px 0; position: relative; display: inline-block; }
.group-title .desc { font-size: 14px; font-style: italic; }
.nav-owl { position: absolute; top: -35px; right: 0; display: inline-block; margin: 0; padding: 0; }
.nav-owl div[class*="owl-"] { float: left; display: inline-block; text-align: center; background: #d5d5d5; color: #fff; height: 30px; width: 30px; line-height: 30px; font-size: 18px; margin-left: 5px; cursor: pointer; border-radius: 3px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.nav-owl div[class*="owl-"]:hover { color: #fff; background: #090909; }
.dns-list_post .dns-crpost_wp { border-radius: 3px; padding: 15px; background-color: #f5f5f5; margin-bottom: 15px; position: relative; clear: both; }
.iterm-select { padding-bottom: 15px; }
.crpost-iterm { display: inline-block; }
.crpost-iterm .row { margin: 0; }
.crpost-iterm .row >div { padding: 0; }
.crpost-iterm .post_meta { font-size: 10px; padding-bottom: 10px; font-style: italic; color: #c0c0c0; }
.crpost-iterm .mini_post_content { padding: 5px; }
.crpost-iterm .post-title { margin: 0 0 5px; font-size: 15px; line-height: 1.2; font-weight: 500; color: #5a5a5a }
.crpost-iterm .post_content { font-size: 14px; line-height: 1.2; }
.crpost-iterm .more-btn { font-size: 12px; font-style: italic; text-transform: capitalize; }
.crpost-iterm .more-btn:hover { color: #f58b3c }
#sidebar-right .widget { margin-bottom: 30px; clear: both; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); box-shadow: 0 1px 1px rgba(0, 0, 0, .10); padding: 10px; background: #f5f5f5; }
#sidebar-right .widget-title { text-transform: uppercase; position: relative; padding-bottom: 10px; margin-bottom: 10px; margin-top: 0; font-size: 18px; }
#sidebar-right .widget-title:before { content: ""; position: absolute; left: 0; bottom: 3px; height: 7px; width: 7px; border: solid 2px; }
#sidebar-right .widget-title:after { content: ""; position: absolute; left: 10px; bottom: 5px; width: 60%; height: 3px; background-color: #090909; max-width: 80px; }
.dns-news_home .dns-news_home > .row { margin: 0 -5px; }
.dns-news_home .dns-news_home .col-iterm { padding: 0 5px; }

/* DNS Products */
.dns_products { margin: 30px auto; position: relative; padding: 5px 0 0; background: #fff; }
.dns_products .owl-nav { position: absolute; top: -35px; right: 0; margin: 0; padding: 0; }
.dns_products .owl-nav [class*="owl-"] { padding: 0; margin: 0 2px; height: 30px; width: 30px; border-radius: 0; line-height: 34px; text-align: center; font-size: 18px; }
.dns_products .dns_prolist { clear: both; }
.dns_ptitle { display: inline-block; float: left; line-height: 35px; font-size: 18px; padding: 0 10px; color: #fff; font-weight: normal; margin: 0; border-radius: 0; position: relative; text-transform: uppercase; box-shadow: none; border-bottom: solid 2px var(--rcolor); color: var(--rcolor); }
.dns_mbrand { list-style: none; padding: 0; margin: 0; }
.dns_mbrand { float: left; }
.dns_mbrand li { display: inline-block; float: left; }
.dns_mbrand li a { position: relative; padding: 0 10px; height: 35px; display: inline-block; line-height: 35px; color: var(--mcolor); font-size: 14px; text-transform: capitalize; }
.dns_mbrand li a:hover { color: var(--rcolor); }
.has_boxdns .dns_boxt_wp .dns_ptitle { min-width: 250px; text-align: center; }

/* Post detaill */
#main-content article.post { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .10); box-shadow: 0 1px 1px rgba(0, 0, 0, .10); padding: 15px; background: #fff; }
.post-header h1.post-title { margin: 0; color: #090909; position: relative; padding-bottom: 10px; line-height: 1.3; font-size: 27px; }
.post-header h1.post-title:before { content: ""; position: absolute; left: 0; bottom: 3px; height: 7px; width: 7px; border: solid 2px; }
.post-header h1.post-title:after { content: ""; position: absolute; left: 10px; bottom: 5px; width: 60%; height: 3px; background-color: #000; max-width: 80px; }
.post-header .post_meta { text-transform: capitalize; font-size: 10px; padding-bottom: 10px; font-style: italic; color: #c0c0c0; }
.post-header .post_meta span.fa { color: #090909; font-size: 12px; }
.post-header .post_meta .post-cat { margin-left: 10px; font-weight: bold; font-size: 12px; }
.post-header .post_meta .post-cat a { color: #c0c0c0; font-weight: normal; }
.post-header .post_meta .post-cat a:hover { color: #090909; }
.post-tag a { background-color: transparent; color: #4285F4; text-transform: capitalize; font-size: 12px; }
.post-tag a:hover { color: #090909 }
.blq-section { margin-top: 30px; }
.home-top h1, .home-top h3 { color: #fff; }
.pi-btn-base.pi-btn-no-border { border-color: #f58b3c; border-top-color: #f8a862; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.pi-btn-base { background: #f58b3c; border: 1px solid #e97931; color: #fff !important; -webkit-box-shadow: inset 0 1px 0 #f69c45; -moz-box-shadow: inset 0 1px 0 #f69c45; box-shadow: inset 0 1px 0 #f69c45; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
.home-two h2 { text-align: center; }
.box-home { margin-top: 20px; }
.box-home .box-images { text-align: center; }
.box-home .box-images img { display: inline-block; background: #1dafec; border-radius: 100%; width: 130px; padding: 22px; }
.box-home .box-content { padding: 0 10px; }
.box-home .box-content h3 { font-size: 17px; text-align: center; font-weight: bolder; }
.box-home .box-content p { color: #666e70; }
.box-home .box-content p b, .box-home .box-content p strong { color: #21252b; }
h2.title-border { text-align: center; text-transform: uppercase; position: relative; }
h2.title-border:after { content: ""; display: block; margin: 5px auto; height: 2px; width: 100px; background-color: #F7BE68; }
.box-images-home { margin-bottom: 20px; }
.box-images-home p { font-weight: bold; margin-top: 10px; }
.album-home .wpb_single_image figure { margin: 0 0px 20px 0; }
.album-home .wpb_single_image img { min-height: 280px; text-transform: uppercase; object-fit: cover; width: 100%; object-position: center; }
.album-home .wpb_single_image figcaption { text-transform: uppercase; font-weight: bold; text-align: left; margin-top: 10px; }
.wpb_revslider_element.wpb_content_element { margin-bottom: 0; }
.section-dark { color: #858d91; }
.section-dark b, .section-dark strong { color: #ccccd5; font-weight: 600; }

/* Footer */
#after-content { margin: 20px 0; background: #fafbfb; }
#footer { padding-top: 15px; background-color: #2e343a; border-bottom: solid 8px #f58b3c; }
#footer-bottom { padding: 15px 0; border-bottom: 1px solid #1a1e22; }
#copyright { background: #292f38; }
#footer-widgets { background-image: url('../images/map-base.png'); background-repeat: no-repeat; background-position: 80%; }
#footer-widgets .widget { margin-bottom: 10px; }
#footer-widgets  .widget_nav_menu { clear: both; }
#footer a { color: #f58b3c }
#footer a:hover, #footer-widgets .info-list li a:hover { color: #0099ff }
#copyright, #copyright p, #copyright a { font-size: 13px; line-height: 25px; }
#after-content { padding: 15px 0;
background: #eee;
margin-bottom: 0; }
#footer .info_address { padding: 0; list-style: none; }
#footer .widget-title { color: #fff; font-size: 16px; font-weight: normal; line-height: 1.6; }
#footer .info_address li { padding-left: 20px; margin-bottom: 8px; position: relative; }
#footer .info_address li .bullet-icon { position: absolute; left: 0; top: 0; position: absolute; }
.chat_box { position: fixed; width: 300px; height: auto; max-height: 350px; right: 0; bottom: 0; height: 100%; background: #fff; padding-top: 20px; }
.chat_box iframe { height: 100%; border: none; }
.chat_box span { cursor: pointer; position: absolute; top: 0; left: 0; }

/** Back to top **/
#wrap-back-to-top { display: none; position: fixed; cursor: pointer; right: 30px; bottom: 105px; z-index: 10 }
#wrap-back-to-top i { border: 2px solid white; font-size: 17px; color: #fff; border-radius: 50%; padding: 4px 8px 10px 8px; background: #f58b3c }
#wrap-back-to-top.show { display: block; }

/* Hot Line*/
.chotline { position: fixed; bottom: 110px; right: 25px; width: 40px; height: 40px; border-radius: 100%; background: #02bce3; line-height: 40px; text-align: center; font-size: 20px; z-index: 9999; }
.chotline a { color: #fff; display: block; width: 100%; height: 100%; }
.fhotline { position: fixed; left: 20px; bottom: 20px; z-index: 9999999; padding: 5px; color: #fff; border-radius: 30px; background: #f58b3c; display: inline-block; }
.fhotline .call-me { float: left; color: #fff; background: #0099ff; display: block; height: 100%; line-height: 40px; padding: 0 30px 0 15px; border-radius: 30px; font-size: 22px; }
.fhotline .hotline-no { float: left; text-align: center; display: inline-block; padding: 0 15px; font-weight: 600; background-color: #f58b3c; border-radius: 30px; margin-left: -25px; height: 40px; }
.fhotline .hotline-no a { font-size: 16px; font-weight: 500; font-family: 'Oswald', sans-serif; background-color: transparent; color: #FFF; letter-spacing: 1px; }
.fhotline span { font-size: 12px; text-transform: capitalize; margin: 0; text-align: center; line-height: 14px; display: block; }

/* ====================
Preloader
==================== */
#preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #fff; }
.pr-circle { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.pr-circle .pr-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.pr-circle .pr-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #00a3c8; border-radius: 100%; -webkit-animation: pr-circleBounceDelay 1.2s infinite ease-in-out both; animation: pr-circleBounceDelay 1.2s infinite ease-in-out both; }
.pr-circle .pr-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.pr-circle .pr-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.pr-circle .pr-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.pr-circle .pr-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.pr-circle .pr-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.pr-circle .pr-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.pr-circle .pr-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.pr-circle .pr-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.pr-circle .pr-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.pr-circle .pr-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.pr-circle .pr-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.pr-circle .pr-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.pr-circle .pr-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.pr-circle .pr-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.pr-circle .pr-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.pr-circle .pr-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.pr-circle .pr-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.pr-circle .pr-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.pr-circle .pr-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.pr-circle .pr-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.pr-circle .pr-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.pr-circle .pr-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes pr-circleBounceDelay {
	0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
	40% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes pr-circleBounceDelay {
	0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
	40% { -webkit-transform: scale(1); transform: scale(1); }
}
.fb_dialog.fb_dialog_advanced { bottom: 40px !important; right: 15px !important; }
.max_video { max-width: 600px; margin: 0 auto }
.videoWrapper { position: relative; padding-bottom: 55%; padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#slide-show { padding: 10px 0; max-width: 700px; margin-left: auto; margin-right: auto; }
#mainsl-slider { margin-bottom: 5px; }
#mainsl-slider { position: relative; }
#mainsl-slider .overlight { position: absolute; text-align: center; width: 100%; height: 100%; font-size: 75px; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; color: #fff; font-weight: normal; padding-top: 20%; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
#mainsl-slider a:hover .overlight { opacity: 1 }
#mainsl-slider 	.owl-nav { margin: 0; right: 0; position: absolute; top: 0; padding: 0; }
#mainsl-slider 	.owl-nav >div { z-index: 999; background: var(--mcolor); padding: 8px 15px; font-size: 20px; line-height: 15px; border-radius: 0; margin: 0; opacity: 0.7; }
#mainsl-slider 	.owl-nav >div:hover { opacity: 1; }
#mainsl-slider 	.owl-nav .owl-next { margin-left: 1px; }
#thumbnailsl-slider .items { cursor: pointer; }
#thumbnailsl-slider .current .items { }
#thumbnailsl-slider .items:hover { opacity: 0.7; }

/* -----------------------------------
    17. Animations
------------------------------------- */
.faa-wrench.animated, .faa-wrench.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-wrench { -webkit-animation: wrench 3.5s ease infinite; animation: wrench 3.5s ease infinite; transform-origin-x: 90%; transform-origin-y: 35%; transform-origin-z: initial; }
#header.fixed-header >.container { display: none; }
#header.fixed-header { width: 100%; z-index: 999; top: 0; left: 0; position: fixed; animation: slide-down 0.7s; }
@keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}
@-webkit-keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}
@-moz-keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}
@-webkit-keyframes wrench {
	0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); }
	8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); }
	10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes wrench {
	0% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); }
	8% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); }
	10% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	18% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	20% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	28% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	30% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	38% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	40% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	48% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	50% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	58% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	60% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	68% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}

/* EXTRA Product */
:root { --gcolor: #ececec; --bcolor: #2e2e2e; --mcolor: #f58b3c; --scolor: #000; --session-padding: 35px 0; --bfont: Arial, Helvetica, sans-serif; --hfont: Arial, Helvetica, sans-serif; }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.d-block { display: block !important; }
.woocommerce .products ul:after, .woocommerce ul.products:after, .woocommerce .products ul:before, .woocommerce ul.products:before { display: none !important; }
#matrix_form { display: block !important; }
.dns_matrix_form .nav-tabs { border: none; }
.dns_matrix_form .nav-tabs li a { border: none !important; padding: 0; margin: 5px; background: transparent; }
.dns_matrix_form .nav-tabs li.active .box_color:before { content: "\f00c"; font-family: FontAwesome; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.6); position: absolute; font-size: 10px; color: #000; top: 13px; left: 15px; }
.dns_matrix_form .nav-tabs .box_color { display: inline-block; width: 40px; height: 40px; border-radius: 100%; position: relative; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.6); }
.dns_matrix_form .row { margin: 0 -5px; }
.dns_matrix_form .row >div { padding: 0 5px; }
.dns_matrix_form .tab-content { padding: 10px; }
.dns_matrix_form .tab-content ul { list-style: none; padding: 0; }
.dns_matrix_form .tab-content ul.dns_tplist> li { margin-bottom: 10px; }
.dns_matrix_form .tab-content .dns_tptitle { margin: 0; font-size: 13px; font-weight: bold; text-transform: capitalize; }
.dns_matrix_form .tab-content .dns_varatb { font-size: 10px; font-style: italic; }
.dns_matrix_form .tab-content .dns_varatb li { display: inline-block; }
.dns_matrix_form .tab-content input.qty_input { width: 100%; text-align: center; max-width: 130px }
.dns_matrix_form .tab-content .dns_tpprice { color: #fe0000; font-size: 13px; font-weight: bold; }
.dns_boxextra { border: solid 1px var(--mcolor); margin: 10px auto; padding: 10px; border-radius: 5px; }
#dns-psummary .dns_boxextra legend { display: inline-block; width: auto; padding: 4px 15px; margin: 0 0 0 5px; font-weight: normal; font-size: 14px; color: #fff; background-color: var(--mcolor); border-radius: 40px; text-transform: capitalize; line-height: 14px; position: relative; cursor: pointer; }
#dns_ptuvan .frm_html_container, .box_extra .frm_html_container { display: none; }

/* Product*/
.product_list_widget, .dns_prolist .row { display: flex; flex-wrap: wrap; }
.dns_prolist .row:before { display: none; }
.dns-piterm { background-color: #fff; padding: 8px; height: 100%; border-right: solid 1px #f1f1f1; }
.dns-piterm:hover { z-index: 2; -webkit-box-shadow: 1px 2px 7px 0 rgba(0, 0, 0, .21); -moz-box-shadow: 1px 2px 7px 0 rgba(0, 0, 0, .21); box-shadow: 1px 2px 7px 0 rgba(0, 0, 0, .21); }
.dns-piterm .props { padding: 5px 0 0; margin-top: -30px; z-index: 99; position: relative; }
.dns-piterm .props span { background: #fff; display: inline-block; vertical-align: middle; font-size: 11px; border: 1px solid #ddd; margin: 0 5px 5px 0; text-decoration: none; text-transform: uppercase; color: #444; line-height: 22px; height: 20px; padding: 0 5px; border-radius: 2px; }
.dns-piterm h3.ptitle { color: #000; line-height: 18px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; margin: 10px 0; padding: 0; font-weight: inherit; display: block; font-weight: bold; }
.dns-piterm .dns-price { position: relative; padding: 5px 0; }
.dns-piterm .dns-price_sale { color: var(--mcolor); font-weight: bold; font-size: 16px; }
.dns-piterm .dns-price { }
.dns-piterm .proimage { position: relative; display: inline-block; width: 100%; height: auto; }
.dns-gtitle h1.dns-btitle { font-size: 22px; padding-bottom: 5px; }
.dns-piterm .promosale { position: absolute; top: 5px; right: 5px; z-index: 2; cursor: pointer; font-size: 12px; color: #fafbfa; background: var(--mcolor); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 100%; width: 47px; padding: 4px 8px; text-align: center; }
.dns-piterm .smalltext { font-size: 12px; }
.dns-col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 100%; }
.dns-piterm .pmore { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; left: 0; bottom: 0; padding: 5px; width: 100%; }
.dns-piterm:hover .pmore { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.dns-piterm .pmore a { display: block; width: 100%; text-transform: uppercase; font-size: 14px; border-radius: 3px; background: var(--mcolor); color: #fff; text-align: center; padding: 8px; }
.dns-piterm .pmore a:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.dns_prolist .dns-piterm { border-top: solid 1px #f1f1f1; padding-bottom: 25px; }
.dns_prolist .dns-price_old { float: right; }
.dns_prolist .dns-price_sale { float: left; }
.product_list_widget li .sale_price .amount { color: var(--mcolor); font-size: 16px; font-weight: 600; }
.woocommerce ul.cart_list li img { float: left; margin-right: 4px; margin-left: 0; width: 90px; }
.woocommerce ul.product_list_widget li img { width: 100%; float: left; margin-right: 0; margin-left: 0; }
#sidebar-right ul  li:last-child { border-bottom: none; }
#sidebar-right ul li a { color: #4d4d4d; font-weight: normal; font-size: 15px; line-height: inherit; }
#sidebar-right ul li:hover a { color: var(--mcolor); }

/* Product detaill */
.product-archive, .dns_puprel { margin: 15px auto; }
#sidebar-dproduct.sidebar-parchive ul { list-style: none; padding: 0; margin: 0; }
#sidebar-dproduct.sidebar-parchive ul li { display: block; border-bottom: dashed 1px #ccc; }
#sidebar-dproduct.sidebar-parchive ul li a { display: block; padding: 5px 0; color: #000; text-transform: capitalize; }
#sidebar-dproduct.sidebar-parchive ul li a:hover { text-indent: 5px; color: var(--mcolor); }
.d-none { display: none !important; }
.title_group { margin-bottom: 15px; border-bottom: solid 1px #ccc; }
.title_group h1 { font-size: 24px; color: #000; line-height: 40px; text-transform: none; margin-top: 0; display: inline-block; margin-bottom: 0; }
.woocommerce div.product .woocommerce-product-rating { margin-bottom: 0; display: inline-block; }
.star-rating span, .stars a, .star-rating:before { color: #f9eb00 }
#sidebar-dproduct { padding: 0 10px; }
#sidebar-dproduct.sidebar-right h4.tborder.bg-title { background: var(--mcolor); color: #fff; padding: 10px 10px; display: block; border-left: 4px solid #000 !important; border-bottom: 2px solid #fff !important; }
.box_title { background: var(--mcolor); color: #fff; padding: 10px 20px; position: relative; z-index: 9; display: inline-block; border-left: 4px solid #000; text-transform: uppercase; font-size: 16px; border-bottom: 2px solid; }
#dns-psummary { margin-bottom: 15px; }
#dns-psummary .btn-hotline { margin-bottom: 10px; text-transform: uppercase; font-size: 20px; font-weight: normal; display: block; }
#dns-psummary .btn-hotline a { font-weight: bold; }
#dns-psummary .dns_gprice { font-weight: bold; text-transform: uppercase; font-size: 16px }
#dns-psummary .dns_gprice:before { margin: 8px 0 5px 0; content: "Giá SP:"; display: block; line-height: 18px; font-weight: normal; text-transform: capitalize; }
#main-image-slider { margin-bottom: 5px; background-color: #fff; position: relative; }
#main-image-slider .overlight { position: absolute; text-align: center; width: 100%; height: 100%; font-size: 75px; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; color: #fff; font-weight: normal; padding-top: 30%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
#main-image-slider a:hover .overlight { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
#main-image-slider .owl-nav { padding: 0; position: absolute; top: 10px; right: 15px; margin: 0; padding: 0; overflow: hidden; height: 35px; background: #fdb927; }
#main-image-slider .owl-nav [class*='owl-'] { padding: 0; display: inline-block; float: left; font-size: 25px; height: 35px; width: 35px; background-color: #333; color: #fff; text-align: center; line-height: 34px; padding-right: 20px !important; box-sizing: content-box; position: relative; margin: 0; border-radius: 0; transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -webkit-transition: all 0s ease 0s; }
#main-image-slider .owl-nav [class*='owl-'].owl-next { background-color: #f58b3c; color: #fff; padding-right: 0 !important; padding-left: 0 !important; }
#main-image-slider .owl-nav [class*='owl-'].owl-next .fa { position: relative; z-index: 9; }
#main-image-slider .owl-nav [class*='owl-'].owl-next:before { content: ""; background-color: #f58b3c; width: 40px; height: 40px; transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); position: absolute; left: -10px; top: -2px; }
#main-image-slider .owl-nav [class*='owl-'].owl-next:hover, #main-image-slider .owl-nav [class*='owl-'].owl-next:hover:before, #main-image-slider .owl-nav [class*='owl-']:hover { background-color: #000; color: #fff; }
#thumbnail-slider { background: #fff; }
#thumbnail-slider .items { cursor: pointer; border: solid 3px #ececec; }
#thumbnail-slider .current .items { }
#thumbnail-slider .items:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
#dns-psummary .cart .quantity { margin-bottom: 10px; }
#dns-psummary .cart .quantity label { display: inline-block; height: auto; position: relative !important; width: auto; vertical-align: middle; }
.woocommerce-tabs.wc-tabs-wrapper { }
.woocommerce #reviews #comments h2 { clear: none; font-size: 16px; margin-top: 0; margin-bottom: 15px; }
.woocommerce-tabs .woocommerce-Tabs-panel  > h2 { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs:after, .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 2px solid var(--mcolor); margin-bottom: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #eee; border-radius: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--mcolor); border-bottom-color: #fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; background-color: var(--mcolor); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { border-radius: 0; text-transform: uppercase; font-size: 14px; color: #000; padding: 10px 10px 5px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { content: none; }
.woocommerce div.product .woocommerce-tabs .panel { background-color: #fff; padding: 15px; }
#tab-desc_inner.height-limit { text-align: justify; height: 720px; position: relative; overflow: hidden; }
#tab-desc_inner.height-limit:after { content: ""; height: 100px; position: absolute; bottom: 0; width: 100%; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, hsla(0, 0%, 100%, 0)), color-stop(83%, #fff)); background: linear-gradient(-180deg, hsla(0, 0%, 100%, 0) 6%, #fff 83%); }
#tab-description .desc_btn-expand { position: relative; bottom: 0; left: 0; background: #fff; font-size: 13px; line-height: 14px; padding: 12px 0 18px; text-align: center; width: 100%; margin: 0 !important; }
#tab-description .desc_btn-more { border: 1px solid #000; background: #fff; color: #000; padding: 0 24px; border-radius: 2px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; outline: none; cursor: pointer; height: 35px; font-size: 14px; text-transform: uppercase; }
#tab-description .desc_btn-more:hover { background: #000; color: #fff; }
.woocommerce nav.woocommerce-pagination ul { border: none; }
.woocommerce-pagination .page-numbers > li, .nav_pager .pagination > li { display: inline-block; margin: 0 5px !important; border: none!Important; }
.nav_pager .pagination > li a, .woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span, .nav_pager .pagination > li span { line-height: 30px !important; padding: 0 !important; border: none !important; border-radius: 100%; border: none; background-color: #f3f3f3; color: #272727; width: 30px; height: 30px; padding: 0; line-height: 30px; text-align: center; }
.nav_pager .pagination > li i { font-size: 18px; }
.nav_pager .pagination > li a:hover, .woocommerce-pagination .page-numbers li a:hover, .woocommerce-pagination .page-numbers li .current, .nav_pager .pagination > li.active span { background-color: var(--mcolor) !important; color: #fff !important; line-height: 30px; padding: 0; }
#dns_breadcrumb .woocommerce-breadcrumb { margin: 0; padding: 5px 0; }
#dns_breadcrumb .woocommerce-breadcrumb a { color: var(--mcolor) }
#dns_breadcrumb .woocommerce-breadcrumb .fa { display: inline-block; margin: 0 5px; }
.woocommerce .cart .button, .woocommerce .cart input.button { float: none; border-radius: 10px 0; background: var(--mcolor); color: #fff; text-transform: uppercase; font-weight: normal; line-height: initial; border: none; padding: 10px 15px 5px; min-height: 30px; }
.woocommerce .quantity .qty { width: 80px; }
.coupon #coupon_code { min-width: 100px; text-transform: capitalize; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: var(--mcolor); color: #fff; -webkit-font-smoothing: antialiased; text-transform: uppercase; border-radius: 10px 0; margin: 0 2px; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: var(--scolor); color: #fff; border-radius: 0 10px; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; max-width: 100%; display: block; }
.woocommerce form .form-row { padding: 3px; margin: 0 0 6px; display: block; padding: 0; }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; display: block; max-width: 100%; padding: 0; }
.archive .woo-content h1.page-title { display: none; }
.woocommerce-info { border-top-color: #11a40d; }
.woocommerce-info:before { color: #11a40d; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation ul li { display: block; }
.woocommerce-MyAccount-navigation ul li a { display: inline-block; text-transform: uppercase; padding: 5px; text-decoration: underline; color: var(--scolor); }
.woocommerce-MyAccount-navigation ul li a:hover { color: var(--mcolor) }
.woocommerce-MyAccount-content div[class*="col-"] { max-width: 100%; }
.woocommerce #reviews #comments ol.commentlist { padding-left: 10px; }
.woocommerce #reviews #comments ol.commentlist ul.children { list-style: none outside; margin: 10px 0 0 20px; }
#commentform .required { color: #ff0000 }
#commentform label { display: block; }
#commentform .comment-form-author, #commentform .comment-form-email { width: 50%; float: left; padding-right: 10px; }
#commentform .comment-form-author input, #commentform .comment-form-email input { width: 100%; }
.product_meta > span { display: block; }

/* BT Cart */
#dns-psummary .dns_bcart { margin: auto; cursor: pointer; float: left; width: 100%; overflow: hidden; padding: 12px 0; border-radius: 4px; font-size: 16px; font-weight: 600; line-height: normal; text-transform: uppercase; color: #fff; text-align: center; background: #fd6e1d; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000)); background: -webkit-linear-gradient(top, #f59000, #fd6e1d); background: -moz-linear-gradient(top, #f59000, #fd6e1d); background: -ms-linear-gradient(top, #f59000, #fd6e1d); background: -o-linear-gradient(top, #f59000, #fd6e1d); }
#dns-psummary .dns_bcart span { display: block; font-size: 12px; color: #fff; text-transform: none; font-weight: normal; }
#dns-psummary .area_order { margin: 0 -5px }
#dns-psummary .area_order .col { padding: 0 5px; }
#dns-psummary  .buy_ins { cursor: pointer; line-height: normal; width: 100%; padding: 9px 0; text-align: center; background: #288ad6; color: #fff; border-radius: 4px; font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 10px 10px 0 0; display: block; }
#dns-psummary .buy_ins span { display: block; font-size: 12px; color: #fff; text-transform: capitalize; font-weight: normal; }
.trust_product>div { margin-bottom: 20px; }
.box_border { border: dashed 1px var(--bcolor); padding: 10px; margin: 5px auto; border-radius: 5px; }
.box_border .fa { color: #fe0000; }
.num_list { list-style: none; padding: 0; margin: 0; counter-reset: num_list; }
.num_list li { position: relative; padding: 5px 0; font-weight: bold; }
.num_list li.note:before { background: var(--mcolor) }
.num_list li:before { counter-increment: num_list; content: counter(num_list); width: 25px; height: 25px; display: inline-block; background: #000; color: #fff; text-align: center; margin-right: 5px; border-radius: 5px; }
.product-shippromotion >span { font-style: italic; color: var(--mcolor); }
.trust_product .box_title { width: 100%; }
.link_more_wp { text-align: center; display: block; margin: 10px auto; padding: 0; clear: both; padding-bottom: 20px; }
.link_more_wp .link_more_inner { display: inline-block; padding: 0; border-radius: 30px 5px 5px 30px; border: solid 4px var(--mcolor); background: var(--mcolor); position: relative; }
.link_more_wp .link_more_inner:before { content: ""; background: transparent; display: inline-block; position: absolute; right: 0; bottom: -19px; border-top: solid 15px #09f; border-left: solid 0px transparent; border-right: solid 20px transparent; }
.link_more_wp .link_more_inner a { display: inline-block; padding: 8px 20px 8px 20px; border-radius: 30px 5px 5px 30px; text-transform: uppercase; font-size: 16px; text-align: center; border: solid 1px #000; color: #fff; background: var(--mcolor); }
.link_more_wp .link_more_inner a:hover { background: var(--scolor) }
.pro_slider_post .prop_item { border: solid 1px #ccc; }
.pro_row { margin: 0 -5px; }
.pro_col { padding: 0 5px; margin-bottom: 10px; }

/*Beo*/
.product_detaill span.sku_wrapper span { font-size: 18px; color: #f28b3b; }
.product_detaill .dns_gprice span { color: #f28b3b; font-size: 21px; }
.product_detaill .dns_gprice del span { font-size: 18px; color: #333; }
.product_detaill .woocommerce-product-details__short-description p { color: #666; text-align: justify; }
.product_detaill #frms_dathang form input, .product_detaill #frms_dathang form textarea { border-color: #d5d5d5; }
.product_detaill #frms_dathang form .frm_submit button { background: #010300; border-width: 1px; border-color: #f97521; padding: 17px 25px; height: 50px; }
.product_detaill #product_meta { background: #fff; padding: 10px; border: 1px solid #f58b3c33; }
.product_detaill #product_meta i { color: #f58b3c; }
.product_detaill #product_meta a { color: #333; }
h3.box_titlevd { text-align: center; margin-bottom: 10px; padding: 10px; background: #288ad6; color: #fff; font-size: 16px; text-transform: uppercase; border-left: 4px solid #f68806; border-right: 4px solid #f78607; font-weight: 500; }

/* Update 092019 */
.dflex, .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.row:after, .row:before { display: none !important }
.hover_zoom { position: relative; overflow: hidden; display: block; border: solid 1px #f1f1f1 }
.hover_zoom img { -moz-transition: 0.6s !important; -webkit-transition: 0.6s !important; transition: 0.6s !important; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.hover_zoom:hover img { -moz-transform: scale(1.1) rotate(0.01deg); -webkit-transform: scale(1.1) rotate(0.01deg); transform: scale(1.1) rotate(0.01deg) }
.vc_row-o-equal-height>.wpb_column>.vc_column-inner>.wpb_wrapper { height: 100% }
.dns_posts { margin: 0 auto 30px }
.dns_posts .dns_posts_title { display: block; margin-bottom: 15px; color: #9f2426 }
.dns_posts .dns_posts_title .block_title { text-transform: uppercase; padding: 0; margin: 0 auto }
.dns_posts .dns_posts_title .block_title:after { content: ""; display: block; width: 100px; height: 2px; background: #ee8f00; clear: both }
.dns_posts .dns_posts_title .block_title span { color: #9f2426 }
.dns_posts .dns_posts_title .block_title a { color: inherit }
.dns_posts .dns_posts_title .block_title a:hover, .dns_posts .dns_posts_title .block_title a:focus { color: #9f2426 }
.dns_posts .dns_posts_title.text-center { text-align: center }
.dns_posts .dns_posts_title.text-center .block_title:after { margin: 0 auto }
.dns_posts .dns_posts_title.text-right { text-align: right }
.dns_posts .dns_posts_title.text-right .block_title { position: relative; padding-bottom: 5px }
.dns_posts .dns_posts_title.text-right .block_title:after { position: absolute; right: 0; bottom: 2px }
.dns_posts .hover_zoom { border: none }
.dns_posts .hover_zoom img { width: 100%; height: auto }
.dns_posts .post_item .post_title { margin: 0 auto; font-weight: 500; color: #2b2b2b; font-size: 15px; line-height: inherit; padding: 5px 0 }
.dns_posts .post_item .post_desc { margin: 10px auto }
.dns_posts .post_item a { color: inherit }
.dns_posts .post_item a:hover, .dns_posts .post_item a:focus { color: #9f2426 }
.dns_posts .post_item:hover a, .dns_posts .post_item:focus a { color: #9f2426 }
.dns_posts.posts_type_grid .dns_posts_list .post_row { margin: 0 -8px }
.dns_posts.posts_type_grid .dns_posts_list .post_row .post_col { padding: 0 8px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout1 .post_col { margin-bottom: 10px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout2 .post_item.big_item { margin-bottom: 15px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout2 .post_item .post_col { margin-bottom: 15px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout2 .post_title span.post_date { display: block; clear: both; font-weight: normal; font-style: italic; font-size: 80% }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout3 .big_item { position: relative; margin-bottom: 10px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout3 .big_item .post_image { padding-left: 10px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout3 .big_item .post_info { position: absolute; bottom: 0; left: 0; background: #9f2426; width: 100%; padding: 10px; margin: 0 }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout3 .big_item .post_info:before { content: ' '; position: absolute; left: 0; border-left: 4px solid transparent; border-bottom: 5px solid #9f2426; border-top: 5px solid transparent; border-right: 6px solid #9f2426; top: -10px; z-index: 5 }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout3 .big_item .post_info .post_title { margin: 0; color: #fff; padding: 0; font-weight: normal }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout3 .big_item .post_info .post_title a { color: inherit }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout3 .post_row .post_row .post_col { margin-bottom: 10px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_col { margin-bottom: 10px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_item.big_item { margin-bottom: 15px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_item.big_item .post_more { display: block; clear: both }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_item.big_item .post_more a { padding: 0 30px !important; height: 40px; line-height: 40px; border-radius: 0; font-weight: normal; font-size: 14px; position: relative; overflow: hidden; display: block; background: #9f2426; color: #fff; font-family: "Roboto", sans-serif; border: none; text-transform: uppercase; transition: all 200ms; text-align: center }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_item.big_item .post_more a:focus, .dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_item.big_item .post_more a:hover { background: #09579f; color: #fff }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_item .post_col { margin-bottom: 15px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .post_title span.post_date { display: block; clear: both; font-weight: normal }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout4 .cat_date { display: block }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .post_row_wp { margin: 0 -8px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .post_row_wp .post_col_wp { padding: 0 8px; margin-bottom: 10px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner { background: #fff; margin-bottom: 15px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_image { height: 100% }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_image a { height: 100% }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_image img { width: 100%; height: 100%; object-fit: cover }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_info { padding: 10px }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_info .post_title { margin: 0; font-size: 16px; padding: 0; color: #9f2426; font-weight: normal }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_info .post_title:hover { color: #ee8f00 }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_info .post_meta { margin: 5px auto }
.dns_posts.posts_type_grid .dns_posts_list.posts_layout_layout5 .dns_aitem_inner .post_info .post_desc { margin-top: 10px }
.dns_posts.posts_type_carousel .owl-nav { margin: 0 }
.dns_posts.posts_type_carousel .owl-nav [class*="owl-"] { position: absolute; left: 0; top: calc(50% - 15px); display: inline-block; height: 30px; width: 30px; padding: 0; margin: 0; line-height: 30px; border-radius: 0; font-weight: normal; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff }
.dns_posts.posts_type_carousel .owl-nav [class*="owl-"].owl-next { left: auto; right: 0 }
.dns_posts.posts_type_carousel .owl-nav [class*="owl-"]:hover { background: #000 }
.dns_posts.posts_type_carousel .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px; background: #ccc; display: block; transition: opacity 200ms ease; border-radius: 30px; opacity: 0.8 }
.dns_posts.posts_type_carousel .owl-dots .owl-dot span:hover { opacity: 1 }
.dns_posts.posts_type_carousel .owl-dots .owl-dot.active span { background: #9f2426 }
.dns_icon_steps { position: relative; padding: 15px 0 }
.dns_icon_steps .block-title { text-align: center; text-transform: uppercase; margin-top: 0; margin-bottom: 25px; position: relative; font-weight: normal; font-size: 20px }
.dns_icon_steps .block-title:after { content: ""; width: 150px; display: block; clear: both; height: 2px; margin: 0 auto; background: #9f2426 }
.dns_icon_steps .dns-step { margin-bottom: 30px }
.dns_icon_steps .dns-step .step_wrap { display: block; min-width: 150px; min-height: 150px; max-width: 200px; margin: 0 auto; position: relative; overflow: hidden; text-align: center; background: #fff; border-radius: 5px; box-shadow: 1px 1px 5px #ccc; padding-top: 30px; height: 100% }
.dns_icon_steps .dns-step .step_wrap .count-number { position: absolute; left: -25px; top: -20px; width: 60px; height: 55px; border-radius: 50%; background: #9f2426; color: #fff; display: block; text-align: left; font-size: 16px; font-weight: 700; padding: 25px 30px }
.dns_icon_steps .dns-step .step_wrap .step-icon img { width: 70px; height: 70px; object-fit: cover; object-position: center; display: block; margin: 0 auto }
.dns_icon_steps .dns-step .step_wrap .step-title { text-transform: uppercase; color: #000; font-weight: 500; margin-top: 5px; padding: 5px }
.dns_icon_steps .dns-step .step_wrap:after { content: ""; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all .5s ease }
.dns_icon_steps .dns-step .step_wrap:hover:after { top: 0; transition: all .5s ease }
.iso-chat_luong { box-shadow: 0px 0px 16px 0px #ccc; border: 2px dashed #f90; background-color: rgba(153, 204, 0, 0.13); padding: 20px }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper { position: relative; padding: 15px; background: #eee; margin-bottom: 20px; text-align: center; transition: all .2s ease }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper .wpb_single_image { display: flex; flex-wrap: wrap; flex-direction: column-reverse }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper .wpb_single_image .wpb_heading { font-weight: 500; font-size: 16px; margin-top: 10px; margin-bottom: 10px; color: #9f2426; text-transform: uppercase }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper .wpb_single_image img { width: 210px; height: 210px; object-fit: cover; }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper .wpb_text_column { margin-bottom: 0 }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper:hover { background: #9f2426; color: #fff; transition: all .2s ease }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper:hover .wpb_single_image .wpb_heading { color: #ee8f00 }
.dns_intro_hover>.vc_column-inner>.wpb_wrapper:hover a { color: #ee8f00 }
