/*Dùng chung*/ 
.effect--scale3d{position:relative;overflow:hidden;display:block;}
.effect--scale3d:after{position:absolute;top:0;left:0;width:160%;height:100%;background:rgba(255,255,255,.2);content:'';z-index:1;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.effect--scale3d:hover:after{-webkit-transition:transform .7s ease 0s;-moz-transition:transform .7s ease 0s;-o-transition:transform .7s ease 0s;transition:transform .7s ease 0s;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);} 
/*Tính trả góp*/
.title_tinhtragop { background: url(../images/bang-tinh-tra-gop.png) no-repeat center center;
width: 365px;
height: 50px;
margin: 0px auto 30px auto}
.btn_tinh {font-weight:700;font-size: 20px;}
/*Page liên hệ*/
.tieudepage_lienhe{ font-weight: 600;margin: 3em 0;  position: relative; text-transform: uppercase;text-align:center}
.noidungpagelh h2,.noidungpagelh h3{font-weight:600; margin-bottom:1em}
.noidungformlh h2,.noidungformlh h3{font-weight:600; margin-bottom:1.5em}
.noidungpagelh p{line-height: 2em; border-bottom: 0.01em solid #008fda; padding: 0.5em 0;} 
/*form contact*/
.contact-info {
background: url(images/contact-banner.jpg) no-repeat center;
margin: 20px 0;
background-size: cover;
overflow: hidden;
color: #ffffff;
}
.contact-bg {
background:rgb(38, 64, 133);
padding: 20px;
float: right;
}
.contact-info span {
display: block;
overflow: hidden;
margin: 20px 0 10px;
}
.contact-info span i {
color: #ffffff;
font-size: 20px;
font-weight: bold;
margin-right: 10px;
float: left;
}
.contact-form .input-group {
margin-bottom: 20px;    width: 100%;
float: left;
}

.contact-formtuvan .input-group {
margin-bottom: 25px !important ;     

}

.contact-form .input-group .input-group-addon {
border-radius: 0px;
background-color: #312f2f;
border: none;
position: relative;
}
.contact-form .input-group .input-group-addon i {
color: #fff;
font-size: 18px;
}
.plant>.fa-paper-plane {
position: absolute;
padding: 10px 6px;
color: #fff;
z-index: 10;    
}
.plant > input {  padding: 6px 15px;}


/*bg_page*/
.bg_page { position: relative; padding: 8em 0;text-align: center;color: #fff;}
.bg_page:before{    content: ""; position: absolute; width: 100%; height: 100%; background: #0006; top: 0;left: 0;} 
.bread {padding: 10px 0;background-color:#ddd}
#breadcrumbs a,#breadcrumbs { color: #111; position: relative}
#breadcrumbs >a:hover ,#breadcrumbs >a:active,#breadcrumbs >a:focus {color:#111}
.margin-top {margin-top:2em}
/*Page tư vấn*/
.box_tuvan {     margin-bottom: 0.7em;
display: table;
float: left;}
.box_maintuvan {display:table}
.box_imgtuvan a img{width:100%}
.box_imgtuvanchild a{    display: block;
height: 180px;
overflow: hidden;
position: relative;}
.box_imgtuvanchild a img{height:100%}

.box_imgtuvanchild:hover img  ,.box_imgtuvan:hover img {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}

.box_imgtuvanchild ,.box_imgtuvan {overflow:hidden; position:relative;display:block;} 
.box_imgtuvanchild img,.box_imgtuvan img  { 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all all 0.2s ease-in-out ease;
-moz-transition: all all 0.2s ease-in-out ease;
-ms-transition: all all 0.2s ease-in-out ease;
-o-transition: all all 0.2s ease-in-out ease;
transition: all all 0.2s ease-in-out ease;}	
.box_imgtuvanchild:hover img,.box_imgtuvan: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);}


.content_tuvan a h3{ 
font-weight: 700; 
padding: 5px 0px;
line-height: 1.5em;
font-size: 1em; 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 45px;
display: -webkit-box;
-webkit-box-orient: vertical;}
.box_titletuvan h2{ float: left; font-weight: 600;}
.box_titletuvan .hot-title {
color: #111; 
padding: 10px;
text-transform: uppercase;
position: relative;
}
.box_titletuvan {background: #e6e6e68a;padding: 5px 0px;margin-bottom: 15px;width:100%}
.box_tuvanchild {margin-bottom: 30px;}
/*Sidebar*/
.title-sidebar {
text-transform: uppercase;
color: #fff;
padding: 8px 15px;
font-weight: 700;
background:#2e333c url(../images/shadow-heading.png) top right no-repeat;    font-size: 15px;
}
.bd-sidebar	{border: 1px solid #ddd; padding: 10px 10px 0px 10px;}
.list-post {  margin-bottom: 20px;}
.title_ct {font-size: 13px;}
.title_sidebartintuc h3 {    line-height: 1.8em;
font-size: 0.9em;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;}

/*archive product*/
.frm_loc {margin-bottom: 2em; background: #e5e5e5; padding: 0.5em;}
.frm_loc .form-group { margin-bottom: 0;}
.boxtieude_danhmucloc h1 {display: inline-block; margin-right: 1em;}
.boxtieude_danhmucloc span {color:red}

.box_productarchive {margin-bottom:2rem; }

.box_info_imgarchive {margin: 0 5px;
padding: 0;
text-align: center;
position: relative;
min-height: 200px;
overflow: hidden;}
.box_info_imgarchive a{     position: relative;
display: block;
text-align: center;
margin: 0;
overflow: hidden;}
.box_info_imgarchive a  img{transform:scale(1,1);-webkit-transition:transform 300ms ease-out 0ms;-moz-transition:transform 300ms ease-out 0ms;-o-transition:transform 300ms ease-out 0ms;transition:transform 300ms ease-out 0ms;}
.box_info_imgarchive a:hover > img{-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.1,1.2);transform:scale(1.2,1.2);}


.title_archive_pro {    display: block;}
.title_archive_pro h2{  
font-size: 14px;
display: block;
text-align: center;
text-transform: uppercase;
padding: 10px 0;
color: #333;
font-weight: 600;}
/*Phân trang*/
.pagination { margin: 1em auto;display: table; }
.pagination li{display: inline-block;}
.pagination li a{color:#000;}
.pagination li a:hover{color: #000;}
.pagination > .active > a{color:#fff}
.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:#2e333c;} 

/*Single product*/
.breadsinglepro > #breadcrumbs a,.breadsinglepro > #breadcrumbs {color: #000;}
.box_imgsingle {position:relative; overflow:hidden}
.show-more::before{height:55px;margin-top:-45px;content:-webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0)));display:block;}
.hide-more{display:none;}
.hide-more > span{width:70px !important;}
.show-more > span, .hide-more > span{width:100px;display:block;overflow:hidden;position:relative;font-size:14px;color:#0070c9;margin:10px auto;cursor:pointer;padding:0 5px 0 10px;border:1px solid #0070c9;border-radius:20px;}
.show-more > span::after{content:'';width:0;right:0;border-top:6px solid #0070c9;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;}
.hide-more > span::after{content:'';width:0;right:0;border-bottom:6px solid #0070c9;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0px 0px 18px;}

.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; }
.support-hotline::before{position:absolute;content:"";background:url(images/icon.png) no-repeat -312px -5px;width:20px;height:20px;left:6px;top:5px;}
.support-hotline a{color:#ed1c24;}

.tensanpham {   
    color: #333;
    font-size: 37px;
    font-weight: bold;
    font-family: "Barlow";
    text-transform: uppercase;}
.imgthongso{margin:1rem 0 0}
.box_chitietsp .product-price {text-align: left;font-size: 1.3em;margin:1rem 0}
.product-detail-info .product-price{font-weight:700;position:relative;color:#e32124;font-size:20px;margin-bottom:10px;     text-align: left;}
.ul_dtcp_single li {float: none !important;  margin: 0 auto;}

.box_titlechitietsanpham {    background-color: #e5e5e5;
    margin: 1rem 0;
    display: inline-block;
    width: 100%;}
.box_titlechitietsanpham a{    padding: 0.6rem 0;
    display: inline-block;
    font-weight: 600;
    font-size: 1.3rem;
    width: 49%;
    text-align: center;
    text-transform: uppercase;}
.box_titlechitietsanpham a:hover{color: #ff0000;} 
.contentpro {background: #f6f5f5;border: 1px solid #dadada;margin: 20px 0 0;}
.colprice {
border-bottom: 1px solid #dadada;
padding: 24px 21px 0;
height: 111px;
}
.colpay { padding: 24px 21px 0;}
.allicon-goi {background-image: url(../images/icons.png);
background-repeat: no-repeat;
display: inline-block;
height: 30px;
line-height: 30px;
vertical-align: middle;
width: 30px;background-position: -216px -159px; 
margin-right: 6px;}

.allicon-pay {
background-position: -192px -159px;
width: 25px;
height: 23px;
margin-right: 6px;
background-image: url(../images/icons.png);
background-repeat: no-repeat;
display: inline-block; 
line-height: 30px;
vertical-align: middle;
}	
.box_ycautuvan {padding: 20px;border-left: 1px solid #dadada;}
.box_goilaichotoi {padding: 12px 10px 10px;
background-color:#8d8d8d; display:inline-block;
border-radius: 4px;
margin-top: 20px;
color: #fff;}
.box_goilaichotoi h2{margin: 0;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
text-align: center;
margin-bottom: 10px;}
.box_coment {border-top: 1px solid #dadada;}

.post-content .aligncenter {margin: 0 auto;}

.btn_order, .btn_tragop {    display: table;
    padding: 0.5rem 4rem;
    text-align: center; 
    color: #fff; 
    text-transform: uppercase;
    font-weight: 600;
    margin: 2rem 0 1rem;
    cursor: pointer; 
    border-radius: 10px;
    background: #2160ac;
    color: #fff;
    font-size: 18px;
}
.btn_order p, .btn_tragop p {font-size: 12px;text-transform: initial;}
.btn_tragop {color: #fff;background: #0070c9;}
.btn_order:hover,.btn_order:active,.btn_order:focus, .btn_tragop:hover,.btn_tragop:active,.btn_tragop:focus {color:#fff;opacity:0.8}
.box_chitietsp .ghichu {
font-size: 15px; 
color: #eb0000;
position: relative;
padding: 5px 5px 5px 45px;
border-radius: 2px;
background-color: #fff9fa;
border: solid 1px #fdd;
}
.box_chitietsp .ghichu:before {
content: "";
display: inline-block;
width: 27px;
height: 21px;
background: url(../images/chronometer.png) no-repeat center;
position: absolute;
top: 5px;
left: 8px;
}
.product-detail-khuyenmai {
border: 1px solid #c9c9c9;
border-radius: 2px;
margin: 10px 0;
padding: 5px;
font-size: 14px;
}

.product-detail-khuyenmai >p {
padding-left: 15px;
position: relative;
}
.product-detail-khuyenmai >p:before {
content: "";
display: inline-block;
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 6px;
background:#979797;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.icon_giaohang {
background-image: url(../images/icon_giaohang.png);
background-repeat: no-repeat;
display: inline-block;
height: 30px;
line-height: 30px;
vertical-align: middle;
width: 30px; 
margin-right: 6px;
}
.icon_dathang {
background-image: url(../images/icon_dathang.png);
background-repeat: no-repeat;
display: inline-block;
height: 30px;
line-height: 30px;
vertical-align: middle;
width: 30px; 
margin-right: 6px;
} 

.ulttsanpham a {font-weight: 700; font-size: 1.3em;}

.title_sanphamlienquan{    text-transform: uppercase;
    color: #fff;
    padding: 8px 15px;
    font-weight: 700;
    background: #2e333c url(../images/shadow-heading.png) top right no-repeat;
    font-size: 15px;margin-bottom:1.5rem}

@media only screen and (min-width: 992px){
.modal-dialog { width: 800px !important;  margin: 1.75rem auto!important; max-width: 100%!important;}
}

/*Đặt mua nhanh*/
.frm_datmua {padding: 1em;border: 5px solid #E6E6E6;}
.cl_main {background: #2060ab !important;
opacity: 1;
padding: 4px 9px !important;
margin-right: -0.6em;
margin-top: -0.4em;
color: #fff; 
border-bottom-left-radius: 20px;}
.box_bg {    color: rgb(255, 255, 255);
text-align: center; 
float: left;  
box-sizing: border-box;
background: rgb(58, 60, 76);
padding: 0px 10px;}	

.box_bg .mess { font-size: 14px;
font-weight: normal;
background: rgba(255, 255, 255, 0.1);
padding: 10px;
margin: 20px;}
.hotline_bg {
font-size: 25px;
color: rgb(255, 255, 255);
font-weight: 800;
}

.frm-titlebg {font-weight: 700;
text-transform: uppercase;
padding: 20px 0px;
text-align: center;
color: red;}


.input_gl {
margin-bottom: 20px;
}	
.input_gl > p > span > input,.input_gl > p > span > select {
padding: 5px 10px 5px 30px !important;
min-height: 35px !important;
border-radius: 3px;
}	
.icon_hoten {
background:#fff url(../images/icon_hoten.png) no-repeat 1% 50%;    background-size: 20px;
}
.icon_email {
background:#fff url(../images/icon_email.png) no-repeat 1% 50%;    background-size: 23px;
}
.icon_sdt {
background:#fff url(../images/icon_sdt.png) no-repeat 1% 50%;    background-size: 23px;
}
.icon_diachi  {
background:#fff url(../images/icon_diachi.png) no-repeat 1% 50%;    background-size: 20px;
}
.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 1% 50%;    background-size: 20px;
}
.icon_noidung {
background:#fff url(../images/icon_noidung.png) no-repeat 1% 3%;    
padding: 5px 10px 5px 35px !important;
border-radius: 3px;
}	
.btnguidi {display: table;text-align:center;margin: 1em 0;} 


.bg_datmua {
background: url(../images/bg_dathang.png) no-repeat center center;
height: 50px;
margin: 10px auto 30px auto
}
.bg_muatragop {
background: url(../images/bg_muatragop.png) no-repeat center center;
height: 50px;
margin: 10px auto 30px auto
}

.title-product{ color: #333;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: "Barlow";
    text-transform: uppercase;
    margin-top: 1rem;display: block;}
.wpcf7-spinner {position: absolute;}
/*Archive*/	
.box_archive {margin-bottom:20px}
.box_postarchive {margin-bottom:2em}
.img_postarchive{width:100%;}
.box_postarchive div a:before {
content:"";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgb(255 255 255 / 42%);
opacity: 0;
transition: opacity .4s ease-in-out;
z-index:1
}
.box_postarchive div:hover a:before { 
opacity: 1; 
}
.title_postarchive {display:block}
.title_postarchive h3 {    font-size: 1.2em; 
font-weight: 600;
color: #525252;
line-height: 1.5em;
padding: 0.5em 0;}
.title_postarchive h3:hover {color:#008fda;} 
.box_thoigian {color: #008fda; }
/*Single*/
.tieudepage_single{margin-bottom: 1rem; font-weight: 600;font-size: 1.8rem;}
/*Post content dùng chung*/
.like-click {margin-top: 30px; display: block; overflow:hidden}
.border_content {  margin-bottom: 30px;}
.post-content{color: #444}
.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: #0A1F41 }
.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 {line-height: 25px;     margin-top: 0; margin-bottom: 1rem;    color: #4a4a4a;}
.post-content ol,
.post-content ul {margin: 16px 0;padding: 0 0 0 30px;}
.post-content ul li{margin: 10px 0}
.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: #444;}
.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: #444;}
.post-content ins {
background: #fff9c0;
border: none;
color: #444;
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;  
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.post-content caption,
.post-content th,
.post-content td {
/*font-weight: normal;*/
border: 1px solid #ededed;
text-align: left;
}
.post-content caption {
font-size: 16px;
margin: 20px 0;
}
.post-content th {
font-weight: normal;
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;}