/*
Theme Name: Chonweb Child
Description: This is a child theme for Chonweb Theme
Author: https://chonweb.net/
Template: chonweb
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    display: none;
}
.all_trang .section-title a {
    color: rgb(119, 193, 80);
}
.absolute-footer, html {
    background-color: #101010;
    border-top: 1px solid rgba(110, 101, 85, 0.62);
}
.box-blog-post .is-divider {
    display: none;
}
.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs), .metaslider.ms-theme-outline ul.rslides_tabs, .metaslider.ms-theme-outline div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) {
    background: transparent;
    bottom: 2%;
}
.section-title-normal span {
    border-bottom: 2px solid rgb(119, 193, 80);
}
.dichvuhot{
    margin-bottom: 0px !important;
    background-image: url(../chonweb/images/p1.jpg) !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
}
.portfolio-page-wrapper.portfolio-single-page {
    background: #fff;
}
.row.w_sanpham.large-columns-5.medium-columns-3.small-columns-2.row-small {
    padding: 10px;
}
.product-container {
    background-color: #fff;
}
.row.category-page-row {
    background-color: #fff;
}
.page-wrapper{
    background: #fff;
}
/* Slider chonweb.net */
.metaslider.ms-theme-outline .flexslider {
    margin-bottom: 0;
    border-bottom: 1px solid rgb(226, 194, 133);
}
/* Goi dien onlne */
.chonweb-call {
    text-align: center;
    width: 43px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: block;
    z-index: 999;
}

.chonweb-call div.tip.chonweb-zalo, .chonweb-call div.tip.chonweb-alo, .chonweb-call div.tip.chonweb-mes {
    background-color: #0084ff;
}
.chonweb-call div.tip.chonweb-gia {
background-color: #ff6600;
}
.chonweb-call div.tip.chonweb-vber {
background-color: #953fde;
}
.chonweb-call div.tip.chonweb-alo {
    background-image: url(../chonweb/images/call.png);
}
.chonweb-call div.chonweb-gia {
    background-image: url(../chonweb/images/gia.png);
   background-size: 60%;
}
.chonweb-call div.chonweb-zalo {
    background-image: url(../chonweb/images/zalo1.png);
}
.chonweb-call div.tip.chonweb-mes {
    background-image: url(../chonweb/images/messenger.png);
}
.chonweb-call div.tip.chonweb-vber {
    background-image: url(../chonweb/images/viber.png);
	background-size: 116%;
}
.chonweb-call div:first-child {
    margin-top: 0;
}
.chonweb-call div.tip.chonweb-alo, .chonweb-call div.tip.chonweb-zalo, .chonweb-call div.tip.chonweb-mes, .chonweb-call div.tip.chonweb-gia, .chonweb-call div.tip.chonweb-vber  {
    display: block;
}
.chonweb-call div {
    margin: 14px 0;
    margin-top: 14px;
    background: #0084FF center no-repeat;
    background-color: rgb(0, 132, 255);
    background-image: none;
    background-size: auto;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888;
}
.chonweb-call a {
    line-height: 43px;
}
.chonweb-call a {
    display: block;
    line-height: 43px;
    text-indent: -9999px;
}
.chonweb-call div {
    margin: 14px 0;
    background: #0084FF center no-repeat;
    background-color: rgb(0, 132, 255);
    background-image: none;
    background-size: auto;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888;
}
.chonweb-call div:last-child {
    margin-bottom: 0;
}
.tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
.tip .tooltiptext span::after {
left: 100%;
transform: rotateZ(-180deg);
content: "";
position: absolute;
top: 50%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
}
.tip .tooltiptext {
    background-color: rgba(29, 36, 62, 0.7);
    color: #fff;
    visibility: hidden;
    text-align: center;
    border-radius: 5px !important;
    white-space: nowrap !important;
    width: auto !important;
    height: 35px !important;
    line-height: 25px !important;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 1;
    top: 4px;
    font-size: 12px !important;
    font-family: arial,sans-serif !important;
    cursor: pointer;
}
.tooltiptext {
    right: 110%;
}
.tip:hover .tooltiptext {
    visibility: visible;
}
.chonweb-call.phai {
    left: auto;
    right: 20px;
    bottom: 72px;
}

