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

/*************** ADD CUSTOM CSS HERE.   ***************/
.list-du-an .portfolio-box-category{display:none;}
.portfolio-box:hover .box-text{
	opacity: 1;
	transform: scale(1) translateZ(0) translateY(-50%)!important;
}
   
.portfolio-box .box-text{
	opacity: 0;
    pointer-events: inherit;
    transform: scale(1) translateZ(0) translateY(0)!important;
}
.section3 .post-item .box-blog-post .box-text{
    pointer-events: inherit;
    transform: scale(1) translateZ(0) translateY(0)!important;}
.section3 .post-item .box-blog-post:hover .box-text{
	bottom: auto!important;
    transform: scale(1) translateZ(0) translateY(-50%)!important;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 16;
}
.section3 .post-item .box-text .post-title{font-size: 24px;
    letter-spacing: 0;
    text-shadow: none;
    margin-bottom: 15px
}
.section3 .post-item .box-text .xem-chi-tiet{border-radius:0;}
.section3 .post-item .box-text .post-meta{display:none;}
.woocommerce{	max-width: 100%;
	margin-left: auto;
    margin-right: auto;
	padding: 0;
}
.portfolio-inner img{width:auto;}
.section01 .image-cover img{object-fit:cover;}
.image-cover img{object-fit:unset;}
.cart-sidebar .product-name{border:none;}
.woocommerce-mini-cart__empty-message{color:#333 !important;}
.text-justy{text-align:justify;}
.nav-small.nav>li.html, .header-contact li a{
    font-size: 14px;letter-spacing:0;
    text-transform: uppercase;
    color: black;
    font-weight: normal;
}
.product-small.box .product-title a{text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    color: black;margin-bottom:6px}
.product-small .price ins bdi, .product-small .price bdi{color:#de5a28}
.product-small .box-image{    border: 10px solid white;}
.product-small:hover .box-image{   border: 10px solid #de5a28;}
.rank-math-breadcrumb p{text-transform: uppercase;
    color: white;
    font-size: 19px;}
.section01 .row1{position:absolute; bottom:0; right:0; left:0;}
.page-title {
	visibility:hidden;
	opacity:0;
	height:0;
	margin-bottom:0;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 35px;
}
.duong-dan .rank-math-breadcrumb a{color:#fff;}
.duong-dan .rank-math-breadcrumb a:hover{color:#de5a28;}
.gioi-thieu-1 .icon-box{margin-bottom:25px;}
.gioi-thieu-2 .tabbed-content h2{margin-bottom: 0;
    font-size: 50px;
    color: #00508f38;}
.gioi-thieu-2 .tabbed-content .nav li.active a{color:#de5a28}
.gioi-thieu-2 .tabbed-content .nav li a{color: #023e7a;font-size: 16px;
    font-weight: normal;}
.gioi-thieu-2 .col{padding-bottom:0}
.gioi-thieu-1 .icon-box h3{font-size:16px}
.section01 .col{padding-bottom:0}
.category-blog .header-wrapper .header-bottom .container,
.single .header-wrapper .header-bottom .container,
.header.transparent .header-bottom .container{background: rgba(255,255,255,.2)!important;}.header-bottom-nav > li > a {
    line-height: 30px;
} 
.category-blog .header-wrapper.stuck .header-bottom .container,
.single .header-wrapper.stuck .header-bottom .container{background: unset !important;}
  .header-block .icon-box .icon-box-text,
  .header-block .icon-box .icon-box-text a{
    font-size: 13px;
    color: white;
}
.home .header-block .icon-box .icon-box-text,
.home  .header-block .icon-box .icon-box-text a{color:#444}
.home  .header-block .icon-box .icon-box-text a:hover{color:#de5a28}
.header-bottom-nav .sub-menu li a{
	font-weight:bold;
	color:#333;
}
.header-bottom-nav .sub-menu li a:hover{color:#de5a28;}
.dich-vu-1 ul li{list-style:None; margin-left:0}
.dich-vu-1 ul li.current_page_item a{    border-right: 5px solid #de5a28;
}
.phan-hoi{position:relative; border: 1px solid #d4d4d4;margin-bottom: 30px;
    padding: 25px 25px 30px;}
.phan-hoi:after {
    content: "";
    position: absolute;
    left: 33px;
    bottom: -11px;
    border-right: 1px solid gainsboro;
    border-top: 1px solid #d6d6d6;
    background: white;
    display: block;
    width: 30px;
    height: 30px;
    transform: rotate(135deg);
}
.dich-vu-1 ul li a, .portfolio-archive .nav li a{display: block;
    text-align: right;
    background: #f4f8fb;
    padding: 6px 10px;
    border-right: 5px solid #de5a28;
    color: #0a1763;
    font-size: 17px;}
.header.transparent .header-bottom li a{font-size:14px}
.dich-vu-1 h3:after{content:"";background:#de5a28; width:50px;height:3px;display:block;}
.dich-vu-1 h3{font-size: 23px;
    color: #0f2860;}
.gioi-thieu-1 .col{padding-bottom:0}
.lien-he-1 form input[type=submit]{    background: #de5a28;
    padding: 5px 30px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 14px;}.page-wrapper {
    padding-bottom: 0;
    padding-top: 0;
}
.du-an-1 ul li, .portfolio-archive .nav li {
    margin: 0 10px;
}
.du-an-1 ul li a, .portfolio-archive .nav li a{
		padding: 0 10px;}
.du-an-1 .nav, .portfolio-archive .nav{margin-bottom:20px}.off-canvas .nav-vertical>li>a {
    padding-bottom: 13px;
    padding-top: 13px;
    font-size: 13px;
    color: black;
}
.archive .header-bg-color, .archive .header-bg-image, .archive .header-wrapper, .single-post .header-bg-color, .single-post .header-bg-image, .single-post .header-bottom, .single-post .header-wrapper, .category-blog .header-wrapper .header-bottom, .single .header-wrapper .header-bottom {
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
}
.category-blog .header-wrapper.stuck .header-bottom,
.single .header-wrapper.stuck .header-bottom{background-color: #de5a28;}
.blog-archive .post-item a:hover{color:black;}
.post-item .button{border-radius: 24px;
    padding: 5px 20px;
    border: 2px solid #de5a28;
    color: #de5a28;
    letter-spacing: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 13px;
		font-weight: normal;}.blog-archive .post-item .post-title:hover{color: #de5a28}
.post-item .button:hover{background:#de5a28;color:white;border:2px solid #de5a28}
.blog-archive .post-item .post-title{margin-bottom:10px;}
.archive .header-bottom-nav.nav > li > a, .archive .header-block .icon-box .icon-box-text, .single-post .header-bottom-nav.nav > li > a, .single-post .header-block .icon-box .icon-box-text{color:white !important}
.archive #header, .single-post #header{    position: absolute;}
.is-divider{display:none}footer.entry-meta {	font-size: 15px;}
.blog-single .entry-header .entry-header-text{    text-align: center;}
#comments .comment-respond {
    background-color: white;
    padding: 0;
    padding: 0;
}.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan h4:hover{color:#ffa60d}
.bai-viet-lien-quan ul li .box-image img {
    height: 190px;
    border-radius: 0px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
#comments textarea, #comments input{box-shadow:none;}
.blog-single .large-12{padding-top:30px}
.lien-he-1 form textarea{min-height: 79px;}
.lien-he-1 form input, .lien-he-1 textarea{box-shadow: none;
    border: none;
    border-bottom: 2px solid #e8e8e8;
    padding: 0;}
.footer2 h3, .lien-he-1 h3{    padding-left: 15px;
    border-left: 5px solid #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 20px;}
.lien-he-1 h3{border-color:#de5a28;}
.footer2 ul{margin-bottom:0}
.footer2 ul li{margin-bottom:15px; list-style:none; margin-left:0}
.single-post .rank-math-breadcrumb .last{display:None}
.footer2 ul li a{color:rgba(255,255,255,.7)}
.footer2 .icon-box{margin-bottom:25px}
.footer2 .icon-box .icon-box-text p{color:#fff;}
.footer2 a{color:#fff;}
.footer2 .icon-box svg{
    color: #fff;
}
.footer2 .wpcf7 input[type=submit]{margin: 0;
    background: #fff;
	color:#303030;
    font-weight: normal;
    text-align: center;
    width: 100%;}
.wpcf7-spinner{display:none}
.footer-nav li a{font-size: 15px;
    letter-spacing: 0;}
a.back-to-top{background:#de5a28 !important; color:white !important; border:none !important}
.footer2 .icon-box-img img {
	filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.footer2 .wpcf7 input, .footer2 .wpcf7 textarea{box-shadow: none;
    border: none;
    border-bottom: 2px solid #fff;
    background: #ffffff61;
	color:#fff;
}
.footer2 .wpcf7 input::placeholder, .footer2 .wpcf7 textarea::placeholder{color:#fff;}
.footer2 .icon-box a:hover,.footer2 a:hover span{text-decoration:underline}
.footer1 .button{margin-bottom:0}
.copyright-footer{color:#fff;}
.list-du-an{max-width:100% !important; margin-left:0!important; margin-right:0!important}
.section2 .fa-arrow-circle-down{
    background: #de5a28;
    font-size: 23px;
    padding: 20px;
    border-radius: 99%;}
.section2{padding-bottom:0 !important}
.section2 .cot4{padding-bottom: 0;
    margin-bottom: -50px;}
.header-block .icon-box-img svg {
    color: #de5a28;
}.nav-spacing-xlarge>li {
    margin: 0 15px;
}
.section2 .row1 .icon-box svg,
.section2 .row1 .icon-box img{
	width:116px; height:116px; object-fit:contain; padding:30px;transform: rotate(-45deg);
    color: white; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
.section2 .row1 .icon-box:hover svg,
.section2 .row1 .icon-box:hover img{
		transform: rotate(45deg);}
.section2 .row1 .icon-box:hover .icon{background: #de5a28;transform: rotate(-45deg);transition:all linear 0.5s;}
.section2 .row1 .icon-box .icon{transition:transform linear 0.5s; box-shadow: 2px 2px 20px #00000024;background: #de5a28;
    transform: rotate(45deg);
    border: 7px solid white;}
.icon-box-img img{
    fill: currentColor;
    height: 100%;
    transition: all .3s;
    width: 100%;
}
.list-post .post-item .post-title{font-size: 18px;}
.list-post .post-item .post-meta{font-size: 15px;
    color: gray;}
.section11 .icon-box-img svg {
       color: #de5a28;
}
.section11 .icon-box h3{text-align: center;
    margin-bottom: 0;
    font-size: 45px;
    color: #030303;}
.section11 .flickity-page-dots{bottom:-30px}
.footer1 .col{padding-bottom:0}
.section11 .icon-box{PADDING: 50PX 20PX;
    BORDER: 1px solid #d2d2d2;}
.list-post .post-item .box-text{padding-left:0;padding-right:0;padding-bottom:0}
.section8 .col{padding-bottom:0}.box-blog-post .is-divider{display:none}
.section6 .icon-box .icon-box-img img{border-radius: 99%;
    padding-top: 0;
    border: 10px solid white;
    box-shadow: 2px 2px 20px #00000012;}
.section1 .row1{margin-top:-70px} 
.section5{z-index:1;}
.section6 .icon-box:hover img{box-shadow:2px 2px 20px gray}

.section6 .icon-box h3{font-size:17px}
.section6{margin-top:-150px}
.section6 .icon-box .icon-box-img {
    margin: 0 auto 2em;
}
.section2 .icon-box .icon-box-img{
    margin: 0 auto 3em;
}
.header-contact li a i, #top-bar .fa{color:#ffa60d}
.nut-xem-them{padding: 3px 25px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 14px;}
.section1 .row1 .large-12 .col-inner{padding: 50px;
    background: white;
    box-shadow: 2px 2px 20px #0000001f;
    background-image: url(/wp-content/uploads/2022/11/hand-with-cap.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: right;background-size: contain;}
.header-block .col{padding-bottom:0}
.header-block .icon-box .icon-box-text{font-size:13px}
.header-nav-main.nav-right{min-width:450px}
.section1 .row1 .large-12 .col-inner .col-inner{padding:0px;
    background: none;
    box-shadow: none;
    background-image: none;}
.portfolio-box .portfolio-box-title{font-size: 24px;
    letter-spacing: 0;
    text-shadow: none;
    margin-bottom: 15px}
.portfolio-box .portfolio-box-category{color: #de5a28;
    text-shadow: none;
    font-size: 16px;
    text-transform: none;
    font-style: italic;}
.section4 .icon-box .icon-box-text{        border: 1px solid #e5edf3;
    padding: 80px 20px 20px 20px;
    margin-top: -35px;}
.section4 .icon-box .icon-box-img {
 display:initial;z-index:0;
}
.section4 .icon-box .button{    color: #01477f;
    font-weight: normal;
    font-size: 14px;
		letter-spacing: 0;}.button.is-underline:before{background: #de5a28;opacity:1}
.section4 .icon-box:hover .icon {
		background: #de5a28;}
.section4 .icon-box h3{    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;}
.section4 .icon-box .icon{background: #003e9b;
    border-radius: 99%;
    padding: 6px;
    width: 75px;
    height: 75px;}
.section5 .col{padding-bottom:0}
.section4 .icon-box .icon-inner svg{color:white}
.section4 .icon-box .icon-inner{color: white !important;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    margin-top: 11px;}
.portfolio-box .nut-xem-them, .portfolio-box .portfolio-box-title{opacity:0}
.section4 .icon-box:hover h3{color:#3f51b5}
.section3 .nut-xem-them, .list-du-an .nut-xem-them, .portfolio-box .nut-xem-them, .section3 .post-item .box-text .xem-chi-tiet{background: #de5a28 !important;
    margin-top: 50px; color:#fff;}.gioi-thieu-3{padding-bottom:100px !important}
.dich-vu-1 .author1 img{border-radius: 99%;
    border: 1px solid #dfdfdf;
    padding: 10px;}
.single-product .product-images{    border: 10px solid #fafafa;}.product-info{max-width:500px}
.product-info .product-title{    text-transform: uppercase;
		font-size: 21px;}.product_meta>span{font-size:14px}
.single_add_to_cart_button{text-transform: none;
    letter-spacing: 0;
    font-weight: normal;}
form{margin-bottom:0}
.woocommerce-tabs li a, .related h3{font-size:15px; letter-spacing:0;font-weight:normal}
.header.transparent #header-contact li a{color:black;}.portfolio-box:hover .nut-xem-them, .portfolio-box:hover .portfolio-box-title{opacity:1}
.portfolio-box:hover img{transform:scale(1.1)}
.portfolio-archive .page-wrapper, .portfolio-single-page .page-wrapper{margin-top:40px}
.portfolio-related{margin-bottom:20px}
.entry-content p, .portfolio-inner p{text-align:justify}
.portfolio-box:hover .overlay {
		background-color: rgb(0 0 0 / 47%);}
#portfolio-content .gallery{margin:0 auto}
#portfolio-content .gallery-item{
	margin-bottom: 0;
    padding: 0 2px 3px;
}

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


}
.the_content {
    color: #212529;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px
}

.the_content h2,
.the_content h3,
.the_content h4 {
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem;
    color: var(--primary-color)
}

.the_content figure {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 5px 3px 10px;
    text-align: center
}

.the_content h6 {
    font-size: 15px
}

.the_content h5 {
    font-size: 17px
}

.the_content h4 {
    font-size: 17px
}

.the_content h3 {
    font-size: 18px
}

.the_content h2 {
    font-size: 20px;
    line-height: 1.5
}

.the_content h1 {
    font-size: 25px;
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem
}

.the_content p {
    color: #333;
    margin-bottom: 1rem;
    font-size: 16.5px;
    line-height: 1.6
}

.the_content ul {
    list-style: disc;
    padding-left: 5rem;
    padding-bottom: 5px
}

.the_content ul li {
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px
}

.the_content ul li a {
    color: #007bff
}

.the_content ol {
    list-style: decimal;
    padding-left: 18px;
    padding-bottom: 5px;
    font-size: 16.5px
}

.the_content ol li {
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px
}

.the_content ol li a {
    color: #ff5912
}

.the_content a {
    color: var(--primary-color);
    font-weight: 700
}

.the_content blockquote {
    background: #f3f3f3;
    color: #868686;
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 15px 20px 15px 45px;
    position: relative;
    text-align: justify
}

.the_content blockquote p {
    margin-bottom: 0
}

.the_content blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: var(--primary-color);
    content: ""
}

.the_content code {
    background: rgba(0, 0, 0, .05);
    border-radius: 3px;
    font-size: .85rem;
    color: #e83e8c;
    font-size: 15px
}

.the_content table>tbody>tr>td,
.the_content table>tbody>tr>th,
.the_content table>tfoot>tr>td,
.the_content table>tfoot>tr>th,
.the_content table>thead>tr>td,
.the_content table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px;
    font-size: 16.5px !important
}

.the_content iframe {
    margin: auto
}

.the_content .syntaxhighlighter {
    padding: 10px 0
}