/*
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.   ***************/
a.icon.primary.button.circle.tooltip.linkedin.tooltipstered,
a.icon.primary.button.circle.tooltip.pinterest.tooltipstered,
a.icon.primary.button.circle.tooltip.email.tooltipstered,
a.icon.primary.button.circle.tooltip.twitter.tooltipstered {
    display: none;
}
@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;
}


.is-divider,
a.quick-view.quick-view-added {
    display: none;
}

.searchform .search-field {
    height: 41px;
    border: 1px solid #e7e8ed;
    outline: none;
    box-shadow: none;
}
.searchform .button.icon {
    background: #063c92;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    text-transform: uppercase;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.header-language-dropdown a {
    color: #000;
    font-family: "Roboto-Bold"!important;
}
.header-language-dropdown a i {
    margin-left: 10px;
}

.home-header {
    margin-left: -10%;
}

.home-top ul li {
    list-style: none;
    color: #000;
    font-family: "Roboto-Bold" !important;
}

.home-bottom  {
    color: #ff3535;
    font-family: "Roboto-Bold" !important;
}

.header:not(.transparent) .header-bottom-nav.nav > li{
    padding: 5px 10px;
    display: block;
    position: relative;
   
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    font-weight: 500 !important ;
    font-size: 16px;
    font-family: "Roboto" !important;
}

/*--------------------------------------------------------------*/

.title-home {
    text-align: center;
}
.title-home h3 {
    color: #063c92;
    text-transform: uppercase;
    font-family: "Roboto-Bold" !important;
}
p.product-title a {
    color: #000;
    padding: 7px 0px;
    font-weight: 600;
    font-family: "Roboto" !important;
}

.price span.prc {
    color: #000;
    font-family: "Roboto-Bold" !important;
}
.price span.amount {
    color: #000;
    margin-left: 5px;
    font-family: "Roboto-Bold" !important;
}

.sec-introduce h4 {
    color: #063c92;
    text-transform: uppercase;
    font-family: "Roboto-Bold" !important;
}

.sec-introduce p {
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
    padding-left: 20px;
    font-family: "Roboto" !important;
}
.sec-introduce p:before {
    content: "";
    left: 0px;
    margin-top: 5px;
    background: url(img/icon.png) no-repeat;
    width: 100%;
    height:100%;
    position: absolute;
}
.sec-item .box-image {
    text-align: center;
}
.sec-item .box-image img{
   height: 150px;
   width: 150px;
   border-radius: 50%;
}
.sec-item .box-text h4{
    color: #000;
    margin-bottom: 10px;
    font-family: "Roboto-Bold" !important;
}
.sec-item .box-text p {
    color: #000;
}

.nav-line>li.active>a:before,
.nav-line>li>a:before {
    opacity: 0;
}

.sec-product .nav-line>li>a{
    border-radius: 5px;
    padding: 5px 10px;
    color: #000;
    background: #ececec;
    font-family: "Roboto" !important;
}

.sec-product .nav-line>li.active>a,
.sec-product .nav-line>li:hover>a{
    background: #063c92;
    color: #fff;
    
}

.sec-nxkh .icon-box-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.sec-nxkh .icon-box-text  {
    background: #dab74a;
    color: #fff;
    border-radius: 5px;
    padding: 50px 0px 15px 0px;
    margin-top: -60px;
}
.sec-nxkh .icon-box-text h3 {
    color: #fff;
    font-family: "Roboto-Bold" !important;
}
.sec-nxkh .icon-box-text p{
    color: #fff;
}

.sec-nxkh .star i {
    color: #fdeb9c;
    padding: 0px 3px;
}


.title-new h3 {
    color: #063c92;
    text-transform: uppercase;
    font-family: "Roboto-Bold" !important;
}

p.from_the_blog_excerpt {
    color: #000;
    font-weight: 500;
}

.blog-1 {
    margin-bottom: -30px;
}


.blog-1 h5.post-title {
    font-size: 14px;
    color: #000;
    padding-bottom: 10px;
    font-family: "Roboto-Bold" !important;
}

.blog-2 .post-item {
    padding: 0px;
    margin:0px;
}

.blog-2 .box-image {
    display: none;
}
.blog-2 h5.post-title {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    padding-left: 15px;
    font-family: "Roboto" !important;
}
.blog-2 h5.post-title:before {
    content: "\f105";
    margin-right: 10px;
    font-family: FontAwesome;
}

.blog-3 .box-vertical {
    margin-bottom: -20px;
}
.blog-3 .box-text {
    padding-top: 0px;
    margin-top: 0px;
    display: block;
}
.blog-3 h5.post-title {
    font-size: 14px;
    color: #000;
    font-family: "Roboto-Bold" !important;
}