/* Goi lai */
.goi_lai {
    background: linear-gradient(-180deg,#72e336 2%,#77c150 96%);
    border-radius: 4px;
    margin-top: 28px;
    padding: 4px 10px 54px 16px;
}
.goi_lai h3 {
    display: block;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.goi_lai .wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
    border: none;
    width: calc(100% - 106px);
    float: left;
    height: 39px;
    border-radius: 4px;
    padding-left: 10px;
    box-sizing: border-box;
}
.wpcf7-form{
    margin-bottom: 0.1em;
}
.goi_lai .form-flat button, .goi_lai .form-flat input {
    border-radius: 4px;
}
.goi_lai input[type="submit"], .goi_lai input[type="submit"].button, .goi_lai input[type="submit"], .goi_lai .primary {
    background: #288ad6;
    width: 70px;
    height: 32px;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    font-weight: bold;
}
/* Menu va Form nhap */

.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    border-radius: 3px;
}
.hidden-xs.lien_he {
    font-size: 13px;
}
#mega-menu-title {
    text-transform: uppercase;
}
#mega-menu-wrap {
    background: #ef3737;
}
.fa {
    color: red;
    }
.phone_number a{
        font-size: 22px;
        color: red;
    }  
/*Chia cot - chonweb.net*/
.bodichvu {
    border: 2px solid #77c150;
}
input, textarea, select, fieldset {
    margin-bottom: 0.2em;
}
@media screen and (min-width: 850px){
.slider1 .large-9 {
    max-width: 78%;
    -ms-flex-preferred-size: 78%;
    flex-basis: 78%;
}
.slider1 .large-3 {
    max-width: 212%;
    -ms-flex-preferred-size: 22%;
    flex-basis: 22%;
}
}
.section-title-container {
    margin-bottom: 0.1em;
}
.slider9.col, .gallery-item, .columns {
    padding: 0px;
}
.box-image img {
height: 210px;
object-fit: contain;
border: solid 1px #cbcbcb;
padding: 3px;
background-color: #fff;
display: block;
}
/*Sub title - chonweb.net*/
.section-title-normal .ds1 {
    list-style: none;
    margin: 6px 0;
    padding: 0;
    overflow: hidden;
}
.section-title-normal .ds1 > li {
    float: left;
    border-right: 1px solid hsla(0,0%,59%,.4);
    padding: 0 7px;
    margin: auto;
}
.section-title-normal .ds1 > li a {
    padding-left: 0;
    font-size: 13px;
}
.chuyenmucsp .section-title-normal span { /*Tao mục  chuyenmucsp o element*/
    margin-right: 15px;
    padding-bottom: .5px;
    border-bottom: 0 solid rgba(0,0,0,.1);
    margin-bottom: -1px;
    background: #77c150;
    position: relative;
    height: 36px;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 1px;
    padding-top: 4px;

}
.chuyenmucsp .section-title-normal {
    border-bottom: 2px solid #77c150;
    background: #f1f1f1;
}
.chuyenmucsp .section-title-main::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    border-bottom: 36px solid #77c150;
    border-right: 26px solid transparent;
}
.section-title a {
    font-size: 13px;
    padding-right: 3px;
}
.section-title-bold-center .ds1,.section-title-bold .ds1,.section-title-center .ds1{
    display:none;
}
/*Related post without plugin*/
.box.box-vertical.box-text-bottom.box-blog-post.has-hover {
    margin-bottom: 20px;
}
#related_posts ul {
    margin:0;
    overflow:hidden;
   }
   #related_posts li {
    width: 16.666%;
    padding-left: 0;
    float: left;
    list-style: none;
    margin: 0px;
   }
#related_posts li a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    text-decoration:none;
    width: 100%;
    margin-bottom: 12px;
    padding-right: 9px;
   }
   #related_posts img {
    border: 2px solid #DDDDDD;
    height: 84px;
    object-fit: cover;
   }
   #related_posts li a:hover {
    text-decoration: underline;
   }
