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

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

@font-face {
    font-family: "Roboto";
    src: url(fonts/Roboto-Regular.ttf);
} 

@font-face {
    font-family: "Roboto-Bold";
    src: url(fonts/Roboto-Bold.ttf);
} 


body{
    font-size: 15px !important;
    font-family: "Roboto" !important;
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6,p{
    color: #000;
    font-family: "Roboto" !important;
}


p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
a.quick-view.quick-view-added {
    display: none;
}

:root {
  --yellow-color: #005bac;
}
:root{
  --background-color: #005bac;
}

:root{
    --family :"Roboto";
}

.header-main  .header-nav-main li a {
    text-transform: none;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    font-family: var(--family) !important;
}



.header:not(.transparent) .header-bottom-nav.nav > li{
    padding: 0px 10px;
}
.header:not(.transparent) .header-bottom-nav.nav > li a {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    font-family: var(--family);
}

.header:not(.transparent) .header-bottom-nav.nav > li:hover a{
    color: var(--yellow-color);
    
}

.nav-dropdown-default {
    padding: 0px !important;
    border: 0px;
    box-shadow: 0px;
}
.nav-dropdown.nav-dropdown-default>li a {
    color: #000 !important;
}
.nav-dropdown.nav-dropdown-default>li a:hover {
    color: var(--yellow-color) !important;
}

.nav-dropdown.nav-dropdown-default>li.nav-dropdown-col a {
    color: #000 !important;
    font-family: "Roboto-Bold" !important;
}


.nav-dropdown.nav-dropdown-default>li.nav-dropdown-col a:hover {
    background:#e6e6e6;
    padding-left: 10px;
    color: var(--yellow-color) !important;
    border-bottom: 0px solid !important;
}

.nav-dropdown.nav-dropdown-default>li.nav-dropdown-col ul.nav-column.nav-dropdown-default>li a {
    font-weight: 400 !important;
    font-family: var(--family) !important;
}



.home-title hr {
    width: .8rem;
    height: .04rem;
    background: #6F6F6F;
    margin-top: .2rem;
}
.home-img h2 a {
    float: left;
    margin-left: -10px;
}
.home-title h2 a{
	float: left;
	padding-left: 40px;
	font-size: 30px;
	color: var(--yellow-color);
	font-family: "Roboto-Bold" !important;
}
.home-title h2:after {
    content: "";
    height: 3px;
    width: 100px;
    left: -14px !important;
    top: 50px;
    position: absolute;
    background: #000;
}
.home-title h2 a:before {
    content: "";
    background: url(img/title.png) no-repeat;
    position: absolute;
    width: 53px;
    height: 23px;
    margin-top: 8px;
    left: -10px;
}
.home-img a.more {
    margin-top: -18px;
}
.home-img a.more,
.home-title a.more {
    color: #000;
    float: right;
    font-size: 25px;
}
.home-img a:hover,
.home-title a:hover {
	color: var(--yellow-color);
}

.row-contact-tt h3,
.home-contact h3 {
    color: var(--yellow-color);
    font-size: 25px;
    font-family: "Roboto-Bold" !important;
}
.row-contact-tt p strong,
.row-email p strong,
.home-contact p span{
    color: var(--yellow-color);
}
.row-email .layui-col-lg6 {
    font-size: 17px;
    margin-bottom: 10px;
}
.row-email .layui-col-lg6 span {
    color: var(--yellow-color);
    margin-right: 10px;
    font-family: "Roboto-Bold" !important;
}

.tab-download .nav-line li {
    border: 1px solid #e6e6e6;
    padding: 10px 30px;
    margin: 0px 10px;
}
.tab-download .nav-line li a {
    color: #000;
    font-weight: 400;
    font-size: 18px;
    font-family: var(--family) !important;
}
.tab-download .nav-line li a:hover {
    color: var(--yellow-color);
}


.server-support table tr td {
    color: #000;
    font-size: 17px;
    font-family: var(--family) !important;
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
}
.server-support .v-service-e {
    font-size: 32px;
    padding: 5px 0 46px 0;
    margin-bottom: 20px;
    border-bottom: 2px dashed #9F9F9F;
    text-align: center;
}

/****************************************/

.sec-home-post .row-1 {
	margin-top: .36rem;
    margin-bottom: .18rem;
    background: #EEEEEE;
    padding: .20rem;
    color: #4D4E52;
}
.h-title h3 {
    font-weight: 500;
    font-size: 23px;
    padding: 20px 0px 0px;
}
.h-title span {
	margin: 10px 0px;
	font-size: 20px;
	display: block;
}

.sec-home-post .description section {
    padding: 5px 0px;
}
.sec-home-post .next {
    position: relative;
    margin: 40px 0px;
    margin-left: 35px;
    font-size: 20px;
}
.sec-home-post .next a {
	color: var(--yellow-color);
	padding: 15px 0px;
}
.sec-home-post .button.primary {
	margin: 15px 0px;
	color: var(--yellow-color);
	font-size: 20px;
	font-weight: 400;
	font-family: var(--family) !important;
	text-transform: none;
}

.home_applications .item h3 a,
.sec-product-display .item h3 a {
	color: #000;
	font-weight: 500;
	margin-top: 15px;
	display: inline-block;
}

.sec-product-display .item:hover h3 a {
    color: var(--yellow-color);
    font-family: "Roboto-Bold" !important;
}

.home_applications .item p,
.sec-product-display .item p {
	color: #9C9C9C;
}

.home_applications .item p a {
    color: var(--yellow-color);
}

.home_applications .item img,
.sec-product-display .item img {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}

.home_applications .item:hover img,
.sec-product-display .item:hover img {
    -webkit-transform: scale(1.04,1.04);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.04,1.04);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.04,1.04);
    -o-transition: transform 1.5s linear 0;
}
.home_applications .item,
.sec-product-display .item {
	margin-bottom: 15px;
	padding: 10px;
}

