/*
Theme Name: Webwp Child
Description: This is a child theme for Webwp Theme
Author: webwp.vn
Template: webwp
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


.product-small .box {
    border: 1px solid #EBEBEE;
    border-radius: 0;
}
.product-small .box-text {
    height: 100px;
}	
.product-small .box-image img {
    min-height: 244px;
    object-fit: cover;
}	
	
.product-small .box:hover {
    border: 1px solid #fdb900;
    border-radius: 0;
}	
.section-title-normal span {
    border-bottom: 2px solid #f71;
}
.footer-2 {
    font-size: 92%;
}
.dark .is-divider {
    background-color: #f71;
}
.product-small .box-text .title-wrapper a {
    font-size: 16px;
    color: #000;
    margin-top: 7px;
    font-weight: 700;
}
    .site-title { 
       font-family: "Roboto", Arial, sans-serif; 
       }
    body{font-family:  "Roboto",  sans-serif}
    .nav > li > a {font-family:  "Roboto", sans-serif;}
    h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Roboto", sans-serif;}
    .alt-font{font-family: "Roboto", sans-serif;}

.row.row-large {
    padding-top: 20px;
}
.wrap-fixed-footer{

display:none;

}
.service .icon-box-text.last-reset {
    padding-top: 13px;
}
.recent-blog-posts a {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
.badge {
    height: 3.4em;
    width: 4.3em;
}
/* Giá sp */
.devvn_woocommerce_price_prefix {
    font-size: 16px;
    padding-right: 6px;
}
.devvn_woocommerce_price_suffix {
    font-size: 16px;
    padding-left: 4px;
}

/*  header for Auto - Webwp.vn  */
.header-main .header-top-info {
    float: right;
    padding-right: 30px;
}
.clearfix::before{
    display: table;
    content: " ";
}
.pull-right {
    float: right !important;
}
.header-main .header-main-phone {
    position: relative;
    padding-left: 46px;
    margin-left: 10px;
}
.header-main .header-address .address .heading-font {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}

.header-main .header-main-phone .fa.fa-phone::before {
    content: "\f095";
}

.header-main .header-main-phone .phone {
    margin-top: 1px;
}
.header-main .header-main-phone .phone .phone-label {
    margin-right: 2px;
    color: #e41515;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 1px;
}
.header-main .header-main-phone .phone .phone-number {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.header-main-phone a, .header-secondary-phone a {
    color: #333 !important;
    text-decoration: none !important;
}
.header-main .header-address {
    position: relative;
    padding-left: 46px;
    max-width: 284px;
}
.header-main .header-address .fa.fa-map-marker,.header-main .header-main-phone .fa.fa-phone {
    position: absolute;
    left: 0;
    font-size: 26px;
    color: #e41515;
}
.header-main .header-address .fa.fa-map-marker {
   top: 5px;
}
.header-main .header-main-phone .fa.fa-phone {
    top: 3px;
}
.header-main .header-address .fa.fa-map-marker::before {
    content: "\f041";
}
.header-main .header-address .address .heading-font {
    color: #333;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
}
.header-main .header-address .address .heading-font-webwp {
    color: #333;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.header-main .header-secondary-phone {
    margin-left: 39px;
}
.header-main .header-secondary-phone .phone {
    margin-bottom: 3px;
    vertical-align: bottom;
}
.header-main .header-secondary-phone .phone .phone-label {
    margin-right: 2px;
    color: #e41515;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.header-main .header-secondary-phone .phone .phone-number {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.header-main .header-address .address .fancy-iframe {
    position: relative;
    top: -1px;
    margin-left: 3px;
    color: #cc6119;
    font-size: 11px;
    font-weight: 700;
    border-bottom: 1px dashed #cc6119;
}
/* Sua san pham - webwp.vn */
.product-thumbnails img, .product-gallery-slider img {
    max-height: 430px;
    object-fit: contain;
}
.box-blog-post .is-divider {
    display: none;
}
#wide-nav > .flex-row > .flex-left {
    min-width: 262px;
}


.product-category .box .uppercase {
    text-transform: none;
}
.row-large, .category-page-row {

    background: #fff;
}

/* Hotline Main Menu*/
.hot-mmenu{
    cursor: pointer;
    margin: 0px 12px 0px -12px;
    -moz-box-align: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.9px;
    }

.icon-fa{
    width: 24px;
    height: 24px;
}
.icon-fa .fa.fa-phone {
    font-size: 25px;

}
.hotline-mmenu{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.hotline a {
    display: block;
    font-weight: 600;
    font-size: 21px;
    color: #fff;
}
.hotline {
color: #fff;
}
.search_categories.resize-select.mb-0 {
    border-radius: 4px 0 0 4px;
}
.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    border-radius: 0px 4px 4px 0;
}