/* Dich vu sidebar */
#id_dv .dv2{
    height: 44px;
    overflow: hidden;
    overflow: hidden;
    padding: 6px 0px 37px 13px;
    padding-left: 54px;
    font-size: 13px;
    padding-bottom: 44px;
}
#id_dv .a {
    background: #f5f5f5 url(../chonweb/images/free_vc.png) no-repeat 15px 10px;
}
#id_dv .b {
    background: #f5f5f5 url(../chonweb/images/dv2.png) no-repeat 15px 10px;
}
#id_dv .d {
    background: #f5f5f5 url(../chonweb/images/ud.png) no-repeat 15px 10px;
}
#id_dv .e {
    background: #f5f5f5 url(../chonweb/images/sup.png) no-repeat 15px 10px;
}
#id_dv span {
    display: block;
}
#id_dv .hotlinesp {
    margin-top: 6px;
    background: url(../chonweb/images/hotline.png) no-repeat left center;
    border-bottom: solid 1px #e9e9e9;
    text-transform: uppercase;
}
#id_dv .n {
    background: url(../chonweb/images/mess.png) no-repeat left center;
    border-bottom: solid 1px #e9e9e9;
}
#id_dv .i {
    background: url(../chonweb/images/zalo.png) no-repeat left center;
    border-bottom: solid 1px #e9e9e9;
}
#id_dv .m {
    background: url(../chonweb/images/coupon.png) no-repeat left center;
    cursor: pointer;
}

#id_dv .hotlinesp, #id_dv .n, #id_dv .i, #id_dv .k, #id_dv .m {
    margin-left: 15px;
    padding-left: 28px;
    line-height: 36px;
    width: 220px;
}
/* Chi tiet sp - Chonweb.net */
.product-short-description {
    margin-bottom: 12px;
    border-radius: 3px;
    padding: 5px 5px 0px 5px;
    font-size: 13px;
}
.anhsp {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
}
li {
    margin-bottom: .1em;
}
   .lien_he_sp ul {
    list-style: none;
}
.hidden-xs.lien_he_sp {
    width: 100%;
    padding: 3px 5px 0px 10px;
    margin-top: 9px;
    border: #f3535b 1px dotted;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}
.show_room {
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: bold;
    padding-top: 3px;
    font-size: 16px;
    color: #333;
}
.lien_he_sp ul li {
    padding-left: 10px;
    padding-top: 6px;
    line-height: 18px;
    font-size: 14px;
    color: #333;
}
.product-gallery-slider img {
    height: 382px;
    object-fit: contain;
}
.product-thumbnails img{
    height: 105px;
    object-fit: cover;
}
.h1, h1 {
    font-size: 1.3em;
}
.tt_khuyen_mai{
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    margin: 0px 0px 12px;
    background: #fff;
    padding-bottom: 10px;
}
.tt_khuyen_mai ul {
    margin-bottom: 0.1em;
}
.tt_khuyen_mai strong {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 8px 15px 0px 15px;
    text-transform: uppercase;
}
.tt_khuyen_mai ul li{
    list-style: none;
}
.tt_khuyen_mai ul li span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color:#333;
    padding: 0 10px 3px 23px;
    font: 14px/18px Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}
.tt_khuyen_mai ul li span::before {
    content: '';
    margin-left: -20px;
    background: url(../chonweb/images/checker2x.png);
    background-size: auto;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px;
}
.anh_km ul li {
    padding-left: 0em;
    margin-left: auto;
}
.slides {
    list-style: none;
    }

.slides img{
    width: 100%;
    border-radius: 3px;
    border: none;
    height: auto;
    cursor: pointer;
    margin-left: 0px;
  }
#dat_hang {
    margin-bottom: 12px;
}
 #dat_hang span{
      font-size: 0.9em;
  }

