/*   

Theme Name: DEV Wordpress

Version:5.0

Author: Wordpress

*/

.reviews-rating__star {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background-image: url(images/star.svg?556b7dd…);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;float: left;
}.product-policy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: .03em;
}.product-policy__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 33.33333333%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}.product-policy__icon {
    position: relative;
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
}
.product-voucher {margin-bottom: 20px;}
.reviews-rating__label {position: relative;top: -4px;}
#footer {color: #333}
.home .menu-all-site > .menu {display: block;}
.row {margin-left: -10px;margin-right: -10px}
.row > div {padding-left: 10px;padding-right: 10px;}
.col-md-3:nth-child(4n+1) , .col-md-6:nth-child(2n+1) , .col-md-4:nth-child(3n+1){clear:both;}
.footer-main li{list-style: none;padding-bottom: 5px;}
.sidebar li{padding: 5px 0}
.sidebar {margin-bottom: 20px;}
.footer-main li a{display: block;padding: 5px 0;font-weight: normal;color: #333;}
.footer-main li a:before{content: "\f0da";font: normal normal normal 14px/1 FontAwesome; padding-right: 5px;}
body{}
.n2:nth-child(2n+1){clear: left;}
.n3:nth-child(3n+1){clear: left;}
.n4:nth-child(4n+1){clear: left;}
.n5:nth-child(5n+1){clear: left;}
.product-content ul{padding-left: 20px;}
.product-content ul li{list-style: inside}
.footer-lien-he__title, .footer-lien-he__value {
    font-weight: 700;
    display: flex;
    align-items: center;
}.footer-lien-he__value a {
    font-size: 2.6rem;
}
.footer-top {padding: 20px 0;border-bottom: 1px solid #ddd;}
.logo img {max-height: 58px;width: auto;}
.n6:nth-child(6n+1){clear: left;}
#comments{margin: 20px auto;}
#wpd-post-rating{margin-bottom: 20px;}
#wpdcom .wpd-thread-list{padding: 20px 0;}
.p20{padding: 20px 0}
.screen-reader-text {
    display: none;}
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;}
#back-top .fa {border-radius: 3px;
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    opacity: 0.4;
    line-height: 30px;}
   #back-top .fa:hover{opacity: 1;background: #003057}