.nav-dark .nav > li > a{
    color: #fff;
}


/* 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(../webwp/images/call.png);
}
.chonweb-call div.chonweb-gia {
    background-image: url(../webwp/images/gia.png);
   background-size: 60%;
}
.chonweb-call div.chonweb-zalo {
    background-image: url(../webwp/images/zalo1.png);
}
.chonweb-call div.tip.chonweb-mes {
    background-image: url(../webwp/images/messenger.png);
}
.chonweb-call div.tip.chonweb-vber {
    background-image: url(../webwp/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;
}



/*Edit breabcrumb Blog- Webwp.vn*/
.webwp_breabcrumb {
border-bottom: 1px dotted #ececec;
margin-bottom: 9px;
padding-bottom: 3px;
}
.webwp_breabcrumb a{
    color:     #0092ff;
    font-weight: normal;
}
.entry-content {
    padding-top: 0em;
}
.entry-header-text {
    padding: 0em;
        padding-top: 0em;
}
/*Related post*/

.box-shadow-2, .box-shadow-2-hover:hover {
    box-shadow: none;
}
.is-divider {
    height: 1px;
    background-color: rgba(0,0,0,0.1);
     max-width: 45%;
}


.fa-home::before {
    padding-right: 4px;
}
ul.menu > li + li, .widget > ul > li + li {
    border-top: 0px solid  #ececec;
        border-top-color: rgb(236, 236, 236);
}
/*Related post in content - webwp.vn*/
.list-news {
    width: 100%;
    margin-bottom: 0;
}


#related_posts ul {
    margin:0;
    overflow:hidden;
   }
#related_posts li {
list-style: none;
margin: 0px;
display: inline-block;
width: 25%;
margin-bottom: 0;
padding: 0 5px;
margin-right: 0 !important;
float: left;
   }
   .new-img {
    height: 110px;
}
.new-img a img {
    height: 100%;
    object-fit: cover;
}
  .related_content {
  padding-top: 10px;
  }
.relative-post-title, .relative-post-title a {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px !important;
    height: 90px !important;
}   
   
#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 {
    height: 110px;
    object-fit: cover;
	border-radius: 4px;
   }
   #related_posts li a:hover {
    text-decoration: underline;
   }
#breabcrumb, .danh-muc ul, .danh-muc ul li, .list-news, .social-share, .tag-meta-post {
    display: inline-block;
}
.tag-meta-post .meta-date-capnhat {
    padding-left: 2px;
    padding-right: 6px;
}
.tag-meta-post .luot-xem {
    padding-left: 3px;
    padding-right: 10px;
}
 .tag-meta-post {
    text-transform: none;
}
.tag-meta-post, .tag-meta-post a {
    font-size: 12px;
    color:     gray;
    line-height: 1.6;
}
.meta-related{
display:block;
margin-top:10px;
margin-bottom: 10px;
}
 .meta-related ul li a{
color: #0092ff;
text-transform: none; }
 .meta-related ul li {
    font-size: 15px;
}
.meta-related ul li a:hover{
color: #0072c8;
}
.meta-related {
    background: #e6f4ff;
    padding: 9px 10px 1px 10px;
}

h5.post-title.is-large {
    font-weight: 400;
}

/* Chu ky chan bai viet - Webwp.vn*/
.thong-tin-lien-he {
    background: #fbfbfb;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 20px;
    border: 1px dashed #ff5400;
}
.thong-tin-lien-he .tieu-de {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.thong-tin-lien-he .thong-tin {
    margin-bottom: 0;
    width: 50%;
    float: left;
    display: inline-block;
}
.thong-tin-lien-he .ten-cong-ty {
    font-weight: 500;
    color: black;
}
.thong-tin-lien-he ul li {
    margin-bottom: 0;
    list-style: square;
}
.thong-tin-lien-he .right {
    width: 50%;
    float: right;
    display: inline-block;
    background: #ffffff;
    padding: 10px;
    color: #ff5400;
    font-size: 15px;
}
.thong-tin-lien-he .clearboth {
    clear: both;
}
.thong-tin-lien-he ul li .info {
    color: red;
}

/* Menu va Form nhap - Webwp.vn*/

.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    border-radius: 3px;
}

#mega-menu-title {
    text-transform: uppercase;
}

.fa {
    color: red;
    }
.phone_number a{
        font-size: 22px;
        color: red;
    }  
    .nav.header-nav .fa::before {
        padding-right: 8px;
        font-size: 20px;
        color: #fdd835;
    
    }
.nav > li > a {
        font-size: 0.9em;
    }    

 /*Footer - form- webwwp.vn  */