.oder_tragop {
    display: block;
    overflow: hidden;
    margin: 7px auto;
}
.oder_tragop .buy_repay {
    line-height: normal;
    display: block;
    padding: 7px 0;
    text-align: center;
    margin: 10px 0 0;
    background: #288ad6;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    width: 48.5%;
    float: left;
}
.oder_tragop span {
    display: block;
    font-size: 13px;
    color: #fff;
    text-transform: none;
    padding-top: 3px;
}
.oder_tragop .tra_gop_the.cw {
    float: right;
}
.oder_tragop .tra_gop_the {
    line-height: normal;
    display: block;
    padding: 7px 0;
    text-align: center;
    margin: 10px 0 0;
    background: #288ad6;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    width: 48.5%;
    float: left;
}
#dat_hang {
    display: block;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    color: #333;
    margin: 0px;
    background: #f4f4f4;
    border-radius: 3px;
    border: none;
    width: 100%;
}
.col-divided {
    border-right: 0px solid #ececec;
}
.quantity + .button {
    margin-left: 0px;
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 12px 0px;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: linear-gradient(-180deg,#e52025 2%,#d81116 96%);
}
.product-summary .quantity {
    display: none;
}
.product-main {
    padding: 0px;
}
.col, .gallery-item, .columns {
    padding: 0 15px 0px;
}
/*Tien ich sidebar  */
.uu_dai {
    border: 1px solid #e9e9e9;
    margin-bottom: 15px;
    border-radius: 3px;
    }
.uu_dai span, .uu_dai a {
        display: block;
    }
.uu_dai h3 {
line-height: 40px;
text-align: center;
color: #fe0000;
text-transform: uppercase;
font-size: 16px;
padding: 0 2px;
font-weight: 700;
margin-bottom: 0px;
overflow: hidden;
height: 39px;
   }
.uu_dai .t {
    height: 7px;
    overflow: hidden;
    background: url(../chonweb/images/cw1.gif) no-repeat center bottom,#f5f5f5 url(../chonweb/images/cw2.gif) repeat-x left top;
    overflow: hidden;
}
.uu_dai p{
    padding: 0 8px;
}
.uu_dai ul li::before {
    content: '';
    margin-left: -20px;
    background: url(../chonweb/images/check@2x.png);
    background-size: auto;
    background-size: auto;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px;
}
.uu_dai ul{
    background: #f5f5f5;
    padding-bottom: 3px;
    margin-bottom: 0px;
    padding-top: 4px;
}
.uu_dai ul li {
    padding: 0px 5px 0px 24px;
    font-size: 13px;
    list-style: none;
    color: #333;
}
.sidebar_shop span.widget-title {
    font-size: 0.8em;
    font-weight: 600;
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background-color: #ef4136;
    padding: 0 3px;
}
.widget .is-divider {
    display: none;
}
#footer span.widget-title{
    background-color: transparent;
}
span.widget-title {
    font-size: 1em;
    font-weight: 600;
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background-color: #ef4136;
    padding: 0 6px;
}
.sidebar_shop img{
    border-bottom: 1px solid #e9e9e9;
}
/*Phan noi dung san pham chia 2 cot  */
.left_content {
    float: left;
    width: 65%;
    overflow: hidden;
    position: relative;
    margin: 0;
}
.right_content {
    float: right;
    width: 30%;
    overflow: visible;
    margin: 0;
}
.shop-sidebar{
    padding: 0px;
}
article {
    display: block;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-top: 15px;
    
}
.readmore {
    width: 90px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #288ad6;
    margin: 10px auto;
    cursor: pointer;
}
.readmore::after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
.parameter {
    max-height: 400px;
    overflow: hidden;
    }
.tieu_de h3{
    background: #f7f7f7;
    font-weight: 600;
    text-align: left;
    width: 100%;
    line-height: 37px;
    border-bottom: solid 1px #eee;
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 6px;
}
.xem_them_tskt {
    display: block;
    width: 100%;
    margin: -1px auto 0 auto;
    padding: 2px 0;
    cursor: pointer;
    background: #f7f7f7;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    font-size: 13px;
    color: #288ad6;
}
.thong_so_kt {
    display: block;
    overflow: visible;
    margin-bottom: 15px;
    }
 .thong_so_ct{
    border: 1px solid #ddd;;
}
table {
    padding: 0 10px;
}
.has-border {
    border: 1px solid #ddd;
 }
 th{
    letter-spacing: 0em;
    text-transform: none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.product-gallery-slider img {
    height: 282px;
}
.breadcrumbs {
    float: left;
}
.container .filter-button {
    margin-top: -37px;
    float: right;
}
.category-filter-row .filter-button {
    margin-top: -8px;
    float: right;
}
/** dich vu 12 **/
.i_dv .icon-box-img img{
width: 32px;
}
.icon-box-left .icon-box-img + .icon-box-text {
    padding-left: 0em;
    font-size: 0.67em;
}
.col.dichvu12 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.tintuc .small-columns-1>.col, .small-columns-1 .flickity-slider>.col {
    max-width: 50%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 50%;
}
.shop-sidebar {
    display: none;
}
.box-image img {
    height: 198px;
}
/*************** Blog  ***************/
#related_posts li a {
    position: absolute;
    width: 100px;
}
.related_content {
    padding-left: 110px;
    min-height: 70px;
    margin-bottom: 10px;
}
#related_posts li,#related_posts li:first-child {
    width: 100%;
}
#related_posts .related_content a{
    position: absolute;
    width: 60%;
}
#related_posts img {
    height: 68px;
 }
 #related_posts li {
    margin: 0px;
}
/*************** Cho xem chi tiet san pham  ***************/
.left_content {
    width: 100%;
}
.right_content {
    width: 100%;
}
}