.section-title .section-title-main {
    color: #063c92;
    font-family: "Roboto-Bold" !important;
}

.list-footer li {
    list-style: none;
    padding: 0px;
}
.list-footer li i {
    margin-right: 10px;
}

.page-wrapper {
	color: #000;
	font-family: "Roboto" !important;
}
.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4,
.page-wrapper strong{
	color: #000;
	font-family: "Roboto-Bold" !important;
}

.col.cot-9 {
    box-shadow: 0px 0px 0px 10px #e6b700;
    padding: 20px 15px;
	margin-bottom: 50px;
}
.col.cot-9 p {
    font-style: initial;
}
.col.cot-9 p {
	margin-bottom:0px;
}
.col.cot-9 p.adderess {
    background: #e6b700;
    padding: 5px;    padding-left: 20px;
    margin-left: -20px;
    width: 105%;
}

/*--------------------------------------------*/

.widget ul>li+li{
    border: 0px;
}
.footer-1  #nav_menu-3, 
.footer-1  #nav_menu-2 {
    max-width: 18% !important;
     flex-basis: 18% !important;
}
.footer-1  #nav_menu-5,
.footer-1  #nav_menu-4 {
    max-width: 14% !important;
    flex-basis: 14% !important;
}
.footer-1 .widget_text {
    max-width: 34% !important;
    flex-basis: 34% !important;
}

.footer-1 .widget-title {
    color: #fff;
    font-size: 15px;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #dab74a;
}

.footer-1 ul li,
.footer-1 ul li a {
    color: #fff;
}
.footer-1 ul li i {
    margin-right: 5px;
}
li.li-5 {
    color: #ff1616 !important;
    padding-left: 15px;
    font-family: "Roboto-Bold" !important;
}

.absolute-footer {
    display: none;
}

/**------------------------------------------------*/
h5.post-title.is-large {
    color: #000;
    padding-bottom: 5px;
    font-family: "Roboto-Bold" !important;
}
.entry-content.single-page {
    color: #000;
    text-align: justify;
    font-family: "Roboto" !important;
}

.post_related h3 {
    color: #063c92;
    text-transform: uppercase;
    font-family: "Roboto-Bold" !important;
}

.post_related .image-cover,
.blog-archive .image-cover {
    padding-top: 75% !important;
}

.post_related .badge-inner,
.blog-archive .badge-inner {
    color: #063c92;
    background-color: #fff;
    border: 2px solid #063c92 !important;
}

h1.entry-title {
    color: #000;
    font-family: "Roboto-Bold" !important;
}

.widget_product_categories span.widget-title{
    background: #063c92 !important;
    color: #fff;
    display: block;
    padding: 15px 5px;
    font-family: "Roboto-Bold" !important;
}

.widget_product_categories li {
    padding: 5px 10px;
    background: #f8f8f8;
}
.widget_product_categories li a {
    color: #000;
    font-weight: 500;
}
.widget_product_categories li:hover{
    background: #063c92;
}
.widget_product_categories li:hover a{
    color: #fff;
}
.widget_product_categories .children li {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}
.widget_product_categories .children li a {
    color: #000; 
}
.widget_product_categories .children li:hover {
    background: #063c92;
}
.widget_product_categories .children li:hover a {
    color: #fff;
}

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

.product-footer .woocommerce-tabs {
    border-top: 0px solid #ececec;
}
.view-single-product {
    float: left;
    margin-right: 15px;
}
.view-single-product span {
    margin-right: 10px;
    color: #000;
    font-size: 20px;
    font-family: "Roboto-Bold" !important;
}
.product-info .price {
    font-size: 20px;
    float: right;
    display: inline-block;
    margin-top: 6px;
}
.product-info .price-wrapper {
    display: flow-root;
}

.share-single-product {
    margin: 10px 0px;
    display: inline-block;
}
.facebook , .zalo {
    float: left;

}
.zalo {
    padding-left: 10px;
    padding-top: 11px;
}
.product-info a .icon-facebook{
	padding-left:5px;
}
.product-info a.icon.primary.button.circle.tooltip.facebook.tooltipstered {
    padding-top: -7px;
    margin-top: -33px;
    border-radius: 0px !important;
    /* height: 4px !important; */
    padding: 0px 20px;
    font-size: 8px;
	border:0px solid !important;
	background:#1877f2 !important;
}
.product-info a.primary.button.circle.tooltip.facebook:before{
	 content:"Share";
	color:#fff;
} 


