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

/*************** ADD CUSTOM CSS HERE.   ***************/
.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
h1 strong, h1 b, 
h2 strong, h2 b, 
h3 strong, h3 b, 
h4 strong, h4 b, 
h5 strong, h5 b, 
h6 strong, h6 b {font-weight:inherit}
#logo img {padding:10px 0}
#header {
    position: absolute;
    top: 0;
    z-index: 9;
}
#header #top-bar {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    padding: 5px 0;
}
#header-contact a {
    text-transform: none;
}

.dich-vu-home .box.box-text-bottom {
    background: rgb(255, 255, 255);
    filter: grayscale(100%);
    transition: all 0.5s ease;
    border-radius: 15px;
    overflow: hidden;
}
.dich-vu-home .col.medium-3:hover .box.box-text-bottom{
            transform: scale(1.1);
            filter: grayscale(0%);
}
.dich-vu-home , .tin-tuc-home , .nhan-hang-home {background:#f5f5f7;padding-top: 50px !important;}
.dich-vu-home .box.box-text-bottom .box-text{
    padding: 20px 15px;
}
#header .stuck .header-main {
    background: #fff;
}
#header .stuck .header-main ul li a {color:#333}
.dich-vu-home .box.box-text-bottom .box-text h3 {color:#fff}
.dich-vu-home .box.box-text-bottom .box-text p{    display: none;opacity: 0; visibility: hidden;font-size: 14px; line-height: 20px;margin-top: 10px;color:#fff}
.dich-vu-home .col.medium-3:hover .box-text p{opacity: 1; visibility: visible;    display: block;}
.dich-vu-home .col.medium-3:hover .box.box-text-bottom{background:#0d2fab}
.section-title  b{display: none;}
.section-title {display: block;text-align: center;    color: #0005cb;}
.tai-sao-chon i[class^=icon-] {    font-family: et-line !important;}
.feature-box i {
    font-size: 48px;
    position: absolute;
    color: #0005cb;
}
.feature-box .text {
    padding-left: 80px;
}
.feature-box .text h3 {
    font-size: 20px;
    margin-bottom: 10px !important;
    line-height: 28px;
}
.feature-box .text p{color: #888;}
.nhan-hang-home input[type="submit"] {
	width: 100%;
}
.footer.footer-2 {
    font-size: 14px;
    background: #eee;
}
body.page-template-default.page .text-box.banner-layer{
        transform: translate(-50%, 30%) !important;
}
.absolute-footer  {background: #393E46;}
.top-divider {display: none;}
body.page-template-default.page #content {
    max-width: 1140px;
    display: block;
    margin: auto;
    padding: 0 15px;
}
.banner-image img {
    max-height: 900px;
    width: 100%;
    object-fit: cover;
}
body.page-template-default.page .parallax-title  > .banner  {padding-top: 427px !important;}
 body.post-template-default.single .page-title.blog-featured-title .page-title-inner ,  body.archive.category .archive-page-header{min-height: 427px !important;}
body.page-template-default.page .parallax-title  > .banner .banner-bg , body.post-template-default.single  .page-title.blog-featured-title ,
body.archive.category .archive-page-header{height: 100% !important;background: url(/wp-content/uploads/2024/07/gioi-thieu-1900x1000-1.png);
        background-position: center !important;
transform: none !important;background-size:100% !important;background-repeat: no-repeat !important;}
#header .icon-facebook:before {
    content: "";
}
body.archive.category .archive-page-header{
    margin-bottom: 50px;
    display: flex;
    align-items: center;
	position:relative;
    justify-content: center;
}
body.archive.category .archive-page-header h1{
    font-size: 50px;
    color: #fff;
	position: absolute;
    bottom: 25px;
    z-index: 9999;
    left: 0;
}
 body.post-template-default.single .title-overlay {background: none !important;}
 body.archive.category  .page-wrapper#content {padding-top: 0;}
.footer.footer-2 .widget-title{
    text-transform: none;
    font-size: 20px;
	text-transform:uppercase;
    line-height: 28px;
}
.footer.footer-2   .is-divider {
    background-color: #0d2fab;
    margin-top: 15px;
    margin-bottom: 25px;
}
.gia-tri-cot-loi .row{
    background: #0005cb;
    max-width: calc(1140px - 30px);
    padding: 40px 5px 15px;
    color: #fff;
    border-radius: 41px;
}
.gia-tri-cot-loi .row h2, .gia-tri-cot-loi .row h3 {color: #fff;font-family: "Open Sans", sans-serif;}
.gia-tri-cot-loi p{
    font-family: "Open Sans", sans-serif;
}
.ux-search-submit{background: #1638ac}
.gia-tri-cot-loi , .tam-nhin-su-menh{padding: 30px 15px !important;}
 .tam-nhin-su-menh h2{
    margin-top: 20px;
}
.box-lien-he form.wpcf7-form{
    background: #eee;
    padding: 40px 40px 41px 40px;
}
.header-nav.header-nav-main > li > a{
    font-size: 15px;
    color: #fff;
}
.ux-search-submit .icon-search:before {
    content: "";
}
.post-sidebar {
    border: none !important;
    padding: 0 !important;
}
.post-sidebar #secondary {
    border: 1px solid #e3e3e3;
    padding: 25px 20px;
}
.category-dich-vu .archive-page-header {    background: url(/wp-content/uploads/2024/07/gioi-thieu-1900x1000-1.png) !important;}
.category-tin-tuc .archive-page-header {    background: url(/wp-content/uploads/2024/07/tin-tuc-1900x1000-1.png) !important;}
body.page-template-default.page.page-id-171 .parallax-title > .banner .banner-bg {    background: url(/wp-content/uploads/2024/07/lien-he-3-1900-1000.png) !important; background-position: top !important;}
body.category-tin-tuc .header-nav.header-nav-main > li > a {color:#333}
/*
.single-post.postid-134 .page-title.blog-featured-title {background: url(/wp-content/uploads/2024/07/van-chuyen-my.png) !important;}
.single-post.postid-136 .page-title.blog-featured-title {background: url(/wp-content/uploads/2024/07/z5667202894647_dd87654d8ca4070aa0e01668f77bc111.jpg) !important;}
.single-post.postid-138 .page-title.blog-featured-title {background: url(/wp-content/uploads/2024/07/van-chuyen-canada.png) !important;}
.single-post.postid-140 .page-title.blog-featured-title {background: url(/wp-content/uploads/2024/07/van-chuyen-ups-1.png) !important;}
.page-id-171 .header-nav.header-nav-main > li > a ,
.category-tin-tuc .header-nav.header-nav-main > li > a, 
.category-dich-vu .header-nav.header-nav-main > li > a,
.page-id-146 .header-nav.header-nav-main > li > a , 
.single-post.postid-134 .header-nav.header-nav-main > li > a ,
.single-post.postid-136 .header-nav.header-nav-main > li > a ,
.single-post.postid-138 .header-nav.header-nav-main > li > a ,
.single-post.postid-140 .header-nav.header-nav-main > li > a {color:#333}*/
.page-id-171  h1 ,
.category-tin-tuc  h1, 
.category-dich-vu  h1,
.page-id-146  h1 
.single-post.postid-134  h1 ,
.single-post.postid-136  h1 ,
.single-post.postid-138  h1 ,
.single-post.postid-140  h1 {text-transform: uppercase;}
.blog-featured-title .page-title-inner > .flex-col{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    font-size: 33px;
    width: 100%;
}
.archive-page-header .large-12.text-center {position:inherit}
.page-title-inner .title-wrapper.flex-col{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    font-size: 33px;
    text-transform: uppercase;
    width: 100%;
}
 h1 {color:#0e2785;font-family: initial !important;}
.entry-divider.is-divider {display:none;}
.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: black;
}
.xem-them ul li {
    margin-bottom: 3px;
}
.xem-them ul li a {
    font-weight: 700;
    font-size: 16px;
    color: #1638ac;
}
.xem-them ul li a:hover {
    text-decoration: underline;
}
.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}
.danh-muc {
    margin-bottom: 15px;
}
.danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    background: #126e32;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}
.danh-muc a, .the-tim-kiem a {line-height:32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}
.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #6dca19;
    color: white;
}
.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: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 4px;
    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;
}
@media (max-width: 549px) {
	.dich-vu-home .box.box-text-bottom{background:#0d2fab !important}
	.dich-vu-home .box.box-text-bottom{
            transform: scale(1) !important;
            filter: grayscale(0%) !important;
}
	.dich-vu-home .col.medium-3 .box-text p{opacity: 1; visibility: visible;    display: block;}
	#header-contact li {margin:0}
}
@media (max-width:767px){
	h1{
            font-size: 17px;
}.bai-viet-lien-quan ul li {
    width: 50%;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 90px;
}
	body.page-template-default.page.page-id-171 .parallax-title > .banner .banner-bg {background-position: center !important;}
	body.archive.category .archive-page-header h1 {font-size: 17px;bottom: 20px;}
	.blog-featured-title .page-title-inner > .flex-col {bottom:20px}
	.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {color:#333;}
	body.post-template-default.single .page-title.blog-featured-title .page-title-inner, body.archive.category .archive-page-header {min-height:185px !important}
	#header {
		position: relative;
	}
	.tam-nhin-su-menh .section-content .row:nth-child(2) > .col:first-child {order:2}
	body.page-template-default.page .parallax-title > .banner {    padding-top: 185px !important;}
	.header-nav.header-nav-main > li > a {color:#333 !important}
	body.home #header {
		position: absolute;
	}
	body.home .nav-dark .nav>li>a{
		color: hsla(0, 0%, 100%, .8);
	}
	.slider-home h3 {font-size:32px;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}