.home_applications .item:hover,
.sec-product-display .item:hover {
    box-shadow: 0 0 5px #d9d9d9;
}



.sec-support .row-2 {
	padding: 15px;
	background: #eee;
}
.sec-support .row-2 p {
	font-size: 17px;
}
.sec-support .row-2 tr td {
	font-size: 16px;
}

.sec-application .post-title {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--family) !important;
}
.sec-application .from_the_blog_excerpt{
	font-size: 16px;
    color: #9C9C9C;
}


.sec-messenger .row {
    padding: 0px 30px;
}

.sec-messenger .large-12,
.sec-messenger .large-4 {
	padding: 0px;
}
.sec-messenger .large-12 {
	margin-bottom: 10px;
}

.layui-form-label font {
    color: #005bac;
    font-weight: 400;
    font-family: var(--family) !important;
}

.layui-form-label {
    width: 110px !important;
    padding: 8px 15px;
    height: 36px;
    float: left;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 2px 0 0 2px;
    text-align: center;
    background-color: #FBFBFB;
    overflow: hidden;
    box-sizing: border-box;
}
.wpcf7-form-control {
    border-radius: 0 2px 2px 0;
}
.layui-input-block {
    margin-left: 110px;
}
.layui-form-text.divmt .wpcf7-form-control,
.layui-form-text.divmt .layui-form-label {
	width: 100% !important;
	margin-bottom: 0px;
	text-align: left !important;
	font-size: 16px;
    height: 45px;
    line-height: 25px;
}
.layui-form-text.divmt .layui-input-block {
	margin-left: 0px !important;
}

.layui-form-item {
    border: 1px solid #e6e6e6;
    height: 36px;
}

.wpcf7-list-item .wpcf7-list-item-label {
    padding: 0px 10px;
    height: 100%;
    font-size: 14px;
   /* border-radius: 2px 0 0 2px;*/
    background-color: #d2d2d2;
    color: var(--yellow-color);
    float: left;
    overflow: hidden;
}
span.wpcf7-list-item {
    margin: 0px 0px 0px 10px !important;
    padding-top: 5px;
}
span.wpcf7-list-item input {
    height: 22px;
    width: 35px;
    margin-top: 0px;
    margin-left: -6px;
    border: 1px solid #e6e6e6;
}
.wpcf7-submit {
    display: inherit!important;
    color: var(--yellow-color) !important;
    font-weight: 500 !important;
    border: 1px solid #D1D1D1 !important;
    background: #E7EDED !important;
    font-size: 16px;
    text-transform: none !important;
}