.tagged_as{font-weight: 700;padding: 6px 0;border-top: 1px solid #ddd;border-bottom: 0px solid #ddd;margin: 10px 0}
.tagged_as a{    font-size: 12px;
    color: #666;
    background: #f1f1f1;
    margin: 3px;
    display: inline-block;
    float: none;font-weight: 500;
    padding: 3px 7px;
    border-radius: 3px;}
.head.navbar-fixed-top {
    animation: stuckMoveDown .6s;    background: #fff;
     box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}
.breadcrumbs{    padding: 10px 0;background: #f5f5f5;}
.breadcrumbs .slash{margin: 0 7px;}
.breadcrumbs .home .fa{font-size: 18px;}
a{transition: all 300ms ease-in-out;}
.container{}
.row10{margin: 0 -10px;}
.row5{margin: 0 -5px}
.row10 >div{padding: 0 10px;}
.row5 >div{padding: 0 5px}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.bold{font-weight: bold;}
.uppe{text-transform: uppercase;}
.flex{display: flex;align-items: center;flex-wrap: wrap;}
/* 'row-reverse' Dùng cho trường hợp đảo trái phải phần tử con */
.row-reverse{flex-direction: row-reverse;}
.table_cell{display: table;}
.table_cell>div{display: table-cell;}
.supports{    position: fixed;
    right: 0;
    background: #fffe;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 20%;
    padding: 10px 0;
    border: 1px solid #f2f2f2;}
.supports ul{list-style: none;margin: 0;}
.supports ul li a{    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;}
.supports ul li a .icon{width: 36px;height: 36px;display: block;background-repeat: no-repeat;background-size: contain;margin: 0 auto;background-position: center center}
.supports ul li a .icon_local{background-image: url(images/widget_icon_map.svg);}
.supports ul li a .icon_zalo{background-image: url(images/widget_icon_zalo.svg);}
.supports ul li a .icon_call{background-image: url(images/widget_icon_click_to_call.svg);}
.supports ul li a .icon_mess{background-image: url(images/Messenger.svg);}
.supports ul li a .icon_sms{background-image: url(images/widget_icon_contact_form.svg);}
.modal-content {
border: none;
box-shadow: none;
border-radius: .5rem;
position: relative;
background-color: #fff;
background-clip: padding-box;
outline: 0;}


button.close {
position: absolute;
right: 15px;
top: 30px;
color: #fff;
opacity: 1;}
.pop_box input[type=submit] {
background-color: #045d2d;
color: #fff;margin-bottom: 0
margin-top: 15px;}
.modal-dialog{margin: 80px auto 0}
.btn, input[type="submit"] {
display: inline-block;
height: 40px;
line-height: 39px;
padding: 0 20px;
text-align: center;
white-space: nowrap;
outline: none!important;
cursor: pointer;
border: none;
font-weight: 400;
border-radius: 0;
letter-spacing: 0;
-webkit-transition: background-color .1s ease-in;
-moz-transition: background-color .1s ease-in;
-ms-transition: background-color .1s ease-in;
-o-transition: background-color .1s ease-in;
transition: background-color .1s ease-in;
-webkit-border-radius: 0;
border-radius: 0;}
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select {
border: 1px solid #e1e1e1;
padding: 7px 10px;
width: 100%;margin-bottom: 10px;
max-width: 100%;
display: block;}
input[type='button'] {
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;}
    .woocommerce-product-details__short-description {padding-bottom: 20px;}
    .woocommerce-product-details__short-description ul{padding-left: 20px;}
    .woocommerce-product-details__short-description ul li{list-style: inside;padding-bottom: 2px;}
.buttons_added input {width: 45px;
    border: 1px solid #777;
    margin: 0;    height:45px;    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;}
    .devvn-popup-title{height: auto;padding: 10px;background: #045d2d;}
    .popup-customer-info-group .devvn-order-btn{background: #045d2d;} 
    .woocommerce .quantity .qty {
    width: 50px;    display: inline-block;
    text-align: center;
  height: 45px;}
  .sidebar .widget_nav_menu li a:hover{padding-left: 10px;}
  .sidebar .widget_nav_menu li a{display: block;padding: 5px 0;font-weight: bold;border-bottom: 1px solid #ddd;}
  .woocommerce div.product p.price, .woocommerce div.product span.price {color: red}
  .woocommerce #reviews #comments h2 {
    clear: none;
    text-align: left;
    font-weight: 700;
    padding: 10px 0;}
  .woocommerce div.product form.cart .button{float: none}
 .mfp-content .devvn-popup-quickbuy a.devvn_buy_now_style{display: none;}
 .woocommerce .star-rating span .rating {display: none}
 .woocommerce .woocommerce-product-rating .star-rating span::before{top: 2px;color: #f5a623}
  .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #045d2d;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;}
    a.devvn_buy_now_style{display: block;margin-top: 20px;}
    .woocommerce .star-rating span {top: -5px;}
    .devvn_review_mid .star-rating span::before {top: 2px !important;}
    .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{    border: 1px solid #ddd;padding: 7px;}
.image-product{position: relative;}

.woocommerce a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before{
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after{
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover {
    background: transparent;
}
.wp-pagenavi {
    text-align: center;
    padding: 20px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
    width: 36px;
    height: 36px;
    border: 1px solid #666;
    line-height: 34px;
    text-align: center;
    color: #666;
    display: inline-block;
    padding: 0 10px;
}
.wp-pagenavi span.pages, .wp-pagenavi a.last, .wp-pagenavi a.first {
    width: auto;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover {
    background: #666;
    color: #fff;
    border-color: #666;
}

*{margin:0;padding:0;line-height:1.5}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a{text-decoration:none;cursor:pointer;color:#333}
img{max-width:100%;border:none;height:auto}
p.wp-caption-text{text-align:center}
#content_pages{padding-bottom: 30px;}
.entry-title{font-size: 24px;margin-bottom: 15px;}
.img_single img{width: 100%;height: auto;}
.user-meta{color: #000;letter-spacing: 1px;font-size: 12px;text-transform: uppercase;padding-bottom: 20px;background: #ededed;padding: 5px;margin-bottom: 15px;}
.logo {padding: 10px 0; }
.head-hotline a{display: inline-block;
text-align: center;    background: #eee;
    border-radius: 4px;
    padding: 10px 30px 10px 30px;}
.head-hotline a span{display: block;}.head-hotline strong{color: #0a4e89}
.user-meta a{font-weight: 500;}
.content-post img{display:block;margin:15px auto}
.content-post hr{margin: 10px 0;}
.content-post iframe{display: block;margin: 15px auto;}
.content-post p{margin-bottom: 10px;}
.content-post p img{margin: 0 auto;}
.content-post ul,.content-post ol{margin-left: 24px;margin-bottom: 10px;}
.content-post table{margin-bottom: 10px;}
.content-post h1,.content-post h2,.content-post h3,.content-post h4,.content-post h5,.content-post h6{}
.content-post h1{font-size: 22px;}
.content-post h2{font-size: 20px;}
.content-post h3{font-size: 18px;}
.content-post h4{font-size: 16px;}
.content-post h5,.content-post h6{font-size: 15px;}
.content-post blockquote{    background-color: #E4F0FB;
    padding: 10px 20px;
    border: 3px solid #C2DFF9;
    border-radius: 4px;
    margin: 10px 0 15px;
    text-align: justify;font-size: 15px;font-weight: 600;}
.content-post blockquote:before{content: "";
    background-image: url(images/before.png);
    display: block;
    width: 32px;
    height: 26px;
    float: left;
    margin-right: 20px;}
.content-post blockquote:after{    content: "";
    background-image: url(images/after.png);
    display: block;
    width: 32px;
    height: 26px;
    float: right;}
.content-post blockquote *{display: inline;}
.content-post a{font-weight: 500;color: #33b5e5}
.wp-caption.aligncenter{max-width:100%!important}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px}
div.wpcf7 .ajax-loader{position:absolute}
.widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word}
.tabs-2 li{width:50%}
.nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff}
.nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.widget-content .single-post:last-of-type{border-bottom:none}
.widget-tabs-content .img img{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:100%}
#back-top{display:none}
.widget-content .single-post {
    padding-bottom: 12px;
    border-bottom: 1px #efefef dotted;
    padding-top: 12px;
}
.widget-content .single-post h3.title {
    font-size: 14px;
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.widget-tabs-content h3.title{font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#424242;font-size:16px}
.widget-tabs-content h3.title a{color:#424242}
.text-muted{color:#636c72;display:block;margin-top:10px;font-size:14px;font-weight:400}
.widget-content .single-post .text-muted {
    font-size: 12px;
    color: #666;
    margin-top: 0;
    font-weight: 300;
}

.form-group{margin-bottom:18px;position:relative}
.form-group .input{}
.form-group input[type='email'],.form-group  input[type='date'],.form-group  input[type='search'], .form-group input[type='number'], .form-group input[type='text'], .form-group input[type='tel'], .form-group input[type='url'], .form-group input[type='password'], .form-group textarea,.form-group  select{margin: 0;outline: none;padding: 10px 12px;border: 1px solid #8c6e4a;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);color: #333;transition: color .3s, border .3s, background .3s, opacity .3s;}
.form-group input[type='email']:focus,.form-group  input[type='date']:focus,.form-group  input[type='search']:focus, .form-group input[type='number']:focus, .form-group input[type='text']:focus, .form-group input[type='tel']:focus, .form-group input[type='url']:focus, .form-group input[type='password']:focus, .form-group textarea:focus,.form-group  select:focus{box-shadow: 0 0 5px #ccc;}
.form-button input[type="submit"] {color: #fff;text-transform: uppercase;font-size: 16px;background: #8b6e4b;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;}
.form-button input[type="submit"]:hover{box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);}

.woocommerce-product-search{position: relative;}
.woocommerce-product-search input.search-field{width: calc(100% - 35px);float: left;outline: none;margin: 0;height: 46px;line-height: 44px;padding: 0 10px;border: 1px solid #8c6e4a;font-size: 13px;}
.woocommerce-product-search button{color: #fff;font-size: 16px;line-height: 46px;background: #8b6e4b;width: 35px;float: left;text-align: center;border: none;outline: none;transition: all .3s}
.woocommerce-product-search button:hover{background: #6f583c}

.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.owl-carousel .owl-dots{text-align: center;margin-top: 10px;}
.owl-carousel .owl-dots > *{display: inline-block;zoom: 1;}
.owl-carousel .owl-dots .owl-dot{outline: none;background: none;}
.owl-carousel .owl-dots .owl-dot span {width: 11px;height: 11px;border: 1px solid #869791;border-radius: 50%;margin: 0 5px;display: block;}
.owl-carousel .owl-dots .owl-dot.active span{background: #fff;border-color: #fff;}
.owl-carousel .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);outline: none;background: none;}
.owl-carousel .owl-nav button .fa{width: 36px;height: 36px;border: 1px solid #869791;border-radius: 50%;line-height: 34px;text-align: center;}
.owl-carousel .owl-nav button span{display: block;height: 50px;line-height: 40px;font-size: 45px;width: 50px;color: #fff;text-align: center;  border-radius: 50%;  font-family: -webkit-body;}
.owl-carousel .owl-nav button.owl-prev span{ color: #333}
.owl-carousel .owl-nav button.owl-next span{color: #333}
.owl-carousel .owl-nav button.owl-prev{left: 0;}
.owl-carousel .owl-nav button.owl-next{right: 0;}
.slider_home .owl-dots{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}
.sidebar .widget:not(:last-child){margin-bottom: 20px;}
.item_header h3 {font-size: 20px;margin: 0;color:#0a4e89; }
.item_header h3 span {padding: 5px 10px;border: 1px solid}
.header_menu ul {margin: 0;background-color: #0a4e89;}
.header_menu ul > li > ul >li:nth-child(1) {width: 100%;}
.header_menu ul > li > ul > li >a {font-size: 17px;}
.header_menu ul > li > ul > li >a:hover {color: #0a4e89; }
.title_pro h2 a {color:#0a4e89;color: #333;}
.title_pro h2 {    color: #343e48 !important;
    text-transform: uppercase !important;
    
    font-weight: 500 !important;
    font-size: 28px !important;text-align: center;}
.title_pro {border-bottom: 0px solid#ddd; margin-bottom: 15px; }
.introduce_home {padding: 30px 0;background: #eee;}
.box_slider-dt .item img{position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    max-height: 60px;
    width: 110px !important;}
.border-top{border-top: 1px solid #ddd}
.box_slider-dt .item {border:0px solid #ddd;padding: 5px;position: relative;height: 80px;background: #fff}
.menu_ostp ul li { font-size: 16px; color: #333;  }
.menu_ostp ul {margin: 0;padding-left: 20px;}
.list_content .produc_name h3 a {font-size: 18px; color: #333;text-decoration: revert;}
.list_content .produc_name h3 a:hover {color: #0a4e89; }
.list_content .produc_name h3 {margin: 0;margin-bottom: 10px;}
.list_content .produc_name {text-align: center;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: bold;}
.product-info-view ul {border-bottom: 1px dashed #ddd;padding: 5px 0}
.product-info-view li{float: left;}
.iconic-woothumbs-all-images-wrap {width: 100%;}
.row {margin-left: -10px;margin-right: -10px}
.row > div{padding-left: 10px;padding-right: 10px;}
.iconic-woothumbs-icon {color: #000}
 .items {text-align: center;background: #fff; overflow: hidden;margin-bottom: 20px;} 
 .items .img-item {border: 0px solid #e3e3e3;padding: 10px;
    position: relative;overflow: hidden;}
.star-rating {color: #f0ad4e}
 .items .img-item a{ overflow: hidden;
    display: block; }
    .item-product-slider .owl-item > div {padding: 8px;}
 .items .img-item a img{width: 100%; 
    transition: all 0.5s ease;}
    div {    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;}
.product-items:hover{-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);}
 .items:hover .img-item a{transform: scale(1.1)}
 .items .sale-flash {display: none;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 20px;
    z-index: 9;
    color: #fff;
    height: 30px;
    width: 45px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    background-color: red;}
 .items .sub-item h3 {    padding-bottom: 10px;
    font-size: 16px;overflow-y: hidden;
    color: #333;
    margin: 0;
    font-weight: 400;
    line-height: 1.2;}
 .items .price {font-size: 18px;}
 .items .sub-item {    border: 0px solid #e3e3e3;
    padding: 10px 15px;
    border-top: none;}
.text-neww h3 a {    padding: 0;
    color: #333;
    font-size: 16px;
    display: block;
    text-decoration: none;}
.text-neww h3 a:hover {text-decoration: none;color: #0a4e89;}
.text-neww h3 {margin: 0;}
.text-neww p {margin: 0;}
.new-home {padding: 30px 0;}
.new-home .capt-text {    -webkit-box-shadow: 0 0 10px 3px rgba(68,80,85,.15);
    box-shadow: 0 0 10px 3px rgba(68,80,85,.15);}
.new-home .capt-text .text-neww {padding: 10px 15px;}

.new-home .capt-text .text-neww .date{        padding: 5px 0;
    color: #666;
    font-size: 13px;
    font-style: italic;}

.footer-b {border-top: 1px solid #dadada;    background-color: #f5f5f5;padding: 20px 0;}
#footer {background-color: #fff;padding: 0px 0 0;border-top: 4px solid #0a4e89}
.footer-title h3 {   
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;}
.footer-title { margin-bottom: 10px}

.menu-footer ul {margin: 0;}
.menu-footer ul li {list-style: none;position: relative;padding: 5px 0;}
.menu-footer ul li a:before{content: "\f105";position: absolute;transition: all 300ms ease-in-out;
    top: 3px;left: 5px;font: normal normal normal 14px/1 FontAwesome;}
.menu-footer ul li:hover a:before{left: 10px;}
.menu-footer ul li:hover a{padding-left: 25px;font-weight: 600;}

.menu-footer ul li a {font-size: 14px;color: #fff;display: block;padding-left: 20px;position: relative;}
.menu-footer ul li a:hover {text-decoration: none;}
.menu-footer ul li {font-size: 15px;color: #fff;position: relative;}
.content-post p {font-size: 16px;}
.content-post ul li {font-size: 16px;}
.breadcrumbs {margin-bottom: 30px;}

.loop-text h3 {margin: 0;font-size: 16px;}
.loop-text {margin: 15px 0;}
.loop-text p {margin: 0;}
.loop-text span {margin: 5px 0;    display: block;}
.prettyPhotoFrame ul li {list-style: none;}
.content-post ul {margin: 0;}
.related-posts .related-title {font-size: 17px;font-weight: bold;color: #333;margin-bottom: 10px;}
.related-posts li a {font-size: 16px; color: #333;}
.related-posts li a:hover {color: #0a4e89;}
.image-product .sale-flash {display: block;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 17px;
    z-index: 9;
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    background-color: red;}
.image-product img {border: 1px solid#f5f5f5;}
.related-products {margin-top: 30px;}
.related-products .row .col-md-3:nth-child(4n+1){clear: left;}


.woocommerce-ordering , .rating_wrap {display: none;}
.woocommerce button.button.alt {background: red;}
.woocommerce button.button.alt:hover {background: red;}
a.devvn_buy_now_style {background: red;}

.sibar_taxo ul li a {    padding: 5px 10px;
    color: #333;position: relative;
    border: 1px solid#f5f5f5;
    display: block;padding-left: 25px;
    font-size: 15px;}
.searchform  {position: relative;}
.searchform  .submit-input {    position: absolute;
    right: 0px;
    top: 0px;
    padding: 8px 15px;
    color: #0a4e89;
    background: #fff;
    border: 0px;}
#woocommerce_price_filter-2 {margin-top: 30px;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    border-radius: 1em;
    background-color:red!important;
    border: 0;
    margin: 15px;}
    .footer-sub {background: #0a4e89;padding: 10px 0}
.footer-social .fa {
  padding: 10px;
  font-size: 20px;min-width: 40px;
 display: inline-block;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
.sub-f {color: #fff;position: relative;
    top: 6px;}.sub-f p{margin-bottom: 0}
.sub-f input[type="text"]{width: auto;display: inline-block;margin-left: 15px;    background-color: rgba(0,0,0,.2);border:0px;}
.sub-f input[type="submit"]{color:#0a4e89 }
.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}
.list_itemhead .item_head{width: calc(100% / 3);float: left;padding-right: 10px;    }
.list_itemhead .item_head .icon{width: 40px;margin-right: 10px;float: left;}
.list_itemhead .item_head p{margin-bottom: 0;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.2;
    color: #0a4e89;
    font-weight: 600;}
.list_itemhead .item_head .icon img{width: 40px;height: 40px;}
.box_hotline{position: relative;margin-top: 15px;}
.box_hotline .item_hot{min-width: 250px;
    display: inline-block;position: relative;
    margin: 0 auto;height: 45px;background: #fff;z-index: 9;
    padding: 5px 0px;border-bottom: 3px solid #0a4e89;
    border-top: 3px solid #0a4e89;}
.box_hotline .item_hot a{  font-size: 20px;
    font-weight: 800;
    position: relative;
    color: #0a4e89;
    display: inline-block;
    padding: 0 15px;}
.box_hotline .item_hot a:after{    content: '-';
    position: absolute;
    right: -7px;
    top: 0px;}

.box_hotline .item_hot a:last-child:after{display: none;}
.box_hotline .hl{position: absolute;
    display: inline-block;
    background: #0a4e89;
    padding: 3px 10px;
    color: #fff;
    left: 50%;height: 27px;
    transform: translate(-50%, -50%);
    z-index: 9;
    top: -10px;
    text-transform: uppercase;}
.box_hotline .hl:before{content: '';
    width: 27px;
    height: 27px;
    left: -26px;
    top: 0px;
    border-top: 27px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 27px solid #0a4e89;
    position: absolute;}
.box_hotline .hl:after{content: '';
    width: 27px;
    height: 27px;
    right: -26px;
    top: 0px;
    border-top: 27px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 27px solid #0a4e89;
    position: absolute;}
.box_hotline .item_hot:before{    content: '';
    position: absolute;
    left: -16px;
    width: 32px;
    height: 32px;
    border-left: 3px solid #0a4e89;
    border-top: 3px solid #0a4e89;
    z-index: 8;
    top: 3px;
    transform: rotate(-45deg);
    transition: transform 150ms ease;}
.box_hotline .item_hot:after{  content: '';
    position: absolute;
    right: -16px;
    width: 32px;
    height: 32px;
    border-right: 3px solid #0a4e89;
    border-bottom: 3px solid #0a4e89;
    z-index: 8;
    top: 3px;
    transform: rotate(-45deg);
    transition: transform 150ms ease;}
.box_slider{width: calc(100% - 285px);float: right;}
.home_me {   padding-bottom: 30px;}
.header_menu .menu>li>.sub-menu >li:last-child >a{    border-bottom: none;}
.readmore{text-align: right;margin-top: 10px;}
.readmore a {    color: #fff;
    border: 2px solid #fff;
    padding: 5px 20px;
    background: #0a4e89;
    display: inline-block;
    border-radius: 25px;
    font-size: 14px;}
.readmore a:hover{border: 2px solid #0a4e89;background: #fff;color: #0a4e89;}
.list_taxo{padding: 30px 0;}
 .list_taxo .list_content .col-md-3:nth-child(-n + 4) .produc_name{margin-bottom: 30px;}
 .list_taxo .list_content .produc_name img{width: 100%;height: 165px;object-fit: cover;
    transition: all 0.5s ease;}
 .list_taxo .list_content .produc_name a{    overflow: hidden;
    display: block;
    text-decoration: none;
    line-height: 1.2;
    text-transform: uppercase;
    min-height: 40px;}

 .list_taxo .list_content .produc_name:hover a img{transform: scale(1.1);}

.device_home{padding: 30px 0;background: #eee;}
 .row .col-md-3:nth-child(-n + 4) .items{margin-bottom: 20px;}
.link-botmen{    height: 40px;
    display: flex;
    align-items: center;}
.link-botmen a{color: #0a4e89;
    font-size: 16px;    display: flex;
    align-items: center;
    font-weight: 600;}
.link-botmen a i{margin-left: 10px;}
.copy_right{background: none;padding: 20px 0;margin-top: 15px;}
.copy_right p{margin-bottom: 0;color: #fff;}
.title_pro .title_pages{    margin: 0;  
    padding: 10px; 
    background-color: #0a4e89;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 17px;}

    .name-title-footer {padding: 10px 0; font-weight: bold; color: #0a4e89;font-size: 18px;}
    .copy_right .footer-title{text-align: center;padding: 10px; color: #fff;text-transform: uppercase;font-weight: bold;font-size: 18px;background: #0a4e89}
.title_pro .title_pages span{background-color: #0a4e89;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 17px;}
.sibar_taxo .sidebar-title{position: relative;    padding-left: 20px;}
.sibar_taxo .sidebar-title:before{ content: "\f0c9";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    top: 10px;
    left: 15px;
    font-size: 18px;}



.sibar_taxo ul li a:before{    content: "\f105";
    position: absolute;
    transition: all 300ms ease-in-out;
    top: 8px;
    left: 10px;
    font: normal normal normal 14px/1 FontAwesome;}
.sibar_taxo ul li:hover a:before{left: 15px;}
.sibar_taxo ul li:hover a{padding-left: 30px;color: #0a4e89;}
.taxo_pro .items{margin-bottom: 30px;}
.news_archive .capt-text{margin-bottom: 30px;}
.news_archive .row .col-md-4:nth-child(3n+1){clear: left;}
.product_title{font-size: 22px;}
.sku_pro{padding: 0px 0 10px;
    border-bottom: 1px solid #666666;
    margin-bottom: 10px;}
.info-product .sale-flash{display: none;}
.info-product .price {max-width: 400px;}
.info-product .price del{position: relative;top: 5px;}
.info-product .price ins{font-size: 22px;font-weight: bold;float: left;margin-right: 20px;}
.info-product .price {margin-bottom: 20px;}
.content-post ul{padding-left: 15px;}
.image-product .sale-flash{display: none;}
.woocommerce div.product form.cart div.quantity{float: left;}
.woocommerce div.product form.cart .variations label:before{content: "Chọn ";}
.woocommerce div.product form.cart .button  ,.p-h-b{  float: none;
    display: block;
    width: 100%;
    background: #0a4e89;
    padding: 0px 10px;
    margin-top: 15px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    /* height: 45px; */
    line-height: 45px;
    /* padding: 0 15px; */
    display: block;}.c-ht span{    position: absolute;
    top: -3px;
    background: #0a4e89;
    border-radius: 50%;
    width: 20px;color: #fff;
    height: 20px;}
    .c-ht{float: left;
    margin-right: 15px;
   
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #333;
    position: relative;
    top: 5px;}
    .woocommerce div.product form.cart .button:hover , .p-h-b:hover { color: #fff}
    .p-h-b {background: #14689a !important}
a.devvn_buy_now_style span{display: none;}
a.devvn_buy_now_style {    float: none;
    display: block;
    width: 100%;    border-radius: 0;
    padding: 12px;background: #0a4e89;
    margin-top: 15px;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
    height: 45px;}
.product-info ul li {
    display: flex;
    align-items: center;
    padding: 10px 15px;
}.product-info ul li:nth-child(2n+1) {
    background-color: #f7f4ec;
}.product-info ul li span {
    display: block;
    width: 225px;
}
.devvn-popup-title{background: #0a4e89;}
.popup-customer-info-group .devvn-order-btn{background: #0a4e89;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #0a4e89;}
.new-home .capt-text .img_new img{width: 100%;height: 170px;object-fit: cover;}
.bdr{border-right: 1px solid #eee;padding-right: 30px;}
.cnt_pro{padding: 15px 0;background: #fff;}

.tab-head li a {
    padding: 10px 5px;
    display: block;
    background-color: #f4f3ef;
    color: #343e48;
    text-transform: uppercase;
    
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}.tab-head li {
    padding: 0px 2px;
    width: 25%;
    float: left;list-style: none !important;
    text-align: center;
}
.sidebar-pro.sidebar .widget{border:0px;padding: 0}
.woocommerce-products-header__title{border-bottom: 0px !important}
 .items .sub-item{padding: 10px;position: relative;padding-bottom: 50px;}
 .items .sub-item:hover .btn{background: #0a4e89;color: #fff}
 .product-items .price ins {}
  .product-items .price del{float: none;}
 .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%;background: none;color: #333;border:0px;border-top: 1px solid #ddd;font-weight: bold;text-transform: uppercase;}
@media(max-width:768px) {
    .product-cat-home-child {position: relative;}
    .product-cat-home-child a{margin-bottom: 5px;}
    .cam-ket .container {padding-left: 15px;}
.cam-ket .col-md-2{float: left;width: 33.3%}
.cam-ket .col-md-2:nth-child(3n+1){clear:both;}
.box_slider{width: 100%;}
.logo_mb img{height: auto;
max-width: 45%;}
.header-mobile{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
.introduce_home{padding: 20px 0;}
.introduce_home .menu_ostp{padding: 15px 0;}
.readmore{text-align: center;}
.list_content .produc_name h3 a{font-size: 16px;}
.list_taxo .list_content .produc_name img{height: 120px;}
.list_taxo .list_content .col-md-3:nth-child(-n+4) .produc_name{margin-bottom: 20px;}
.list_taxo .list_content .produc_name{margin-bottom: 20px ;}
 .row .col-md-3:nth-child(-n+4) .items{margin-bottom: 20px;}
 .items{margin-bottom: 20px;}
.link-botmen{display: none;}
.device_home{padding: 20px 0 0;}
.title_pro{margin-bottom: 20px;}
 .items .sub-item{padding: 10px;position: relative;}
 .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%}
 .items .sub-item h3{font-size: 14px;}
.new-home .capt-text{margin-bottom: 20px;}
#footer{padding: 25px 0 0;}
.menu-footer{margin-bottom: 20px;}
 .row .col-md-4:nth-child(2n+1){clear: left;}
.new-home {padding: 20px 0;}
.entry-title{margin-bottom: 0;}
.related-products .row .col-md-3:nth-child(4n+1){clear: none;}
.related-products .row .col-md-3:nth-child(2n+1){clear: left;}





.home_me {padding-bottom: 0}







.n3:nth-child(2n+1){clear: left;}
.n3:nth-child(3n+1){clear: none;}
.n5:nth-child(2n+1){clear: none;}
.n5:nth-child(2n+1){clear: left;}
#sticker .hotline .text b{color:#045d2d;font-size:16px}
#sticker .lang{border-top:1px solid #045d2d;padding:12px 15px;text-transform:uppercase}
.bg-red{background-color:#0a4e89}
.cl-red{color:#045d2d}
#sticker-wrapper{width:310px;max-width:100%;background:rgba(255,255,255,.9);height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:0 0 50px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;margin:0}
#touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{background-color:#888;position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px}
.container{width:100%;padding:0 10px;}
.row{margin: 0 -10px}
.row>div{padding: 0 10px;}
iframe{width: 100%}
.menu-main{display:none}
.header-top{height:3px}
.content-header{padding: 5px 0;}
.content-header.head.navbar-fixed-top{border-bottom: 1px solid #000}
.fixed{position:fixed!important;z-index:1000000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)}
.num-hl{font-size:18px;font-weight:700}
#sticker{width:100%;height:100%;left:0;top:0;z-index:999;visibility:hidden;opacity:0;position:fixed}
#sticker.opened{visibility:visible;opacity:1;transition:ease-in-out .3s}
#sticker .container{padding:0}
#sticker-overlay{opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out}
#sticker.opened #sticker-wrapper{left:0}
#sticker.opened #sticker-overlay{opacity:1;visibility:visible}
#sticker .tbl,#sticker .tbl-cell{display:block;width:100%}
#sticker .sticker-header{width:100%;}
#sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px;background: #333;}
#sticker .sticker-header .close-menu{width:40px;height:40px;line-height:40px;position:absolute;right:5px;top:17px;cursor:pointer;text-transform:uppercase}
#sticker .sticker-header .close-menu:before,#sticker .sticker-header .close-menu:after{width:18px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -9px;content:"";background:#fff}
#sticker .sticker-header .close-menu:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
#sticker .sticker-header .close-menu:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#sticker .sticker-body{max-height:calc(100% - 136px);overflow:auto;padding: 10px;}
#sticker .search{padding: 10px;background: #333;border-top: 1px solid #aaa;}
#sticker .search form{position:relative}
#sticker .search form input{width:100%;height:40px;line-height:40px;padding:0 30px 0 15px;background-color:#fff;border:none;outline:none!important;margin-left:0;margin-bottom: 0;}
#sticker .search form button{position:absolute;top:7px;right:10px;background:none!important;color:#666;outline:none!important;border:none;font-size:20px;padding:0}
#sticker ul.main-menu{display:block;float:none!important;padding:0;margin:0}
#sticker .main-menu > li{display:block;border-bottom:1px solid #aaa;padding:0;position:relative;width:100%}
#sticker .main-menu > li > a{line-height:14px;padding:11px 45px 11px 5px;display:block;text-align:left;font-weight:400;font-size:14px;text-transform:capitalize}
#sticker #sticker-wrapper .main-menu  li {position: relative;}
#sticker #sticker-wrapper .main-menu  li > .fa{position:absolute;right:0;top:0;line-height:39px;width:39px;text-align:center;cursor:pointer;margin:0;font-size:12px;display:block;}
#sticker ul.main-menu > li ul{position:static;transform:none;width:100%;padding-left:10px;margin-left:0;background-color:transparent;display:none;margin-bottom:10px}
#sticker ul.main-menu > li ul:after{display:none}
#sticker ul.main-menu > li ul > li{border-bottom:none;list-style:none;margin-bottom:5px}
#sticker ul.main-menu > li ul > li > a{border-bottom:none;padding:7px 10px 7px 20px;}
#sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#333;color:#fff}
.sticker-footer .hotline{color:#2d2d2d;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid#fff;padding:7px;text-align:center;border-radius:20px;margin:5px 20px;background-color:#fff}
.sticker-footer .hotline a{color:#2d2d2d;font-size:18px;font-weight:700}
#sticker .hotline .text{min-height:34px;line-height:34px;background:url(../img/hotline-icon.png) 3px 4px no-repeat;white-space:nowrap;padding:0 10px 0 40px;background-color:#fff!important;border-radius:34px}
#sticker .hotline .text span,#sticker .main-menu > li.hotline .text b{display:inline-block;font-weight:600}
#sticker .hotline .text span{color:#5d5d5d;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;padding-right:5px}
#touch-menu,.cart_mb{width:30px;height:30px;cursor: pointer;
    line-height: 30px;text-align: center;border-radius: 4px;background: #0a4e89;color: #fff;display: inline-block;}
.cart_mb{position: relative;float: right;}
.cart_mb .count{width: 16px;height: 16px;background: #f00;color: #fff;font-size: 10px;line-height: 16px;text-align: center;position: absolute;top: -5px;right: -5px;border-radius: 50%;}

.flex,.flex_al{display: block;}
.columns-3,.columns-4,.columns-5,.columns-6{grid-template-columns: repeat(2,1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
.columns-2{grid-template-columns: repeat(1,1fr);grid-column-gap: 10px;grid-row-gap: 10px;}

.supports{padding: 5px 0 8px;}
.supports ul li{width: 20%;float: left;}
.supports{width: 100%;bottom: 0;left: 0;border-radius: 0;background: #fff;}
#back-top{bottom: 80px;}
.supports ul li a .icon_call{width: 54px;height: 54px;background-color: #6cb917;border: 2px solid white;background-size: 27px;border-radius: 50%;margin-bottom: 4px;}
.supports ul li.icon_mb{position: relative;top: -23px;}

.logo_mb img{height: 60px;}
.content-header .container>.row{display: flex;align-items: center;}
.content-post{font-size: 14px;}
.content-post h1{font-size: 20px;}
.content-post h2{font-size: 18px;}
.content-post h3,.content-post h4{font-size: 16px;}
.content-post h5,.content-post h6{font-size: 14px;}

}


.button_home{color: #fff;font-weight: 400; z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.1);text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; font-size: 14px;padding: 0 25px;line-height: 36px; border: 1px solid #ed3126;
    background: 0 0; letter-spacing: 1px; transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);}
.button_home:before{position: absolute; content: ""; display: block; left: -2px; top: 0; right: -2px; bottom: 0; transform: scale(1,1);
    transform-origin: left center; z-index: -1; background: #ed3126; transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);}
.button_home:hover:before{transform: scale(0,1); transform-origin: right center;}
.links_home{display: inline-block;line-height: 52px;padding: 0 15px;min-width: 260px;font-size: 15px;color: #fff;text-align: center;background-color: rgba(34,34,34,0.7);    border-right: 1px solid #f21d54;    border-left: 1px solid #40bde6;transition: all .2s;position: relative;}
.links_home:before{top: 0;background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 60%, #f21d54 100%);   }
.links_home:after{bottom: 0;    background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 40%, #f21d54 100%);}
.links_home:after,.links_home:before{content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0; transition: all .2s;}
.links_home:hover{color: #fff;background-color: rgba(255, 255, 255, .2);border-right: 1px solid #40bde6;    border-left: 1px solid #f21d54;}
.links_home:hover:before{    background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 60%, #40bde6 100%);}
.links_home:hover:after{    background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 40%, #40bde6 100%);}

h1,h2,h3,h4,h5,h6{margin-top: 0}
.h10{height: 10px;display: block;}
.h20{height: 20px;display: block;}
.h30{height: 30px;display: block;}
.h40{height: 40px;display: block;}
.h50{height: 50px;display: block;}
.h60{height: 60px;display: block;}
.img img{width: 100%;height: auto;object-fit: cover;}
.box_hidden{height: 300px;overflow-y: scroll;padding-right: 10px;}
.box_hidden::-webkit-scrollbar{    width: 8px;background-color: #F5F5F5;}
.box_hidden::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #154589;}
.box_hidden::-webkit-scrollbar-track{    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;}
.header_menu {    background-color: #0a4e89;}
.header_menu ul{list-style: none;margin: 0;}
.header_menu .menu li{position: relative;}
.header_menu .menu>li{}
.header_menu .menu .sub-menu{position: absolute;z-index: 99;background: #fff;width: 280px; padding: 0;   box-shadow: 0 3px 5px rgba(0,0,0,0.3);padding: 0px 0;transition: all .3s;display: none;}
.header_menu .menu>li>a{display: block;
    text-transform: none;font-size: 16px;color: #333;padding: 10px 15px !important;font-weight: normal;border-bottom: 1px solid #f6f6f6}
.header_menu .menu>li:hover>a,.header_menu .menu>li.current-menu-item>a{color: #0a4e89;height:auto;background:#f9f9f9;}
 .items .img-item:hover .kt-v {display: block;}
.kt-v {    z-index: 3333;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translate(-50%,-50%);position: absolute;background: #fff;color: #333;padding: 15px;display: none}
.header_menu .menu>li:hover > .sub-menu{display: block;}
.header_menu .menu>li.menu-item-has-children>a:after{content: "\f0d7";
    font-family: FontAwesome;
    font-size: 20px;
    margin-left: 10px;}
    li{list-style: none}
    .cam-ket li span{    width: 34px;
    height: 33px;
    display: block;
    margin: 0 auto 5px;    background-image: url(img/bgbosch.png);
    background-repeat: no-repeat;    background-position: -105px -51px;}
  .cam-ket {padding: 50px 0}
  .owl-nav-top.owl-carousel .owl-nav button.owl-prev {top: -55px;
    right: 45px;line-height: 34px;
    left: auto;border:0px solid #ddd;
    background: #fff;}
    
    .owl-nav-top.owl-carousel .owl-nav button.owl-next {top: -55px;background: #fff;border:0px solid #ddd;line-height: 34px;}
    .title_pro {position: relative;}.owl-nav-top.owl-carousel .owl-nav button.owl-prev span ,.owl-nav-top.owl-carousel .owl-nav button.owl-next span {background: none;color: #333;}
    .owl-nav-top.owl-carousel .owl-nav button span {width: 40px;height: 40px;line-height: 40px;font-size: 30px;}
    .product-cat-home-child {position: absolute;right: 0px;top: 5px;}
    .product-cat-home-child li {float: left;}
    .product-cat-home-child li a{display: inline-block;padding: 5px 10px;background: #ededed;color: #333;margin-left: 5px;margin-bottom: 5px;}
    .product-cat-home-child li a:hover{ background: #0a4e89;color: #fff}
    .best-product-slider .owl-item > div{padding: 10px;}
.list-da-item li:nth-child(2) ,.post-meta{    color: #767676;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;}
    .list-da-item li:nth-child(2):after ,.post-meta:after{    content: '';
    height: 1px;
    width: 35px;
    background-color: #0a4e89;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 20px);}
    .list-da-item li:nth-child(1) a{display: block;overflow: hidden; height: 175px;margin-bottom: 15px;border-radius: 8px;}
    .list-da-item img{width: 100%;margin-bottom: 15px;object-fit: cover;
    object-position: center;}
    .list-da-item {margin-bottom: 15px;}
    .head-search .search-input {background: rgba(0,0,0,.2);border:0px;}
    .list-da-item li:nth-child(3) a{display: block;padding-bottom: 10px;font-weight: bold;font-size: 16px;}
.header_menu .menu>li>.sub-menu{top: 0%;left: 100%;font-size: 13px;transform-origin: 0 0;}
.header_menu .menu>li>.sub-menu li>.sub-menu{top: 0;left: 100%;transform: scaleX(0); transform-origin: 0 0;}
.header_menu .menu>li>.sub-menu li>a{color: #6a6a6a;display: block;padding:10px 20px;}
.header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content: "\f0da";font-family: FontAwesome;font-size: 12px;float: right;}
.header_menu .menu>li>.sub-menu li:hover>a{color:  #0a4e89;}
.header_menu .menu>li>.sub-menu >li>a{    font-weight: 500;
    border-bottom: 1px solid #ddd;position: relative;
    font-size: 15px;}
.header_menu {padding-top: 10px;}
.menu-all-site{position: relative;z-index: 333;}
.menu-all-site > .menu{display: none;position: absolute;top: 100%;left: 0px;background: #fff;padding: 0px;    border: 1px solid #e9e9e9;width: 100%;
    box-shadow: 0 1px 8px rgb(0 0 0 / 8%);}
.menu-all-site > span{display: block;background: #fff;color: #333;text-transform: uppercase;font-weight: bold;padding: 12px  10px;cursor: pointer;}
.menu-all-site > span > i {float: right;position: relative;top: 3px;}
.header_menu .menu>li>.sub-menu >li>a:before{    content: "\f105";
    position: absolute;
    transition: all 300ms ease-in-out;
    top: 13px;
    left: 10px;
    font: normal normal normal 14px/1 FontAwesome;}
    .head-top {    background-color: #f6f6f6;padding: 10px 0}  .head-top  span {font-weight: bold;color: #ff0000}
.header_menu .menu>li>.sub-menu >li:hover >a:before{left: 15px;}
.header_menu .menu>li>.sub-menu >li:hover >a{padding-left: 25px;}
.menu-main-top {padding-top: 5px;}
.product-info-view.p20 {padding-bottom: 0}
.menu-main-top .menu{text-align: center;}
.menu-main-top  .menu > li{display: inline-block;}
.menu-main-top li a{display: block;padding: 10px 10px; ;font-weight: bold;text-transform: uppercase;    color: #343e48;
    
    font-size: 18px;}
.header_menu .menu li:hover>.sub-menu{opacity: 1;visibility: visible;}
.header_menu .menu>li:hover>.sub-menu{ transform: scaleY(1);}
.header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform: scaleX(1);display: block;}
.header_menu .menu>li.menu_3>.sub-menu{width: 660px;padding-left: 10px;padding-right: 10px;}
.header_menu .menu>li.menu_3>.sub-menu>li{width: calc(100% / 3);float: left;margin: 5px 0;}
.header_menu .menu>li.menu_3>.sub-menu>li>a{text-transform: uppercase;}
.header_menu .menu>li.menu_3>.sub-menu>li>a:after{display: none;}
.header_menu .menu>li.menu_3>.sub-menu>li .sub-menu{position: initial;visibility: visible;opacity: 1;box-shadow: none;padding: 0;border: none;transform: scaleX(1);}
table.variations  {}
.value.woo-variation-items-wrapper > a {position: absolute;right: 0px;}
.value.woo-variation-items-wrapper  {position: relative;}
.woocommerce div.product form.cart .variations label {    font-weight: 700;
    text-align: left;
    color: #333;
    float: left;
    font-size: 15px;
    padding: 0px;}
.item_news>div{vertical-align: middle;}
.item_news{margin-bottom: 20px;position: relative;}
.item_news .img{width: 40%;}
.item_news .info{padding-left: 20px;padding-right: 20px;}
.item_news .img img{height: 220px;}
.item_news .info .capt{font-size: 17px;font-weight: 600;}
.item_news .info .capt:after{content: "";height: 2px;width: 30px;display: block;margin: 10px 0;background: rgba(0,0,0,0.1);}
.item_news .date{position: absolute;width: 44px;height: 44px ;transition: all .3s; border: 2px solid #8b6e4b;background: #fff;color: #8b6e4b;text-align: center;padding: 5px 0;left: -8px;top: 15px;}
.item_news .date span{display: block;line-height: 1;font-size: 12px;}
.item_news .date span.day{font-size: 16px;}
.item_news:hover .date{background: #8b6e4b;color: #fff;}

.item_pro {text-align: center;position: relative;}
.item_pro .info .capt{font-size: 14px;margin-bottom: 0;letter-spacing: 0.7px;font-weight: normal;text-transform: capitalize;}
.item_pro .info .capt a{color: #777;}
.item_pro .info{padding-top: 12px;}
.item_pro .info .price{font-size: 13px;}
.item_pro .info .price del{font-size: 12px;}
.item_pro .sale-flash{display: block;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 9;
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    background-color: red;}
.item_pro .img{position: relative;overflow: hidden;}
.item_pro .img .img-2 {opacity: 0;position: absolute;top: 0;left: 0;transition: all .5s;transform: translate(-50px, -50px);}
.item_pro:hover .img .img-2{opacity: 1;    transform: translate(0);}
.item_pro .img .option_cart {position: absolute;right: 15px;bottom: 10px;}
.item_pro .img .option_cart a{width: 32px;height: 32px;position: relative;left: 20px; background: #faeae2;border-radius: 50%;line-height: 32px;text-align: center;display:flex;align-items: center;margin-bottom: 5px;opacity: 0;visibility: hidden;}
.item_pro .img .option_cart a img{width: 14px;margin: 0 auto;display: block;}
.item_pro:hover .img .option_cart a{opacity: 1;visibility: visible;left: 0;}
.item_pro .img .option_cart a:hover{background: #e9e9e9;}
.rating_wrap{margin-bottom: 2px;}
.rating_wrap:after{content: "\f005\f005\f005\f005\f005";font-family: FontAwesome;color: #ffc120;display: block;letter-spacing: 4px;}
.price{font-weight: 600;color: #d33;}
.price del{margin-right: 5px;font-weight: normal;opacity: .8;color: #545454;font-size: 13px;}
.price ins{text-decoration: none;}


.sidebar-title ,.entry-title ,.related-posts .related-title{color: #343e48 !important;

    font-weight: bold !important;padding: 10px 0;
    font-size: 24px !important;  }
.sidebar-title span{}
.sidebar ul,.sidebar-pro ul{list-style: none;margin: 0;}
.widget_recent_entries li{list-style: inside}
.sidebar .widget,.product-categories,.sidebar .woocommerce-widget-layered-nav-list{}
.product-categories>li{border-top: 1px solid #ececec;display: block;}
.product-categories>li:first-child{border-top: none;}
.product-categories>li>a{padding: 6px 0;display: inline-block;flex: 1;font-size: 16px;}
.product-categories li>.children{margin: 0 0 10px 5px;padding: 12px;border: solid 1px #e5e6ec;display: none;}
.product-categories li>.children li>a{display: inline-block;padding: 3px 0;}
.product-categories li>.fa{float: right;width: 20px;height: 20px;margin: 8px 0;line-height: 20px;text-align: center;cursor: pointer;font-size: 18px;}
.product-categories >li>.children li>.fa{font-size: 16px;margin: 3px 0;}
.product-categories >li>.children .children{padding: 5px 8px;}
.product-categories li.current-cat >.children,.product-categories li.current-cat-parent >.children{display: block;}
.product-categories li.current-cat>.fa,.product-categories li.current-cat-parent>.fa{transform: rotate(-180deg);}
.sidebar .woocommerce-widget-layered-nav-list {margin: 0 !important}
.sidebar .viewed_box .item {padding: 5px 0 8px;}
.sidebar .viewed_box .item .thumbnail{float: left;width: 70px;margin-bottom: 0;}
.sidebar .viewed_box .item .info{float: left;width: calc(100% - 70px);padding-left: 15px;}
.sidebar .viewed_box .item .info .capt{font-size: 16px;margin-bottom: 5px;}
.sidebar .viewed_box .item .info .capt a{line-height: normal;}
.sidebar .viewed_box .item .info .price{font-size: 16px;}
.sidebar .viewed_box .item .info .price del{font-size: 13px;}
.sidebar .price_fillter li{padding: 0 5px !important;margin-bottom: 5px !important;}
.sidebar .price_fillter li a{display: inline-block;padding:0 0 0 25px !important;position: relative;}
.sidebar .price_fillter li a:before {
    content: '';
    font-size: 12px;
    color: #222;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 5px;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    margin-top: -7.5px;
}
.sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before{content: '\f00c';font-size: 12px;line-height: 15px;text-align: center;font-family: FontAwesome;}
body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover{opacity: 1;color: #e5007f}
.sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a::before{color: #e5007f;border-color: #e5007f;}


.rm_button{text-align: center;margin: 30px auto 20px;position: relative;}
.rm_button:before {
    content: '';
    position: absolute;
    height: 60px;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, #fff);
    bottom: 57px;
}
.header_main {background: #fff;    box-shadow: 0 0 8px 8px rgb(0 0 0 / 18%);position: relative;z-index: 33;}
.rm_button span{display: inline-block;padding: 8px 20px;border-radius: 5px;color: #fff;font-size: 15px;text-transform: uppercase;cursor: pointer;background: #e5007f}
.quick-contact span {
    padding: 0 0 0 28px;
}.quick-contact span:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
       background-color: #0a4e89;
    background-image: url(img/footer-sprite.png);
    background-repeat: no-repeat;
}.footer-info {padding-bottom: 50px;}
.footer-support {position: fixed;
    bottom: 0;
    background-color: #0a4e89;
    height: 50px;
    left: 0;
    right: 0;
    padding: 10px 0 10px;
    color: #fff;
    transition: all .4s ease-out;
    z-index: 1000;
    opacity: .9;}.quick-contact .address span:before {
    height: 17px;
    background-position: center 0;
}.quick-contact .email span:before {
    background-position: center -17px;
}.quick-contact .phone span:before {
    background-position: center -33px;
}.quick-contact  li{position: relative;}
    .footer-support  li{display: inline-block;padding: 0 15px;}
   

    .footer-top .footer-top-item {
    margin-right: 90px;
}i.icon {
    width: 25px;
    height: 25px;
    background-image: url(img/basspro-sprite-icons-v01.svg);
    background-size: 1000%;
}.footer-top .footer-top-item i {
    margin-right: 10px;
}i.icon.icon-comment {
    background-position: 480px 160px;
    display: block;
    background-size: auto;
    width: 40px;
    height: 40px;
}i.icon.icon-envelope {
    background-position: 600px 120px;
    display: block;
    background-size: auto;
    width: 40px;
    height: 40px;
}i.icon.icon-phone {
    background-position: 480px 120px;
    display: block;
    background-size: auto;
    width: 40px;
    height: 40px;
}.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}.footer-top {
    padding: 20px 0px;
}.border-bottom {
    border-bottom: 1px solid #d6d8db;
}
.container {
    max-width: 1300px;
}.footer-top .footer-text-item h3 {
    
    margin-bottom: 0px;
    font-size: 22px;
}
@media (min-width: 1300px){
.container {
    width: 1300px;
}
}
.footer-top h3{font-size: 18px;margin: 0}
.footer-main {    padding: 30px 0px;} .footer-bottom-top ul li {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}
.footer-bottom-top h2{    
    font-size: 22px;
    margin-bottom: 30px;
    text-transform: uppercase;margin: 0} .footer-bottom-top {
    padding: 20px 0px;
} .footer-bottom-top ul {
    margin-left: 20px;
}.footer-bottom-main {
    padding: 10px 0px;
}.footer-bottom-main p{margin-bottom: 0}
.header-top ul li {
    display: inline-block;
    margin-right: 30px;
}.header-top {
    padding: 15px 0px;
    border-bottom: 1px solid #d6d8db;
}.header-top i {
    margin-right: 5px;
}.header-top p.payment {
    margin-left: 50px;
}.header-top p.payment a {
    color: #0a4e89;
}
.head-search .searchform{float: left;max-width: 250px;overflow: hidden;border:1px solid #ddd;border-radius: 20px;margin-right: 20px;}
.head-search .search-input {background: #fff;border-radius: 20px;margin-bottom: 0}
.head-search .searchform .submit-input{top: 1px;}
.bg-title {}
.position-relative {
    position: relative;
}.banner-page img {
    height: 190px;
    width: 100%;
    object-position: center;
    object-fit: cover;
    display: block;
}.position-center-auto {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}.banner-page h2 {
    font-size: 60px;
    
    color: #fff;
    font-weight: 500;
}.right-0 {
    right: 0;
}

.left-0 {
    left: 0;
}
.form-contact .wpcf7{padding: 30px 30px 50px;
    background-color: #f6f6f6;}
    .woocommerce div.product .product_title {font-size: 28px;
    margin-bottom: 10px;}
    .sku_pro {display: none}
    .price del {float: none;font-size: 16px;}
    .quantity.buttons_added:before{content: 'Số lượng:';padding-right: 10px;}
    .flr {float: right;}
    .featured-product {
    position: relative;margin-top: 50px;
    margin-bottom: 150px;
} .featured-product .backgound {
    width: 100%;
    height: 432px;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
}
.featured-product .product-items {    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}
.main-banner {
    height: 385px;
    background-position: center center;
    background-size: cover;
    position: relative;
}.main-banner .content {
    background-color: #261100;
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    z-index: 999;
    text-align: center;
    padding: 35px 80px;
}.main-banner .content h2 {
    text-transform: uppercase;
    font-size: 100px;
    
    color: #fff;
    text-align: center;
    line-height: 1;
    font-weight: 500;
}.main-banner .content h3 {
    color: #fff;
    line-height: 1;
    text-align: center;
    font-size: 70px;
    
    font-weight: 500;
    margin-bottom: 20px;
}.main-banner .content .title-top-banner {
    position: absolute;
    top: -10px;
}.main-banner .content h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
}.btn-secondary {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    padding: 11px 28px;
    font-weight: 500;
}
.our-services-wrapper {
    background-color: #102537;
} .our-services .grid-item {
    height: 405px;
}.our-services .grid-item img.img-right {
    height: 100%;
    object-position: center center;
    object-fit: cover;
    position: absolute;
    right: 15px;
    bottom: 0;
    top: 0;
    width: auto;
}.position-center-auto {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}.our-services .grid-item h2 {
    font-weight: 500;
   
    color: #fff;
    font-size: 32px;
    margin-bottom: 20px;
    position: relative;
}.our-services .grid-item p {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}.our-services .grid-item img.img-left {
    height: 100%;
    object-position: center center;
    object-fit: cover;
    position: absolute;
    left: -15px;
    bottom: 0;
    top: 0;
    width: auto;
}.our-services .grid-item h2:before {
    content: '';
    height: 1px;
    width: 50px;
    background-color: #0a4e89;
    position: absolute;
    top: -20px;
    left: 0;
}
@media(max-width: 768px){.footer-sub ,.footer-support {display: none}
.flr {float: none;}
    .product-cat-home-child {position: relative;}
    .items .sub-item {padding-bottom: 50px !important; }
    .list-da-item img {    float: left;
    width: 150px;
    margin-right: 15px;
    margin-top: 8px; }
}