.footer-widgets.footer.kdkd_info {
        padding-bottom: 10px;
        margin-top: -18px;
        padding-left: 15px;
    }

    .footer-widgets.footer.flex-row.form-flat.medium-flex-wrap {
        position: relative;
        display: table;
        border-collapse: separate;
        max-width: 550px;
    }
/* Background Title Page - VC Agency */
.page-title.dark.featured-title.vc {
    background-image: url(../webwp/images/1-2.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 200px;
}
.vc.featured-title .page-title-inner {
    padding-top: 120px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.product-small .box-image img {
    min-height: 160px;
}
.transparent #logo img {
    max-height: 64px !important;
}	
.header-inner.flex-row.container.logo-left #logo {
    width: 100px;
}
.nav > li {
    margin: 0 3px;
}
/* Dich vu mobile */
.col.dichvu12 p {
    display: none;
}
.col.dichvu12 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.i_dv .icon-box-img img {
    width: 32px;
    padding-top: 0em;
}
/* Hotline Menu top SP */
.hotline a {
    font-size: 15px;
}
.hot-mmenu {
    letter-spacing: 0.5px;
}
#masthead.header-main {
    height: 60px;
}
/* Blog Mobile - Webwp.vn  */
#related_posts li a {
    position: absolute;
    width: 100px;
}
   .new-img {
   position: absolute;
   }
.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;
}
body {
    padding-top: 0px;
}
.support-tab img {
    width: 76%;
}
.support-tab {
    top: 40%;
}
.hdevvn-show-cats {
    display: none;
}
del .amount::before {
    display:none;
  }
/* Menu foooter - webwp.vn */
.wrap-fixed-footer {
    background: #f2f2f2;
    width: 100%;
    color: #fff;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0px 4px 10px 0 #000;
    display:block;
}

.wrap-fixed-footer li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.wrap-fixed-footer li {
    list-style: none;
}
.wrap-fixed-footer li .button {
    background: 0 0;
    color: #515151;
    width: 100%;
    height: 100%;
    line-height: 16px;
    text-align: center;
    display: block;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 0 0;
    text-transform: none;
}
.wrap-fixed-footer li .button i {
    font-size: 26px;
    display: block;
}
.fa-shopping-cart::before {
    content: "\f07a";
}
.wrap-fixed-footer li .button .phone_animation {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #e73838;
    line-height: 15px;
}
.wrap-fixed-footer li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    margin-top: 12px;
}
.icon-phone-w {
    background: url("../webwp/images/icon-phone-w.png") no-repeat;
        background-size: auto;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.animation-shadow::after {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    content: "";
    top: 0;
    left: 0;
    box-shadow: 0 0 10px #e73838,0 0 10px #e73838;
    animation: shadow 1.2s .5s infinite;
}
.wrap-fixed-footer li .button .btn_phone_txt {
    position: relative;
    top: 26px;
}
.wrap-fixed-footer li .button svg {
    width: 44px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -9px;
}
.wrap-fixed-footer li .button .btn_chat_txt {
    position: relative;
    top: -18px;
}
.wrap-fixed-footer li.fixed-footer-zalo .button i {
    height: 27px;
    width: 100%;
    background-position: center;
}
.wrap-fixed-footer li .button i {
    font-size: 26px;
    display: block;
}
.icon-zalo {
    background: url("../webwp/images/icon-zalo.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.wrap-fixed-footer .fa.fa-home, .wrap-fixed-footer .fa.fa-shopping-cart {
    margin-left: 17px;
}
.wrap-fixed-footer li .button #count-cart {
    position: absolute;
    right: 1px;
    top: -4px;
    color: #fff;
    background: #e73838;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    z-index: 2;
    font-size: 13px;
}
.absolute-footer.light.medium-text-center.text-center {
    margin-bottom: 50px;
}
#top-link {
    margin-bottom: 50px;
}

/* Header for Auto - Webwp.vn */

.header-main .header-top-info {
    float: right;
    padding-right: 0px;
}
.header-main .header-address, .header-main .header-secondary-phone{
    display:none;
}
.header-main .header-main-phone .fa.fa-phone {
    font-size: 18px;
}
.pull-right .fa.fa-phone {
    width: 28px;
    height: 28px;
}
.header-main .header-main-phone {
    margin-left: 0px;
}
.header-main .header-main-phone .phone .phone-label {
    font-size: 9px;
     margin-bottom: -4px;
}
.header-main .header-main-phone .phone .phone-number {
    font-size: 13px;
    line-height: 16px;
}
.header-main .header-main-phone {
    padding-left: 32px;
    margin-left: 2px;
}
.pull-right {
    padding-right: 6px;
}
}