.sec-search .row .col-inner {
    padding: 25px;
}
.sec-search h3 {
    text-align: center;
    font-size: 30px;
    color: var(--yellow-color);
    font-weight: 500;
    font-family: var(--family) !important;
}
.sec-search .searchform input {
    background: #fff;
    height: 50px;
    font-size: 25px;
}
.sec-search .searchform input::-webkit-input-placeholder {
    color: var(--yellow-color);
}

/****công nghệ sản phẩm***/

.v-p-menu a {
    border: 1px solid #9F9F9F;
    padding: 13px;
    font-size: 18px;
    margin: 15px 25px 0px -10px;
    display: inline-block;
} 
.v-p-menu a:hover {
    color: var(--yellow-color);
}

#go2 h1,
#go3 h1{
    color: var(--yellow-color);
    text-transform: uppercase;
}

#go3 p,
#go2 p {
    font-size: 17px;
    font-family: var(--family) !important;
}


.list-tab-product .tab-item.tab-text {
    display: none;
}


.list-tab-product .v-pltitle {
    border-left: 3px solid var(--yellow-color);
    padding-left: 15px;
    margin: 15px 0;
    font-size: 18px;
    color: #000;
    font-family: var(--family) !important;
}

.list-tab-product .v-divsc {
    margin: 30px 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}

.list-tab-product .v-divsc span a {
    padding: 0px 10px;
    color: #000;
    font-family: var(--family) !important;
}

.list-tab-product .v-divsc span:hover a,
.list-tab-product .v-divsc span.active a {
    color: var(--yellow-color);
}

.list-tab-product .name.product-title a {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 32px;
    padding-bottom: 20px;
    text-transform: none;
    border-bottom: 2px solid var(--yellow-color);
    font-family: var(--family) !important;
}

.list-tab-product .export_product {
    color: #6C6C6C;
    font-size: 16px;
    line-height: 38px;
    margin-bottom: 35px;
    margin-top: 3px;
    font-weight: 400;
}

.list-tab-product .product-small.box {
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.list-tab-product .v-more{
    font-size: 16px;
    border: #9F9F9F 1px solid;
    padding: 10px 45px;
    color: #6C6C6C;
}



/******************************************************/
.woocommerce-breadcrumb {
    display: none;
}
.product-info h1 {
    font-family: var(--family) !important;
    font-size: 30px;
    color: #000;
    font-weight: 400 !important;
}

.product-info .product-short-description p{
    margin-top: 5px;
    line-height: 32px;
    font-size: 18px;
    color: #4D4E50;
}

    
.tab-custom.fixed {
    width: 100%;
    position: fixed;
    top: 35px;
    z-index: 7000;
    margin: 0 auto;
    max-width: 1170px;
    height: auto;
    box-shadow: 0 0 5px 2px #ccc;
    background: #e6e6e6;
}

.tab-custom.fixed .text-right,
.tab-custom.fixed ul {
    margin-top: 15px;
}


.woocommerce-tabs {
   border-top:0px;
}
.woocommerce-tabs .tab-custom {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
}
.woocommerce-tabs ul {
    float: left;
}
.woocommerce-tabs .tab-custom .btn-next a {
    background:var(--background-color);
    font-family: var(--family) !important;
    padding: 18px 35px;
    color: #fff;
}
.title-tab-product .w-pd-i-c-head {
    color: var(--yellow-color);
    font-family: var(--family) !important;
    font-size: 20px;
    margin: 20px 0px;
    font-weight: 600;
}

.woocommerce-tabs ul li {
    list-style: none;
    float: left;
    padding :0px 20px;
    font-family: var(--family) !important;
}
.woocommerce-tabs ul li a {
    color: #000;
}

table.layui-table {
    border: 1px solid #e6e6e6;
}
table.layui-table tr td {
    padding: 10px
}
.ung-dung h3 a ,
.phu-kien h3 a {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    margin: 15px 0px;
    display: block;
    font-family: var(--family) !important;
}
.ung-dung h3 a:hover,
.phu-kien h3 a:hover{
    color: var(--yellow-color);
}

.next-button a {
    color: var(--yellow-color);
    font-family: var(--family) !important;
}

.v-jtts {
    padding: 10px 20px;
    background: #EEEEEE;

}

#tab-video  iframe {
    width: 100% !important;
    height: 400px;
}


