/*
Theme Name: itsaigon
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-BoldItalic.eot");
    src: url("assets/fonts/HelveticaNeue-BoldItalic.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-BoldItalic.woff") format("woff"), url("assets/fonts/HelveticaNeue-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-Light.eot");
    src: url("assets/fonts/HelveticaNeue-Light.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-Light.woff") format("woff"), url("assets/fonts/HelveticaNeue-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue Bold;
    src: url("assets/fonts/HelveticaNeue-CondensedBold.eot");
    src: url("assets/fonts/HelveticaNeue-CondensedBold.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-CondensedBold.woff") format("woff"), url("assets/fonts/HelveticaNeue-CondensedBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-Italic.eot");
    src: url("assets/fonts/HelveticaNeue-Italic.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-Italic.woff") format("woff"), url("assets/fonts/HelveticaNeue-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-Bold.eot");
    src: url("assets/fonts/HelveticaNeue-Bold.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-Bold.woff") format("woff"), url("assets/fonts/HelveticaNeue-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-UltraLight.eot");
    src: url("assets/fonts/HelveticaNeue-UltraLight.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-UltraLight.woff") format("woff"), url("assets/fonts/HelveticaNeue-UltraLight.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-LightItalic.eot");
    src: url("assets/fonts/HelveticaNeue-LightItalic.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-LightItalic.woff") format("woff"), url("assets/fonts/HelveticaNeue-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-Medium.eot");
    src: url("assets/fonts/HelveticaNeue-Medium.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-Medium.woff") format("woff"), url("assets/fonts/HelveticaNeue-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue-UltraLightItalic.eot");
    src: url("assets/fonts/HelveticaNeue-UltraLightItalic.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue-UltraLightItalic.woff") format("woff"), url("assets/fonts/HelveticaNeue-UltraLightItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("assets/fonts/HelveticaNeue.eot");
    src: url("assets/fonts/HelveticaNeue.eot") format("embedded-opentype"), url("assets/fonts/HelveticaNeue.woff") format("woff"), url("assets/fonts/HelveticaNeue.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

body *,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2,
body .nav>li>a {font-family: "Helvetica Neue";}
.header-main {
    BACKGROUND: url(/wp-content/uploads/2021/03/headerr-bg-scaled.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}#logo{margin-top: -20px;}
.nav > li > a {letter-spacing:0;
    font-weight: normal;
    color: black;
    font-size: 14px;
}.header-bottom-nav .icon-angle-down{display:none}
.nav-line-bottom>li>a:before{bottom:-6px; height:2px; background-color:#dd3333}
.nav .nav-dropdown {
    background-color: #e2e2e2;
    border: 1px solid #8a8a8a;
    padding: 0;
    border-left: 2px solid #dd3333;top:41px
} .nav-dropdown.nav-dropdown-default>li>a{padding:10px;
    font-size: 14px;
    color: #444444;
    letter-spacing: 0;border-bottom: 1px solid #c1c1c1;margin-left:0;margin-right:0}.flickity-page-dots .dot{width:8px; height:8px}.flickity-prev-next-button{width:70px}
.lien-he-section .cot1 p{margin-bottom:0; font-size:13px}
.form-lien-he .row-info .right{display:inline-block; width:50%; padding-left:50px float:right} .lien-he-section .wpcf7 .wpcf7-form-control-wrap{display:inline-block;float:right; width:93%;}
.form-de-lai-email input{box-shadow:none; font-size:15px}
.form-de-lai-email input[type='submit']{background:gray; color:white;font-size:15px; margin-bottom:0}
.form-lien-he .input-group{background:white; display:inline-block; width:100%; clear:both}
.form-lien-he input, .form-lien-he textarea{box-shadow:none; font-size:14px;margin-bottom:0; border:none; border-left:1px solid #dcdcdc; }.form-lien-he textarea{min-height:79px}
.form-lien-he .input-group .cot1{    width: 87%;
    float: left;
    display: inline-block;}
.form-lien-he input[type='submit']{    background: gray;
    text-transform: none;height:79px}
.form-lien-he .cot-final .fa{width:8%}
form{margin-bottom:0}
.form-lien-he .cot-final .wpcf7-form-control-wrap{width:92%}
.form-lien-he .input-group .cot2{    width: 13%;
    float: right;
    display: inline-block;}
.form-lien-he .fa{display: inline-block;
    width: 7%;
    float: left;
		padding: 10px 7px;}

.form-lien-he .row-info .left{display:inline-block; width:50%; padding-right:10px; float:left}
.form-lien-he .row-info{display:inline-block; width:100%; clear:both}
.form-lien-he{display:block; width:100%}
.nav-dropdown.nav-dropdown-default>li>a:hover{background: #f3f3f3;color:#dd3333; padding-left:18px; background:white}
.gioi-thieu-section .icon-box h3{font-size: 14px;
    color: black;
    font-weight: bold;}
.gioi-thieu-section .icon-box .icon-box-img .icon-inner{background: #fefefe;
    border-radius: 99%;
    padding-top: 0;
    border: 2px solid #eaeaea;
    padding: 5px;}
.gioi-thieu-section .icon-box-center .icon-box-img{margin: 0 auto 5px;}
.gioi-thieu-section .col{padding-bottom:0}

.gioi-thieu-section .col.large-12{padding-top:14px}
.gioi-thieu-section .col.large-12 p{margin-bottom:0}
span.tieu-de b{    background: #f8f8f8;
    position: relative;
    z-index: 9;}
.gioi-thieu-section h1{font-size: 39px;
    line-height: 34px;
    font-family: serif; margin-bottom:10px}
.gioi-thieu-section a.button{font-weight: normal;
    color: gray;}
.gioi-thieu-section h3{line-height: 25px;
    font-weight: normal;
    font-size: 25px;
    color: gray;
    margin-bottom: 15px;}
.gioi-thieu-section{background: url(/wp-content/uploads/2021/03/abouts-bg.png) no-repeat left bottom #f8f8f8;}
span.tieu-de{
    color: #444;
    font-size: 20px;
    position: relative;
    text-transform: capitalize;
    display: block;
}
span.tieu-de:after {
    content: "";
    position: absolute;
    border-top: 3px solid #444;
    bottom: 10px;
    right: 0;
    left: 0;
    z-index: 1;
}
.phong-cach-section .col{padding-bottom:0}
.phong-cach-section a.button{ margin-bottom:0;padding: 0 5px;
    line-height: 10px;
    min-height: 20px;
    font-size: 14px;
    font-weight: bold;}
.tab-phong-cach li a{text-transform: uppercase;
    border: solid 1px #fff;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    display: block;
    margin: 5px;}
.tab-phong-cach li.active a{background:white}
.phong-cach-section a.button span{color:black;}
.tab-phong-cach li.active a span{color:black}.tab-phong-cach li{margin-right:0}
.tab-phong-cach li.active:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.thiet-ke-noi-that .tab-phong-cach li.active a{background: #808080;
    border: 1px solid gray;}
.thiet-ke-noi-that .tab-phong-cach li.active a span{color:white}
.thiet-ke-noi-that .post-item{padding-bottom:5px}
.box-blog-post .is-divider{display:none}
.list-post .post-item .box-text{background: #00000096; padding:6px}
.list-post .post-item .post-title{font-size:14px}.show-on-hover, .hover-slide{-webkit-transition: opacity .5s, max-height .6s, -webkit-transform .7s, -webkit-filter .6s;}
.thiet-ke-noi-that .tab-phong-cach li.active:before{border-color: #808080 transparent transparent transparent;}
.thiet-ke-noi-that .tab-phong-cach li a{
    text-transform: uppercase;
    border: solid 1px #808080;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    display: block;
    margin: 5px;
}
.tin-tuc-section .col{padding-bottom:2px}
.list-post2 .post-item .post-title{font-size:15px; margin-bottom:10px}
.tin-tuc-section a.button{font-size: 14px;
    padding: 0px 10px;
    font-weight: normal;}
.absolute-footer{background: url(/wp-content/uploads/2021/03/headerr-bg-scaled.jpg); padding: 20px 0 15px;}
.san-pham-section .col, .footer-section .col{padding-bottom:0}
.form-de-lai-email{border: dashed 3px #bb0000;
    padding: 20px;}
.form-de-lai-email h3{text-transform:uppercase; margin-bottom:5px}
.form-de-lai-email .des{font-size:15px; margin-bottom:8px}
a.back-to-top{background:gray !important; border:none !important; color:white !important}
#menu-footer-menu li a{color:white; font-size:14px; letter-spacing:0; letter-spacing:0}
img.anh-dau-trang{margin-bottom:20px}
.page-template-default .page-wrapper{padding-top: 0;
    padding-bottom: 0;background:#f8f9fa}h1.entry-title.mb {
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 21px;
}#breadcrumbs{margin-bottom: 13px;
    font-size: 14px;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 7px;
}
.blog-archive .page-title{    font-size: 20px;
    letter-spacing: 0;
    text-transform: none;}
.blog-archive .archive-page-header ul{margin-bottom:0}
.blog-archive .archive-page-header ul li{list-style: none;
    width: 33.33%;
    float: left;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 6px;
    border-bottom: 1px dashed #d2d2d2;
    padding-top: 6px;
}
.blog-archive .archive-page-header ul li:before {
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    content: "f054";
    margin-right: 10px;
}.blog-archive .archive-page-header ul li a:hover{text-decoration:underline; color:#dd3333}
.blog-archive #breadcrumbs{border-bottom:none; margin-bottom:6px}.blog-archive .archive-page-header ul{display: inline-block;
    width: 100%;
    clear: both;}
.blog-archive .post-item .post-title{color: #005598;
    margin-bottom: 10px;font-size:16px}
.blog-archive .post-item .label{font-weight:bold; padding-right:7px}
.blog-archive .post-item{padding-bottom:0}.blog-archive .post-item .post-title:hover{text-decoration:underline; color:#e00000}
.blog-single{background-color: #f8f9fa!important;padding-top:0}
.blog-single #breadcrumbs{margin-top:15px}
.blog-single .entry-title{font-size: 19px;
    color: #0a5088;}
.blog-single .thong-tin-cong-trinh{background: white;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;}
.blog-single .thong-tin-cong-trinh .label{font-weight:bold; padding-right:7px}
.blog-single .entry-content {
    padding-top: 0;
    padding-bottom: 0;
    background: white;
    padding: 10px;
    border-radius: 5px;
}.entry-header-text {
    padding: 0 0 15px;
}.is-divider{display:none}
.blog-single .blog-share{text-align:left}footer.entry-meta{font-size:14px}
.blog-archive .post-item .thong-tin-cong-trinh{font-size:13px}
.blog-archive .post-item a:hover{color:black}
.blog-archive .post-item .from_the_blog_excerpt {color:gray; font-size:14px; margin-top:6px}
.the-tim-kiem{margin-bottom:20px; margin-top:15px;border-top:2px solid #c50000; display:inline-block; width:100%; clear:both}
.the-tim-kiem a{    float: left;
    display: inline-block;
    font-size: 15px !important;
    background: #d4d4d4;
    padding-left: 15px;
    padding-right: 15px;
    color: #636363;
    padding: 6px 18px;
    text-transform: uppercase;border-bottom: 1px dashed gray;}
.blog-archive .archive-page-header ul li a{color: #545454;font-size:15px}
.blog-archive .archive-page-header{margin-top:15px}
.blog-archive .large-12{padding-bottom:0;text-align:left}.the-tim-kiem a:hover{text-decoration:underline; color:#c50000}
.blog-archive{padding-top:0}
.page-template-default .page-wrapper .large-12 .col-inner{background: white;
    padding: 20px;
    border-radius: 5px;}blockquote {
    background: rgba(0, 0, 0, 0.02);
    font-size: 17px;
    background-color: #fefbfb;
    border-left: none;
    margin: 20px 0 20px;
    position: relative;
    text-align: left;
    clear: both;
    padding: 20px 10px 0px;
    border: 2px dashed #e23430;font-style:normal;
}.woocommerce-result-count, .woocommerce-ordering, .woocommerce-ordering select{font-size:14px}
.breadcrumbs {
    text-transform: none;
    font-size: 14px;
}
.archive .term-description{margin-bottom:20px}
.archive .product-small.box{box-shadow: 1px 3px 8px #00000036;
    padding: 10px;}
.archive .shop-page-title{margin-bottom:5px}
.product-small.box .box-text{padding:10px 0}
.product-small.box .category{font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    border-bottom: 1px dashed gray;
    padding-bottom: 6px;
    margin-bottom: 10px;}
.product-small.box .product-title a{font-weight: bold;
    color: #0c6fbd;}
.product-small.box .product-title{margin-bottom:6px}
.product-small.box .price bdi, .product-small.box .price ins bdi{color:#d00000; font-size:18px}
.product-small.box .price, .product-small.box .price del bdi{color:gray !important; font-size:14px !important}
.archive .page-title-inner {padding-top: 0;
} .archive .category-page-row {
    padding-top: 20px; max-width:100%
}
.header-bottom {
    box-shadow: 2px 2px 10px #0000000f;
}
.danh-muc-san-pham-box .product-category .box-image{border-radius: 99%;max-width: 100px;padding-top:47%}
.danh-muc-san-pham-box h5{letter-spacing: 0;
    text-transform: none; margin-bottom:5px}
.danh-muc-san-pham-box .product-category.col{padding-bottom:0}
.danh-muc-san-pham-box .large-columns-5{margin:0 auto !important}
.home .list-post .thong-tin-cong-trinh{display:none}
.single-product .product-info .product-title{margin-bottom: 10px;
    text-transform: none;
    font-size: 19px;}.product-info .breadcrumbs {
    font-size: 14px;
    margin: 0 0 .5em;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c1c1c1;
    margin-bottom: 12px;
}
.product-info .product-short-description ul li{margin-bottom:3px;font-size:15px}
.product-footer .woocommerce-tabs {
    padding: 0;
    border-top: 0;
}.product-main{padding-bottom:0}
.related h3{text-transform: none;
    letter-spacing: 0;
    margin: 0;}.product_meta>span {
    display: block;
    border-top: 0;
    padding: 5px 0;
    margin-top: 15px;
    font-size: 14px;
}
bac.product_meta>span {
    display: block;
    border-top: 0;
    padding: 5px 0;
    margin-top: 15px;
    font-size: 14px;
}
#breabcrumb, .danh-muc ul, .danh-muc ul li, .list-news, .social-share, .tag-meta-post {
    display: inline-block;
}.archive .shop-page-title{font-size:20px}.stuck .header-main{display:none}
a.nut-lien-he{background: #4c4c4c;
    padding: 7px 15px;
    font-weight: bold;
    color: white;}
.product-info .price bdi{color:#e00000; font-size:18px}
.archive .category-page-row .large-columns-6{margin-left:0;margin-right:0;max-width:100%}
.archive div.shop-page-title{background: #f7f7f7;
    padding: 15px 0;}