.product-short-description {
    display: inline-block;
}
.product-info .product-short-description p{
    color: #000;
    margin-bottom: 0px;
    font-family: "Roboto" !important;
}

.product-section {
    border-top: 0px solid #ececec;
    background: #eaeaea;
    padding: 10px;
}
.product-section .product-small.box {
    background: #fff;
}

.woocommerce-tabs ul {
    display: inline-block;
}

.woocommerce-tabs ul li {
    list-style: none;
    float: left;
    padding:10px;
    margin: 0px 10px 0px 0px;
    text-transform: uppercase;
    border: 1px solid #eaeaea;
    font-family: "Roboto-Bold" !important
}

.woocommerce-tabs ul li:hover{
    background: #063c92;
}
.woocommerce-tabs ul li:hover a {
    color: #fff;
    
}

.woocommerce-tabs .w-pd-i-c-head {
    font-size: 17px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 5px 10px;
    background: #063c92;
    font-family: "Roboto" !important;
}

#tab-picture .item {
    float: left;
    width: 33.3%;
    padding:0px 5px;
}

.col-divided {
    border-right: 0px solid #ececec;
}
.product-sidebar .button br,
#product-sidebar .button br {
    display: none;
}
.product-sidebar .button span:before,
#product-sidebar .button span:before {
    content: "\f003";
    margin-right: 10px;
    font-family: FontAwesome;
}
.product-sidebar .button,
#product-sidebar .button{
    text-transform: none;
    border-radius: 20px;
    display: block;
    background: #063c92 !important;
    font-family: "Roboto" !important;
}
.widget-messenger,
.widget-phone {
    text-align: center;
    margin: 10px 0px;
}
.widget-messenger i,
.widget-phone i {
   margin-right: 10px;
}

.widget-phone {
   color: #063c92;
   padding:5px 10px;
   border-radius: 20px;
   border: 1px solid #063c92;
}
.widget-phone a {
    color: #063c92;
    font-weight: 500;
}
.widget-messenger a {
    color: #063c92;
    font-family: "Roboto-Bold" !important;
}
#product-sidebar .widget-title {
    background: #063c92;
    color: #fff;
    padding:10px;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Roboto-Bold" !important;
}
.flatsome_recent_posts .widget-title {
	background: #063c92;
	color: #fff;
	padding: 15px 10px;
	display: block;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.flatsome_recent_posts ul {
    border: 1px solid #eaeaea;
    padding:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.mobile-sidebar {
    background: #063c92;
}
.mobile-sidebar  ul li a {
	color: #fff;
	font-family: "Roboto" !important;
}

 /*CONG DUNG */

.congdung-post {
    width: 100%;
    /* border: 1px solid #fff; */
    display: inline-block;
    border-radius: 5px;
    /* box-shadow: 0px 2px 16px rgb(0 0 0 / 10%); */
}
.congdung-avatar {
    width: 50px;
    float: left;
}
.congdung-content {
    width: calc(100% - 50px);
    float: left;
    padding-left: 5px;
    position: relative;
}
.show-cong-dung .col.medium-3 {
       padding: 0px;
    padding-left: 10px;
}
.congdung-content p {
    margin: 0px;
    background: #fbc203;
    padding: 10px 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
	box-shadow: 0px 2px 16px rgb(0 0 0 / 30%);
}
.congdung-avatar img {
    height: 50px;
    width: 50px;
}

iframe {
    width: 100% !important;
    height: 500px !important;
}


 /*END CONG DUNG */
@media only screen and (max-width: 812px) {
    .footer-1  #nav_menu-5,
    .footer-1  #nav_menu-4,
    .footer-1  #nav_menu-3, 
    .footer-1  #nav_menu-2,
    .footer-1 .widget_text {
        max-width: 50% !important;
        flex-basis: 50% !important;
    }
}

@media only screen and (max-width: 767px) {



    .blog-archive .post-item {
        width: 33.3% !important;
        float: left;
    }
    .footer-1  #nav_menu-5,
    .footer-1  #nav_menu-4,
    .footer-1  #nav_menu-3, 
    .footer-1  #nav_menu-2,
    .footer-1 .widget_text {
        max-width: 50% !important;
        flex-basis: 50% !important;
    }
}
@media only screen and (max-width: 500px) {
    .blog-archive .post-item {
        width: 50% !important;
        float: left;
    }
    .footer-1  #nav_menu-5,
    .footer-1  #nav_menu-4,
    .footer-1  #nav_menu-3, 
    .footer-1  #nav_menu-2,
    .footer-1 .widget_text {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

}

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


}