/********************************************************/

.blog-archive .post-item .col-inner {
    border-bottom: 1px dashed #B5B5B5;
}
.blog-archive .col-inner .box-vertical {
    margin-bottom: 30px;
}
.blog-archive .box-vertical h5 {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px;
    font-family: var(--family) !important;
}
.blog-archive p.from_the_blog_excerpt  {
    font-size: 18px;
    color: #9C9C9C;
    line-height: 35px;
    margin-top: 10px;
}

.blog-archive h2.v-tag-title {
    color: #000;
    font-weight: 500;
    text-align: center;
    font-family: var(--family) !important;
}
.blog-archive .v-tag-title hr {
    width: 70px;
    height: 2px;
    margin: 10px auto 0 auto;
    background-color: var(--background-color) !important;
}
.blog-archive .product-category .product-small.box {
   border: 1px solid #e6e6e6;
   border-bottom-right-radius: 15px;
}
.blog-archive .product-category .box-image {
    display: none;
}
.blog-archive .product-category .box-text-products {
    padding: 15px;
}
.blog-archive .product-category .product-title a {
    font-size: 17px;
    color: #000;
    font-family: "Roboto-Bold" !important;
    width: 100%;
    margin: 10px 0px;
    text-align: center;
}
.blog-archive .product-category .product-link {
    margin:20px 0px;
}
.blog-archive .product-category .product-link a {
    border: 1px solid #e6e6e6;
    border-radius: 30px;
    padding:10px 15px;
    color: #787878;
}
.blog-archive .product-category .export_product{
    font-size: 15px;
    color: #787878;
    overflow: hidden;
    margin: 18px 3px 3px;
    height: 80px;
}
.blog-archive .product-category .product-link a:hover {
    border: 1px solid var(--yellow-color);
    background: var(--background-color);
    color: #fff;
}

.widget-area .widget-title  {
    color: #000;
    border-left: 1px solid #000;
    font-weight: 500;
    padding-left: 10px;
    font-family: var(--family) !important;
}

.widget-area .product-title a {
   color: var(--yellow-color);
   font-size: 17px;
   margin-bottom: 10px;
   font-family: var(--family);
}
.widget-area .export_product {
    height: 40px;
    color: #787878;
}
.widget-area .product-link {
    display: none;
}

.flatsome_recent_posts .mr-half {
    display: none;
}
.flatsome_recent_posts ul li.recent-blog-posts-li a {
    list-style: inherit;
}

.meta-single span {
    margin: 0px  10px;
    color: #525252;
    font-size: 17px;
}
.meta-single span font {
    padding-left: 10px;
}
div#comments {
    display: none;
}

.related-title h3 {
    color: #000;
    margin: 20px 0px;
    display: inline-block;
    font-family: "Roboto-Bold" !important;
}
.show-related ul li {
    list-style: none;
}
.show-related h4 {
    margin-bottom: 0px;
    font-style: italic;
}
.show-related h4 a{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--family) !important;
}
.show-related h4 a:hover {
    color: var(--yellow-color);
}

.list-download li {
    list-style: none;
    display: flow-root;
    padding: 10px;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
    border: 1px solid #e6e6e6;
}
.list-download .img {
    float: left;
    width: 5%;
    margin-right: 20px;
}
.list-download .name {
    float: left;
    width: 90%;
    margin-top: 15px;
}
.list-download .pdf {
    float: right;
    margin-top: -25px;
    margin-right: 15px;;
}
.list-download .pdf a {
    color: red;
    padding-right: 15px;
}

