
/*modal-product*/
/*form contact*/  
.box_contact{ margin-bottom:2rem;} 
.title_pagecontact {text-transform: uppercase; margin-bottom:2rem;text-align:center} 
.btnguidi .btn-success{padding: 0.9rem 3rem;}
.input_gl {margin-bottom: 15px;}
.input_gl > span > input,.input_gl > span > select { min-height: 40px !important;}
.icon_hoten {background:#fff url(../images/icon_hoten.png) no-repeat 1% 50%;    background-size: 20px; padding: 5px 10px 5px 30px !important;}
.icon_email {background:#fff url(../images/icon_email.png) no-repeat 1% 50%;    background-size: 23px; padding: 5px 10px 5px 30px !important;}
.icon_sdt {background:#fff url(../images/icon_sdt.png) no-repeat 1% 50%;    background-size: 23px; padding: 5px 10px 5px 30px !important;}
.icon_diachi {background: #fff url(../images/icon_diachi.png) no-repeat 1% 3%; padding: 5px 10px 5px 30px !important;}
.icon_noidung {background:#fff url(../images/icon_noidung.png) no-repeat 1% 3%;padding: 5px 10px 5px 35px !important;border-radius: 3px;}  
/*bg_page*/ 
.bread{margin:1rem 0}
.title_page {text-transform: uppercase; margin-bottom:2rem; }   
/*Archive*/
.postcontet_archive {margin-bottom:2rem}
.posttitle_archive {font-size: 1.2rem;font-weight: 600;color: #555;margin-bottom: 0.3rem;}
.readmore {padding: 3px 10px;background-color: #129fd8;margin-left: 10px;float: right;border-radius: 3px;border:0.01rem solid #129fd8;color: #fff;}
.readmore:hover { background: #fff;color:#04b158}
/*Single*/
.title_postsingle{font-weight: 600; margin-bottom: 1rem;}
.thumbnailsingle{width:100%}
.tbl_postct{background: #04b158;color: #444;padding: 5px 15px;font-weight: 500;margin-top: 20px;display: table;} 
.title_tintuckhac{text-transform: uppercase; background: #129fd8;padding: 0.4em 0.5em;color: #fff;margin: 2em 0;}
.box_imgsinglepro {position:relative}
/*Archive sản phẩm*/
/*Phân trang*/
.pagination {display: table;margin:1rem auto;}
.pagination li{display:inline-block}
.pagination > .page-item:last-child > a ,.pagination > .page-item:first-child  > a,.pagination > .page-item > a { 
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25; 
border: 1px solid #dee2e6;border-radius:0
}
.page-item.active .page-link { 
background-color: #0098D1;
border-color: #0098D1;
}
/*Single sản phẩm*/
.borderpost_content {border: 1px solid #eee; padding: 1rem;}
.title_sanphamkhac {text-transform: uppercase; background: #129fd8;padding: 0.4em 0.5em;color: #fff;margin: 2em 0 0;}

.title_singlepro{font-weight: 600; padding-bottom: 0.5rem;    text-transform: uppercase;}
.tinhtrang span{color: #e00;}
.tinhtrang{padding-bottom: 0.5rem;}
.tbl_datmua {    background-color: #0098D1;
    border-radius: 0.2em;
    padding: 0.9em 4em;
    display: table;
    text-transform: uppercase;
    margin: 1rem 0;
    font-weight: 600;color:#fff!important;cursor:pointer;    text-align: center;
    width: 100%;}
.tbl_datmua:hover {background-color: #0883b1}	
.giolanviec {
    font-size: 15px;
    cursor: pointer;
    color: #eb0000;
    position: relative;
    padding: 5px 5px 5px 40px;
    margin: 10px 0;
    border-radius: 2px;
    background-color: #fff9fa;
    border: solid 1px #fdd;
    width: 100%;
}	
.giolanviec:before{content: "";
    display: inline-block;
    width: 27px;
    height: 21px;
    background: url(../images/chronometer.png) no-repeat center;
    position: absolute;
    top: 5px;
    left: 8px;}	
	
.box_gtsanpham {border: 1px solid #3fb846;
    border-radius: 2px;
    margin: 10px 0;
    padding: 1rem; 
}
.box_gtsanpham > p {
    padding-left: 15px;
    position: relative;margin-bottom: 0.5rem;
}
.box_gtsanpham > p:before{    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #3fb846;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;}
.support {
    margin: 20px 0px;
    display: inline-block;
    font-size: 13px;
}
.support_hotline {    border-radius: 20px;
    line-height: 1;
    padding: 0.5em 0.9em;
    position: relative;
    font-weight: 700;
    background: #FFEB3B;}
	
.box_tuvan {background-color: #e3e3e3;
    padding: 0.5rem;}
.box_tuvan p {text-align: center;
    font-weight: 600;
    color: #0098D1;
padding: 0.3rem 0;}



/*Poup form*/ 
.single-product >.popup_dathang {
    overflow-x: hidden;
    overflow-y: auto;
	    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;  
    -webkit-overflow-scrolling: touch;
    outline: 0;padding-top:3rem
} 
.single-product >.popup_dathang::-webkit-scrollbar { width: 0;}
.popup_dathang:before {  left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #0000008a; 
    position: fixed;
}
.popup_dathang { 
    visibility: hidden; 
    width: 100%;
    margin: 0 auto; 
    position: fixed;
    z-index: 101;
    top: 10%;
	
}
.popup_dathang.active { 
  visibility: visible; 
}
.popup_dathangchild {
     float: none;
    padding: 0; 
    margin: 0 auto;
    background-color: #fff; 
    border: 7px solid #E6E6E6;
}
 
.closeaaa {   
    border: none;
    background: #0883b1 ;
    opacity: 1;
    padding: 0.4rem 0.7em;
    margin-right: 0;
    margin-top: 0;
    color: #fff;
    border-bottom-left-radius: 20px;
    float: right; line-height:1;
    text-shadow: 0 1px 0 #fff;}
	
/**/	
.boxcontent_prochild {padding: 1rem;}  
.bg_datmua {
    background: url(../images/bg_muatragop.png) no-repeat center center;
    width: 365px;
    height: 50px;
    margin: 10px auto 30px auto;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff; 
}
.box_formdathang {padding:1rem 2rem; background: #f5f5f5;}
.btndatmua{  margin-top: 2rem;} 
.btndatmua >.btn-success{width: 100%;padding: 0.9rem; }

.icon_sp {
    background: #fff url(../images/icon_tensp.png) no-repeat 1% 50%;
    background-size: 20px;
}
.icon_giasp {
    background: #fff url(../images/icon_gia.png) no-repeat 2% 50%;
    background-size: 20px;
}
.icon_soluong{background: #fff url(../images/icon_tieude.png) no-repeat 1% 50%;
    background-size: 25px;}
/*Page liên hệ*/
.box_pagethongtinlienhe {margin-bottom:2em;margin-top:2em}
.iconlienhe i{width: 2em;height: 2em;background-color: #04b158;font-size: 2em;line-height: 2em;color: #fff;border-radius: 50%;margin-bottom: 0.5em;}
.noidungtranglienhe {padding:0 2em}  
/*Post content dùng chung*/
.like-click {margin-top: 30px;display: block;overflow:hidden}
.border_content {margin-bottom: 30px;}
.post-content img{max-width:100%; height:auto;}
.post-content iframe{width:100% !important;  }
.notice {border-radius:0;overflow: hidden; margin-top: 10px;}
.post-content strong {font-weight: 600;line-height: 30px; }
.post-content a { color: #000 }
.aligncenter a img{ margin: 0 auto; display: block;} 
.post-content h3{font-size:18px ; margin:5px 0px}
.post-content h2{font-size:20px;margin:5px 0px} 
.post-content h1{font-size:22px;margin:5px 0px} 
.content_ttkhac {padding: 0px 10px 5px;}
.post-content cite,
.post-content dfn,
.post-content em {font-style: italic;}
.post-content p {margin: 3px 0; line-height: 25px; margin-bottom: 10px;}
.post-content ol,
.post-content ul {margin: 16px 0;padding: 0 0 0 40px;}
.post-content ul {list-style-type: square;}
.post-content ol {list-style: decimal outside;}
.post-content li > ul,
.post-content li > ol {margin: 0;}
.post-content dl {margin: 0 20px;}
.post-content dt {font-weight: bold;}
.post-content dd {margin: 0 0 20px;}
.post-content strong { color: #000;}
.post-content code,.post-content kbd,.post-content pre,.post-content samp {font-family: monospace, serif;font-size: 14px;}
.post-content 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;}
.post-content blockquote,
.post-content q {quotes: none;}
.post-content blockquote:before,
.post-content blockquote:after,
.post-content q:before,
.post-content q:after {content: "";content: none;}
.post-content blockquote {font-size: 24px;font-style: italic;font-weight: 300;margin: 24px 40px;}
.post-content blockquote blockquote {margin-right: 0;}
.post-content blockquote cite,
.post-content blockquote small {font-size: 14px;font-weight: normal;text-transform: uppercase;}
.post-content cite {border-bottom: 0;}
.post-content abbr[title] {border-bottom: 1px dotted;}
.post-content address {font-style: italic;margin: 0 0 24px;}
.post-content del {color: #333;}
.post-content ins {background: #fff9c0;border: none;color: #333;text-decoration: none;}
.post-content sub,
.post-content sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
.post-content sup {top: -0.5em;}
.post-content sub {bottom: -0.25em;}
.post-content a { text-decoration: none;}
.post-content a:focus {outline: thin dotted;}
.post-content a:active,.post-content a:hover { outline: 0;}
.post-content a:hover {text-decoration: underline;}
/*Alignment*/
.post-content .alignleft {float: left;margin: 5px 20px 5px 0;}
.post-content .alignright {float: right;margin: 5px 0 5px 20px;}
.post-content .aligncenter {display: block;margin: 5px auto;}
.post-content img.alignnone {display: block;margin: 5px auto;}
/*Tables*/
.post-content table {border: 1px solid #ededed;border-collapse: collapse;border-spacing: 0;font-size: 14px;line-height: 2;margin: 0 0 20px;width: 100%;}
.post-content caption,
.post-content th,
.post-content td {font-weight: normal!important;border: 1px solid #ededed;text-align: left;}
.post-content caption {font-size: 16px;margin: 20px 0;}
.post-content th {font-weight: normal!important;text-transform: uppercase;border: 1px solid #ededed;}
.post-content td {border: 1px solid #ededed;padding: 6px 10px;}
/*Images*/
.post-content img {height: auto;max-width: 100%;vertical-align: middle;  }
.post-content .wp-caption {background: transparent;border: none;padding: 0;max-width: 100% !important;text-align: center;width: 100% !important;}
.post-content .wp-caption.alignleft {margin: 5px 10px 5px 0;}
.post-content .wp-caption.alignright {margin: 5px 0 5px 10px;}
.post-content .wp-caption-dt {margin: 0;}
.post-content .wp-caption .wp-caption-text,
.post-content .wp-caption-dd {color: #220e10;font-size: 14px;font-style: italic;font-weight: 300;line-height: 1.5;
margin-bottom: 24px;padding: 0;}
.post-content .mceTemp + ul,
.post-content .mceTemp + ol{list-style-position: inside;}