h2.title.text-left {border-bottom: 1px solid #dbe2e7}
h2.title.text-left span {display: inline-block;font:600 20px/20px 'Open Sans',sans-serif; text-transform: uppercase;}
h2.title.text-left span:after{content: '';display:block;background: #429ce2;height: 1px;margin: 12px 0 -1px}

.box-sidebar>ul {padding:20px 20px 10px;border:1px solid #e5e5e5;overflow: hidden; }
.box-sidebar {margin-bottom: 30px}

.mcn-sidebar .title {background: #3391d9;padding: 10px 15px;margin-bottom: 0px;text-align: center;}
.mcn-sidebar .title span {color: #fff;font: 700 16px/24px 'Roboto', sans-serif;text-transform: uppercase;}
.mcn-sidebar .title span:after {display: none}



.mcn-sidebar.tm-support {background-color: #fff;}
.tm-support>ul {border:0px;}

.box-sidebar ul {background:#fff }
.box-sidebar ul li {margin-bottom: 15px !important;padding-bottom: 10px}
.box-sidebar>ul>li {border-bottom: 1px solid #e5e5e5}

.box-sidebar ul li:last-child {margin-bottom: 0px !important;border:none;}


/*ul.sub-cate {border:none;padding-top: 10px !important;padding-bottom: 10px !important}*/
ul.sub-cate li a {-webkit-transition: padding .4s ease;
   -moz-transition: padding .4s ease;
    -ms-transition: padding .4s ease;
     -o-transition: padding .4s ease;
        transition: padding .4s ease}
.box-sidebar ul.sub-cate li {margin-bottom: 10px}
.box-sidebar ul.sub-cate li:hover a{color: #DA251C;}







.box-sidebar .list-product {padding: 20px 15px 20px}
.box-sidebar .list-product li {margin-bottom: 15px;}
.box-sidebar .list-product li:last-child {margin-bottom: 0px}
.box-sidebar ul.list-product li {padding-bottom: 10px}
.box-sidebar ul.list-product li .detail {overflow: hidden;}
.box-sidebar ul.list-product li .img-detail {width: 100px;float: left;margin-right: 10px}
.box-sidebar ul.list-product li .txt-detail {padding-top: 15px}
.box-sidebar ul.list-product li .txt-detail .price {font-size: 14px}
.box-sidebar ul.list-product li .img-detail {margin-bottom: 0}

ul.news-sidebar li h4 a {margin:10px 0 5px; font-weight: 500; font-size: 14px; color: #333333; display: block;font-family: 'Roboto'}
ul.news-sidebar li h4 a:hover {color: #DA251C}


/*PAGE LIST PRODUCT*/
.mcn-list-product ul.list-product {margin: 20px -15px;overflow: hidden;}
.mcn-list-product ul.list-product li {margin-bottom: 40px;width: calc(100% /3);float: left;}
.mcn-list-product ul.list-product li .detail { border: 1px solid rgba(171, 114, 191, 0.25);}
p.woocommerce-result-count {font-size: 15px; color: #555; float: left; vertical-align: middle; margin-right: 10px; margin-top: 5px;margin-bottom: 20px} 
select.orderby {padding: 6px 3px;float: right;border: 1px solid #dcdcdc;color: #777;cursor: pointer;}
.mcn-list-product ul.list-product li .detail h4 a {font-size: 15px}
.mcn-list-product ul.list-product li .detail .addcart {background: rgba(0, 146, 214,0.6);text-align: center;padding:10px 0;margin-top: 20px}
.mcn-list-product ul.list-product li .detail .addcart a {display: block;color: #fff;text-transform: uppercase;font-size: 15px}
.mcn-list-product ul.list-product li .detail .addcart a i {margin-right: 5px}
.mcn-list-product ul.list-product li:hover .addcart {background: #DA251C}
.mcn-list-product ul.list-product li:hover .detail{box-shadow: 0 0 15px rgba(0,0,0,0.2)}
/*Pagination*/
.mcn-pagination {text-align: center;margin-top: 0px;margin-bottom: 40px}
.mcn-pagination ul {background: #f3f3f3; display: inline-block; border-radius: 0px;overflow: hidden;box-shadow: 1px 2px 5px rgba(0,0,0,0.2)}
.mcn-pagination ul a{;font: 600 14px/normal 'Open Sans', sans-serif;text-transform: uppercase;margin-bottom: 8px;}
.mcn-pagination ul a,.mcn-pagination ul span {float: left;border-right: 1px solid #e5e5e5;border-left: 1px solid #fff;padding:13px 15px 10px;text-align: center;margin-bottom: 0px}
.mcn-pagination ul a:last-child {border-left: 1px solid #fff;border-right:none;}
.mcn-pagination ul .current {background: #d94032;}

.mcn-pagination ul li.prev,.mcn-pagination ul li.next {text-indent: -9999px;}
.mcn-pagination ul li.prev a,.mcn-pagination ul li.next a{display:block;width:6px;height:9px;background: url(sprite2.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/sprite2.png*/ no-repeat; margin-top: 5px}
li.prev a {background-position: -47px -52px !important}
li.next a {background-position: -63px -52px !important}
.mcn-pagination ul  a:hover{color: #d94032 !important}
.mcn-pagination ul .current{color: #fff!important}


.ster {display: none}

/*breacrumb*/
/*.breacrumb .title-center {
    text-align: left !important;
    font: 500 32px/normal 'Roboto', serif;
    color: #fff;
    text-transform: uppercase;
}

.breacrumb .title-center h3{
    text-align: left !important;
}
.breacrumb {margin: 0px 0 0px;font-size: 15px;border-bottom: 1px solid #e5e5e5;padding: 15px 0px;background:#302e2e}
.breacrumb span {font: 300 15px/normal 'Roboto', serif;
    color: #fff}
.breacrumb a {font: 400 15px/normal 'Roboto', serif; color: #fffb04;}
.breacrumb i {color: #fff}
.breacrumb a:hover {color: #ff0000}

*/


/*breacrumb*/
.breacrumb .title-center {
    text-align: left !important;
    font: 500 32px/normal 'Roboto', serif;
    color: #fff;
    text-transform: uppercase;
}

.breacrumb .title-center h3{
    text-align: left !important;
}
.breacrumb {border-radius:0;margin: 0px 0 0px;font-size: 15px;border: 1px solid #e5e5e5;border-left: none;border-right: none;padding: 15px 20px;background:rgba(55,58,65,0.04);margin-bottom: 30px;}
.breacrumb span {font: 300 15px/normal 'Roboto', serif;
    color: #444}
.breacrumb a {font: 400 15px/normal 'Roboto', serif;
    color: #444;}
.breacrumb i {color: #444}
.breacrumb a:hover {color: #ff0000}



.page-product .mcn-list-product h2.title {border-color: #1075d3 }
.page-product .mcn-list-product h2.title span {background-color: #1075d3;color: #fff;padding: 10px 15px;font-size: 18px;margin-bottom: 0px}
.page-product .mcn-list-product h2.title span:after {display: none}


.page-news .block-list-news h2.title {border-color: #1075d3 }
.page-news .block-list-news h2.title span {
    background: #1075d3;
    color: #fff;
    font: 400 17px/20px 'utm_hanzel', sans-serif;
    text-transform: uppercase;
    padding: 15px 20px;
    text-align: center;}
.page-news .block-list-news h2.title span:after {display: none}



/*page-news*/
.block-list-news h2.title {border-bottom: 1px solid #1075d3;margin-bottom: 30px}
.block-list-news h2.title span {margin-bottom: 0px}
.page-news {padding-top: 30px}
.page-product {padding-top: 30px}
.block-list-news ul.list-news {margin-bottom: 30px}
.block-list-news ul.list-news li {overflow: hidden; margin-bottom: 20px; padding: 15px;border: 1px solid #e5e5e5;}
.block-list-news ul.list-news li a.img img {height: 164;width: 270px}
.block-list-news ul.list-news li a.img {    display: inline-block; float: left; margin-right: 30px; padding: 5px; background-color: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.1);}
.block-list-news ul.list-news li .txt h4 {font: 500 14px/normal 'Roboto', sans-serif;text-transform: uppercase;margin-bottom: 8px;}
.block-list-news ul.list-news li .txt p {margin-bottom: 9px;color: #333;font-weight: 400;line-height: 22px;font-size: 14px}
.block-list-news ul.list-news li .txt {padding-top: 15px}

span.date {color: #555;font:400 13px/20px 'Roboto';}




/*CONTACT*/
.page-contact {margin-bottom: 30px}
.page-contact h2.title {margin-bottom: 22px}
.page-contact h4 {font: 700 18px/20px 'Open Sans', sans-serif; color: #444; text-transform: uppercase; margin-bottom: 15px;}
.info-contact h5 {font: 400 14px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; margin:15px 0;}
.info-contact p span {font: 400 14px/20px 'Roboto', sans-serif; color: #444; display: block; margin-bottom: 5px;}


.mcn-map {margin-bottom: 30px}
.info-contact ul{}
.info-contact ul li{margin-bottom: 15px;}
.info-contact ul li:nth-last-child(2){margin-bottom: 10px;}
.info-contact ul li .form-control{height: 36px; border-color: #e1e1e1; font: 400 13px/20px 'Roboto', sans-serif; color: #666; border-radius: 0; box-shadow: 0 0 0 transparent !important;}
.info-contact ul li textarea.form-control{height: 85px; resize: vertical;}
.info-contact ul li .wpcf7-submit{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #1075d3; padding: 6px 15px; border-radius: 4px; display: inline-block; border: none;text-transform: uppercase;}
.info-contact ul li .wpcf7-submit:hover{background: #1971B6;}
.info-contact ul li .wpcf7-submit:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #fff; margin-right: 8px;}
.info-contact ul li .form-control:focus{border-color: #01951d;}

.info-contact p span{font: 400 14px/20px 'Roboto', sans-serif; color: #444; display: block; margin-bottom: 5px;}
.info-contact p span i{display: inline-block; width: 12px; height: 13px; margin-right: 7px;}
.info-contact p span i.mcn-a{background-position: -150px -0px;}
.info-contact p span i.mcn-p{background-position: -151px -27px;}
.info-contact p span i.mcn-f{background-position: -151px -56px;}
.info-contact p span i.mcn-w{background-position: -151px -85px; height: 10px;}


.info-contact ::-webkit-input-placeholder {color: #999 !important;font-style: italic;font-size: 13px }
.info-contact :-moz-placeholder { /* Firefox 18- */ color: #999 !important;font-style: italic;font-size: 13px }
.info-contact ::-moz-placeholder {  /* Firefox 19+ */ color: #999 !important;font-style: italic;font-size: 13px }
.info-contact :-ms-input-placeholder {color: #999 !important;font-style: italic;font-size: 13px }




/*SINGLE*/
.block-single {background: #fff}
.block-single p {font-size: 15px;line-height: 20px;color: #555}
.block-single>div {font-size: 15px;line-height: 20px;color: #555}
.block-single>div p{font-size: 15px;line-height: 20px;color: #555}
.block-single>div img {margin: 7px 0;display: block;}
.block-single {border:1px solid #e5e5e5;padding:30px;margin-bottom: 40px}
.tinlienquan h2.title {border-bottom: 1px solid #1075d3;margin-bottom: 20px }
.tinlienquan h2.title span {margin-bottom: 0px !important}
h2.title-single {font:700 19px/normal 'Open Sans', sans-serif ;color: #1075d3;margin-bottom: 16px;text-transform: uppercase;}
.mcn-ud span {margin-right: 20px;vertical-align: middle;}
.mcn-ud i {display: inline-block;width: 13px;height: 13px;margin-right:5px;}
.block-single p {padding:0px 0;}
.tinlienquan {margin-bottom: 30px}
.tinlienquan .detail a.img {display: block;}
.tinlienquan ul li {margin-bottom: 20px}

.tinlienquan.tm-content-bot {padding: 0}


.tinlienquan ul li h4 a {margin:10px 0 5px; font-weight: 500; font-size: 14px; color: #333333; display: block;font-family: 'Roboto'}
.tinlienquan ul li h4 a:hover {color: #DA251C}


.tinlienquan h2.title {border-color: #1075d3 }
.tinlienquan h2.title span { background: #1075d3;
    color: #fff;
    font: 400 17px/20px 'utm_hanzel', sans-serif;
    text-transform: uppercase;
    padding: 15px 20px;
    text-align: center;}
.tinlienquan h2.title span:after {display: none}


.product-lienquan h2.title {border-color: #1075d3;margin-bottom: 30px}
.product-lienquan h2.title span {    background: #1075d3;
    color: #fff;
    font: 400 17px/20px 'utm_hanzel', sans-serif;
    text-transform: uppercase;
    padding: 15px 20px;
    text-align: center;}
.product-lienquan h2.title span:after {display: none}


.wrapper-page {padding-top: 30px;}


.search-pro{}
.search-pro h2.title {border-color: #009e40 }
.search-pro h2.title span {background-color: #009e40;color: #fff;padding: 10px 15px;font-size: 18px}
.search-pro h2.title span:after {display: none}
.search-pro ul.list-product li {margin-bottom: 20px}



#content {overflow: hidden;}
#content .images {width: 40%;float:left;margin-right: 5%}
#content .entry-summary {width: 55%;float:right;}


/*TABLE CART*/
.onsale {display: none}
.page-cart {margin-bottom: 20px}
.woocommerce table.shop_table th {text-transform: uppercase;}
.woocommerce table.shop_table td.product-subtotal .amount {color: #ff0000}
.cart-subtotal {display: none}
.order-total {margin-top: 20px;font-size: 18px}
.cart_totals h2 {margin-bottom: 15px;display: none}
.order-total .amount {color: #ff0000}
.order-total td,.order-total th {text-align: right;}
.cart-collaterals table {margin-bottom: 15px;font-size: 14px !important}
.wc-proceed-to-checkout {text-align: right;}
.tieptucmua a {background: #0a89fa;padding: 5px 10px;color: #fff;font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #ebe9eb; border: 0; white-space: nowrap; display: inline-block; background-image: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
   padding:5px 10px; height: 36px; border: 1px solid #e5e5e5; font: 400 13px/20px 'Roboto', sans-serif; color: #666; border-radius: 0; box-shadow: 0 0 0 transparent !important; 
}

#customer_details ::-webkit-input-placeholder {color: #777 !important}
#customer_details :-moz-placeholder { /* Firefox 18- */ color: #777 !important}
#customer_details ::-moz-placeholder {  /* Firefox 19+ */ color: #777 !important}
#customer_details :-ms-input-placeholder {color: #777 !important}




.woocommerce form .form-row textarea { height:  150px !important}
.myaccount_user ,.myaccount_address,.col-1 address{
font-size: 14px
}
header.title h3,.woocommerce h2 { font: 500 14px/20px 'Roboto', sans-serif; color: #333;margin-bottom: 10px;}
a.edit,.myaccount_user a {font: 500 14px/20px 'Roboto', sans-serif; color: #ff0000; }

/*THONG BAO*/
.woocommerce-message {
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
    background: #CDDFFD;
    color: #555;
    border-radius: 5px;
    border: 1px solid #0966FA;
}


.woocommerce-tabs {clear:both;overflow: hidden;}
img.attachment-shop_single.wp-post-image {border: 1px solid #e5e5e5; padding: 5px; width: 100%;margin-bottom: 15px;background: #fff}
.thumbnails.columns-3 {overflow: hidden;clear: both;}
.thumbnails.columns-3 a {border: 1px solid #e5e5e5; padding: 5px; float: left; width: calc(96% /3); margin-right: 2%;}
.thumbnails.columns-3 a:last-child{margin-right: 0px}
button.single_add_to_cart_button.button.alt {border-radius: 0px; height: 30px; background: #42AD2F!important; } .summary.entry-summary p {font-size: 14px; font-family: Roboto; }
form.cart {margin-top: 15px; }
input.input-text.qty.text {height: 30px; float: left; width:50px; text-align: center; }
button.single_add_to_cart_button.button.alt {border-radius: 0px; height: 30px; background:#1075d3!important; color: #fff;font-weight: bold; border:none; }
 h1.product_title.entry-title {text-transform: uppercase; font-weight: 600; font-size: 18px; color: #1075d3; margin-bottom: 10px;line-height: 30px}
span.posted_in {padding: 14px 20px 14px 10px; background: #FFF4E5; display: block; border: 1px solid #e5e5e5; font-size: 13px; width: 100%;text-transform: uppercase;}
span.posted_in a {color: #EC1535; margin-left:5px;}
/*.images img {border: 1px solid #ededed; padding: 1px;}*/
span.tagged_as {display: block; color: #222; background-color: #FFF1DD; padding: 11px; margin: 10px 0; width: 100%!important; border: 1px solid #e5e5e5; font-size: 14px; } .product_meta {margin-top:20px;}
.woocommerce .quantity .qty {    width: 3.631em;
    text-align: center;}


    /*Dep tabs*/

.panel { border:1px solid #e5e5e5; box-shadow:none !important; border-radius:0 !important; border-top:0 !important; padding:10px !important; font-size:14px; margin-bottom: 30px}
.panel h2 {border:none;}
.panel>h2 { text-transform:uppercase; font-size:17px; font-weight:600; color:#555; margin:15px 0; border-bottom:1px dotted; padding-bottom:5px; font-family:Roboto; }
h2.title-description-tab { text-transform:uppercase; font-size:17px; font-weight:600; color:#555; margin:15px 0; border-bottom:1px dotted; padding-bottom:5px; font-family:Roboto; }
div#reviews p { margin:6px 0; }
#comments h2  { text-transform:uppercase; font-size:17px; font-weight:600; color:#555; margin:15px 0; border-bottom:1px dotted; padding-bottom:5px; font-family:Roboto; } 

.woocommerce-ordering {margin-bottom: 20px;overflow: hidden;}

/*Dep tabs*/

ul.tabs.wc-tabs li a {font-weight:;font-size: 15px;}
ul.tabs.wc-tabs li {margin-right:5px;display: inline-block;padding:10px 20px;}
.woocommerce-tabs {padding-top: 30px;overflow: hidden;clear: both;display: block}
ul.tabs.wc-tabs li a {color:#fff;text-transform: uppercase;}
ul.tabs.wc-tabs li {background: #1075d3;border:1px solid #e5e5e5;}
ul.tabs.wc-tabs li {border-bottom:1px solid #fff}
ul.tabs li.active { background:#fff !important; border-bottom-color:#fff !important;}
ul.tabs li.active a{color: #1075d3 !important;font-weight: bold }
ul.tabs.wc-tabs {position: relative;}
ul.tabs.wc-tabs:before  {content:'';display:block;border-bottom: 1px solid #e5e5e5;width: 100%;height: 1px;position: absolute;bottom: 0px;z-index: -999}


/*STAR RATING*/

.star-rating{width:80px;height:16px;background:url(star.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/star.png*/ repeat-x left 0} 
.star-rating span{background:url(star.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/star.png*/ repeat-x left -32px;height:0;padding-top:16px;overflow:hidden;float:left} 
.hreview-aggregate .star-rating{margin:10px 0 0 0} 
#review_form #respond{position:static;margin:0;width:auto;padding:0 0 0;background:transparent none;border:0} 
#review_form #respond:after{content:"";display:block;clear:both} 
#review_form #respond p{margin:0 0 10px} 
#review_form #respond .form-submit input{left:auto} 
#review_form #respond textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;background: #f7f7f7;
    border-color: #e5e5e5;padding: 10px} 
p.stars:after{content:"";display:block;clear:both} 
p.stars span{width:80px;height:16px;position:relative;float:left;background:url(star.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/star.png*/ repeat-x left 0} 
p.stars span a{float:left;position:absolute;left:0;top:0;width:16px;height:0;padding-top:16px;overflow:hidden} 
p.stars span a:hover,p.stars span a:focus{background:url(star.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/star.png*/ repeat-x left -16px} 
p.stars span a.active{background:url(star.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/star.png*/ repeat-x left -32px} 
p.stars span a.star-1{width:16px;z-index:10} 
p.stars span a.star-2{width:32px;z-index:9} 
p.stars span a.star-3{width:48px;z-index:8} 
p.stars span a.star-4{width:64px;z-index:7} 
p.stars span a.star-5{width:80px;z-index:6}
.star-rating span:before, ul.products li.product .product-details .star-rating:before{content:none; }



/*BOX DANH GIA*/
#reply-title { text-transform:uppercase; font-size:15px; font-weight:600; color:#555; margin:15px 0; border-bottom:1px solid #e5e5e5; padding-bottom:5px; font-family:Roboto; }
.form-submit #submit{background: #1081c0;color: #fff;border:none;padding:10px 15px;}
#review_form label {margin-bottom: 5px}
.woocommerce-product-rating {margin-bottom: 10px}


/*pagination product cate*/
nav.woocommerce-pagination {display: none}

.product-lienquan ul.list-product li {margin-bottom: 20px}






.info-product {width: 445px}
.txt-pro h4{font:700 15px/normal 'Open Sans', sans-serif ;color: #135cac;margin-bottom: 10px}
.txt-pro h5 {font:500 15px/normal 'Open Sans', sans-serif ;color: #111;margin-bottom: 14px}
.txt-pro span {padding: 0 5px 0 0}
.txt-pro ins {color: red;font-weight: 700;text-decoration: none}
.txt-pro del {color: #555;font-style: italic;text-decoration: line-through;font-size: 13px}

h5 .amount {color: red;font-weight: 700;text-decoration: none;font-size: 20px}
h5 del .amount{color: #555 !important;font-size:13px;font-weight: normal; }

p.description {}
.frm-addcart {margin: 25px 0;overflow: hidden;}
.frm-addcart input {width: 56px;height: 30px;border:1px solid #dcdcdc;padding: 0 0 0 10px}
.frm-addcart a {background: #42ad2f;color: #fff;padding: 8px 8px}
.category-product {background: #dbe6fe;padding:14px 20px 14px 10px;border:1px solid 318#e5e5e5;}
.category-product a {font-size: 14px;color: #ff0000}
.category-product span {text-transform: uppercase;margin-right: 5px}


/*CUSTOM CSS*/
.block-product .txt span.price del {color: #888;font-size: 12px}
.block-product .txt span.price ins {text-decoration: none}


img.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {width: 110px}



/*BOX*/

i.mcn-icon {text-indent: -9999px !important;background: url(sprite4.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/sprite4.png*/ no-repeat;}
i.icon-account {display: inline-block;width: 13px;height: 13px;background-position: 0 0;}
i.icon-cart {display: inline-block;width: 11px;height: 13px;background-position: -23px 0;}
i.icon-home {width: 19px;height: 19px;background-position: 0 -23px;}
i.icon-about {width: 19px;height: 19px;background-position: -29px -23px;}
i.icon-news {width: 19px;height: 19px;background-position: -58px -23px;}
i.icon-product {width: 19px;height: 19px;background-position: -87px -23px;}
i.icon-customer {width: 15px;height: 19px;background-position: -116px -21px;}
i.icon-contact {width: 15px;height: 19px;background-position: -141px -21px;}

i.icon-fb {background-position: 0 -79px;}
i.icon-tw {background-position: -36px -79px;}
i.icon-go {background-position: -72px -79px;}

i.icon-fb-s {background-position: -60px -115px;width: 9px;height: 16px }
i.icon-sk-s {background-position: -78px -115px;width: 16px;height: 16px}
i.icon-yh-s {background-position: -100px -115px;width: 14px;height: 16px}


.sb-box {}
.sb-box {margin-bottom: 30px}
.sb-box h3 {background-color: #1075d3;padding:14px 20px;}
.sb-box h3 span{text-transform: uppercase;font:700 14px/20px 'Open Sans',sans-serif;color: #fff}
.sb-box ul {padding: 20px;border:1px solid #e5e5e5;border-top: 0px}

.sb-box ul.list-cate {padding:20px 20px 16px}
.sb-box ul.list-cate li {margin-bottom: 10px}
.sb-box ul.list-cate li:last-child {margin-bottom: 0px}
.sb-box ul.list-cate li a {text-transform: uppercase;font:500 13px/20px 'Roboto',sans-serif;color: #333;position: relative;padding-left: 17px}
.sb-box ul.list-cate li a:before {width: 4px;height: 7px;content: '';display: inline-block;position: absolute;left:0;top:0;background:url(sprite.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/sprite.png*/ no-repeat -135px 0;margin-top: 4px}
.sb-box ul.list-cate li a:hover {color: #1075d3}
.sb-box ul.list-cate li a:hover:before {background-position: -149px 0;}

.sb-box ul.list-sup li {padding: 0 0 15px;border-bottom: 1px solid #e5e5e5;}
.sb-box ul.list-sup li:last-child {padding:15px 0 0;border: 0px;}
.sb-box ul.list-sup li h6 span {font:500 13px/20px 'Roboto',sans-serif;color: #ff0000;text-transform: uppercase;}
.sb-box ul.list-sup li h6 span a i{display: inline-block;margin: 0 3px}
.sb-box ul.list-sup li p {color: #555;margin-bottom: 5px;font-weight: 500}
.sb-box ul.list-sup li p:last-child {margin-bottom: 0px;}

.sb-box ul.list-news {}
.sb-box ul.list-news li {margin-bottom: 20px}
.sb-box ul.list-news li:last-child {margin-bottom: 0px}
.sb-box ul.list-news li .detail {overflow: hidden;}
.sb-box ul.list-news li .detail  a.img{float: left;height: 60px;width: 86px;margin-right: 15px}
.sb-box ul.list-news li .detail .txt-info h4{font:500 13px/20px 'Roboto',sans-serif;color: #333333}
.sb-box ul.list-news li .detail .txt-info span.date-time{font:500 12px/20px 'Roboto',sans-serif;color: #777777}
.sb-box ul.list-news li .detail .txt-info a {font-size: 14px}

ul.image-gallery {margin: 0 -15px;}
ul.image-gallery li {padding: 0;width: calc(100%/2);padding: 0 15px;margin-bottom: 15px}
ul.image-gallery li a img{width: 100%;height: 250px;padding:5px;border: 1px solid #e5e5e5;box-shadow: 0px 2px 5px rgba(0,0,0,0.2)}
.meta span {color: #555;font:normal 13px/20px 'Roboto';}

.list-album {margin-bottom: 15px}
.list-album h4 a{}
.list-album h4 a {margin:10px 0 5px; font-weight: 500; font-size: 14px; color: #333333; display: block;font-family: 'Roboto'}
.list-album h4 a:hover {color: #DA251C}

.page-page p {margin: 5px 0; font-weight: 400; font-size: 15px; color: #555; display: block;font-family: 'Roboto';line-height: 20px;padding: 8px 0;}
.page-page ul li {margin: 5px 0; font-weight: 400; font-size: 15px; color: #555; display: block;font-family: 'Roboto';line-height: 20px;padding: 8px 0;list-style: circle !important;}
.page-page ul {list-style: circle !important;}


/*EFFECT*/
.lst-album a.img {display: block;position: relative;overflow: hidden;}
.lst-album a.img::before {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.lst-album a.img:hover::before {-webkit-animation: shine 1.2s; animation: shine 1.2s; }
@-webkit-keyframes shine {100% {left: 125%; } }
@keyframes shine {100% {left: 125%; } }



/*CSS PRODUCT ARCHIVE*/
.content {background:none;padding-top: 0px;}
.box-detail {border:1px solid #e5e5e5;padding-bottom: 15px;background: #fff}

.box-bg {background: #fff}
p.sub-content {text-align: justify;margin-bottom: 10px;color: #555}

ul.lst-ds li .box-detail h3 a{font-weight: 500}
ul.lst-ds li .box-detail h3 {margin-bottom: 10px !important}
.box-detail {-webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
        transition: all .4s ease}
.box-detail:hover {box-shadow: 0px  1px 10px rgba(0,0,0,0.2)}
.box-detail:hover a.img img {opacity: 1;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }{box-shadow: 0px  1px 10px rgba(0,0,0,0.2)}


.add a {
    padding: 8px 12px;
    background: #1075d3;
    color: #fff;
    border-radius: 20px;
}
.add a:hover {background: #D69F00}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #D69F00 !important;
    color: #fff;
}
.checkout-button {background-color: #1075d3 !important;}

.tinlienquan a.img {overflow: hidden;display: block}
.tinlienquan a.img img{opacity: 0.9; width: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
.tinlienquan a.img:hover img {opacity: 1;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.xuat-xu {
    margin: 0px 0 5px;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    text-transform:capitalize;
}
.box-detail .xuat-xu {text-align: left}

.mcn-sidebar {}
.mcn-sidebar .tm-support {margin-top: 0px}
.mcn-sidebar .tm-support li p i.tm-ic {left:22px}
.mcn-sidebar .tm-support li p {padding-left: 65px}



.mcn-sidebar ul.list-tintuc {margin-bottom: 30px}
.mcn-sidebar ul.list-tintuc li {overflow: hidden; margin-bottom: 0px; padding: 15px;}
ul.list-tintuc li .detail a.img {display: inline-block; float: left !important; margin-right: 10px;}
.mcn-sidebar ul.list-tintuc li a.img img {}
.mcn-sidebar ul.list-tintuc li .txt-info h4 a{  font: 500 13px/20px 'Roboto',sans-serif;color: #333;}
.mcn-sidebar ul.list-tintuc li .txt-info h4 a:hover{color: #ff0000}
.mcn-sidebar ul.list-tintuc li .txt-info p {margin-bottom: 9px;color: #333;font-weight: 400;line-height: 22px;font-size: 14px}
.mcn-sidebar ul.list-tintuc li .txt-info {padding-top: 0px}




.mcn-sidebar a.img {overflow: hidden;display: block}
.mcn-sidebar a.img img{opacity: 0.9; width: 100%; height: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
.mcn-sidebar a.img:hover img {opacity: 1;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.tuyenduong-vanchuyen ul.list-news li {background: #fff;padding: 0 10px;border:none;box-shadow: none;overflow: inherit }
.tuyenduong-vanchuyen ul.list-news {margin: 0 -10px}
.tuyenduong-vanchuyen ul.list-news li .detail-list {border: 1px solid #e5e5e5;padding:20px;position: relative;}
.tuyenduong-vanchuyen ul.list-news li .detail-list:after {content: '';display: block;position: absolute;left:-1px;bottom: -4px;width: 0%;background:#1075d3;height: 5px;
-webkit-transition: all .8s ease;
   -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
     -o-transition: all .8s ease;
        transition: all .8s ease}
.tuyenduong-vanchuyen ul.list-news li .detail-list:hover {border-color:#1075d3}
.tuyenduong-vanchuyen ul.list-news li .detail-list:hover:after {width: 100.5%}
.tuyenduong-vanchuyen ul.list-news li .detail-list a.img {float:none;display: block;margin-right: 0px;box-shadow: none;padding: 0}
.tuyenduong-vanchuyen ul.list-news li .detail-list a.img img{width: auto !important;height: auto !important}
.tuyenduong-vanchuyen ul.list-news li .detail-list .txt {float:none;display: block}


.tuyenduong-vanchuyen ul.list-news li .detail-list {}
.tuyenduong-vanchuyen ul.list-news li .detail-list a.img {overflow: hidden;display: block}
.tuyenduong-vanchuyen ul.list-news li .detail-list a.img img{opacity: 0.9; width: 100%; height: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
.tuyenduong-vanchuyen ul.list-news li .detail-list a.img:hover img {opacity: 1;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.page-single .tm-introd {margin-top: 30px}
.wrapper-page .tm-fields {margin-bottom: 30px}
.wrapper-page .tm-project {margin-bottom: 60px}
.wrapper-page .tm-project {padding: 0;background: transparent;}
.wrapper-page .tm-project h2.tm-title:after {background-position: -85px 0}



/*THUMB HOVER BACKGROUND BLACK*/
.popup .overlay {left: 0px;}
table {font-size: 14px; color: #555}
/*table tr td

{
    padding:10px;

}*/



.table-banggia{text-align: right;}
.table-banggia .col-md-8 h3{margin-bottom: 30px;}
.table-banggia h3{font: 700 15px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 20px;text-align: left;}
.table-banggia h3 span{color: #ea2627;}
.table-banggia ul.list_{text-align: left;}
.table-banggia ul.list_ li{font: 400 15px/20px 'Roboto', sans-serif; color: #444; margin-bottom: 15px; width: 48%; display: inline-block; vertical-align: top;}
.table-banggia ul.list_ li span{ background: url(hand.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/hand.png*/ no-repeat left top; display: block; padding-left: 35px;}

.table-banggia div.row{margin-bottom: 30px;}
.block-tuvan a{display: inline-block; margin-bottom: 10px;}
.block-tuvan a:last-child{margin-bottom: 0}

.table-banggia ul.row li.col-xs-12{margin-bottom: 15px;}
.table-banggia ul.row li.col-xs-12:last-child{margin-bottom: 0;}
.tb-responsive{text-align: left;}
.tb-responsive table,
.tb-responsive table tr,
.tb-responsive table th,
.tb-responsive table td{border: 1px solid #e1e1e1;border-collapse: collapse;}
.tb-responsive table tr th{font: 500 14px/20px 'Roboto', sans-serif; color: #444; padding: 15px; background: #f0f0f0;text-align: center;}
.tb-responsive table tr td{font: 400 14px/20px 'Roboto', sans-serif; color: #555; padding: 15px;}
.tb-responsive table tr td span{color: #ea2627;}
.tb-responsive table tr td p{margin: 10px 0;}

.note{margin-top: 15px;text-align: left;}
.note h4{font: 500 14px/20px 'Roboto', sans-serif; color: #ea2627; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #ea2627; display: inline-block; margin-bottom: 10px;}
.note p span{font: 400 14px/20px 'Roboto', sans-serif; color: #555; display: block; margin-bottom: 10px;}

.block-single .table-banggia p{padding: 0}

.block-single.single-dichvu {border:none;padding:0 !important;}
.noidung-2cot p {text-align: justify;}
.noidung-2cot h4 {font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase;margin-top: 30px}
.block-single.single-dichvu img {padding:5px;border: 1px solid #e5e5e5;}



.tm-contact{}
.tm-contact .tm-map{margin-bottom: 30px;}
.tm-contact ul.form-ct{}
.tm-contact ul.form-ct li{margin-bottom: 20px;}
.tm-contact ul.form-ct li .form-control{height: 36px; font: 400 13px/20px 'Roboto', sans-serif; color: #666; border: 1px solid #e2ebef; box-shadow: 0 0 0 !important;}
.tm-contact ul.form-ct li textarea.form-control{height: 120px; resize: vertical;}
.tm-contact .tm-btn{width: 130px; display: block; margin: 0 auto; padding: 9px 0 7px; border: none; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #0083ca; border-radius: 3px;}
.tm-contact .tm-btn:hover {background: #333332}


.tm-contact .info-ct{}
.tm-contact .info-ct h3{font: 500 18px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; display: block; margin-bottom: 20px;}
/*.tm-contact .info-ct ul.row{margin-bottom: 20px;}*/
.tm-contact .info-ct ul.row{margin-bottom: 0px;}
.tm-contact .info-ct ul.row li{margin-bottom: 10px;}
.tm-contact .info-ct ul.row li p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; }
.tm-contact .info-ct ul.row li p span{color: #DA251C;}
.tm-contact .info-ct .block-social {margin:0;padding:0;}



.tm-contact ul.tm-social{overflow: hidden; margin: 0 -5px;}
.tm-contact ul.tm-social li{float: left; padding: 0 5px;}
.tm-contact ul.tm-social li span{font: 400 13px/20px 'Roboto', sans-serif; color: #333; display: inline-block; text-transform: uppercase; margin-top: 2px;}
.tm-contact ul.tm-social li a{display: block; width: 24px; height: 24px; text-indent: -9999px;}
.tm-contact ul.tm-social li a.tm-f{background-position: 0 -163px;}
.tm-contact ul.tm-social li a.tm-g{background-position: -34px -163px;}
.tm-contact ul.tm-social li a.tm-t{background-position: -68px -163px;}
.tm-contact ul.tm-social li a.tm-f:hover{background-position: 0 -192px;}
.tm-contact ul.tm-social li a.tm-g:hover{background-position: -34px -192px;}
.tm-contact ul.tm-social li a.tm-t:hover{background-position: -68px -192px;}

.tm-pag{}
.tm-pag ul li{display: inline-block; vertical-align: middle; padding: 0 8px;}
.tm-pag ul li a{font: 400 14px/20px 'Roboto', sans-serif; color: #555;}
.tm-pag ul li a.tm-ic{text-indent: -9999px; display: block; height: 14px;}
.tm-pag ul li a.tm-f{background-position: -52px -136px; width: 12px; }
.tm-pag ul li a.tm-l{background-position: -127px -136px; width: 12px; }
.tm-pag ul li a.tm-p{background-position: -84px -136px; width: 7px; }
.tm-pag ul li a.tm-n{background-position: -105px -136px; width: 7px; }
.tm-pag ul li a.tm-f:hover{background-position: -69px -136px;}
.tm-pag ul li a.tm-l:hover{background-position: -141px -136px;}
.tm-pag ul li a.tm-p:hover{background-position: -94px -136px;}
.tm-pag ul li a.tm-n:hover{background-position: -115px -136px;}


.table-banggia h3 {padding-bottom: 15px;border-bottom: 1px dashed #868686;}
span.name_ {float: left;padding-bottom: 10px;font-weight: 600}
#wpcf7-f133-p108-o1 {background: #f3f3f3;padding:20px;margin-bottom: 20px}

.block-single ul li {
    font-size: 15px;
    line-height: 20px;
    color: #555;
}
.block-single ul {
    padding-left: 20px;
}


.page-single {padding-top:20px;}
.pro-page ul.lst-pro li {margin-bottom: 30px}





.mcn-menusb ,.mcn-sv{margin-bottom: 30px;overflow: hidden;}
.mcn-menusb h3{font: 400 20px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #f0190a; padding: 13px 20px 12px; text-align: center;}
.mcn-sv h3{font: 400 20px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #f0190a; padding: 13px 20px 12px; text-align: center;}
.facebook {margin-bottom: 30px}
.mcn-sv .block-service {padding:5px;box-shadow: 0 1px 4px rgba(0, 0, 0, .2);padding:10px;border: 1px solid #e5e5e5;}


.mainNav {
  background: #008cff;
  width: 100%;
}

/* First Level */

.mainNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #006ac1
}

.mainNav ul li { border-top: 1px solid #80c5ff; }

.mainNav ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 1.1em;
  line-height: normal;
  padding: 12px 20px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.mainNav ul li a:hover {
  background: #E95546;
  text-decoration: none;
}

/* Second Level */

.mainNav ul ul { border-bottom: none }

.mainNav ul ul li {
  border-top: 1px solid #4ba7f3;
  background: #006ac1;
}

.mainNav ul ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 13px;
  line-height: normal;
  padding: 0.8em 1em 0.8em 2.5em;
}

.mainNav ul ul li a:hover { background: #E95546; }

/* Third Level */

.mainNav ul ul ul { border-top: 1px solid #46CFB0; }

.mainNav ul ul ul li { border: none; }

.mainNav ul ul ul li a {
  padding-left: 3.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

/* Accordion Button */

ul li.has-subnav .accordion-btn {
  color: #fff;
  background: rgba(255,255,255, 0.15);
  font-size: 16px;
}


.fancybox-title {font-size: 17px !important;text-align: center;}
.col-md-3.lst-cate-pro {margin-bottom: 20px}
.ct-pro #content {background-image: none;}








.newnews{border: 1px solid #d8e1e8; border-bottom: none; margin-bottom: 30px;}

.newnews li{}
.newnews li a{font: 400 14px/20px 'Roboto', sans-serif; color: #555; padding:13px 15px 13px 20px; border-bottom: 1px solid #d8e1e8; display: block;}
.newnews li a:before{content: '';display: inline-block;margin-bottom:3px;width: 6px;height: 6px;background: #008cff ;margin-right: 7px;-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);}
.newnews li a:hover{color: #ff0000;}
.newnews li a:hover:before{background: #ff0000}






/*ARTICLE*/
.article cite,.article dfn,.article em{font-style:italic}.article p{font-family: Roboto;font-size: 14px;margin:5px 0;line-height:20px}.article h1,.article h2,.article h3,.article h4,.article h5{font-family:Roboto}.article h1{font-size:25px}.article h2{font-size:20px}.article h3{font-size:18px;font-weight: 600}.article h4{font-size:16px}.article h5{font-size:14px}.article ol,.article ul{margin:16px 0;padding:0 0 0 40px}.article ul{list-style-type:square}.article ol{list-style:decimal outside}.article li > ul,.article li > ol{margin:0}.article dl{margin:0 20px}.article dt{font-weight:bold}.article dd{margin:0 0 20px}.article strong{font-weight:bold}.article code,.article kbd,.article pre,.article samp{font-family:monospace,serif;font-size:14px}.article pre{background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}.article blockquote,.article q{quotes:none}.article blockquote:before,.article blockquote:after,.article q:before,.article q:after{content:"";content:none}.article blockquote{font-size:24px;font-style:italic;font-weight:300;margin:24px 40px}.article blockquote blockquote{margin-right:0}.article blockquote cite,.article blockquote small{font-size:14px;font-weight:normal;text-transform:uppercase}.article cite{border-bottom:0}.article abbr[title]{border-bottom:1px dotted}.article address{font-style:italic;margin:0 0 24px}.article del{color:#333}.article ins{background:#fff9c0;border:none;color:#333;text-decoration:none}.article sub,.article sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.article sup{top:-0.5em}.article sub{bottom:-0.25em}.article a{color:#ca3c08;text-decoration:none}.article a:visited{color:#ac0404}.article a:focus{outline:thin dotted}.article a:active,.article a:hover{color:#ea9629;outline:0}.article a:hover{text-decoration:underline}.article .alignleft{float:left;margin:5px 20px 5px 0}.article .alignright{float:right;margin:5px 0 5px 20px}.article .aligncenter{display:block;margin:5px auto}.article img.alignnone{display:block;margin:5px auto}.article table{border:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%}.article caption,.article th,.article td{font-weight:normal!important;border:1px solid #ededed;text-align:left}.article caption{font-size:16px;margin:20px 0}.article th{font-weight:normal!important;text-transform:uppercase;border:1px solid #ededed}.article td{border:1px solid #ededed;padding:6px 10px 6px 0}.article img{height:auto;max-width:100%;vertical-align:middle}.article .wp-caption{background:transparent;border:none;margin:0;padding:0;text-align:left}.article .wp-caption.alignleft{margin:5px 10px 5px 0}.article .wp-caption.alignright{margin:5px 0 5px 10px}.article .wp-caption-dt{margin:0}.article .wp-caption .wp-caption-text,.article .wp-caption-dd{color:#220e10;font-size:14px;font-style:italic;font-weight:300;line-height:1.5;margin-bottom:24px;padding:0}.article .mceTemp + ul,.article .mceTemp + ol{list-style-position:inside}
.article {
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px;
}

/*COMMENT WOOCOMERCE*/
img.avatar.photo {float: left; margin-right: 25px;border-radius: 50%;}
.comment-text {float: left}
ol.commentlist {margin: 0;padding:0;}
ol.commentlist li{padding:15px 20px 10px;border: 1px solid #e5e5e5;background: #d9f2ff}
ol.commentlist li ul.children {padding-left: 40px}
ol.commentlist li ul.children li {background:#fff;}



.detail-news {background:#fff;overflow:hidden;padding:20px}


.modal-dialog {
    border-radius: 0px!important;
}

.modal-content {
    border-radius: 0px;
    border: 7px solid #DADADA;
    box-sizing: border-box;
    background: #F7F7F7;
    z-index: 999999;
}

h4.modal-title {
    font: 400 20px/normal 'Gods_word', sans-serif;
    color: #12942A;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.modal-header {
    padding: 5px;
}
.modal-body input[type=text],.modal-body textarea {
    border: 1.8px solid #72BB80;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 11px;
    color: #12942A;
    font-size: 14px;
    font-family: Roboto;
}
.modal-body textarea {height: 100px}
.modal-backdrop {
    position: relative;
}
.modal {background: rgba(0, 0, 0, 0.59)}

.modal-body input[type=submit] {
    background: #00951D;
    border-radius: 6px;
    text-transform: uppercase;
    font-family: Roboto;
    color: #fff;
    padding: 8px 10px;
    border: 2px solid #86F794;
}


.datmua{
    background: #00951D;
    border-radius: 6px;
    text-transform: uppercase;
    font-family: Roboto;
    color: #fff !important;
    padding: 8px 10px;
    border: 2px solid #86F794;
}

.customer {margin-top: 20px}
.box {margin-bottom: 30px}
.fb-like.fb_iframe_widget span {height: 25px !important; }
.social-post {padding:15px 0;}

.lst-service.mgb30 li {margin-bottom: 30px}




.lst-glr ul {margin: 0 -10px}
.lst-glr ul li {padding: 0 10px;margin-bottom: 20px}
.lst-glr ul li .detail {border:1px solid #e1e1e1;padding:15px;}
.lst-glr ul li h3 {margin: 10px 0 5px;}
.lst-glr ul li h3 a {display: block;
    line-height: 20px;
    font: 500 15px/20px 'Roboto', sans-serif;
    color: #444;
    letter-spacing: 0.5px;text-transform: uppercase;}
.lst-glr ul li h3 a:hover {color: #f00}

.lst-glr{}
.lst-glr ul{margin: 0 -5px;}
.lst-glr ul li{padding: 0 5px; margin-bottom: 10px;}
.lst-glr figure{margin: 0; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.lst-glr figure .tm-img-show{overflow: hidden; position: relative; text-align: center;}
.lst-glr figure .tm-img-show img{width: 100%; height: 100%;}
.lst-glr figcaption {position: absolute; top: 0; left: 0; background:rgba(220, 199, 157, 0.7); width: 100%; height: 100%;}
.lst-glr .detail {-webkit-perspective: 1700px; -moz-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 0 50%; -moz-perspective-origin: 0 50%; perspective-origin: 0 50%; overflow: hidden;}
.lst-glr figure:hover .tm-img-show span{-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.lst-glr figcaption {opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; }
.lst-glr figure:hover figcaption {opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }
.tm-h-195{height: 195px;}
.tm-h-395{height: 395px;}
.lst-glr figure:hover a.tm-view{left: 50%; margin-left: -48px;}
.lst-glr a.tm-view{background: url(tm-view.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/tm-view.png*/ no-repeat; text-indent: -9999px; display: block; position: absolute; top: 50%; margin-top: -20px; left: -100%; width: 40px; height: 40px;
-webkit-transition: left 1.2s ease; -moz-transition: left 1.2s ease; -ms-transition: left 1.2s ease; -o-transition: left 1.2s ease; transition: left 1.2s ease; }
.lst-glr figure:hover a.tm-link{right: 50%; margin-right: -48px;}
.lst-glr a.tm-link{background: url(tm-link.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/tm-link.png*/ no-repeat; text-indent: -9999px; display: block; position: absolute; top: 50%; margin-top: -20px; right: -100%; width: 40px; height: 40px;
-webkit-transition: right 1.2s ease; -moz-transition: right 1.2s ease; -ms-transition: right 1.2s ease; -o-transition: right 1.2s ease; transition: right 1.2s ease; }

.date-gl, .canhbao {
    font: 400 14px/20px 'Roboto', sans-serif;
    color: #777;
}
.archive-p ul.lst-handbook li {margin-bottom: 30px}
.mcn-glr {margin-bottom: 30px}

.title-sv{font:600 16px/20px 'Open Sans', sans-serif; text-align: center; background-color: #169dca; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; position: relative; padding: 10px 10px; text-align: center !important; color: #fff; display: block; text-transform: uppercase; }
.title-sv:before{content: ''; width: 7px; height: 7px; background-color: #fff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%;left:30px; margin-top: -3.5px;}
.title-sv:after{content: ''; width: 7px; height: 7px; background-color: #fff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%;right:30px; margin-top: -3.5px;}

.cat-service {border: 1px solid #e5e5e5; border-top: none; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; border-top-right-radius: 30px; border-bottom: 5px solid #169dca;}
.cat-service ul {padding: 0 16px}
.cat-service ul li{border-bottom: 1px solid #e5e5e5}
.cat-service ul li a{display: block;text-transform:capitalize;font:600 14px/20px 'Open Sans', sans-serif;padding: 15px 0;-webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
        transition: all .4s ease}
.cat-service ul li a:hover {color: #f00;padding-left: 20px}

.page-numbers {font: 400 14px/20px 'Roboto', sans-serif;color: #555;padding: 10px 12px;background:#ddd;}
span.page-numbers.current {color: #ff0000;}
a.page-numbers:hover {color: #fff;background: #0083ca}
li.dich img {border-radius: 50%; border: 1px solid #ADDBFF; padding: 5px; }

.quatrang {padding:30px 0;text-align: center;}
span.page-numbers.current {
    padding: 10px 12px;
    color: #fff;
    background: #0083ca;
}


.ct-wrapper {background: rgba(255,255,255,0.8);padding:30px 20px 20px;margin-bottom: 30px;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);border-radius:0;position: relative;border:1px solid #e5e5e5;}
.ct-wrapper .mcn-title h1{text-transform: uppercase; margin-bottom: 30px;}
.ct-wrapper .mcn-title h1{font: 400 24px/24px 'Utm-AvoB', sans-serif; color: #0d3d82;}
.ct-wrapper .mcn-title p{font: 400 14px/22px 'Utm-Avo', sans-serif; color: #4d4d4d;}

.ct-wrapper .mcn-title h2{text-transform: uppercase; margin-bottom: 15px;}
.ct-wrapper .mcn-title h2{font: 400 20px/24px 'Utm-AvoB', sans-serif; color: #4d4d4d;}
.tm-contact {width: 100%}

ul.list-news {margin-bottom: 30px;background: #fff}
ul.list-news li { margin-bottom: 20px; padding: 15px; border: 1px solid #e5e5e5;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;}
ul.list-news li:last-child{margin-bottom: 0}
ul.list-news li a.img img {height: 164;width: 270px}
ul.list-news li a.img {    display: inline-block; float: left; margin-right: 30px; padding: 5px; background-color: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.1);}
ul.list-news li .txt h4 {font: 500 14px/normal 'Roboto', sans-serif;text-transform: uppercase;margin-bottom: 8px;}
ul.list-news li .txt p {margin-bottom: 9px;color: #333;font-weight: 400;line-height: 22px;font-size: 14px}
ul.list-news li .txt {padding-top: 15px}
ul.list-news li .txt h4 a:hover {color: #ff0000}
ul.list-news a.img {overflow: hidden;display: block;position: relative;}
ul.list-news a.img::before {position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
ul.list-news a.img:hover::before,
ul.list-news a.img:hover::before,
ul.list-news a.img:hover::before {-webkit-animation: shine 1.5s; animation: shine 1.5s; } @-webkit-keyframes shine {100% {left: 125%; } } @keyframes shine {100% {left: 125%; } }


ul.list-product li .img-detail{border:1px solid #dbe2e7;margin-bottom: 14px}
ul.list-product li .txt-detail h4 a{margin-bottom: 5px;font-weight: 500; font-size: 14px; color: #333333; display: block; font-family: 'Roboto';display: block;}
ul.list-product li .txt-detail .price{font-size: 15px;color: #ff2525;font-weight: 500}
ul.list-product li .txt-detail h4 a:hover {color: #ff0000}
ul.list-product {position: relative;}
ul.list-product .detail {background:#fff;text-align: center;}
.woocommerce-checkout #payment {background: none}
.tinlienquan ul {border:1px solid #e5e5e5;padding-left: 30px;margin-bottom: 0}
.tinlienquan ul li {border:none;list-style: square !important}
.tinlienquan ul li h3 a{margin-bottom: 5px;font-weight: 500; font-size: 16px; color: #333333; display: block; font-family: 'Roboto';display: block;}
.tinlienquan ul li h3 a:hover{color: #ff0000}

.ct-custom {padding-bottom: 0}




.lst-taxonomy{margin-bottom: 50px;}
.lst-taxonomy ul li{margin: 0px 0 30px;}
.lst-taxonomy .detail{height: 370px; position: relative; border-radius: 15px; background: #fff; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); padding: 20px 15px 0; text-align: center;}
/*.lst-taxonomy .detail:before{content: ''; display: block; width: 100%; height: 15px; background: #0D3D82; position: absolute; left: 0; top: 25px;}*/
.lst-taxonomy .detail:after{content: ''; display: block; width: 100%; height: 15px; background: #0D3D82; position: absolute; left: 0; bottom: 25px;}
.lst-taxonomy .detail-custom:after{content: ''; display: block; width: 100%; height: 15px; background: #c53535; position: absolute; left: 0; bottom: 25px;}
.lst-taxonomy {}
.lst-taxonomy .img-ic img{height: 160px;max-width: 100%}
.lst-taxonomy .img-ic a{display: block;margin-bottom: 15px}
.lst-taxonomy .img-ic:hover{padding: 0;}

.lst-taxonomy h3{text-transform: uppercase; margin-bottom: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.lst-taxonomy h3 a{font: 400 15px/24px 'Utm-AvoB', sans-serif; color: #4d4d4d;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lst-taxonomy h3 a:hover{color: #0d3d82;}
.lst-taxonomy p{font: 400 14px/22px 'Utm-Avo', sans-serif; color: #4d4d4d;}
.img-product {position:relative}
.img-product:before{
    content: 'Product';
    background: #c53535;
    color:#fff;
    font:500 15px/20px 'Roboto';
    padding:5px 10px;
    z-index:999;
    position:absolute;
    top:30px;left:-21px; 
}
.img-product:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid #565656;
    border-left: 6px solid transparent;
    top: 60px;
    left: -21px;
}

.intro-taxonomy {margin-bottom: 30px;padding:20px;}
.intro-taxonomy{  position: relative;background: #fff}
.intro-taxonomy:before, .intro-taxonomy:after{  z-index: -1;  position: absolute; content: "";  bottom: 15px;left: 10px;  width: 50%;  top: 80%;  max-width:300px;  background: #777;  -webkit-box-shadow: 0 15px 10px #777;  -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777;  -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);  -o-transform: rotate(-3deg);  -ms-transform: rotate(-3deg);  transform: rotate(-3deg);}
.intro-taxonomy:after{  -webkit-transform: rotate(3deg);  -moz-transform: rotate(3deg);  -o-transform: rotate(3deg);  -ms-transform: rotate(3deg);  transform: rotate(3deg);  right: 10px;  left: auto;}
.intro-taxonomy h3 {font: 400 18px/24px 'Utm-AvoB', sans-serif; color: #4d4d4d;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-transform: uppercase;margin-bottom: 15px}
.intro-taxonomy p {font: 400 14px/22px 'Utm-Avo', sans-serif; color: #4d4d4d;}
.intro-taxonomy img {padding:5px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3)}
.img-ct-product {margin-bottom: 20px}
.img-ct-product img {padding:5px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3)}




.sidebar-taxonomy ul {background: }
.sidebar-taxonomy ul li {margin-bottom: 15px !important;}
.sidebar-taxonomy>ul>li {border-bottom: 1px solid #e5e5e5}


.sidebar-taxonomy ul li:last-child {margin-bottom: 0px !important;border:none;padding-bottom: 0}
.sidebar-taxonomy ul li a {font: 500 13px/20px 'Roboto', sans-serif; color: #555; text-transform: uppercase;position: relative;padding-left: 20px}
.sidebar-taxonomy ul li a:before {content: '';width: 4px ;height: 7px; display: block;position: absolute;top: 50%;left:5px;margin-top: -4px;background: url(sprite2.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/sprite2.png*/ no-repeat 0px -52px;-webkit-transition: left .4s ease;
   -moz-transition: left .4s ease;
    -ms-transition: left .4s ease;
     -o-transition: left .4s ease;
        transition: left .4s ease}
.sidebar-taxonomy>ul>li>a:before {content: '';width: 14px ;height: 10px; display: block;position: absolute;top: 50%;left:0px;margin-top: -7px;background: url(sprite2.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/sprite2.png*/ no-repeat -14px -64px;}
.sidebar-taxonomy>ul>li>a{color: #186cae;font-size: 14px;padding-left: 30px}
ul.sub-cate {border:none;padding-top: 10px !important;padding-bottom: 10px}
ul.sub-cate:last-child {padding-bottom: 0}
ul.sub-cate li a {}
ul.sub-cate li {margin-bottom: 10px !important}
ul.sub-cate>li:hover>a{color: #009e40;/*padding-left: 30px*/}
ul.sub-cate li:hover a:before {background-position: 0 -64px;/*left:15px;*/}

ul.sub-cate2 {padding: 10px 0 0 0px; }
ul.sub-cate2 li a {color: #555 !important;font-weight: 400;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: block}
ul.sub-cate2 li:hover a {color: #009e40 !important;}
ul.sub-cate2 li{margin-bottom: 0px !important}

.sidebar-taxonomy ul.sub-cate2 li a:before {
    content: '';
    width: 10px;
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: 0px;
    background: #00AB45;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s ease;
    -ms-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
    border-radius: 50%;
}

.tm-news-lf ul.lst-geomancy li h3 {margin-bottom: 7px;display: block}
.tm-news-lf ul.lst-geomancy li h3 a {font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.tm-news-lf ul.lst-geomancy li h3 a:hover  {color: #ea1212}
.tm-news-lf ul.lst-geomancy li {margin-bottom: 30px}
.tm-news-lf ul.lst-geomancy li {margin-bottom: 30px}
.tm-news-lf ul.lst-geomancy li p {color: #555;font: 400 13px/20px 'Roboto', sans-serif;margin-bottom: 5px}
.tm-news-lf ul.lst-geomancy li a.img {height: auto;margin-bottom: 15px;display: block;overflow: hidden;}
.detail.project-new h3 {height: auto !important}

.tm-news-lf ul.lst-geomancy li span.date-time {
    font: 400 13px/20px 'Roboto', sans-serif;
    color: #9c9c9c;
    display: block;
}



ul.lst-geomancy li a.img img{width: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
ul.lst-geomancy li a.img:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.info-ct .hd-social{float:none;
     padding-left:0; 
     margin-left:0; 
     border-left: 0}

     
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 100px;
    width: 100%;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 0}
.lSSlideOuter .lSPager.lSGallery li.active a {display: block;background: black}
.lSSlideOuter .lSPager.lSGallery li.active img {opacity: 0.6}