/*******************************************************/
#application .home-title {
    margin-left: 15px;
}
#application .home-title h2:after {
    left: 3px !important;
}
#application .home-title h2 a:before {
    left: 2px;
}
ul.show-danhmuc-home  li {
    list-style: none;
    float: left;
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid #e6e6e6;
}
ul.show-danhmuc-home  li a {
    color: #000;
    font-family: var(--family) !important;
}
ul.show-danhmuc-home  li a:hover{
    color: var(--yellow-color);
}

.appli-contact {
    color: #fff;
    margin-top: 5px;
    display: block;
    text-align: center;
    padding: 35px 15px;
    border-radius: 5px;
    font-size: 20px;
    font-family: var(--family) !important;
    background: var(--background-color);
}
.appli-contact i {
    margin-left: 10px;
}
.list-appli  .item {
    padding: 15px;
    border: #BEBEBE 1px solid;
}
.list-appli  .item:hover {
    border: var(--yellow-color) 1px solid;
}
.list-appli  .item h3 a {
    color: #000;
    display: block;
    margin: 10px 0px;
    font-weight: 500;
    font-size: 17px;
    font-family: var(--family) !important;
}
.list-appli  .item h3 a:hover {
    color: var(--yellow-color);
}

.category-page-row .product-small.box {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 10px;
}

.category-page-row .name.product-title a {
    color: #000;
    font-size: 17px;
    margin: 10px 0px;
    font-family: var(--family) !important;
}
.category-page-row .export_product {
    height: 66px;
    overflow: hidden;
    display: inline-block;
}
.category-page-row .product-link {
    text-align: center;
}
.category-page-row .product-link a {
    border: 1px solid #e6e6e6;
    padding: 10px 20px;
    border-radius: 10px;
}
.category-page-row .product-link a:hover {
    background: var(--background-color);
    color: #fff;
}
.category-page-title .medium-text-center {
    display: none;
}



/********************************************************/

.footer-1 .widget-title {
    margin-bottom: 30px;
    display: block;
    font-family: var(--family) !important;
}
.footer-1 .widget-title:before {
    content: "";
    position: absolute;
    background: #000;
    height: 1px;
    width: 100px;
    margin-top: 30px;
}

.absolute-footer .container {
    padding-top: 10px;
    border-top: 2px solid #e6e6e6;
}
.footer-1 .menu li a,
.copyright-footer .b-txt {
    color: #000;
}
.footer-1 .menu li:hover a{
   color: var(--yellow-color);
}

.v-prolist {
    display: none;
}

.pull-left {
    float: none;
    text-align: center;
}
.pull-left a {
    margin: 0px 10px;
}
.pull-left a:hover {
    color: var(--yellow-color);
}


@media only screen and (max-width: 767px) {
    .row-tab-cnsp .tab-width h4,
    .row-tab-cnsp .tab-width-small h4,
    .row-tab-cnsp .tab-width-small .nav-line,
    .row-tab-cnsp .tab-width .nav-line{
        width: 100%;
    }
    
    .blog-archive .box-text,
    .blog-archive .box-image {
        width: 100% !important;
        float: left;
    }
    .sec-messenger .large-12, .sec-messenger .large-4 {
       padding: 0px 10px 0px 10px;
    }
    .layui-form-item .layui-form-label,
    .layui-form-item {
        height: 80px !important;
    }
    .footer-1 .widget_nav_menu {
        width: 50% !important;
    }
    .tab-custom.fixed {
        width: 100% !important;
    }
    .home-title h2:after{
        display: none;
    }

}


@media only screen and (max-width: 500px) {
    
    .layui-form-item .layui-form-label,
    .layui-form-item {
        height: 205px !important;
    }
    .layui-form-text.divmt .layui-form-label {
        height: 75px;
    }
    .footer-1 .widget_nav_menu {
        width: 100% !important;
    }
}

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


}