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

/*************** ADD CUSTOM CSS HERE.   ***************/
.blog-featured-title+#main .post-sidebar{
	padding-top:0px !important
}
    .row-divided>.col+.col:not(.large-12) {
        border-left: 0px solid #ececec;
    }
#post-list .box-text {
        vertical-align: top !important;
	text-align:left !important
   }
#post-list .box-text .post-title a{
	font-size:22px;
}
.post-sidebar.col{
	padding-right:0px !important
}
.blog-wrapper.blog-archive.page-wrapper{
	padding-top:0px !important
}
.blog-wrapper .archive-page-header{
	padding-top:100px;
	padding-bottom:100px;
	background:#233f97 !important;
	color:#fff !important;
	margin-bottom:35px !important;
	color:#fff;
}
.blog-wrapper .archive-page-header h1.page-title{
	color:#fff;
	font-size:24px;
	margin-bottom:0px !important
	
}
.blog-wrapper .archive-page-header .large-12.col{
	padding-bottom:0px !important;
	text-align:left;
	padding-left:25px !important
}
.icon-box.boxcontact{
	padding:25px;
	background:#f5f5f5 !important;
	border-radius:4px !important
}
aside.widget.widget_nav_menu{
	padding:25px !important;
	border-radius:5px !important;
	background:#fff !important;
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
    border-radius: 5px !important;
    background: #85b43c0d;
}
aside .dichvu {
    border-top: 0px solid #eb1e1b26 !important;
}
aside .boxbaogia .col-inner{
	padding:0px !important
}
aside.widget .widget-title{
	font-size:22px;
	color:#22409a
}
.icon-box.boxcontact p{
	font-size:14px;
}
.ttuvan p, .ttuvan a{
	font-size:14px;
}
ul.sub-menu.nav-dropdown{
	border:0px !important;
}
ul.sub-menu.nav-dropdown a{
	font-size:14px;
}
.pum-content .col.boxbaogia{
	padding:0px !important
}
.pum-content .col.boxbaogia .col-inner{
	padding:0px !important
}
.fixed-menu {
    bottom: 115px;
    position: fixed;
    right: 10px;
    background: #fff;
    padding: 10px 5px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2px #bbbdbd;
    box-shadow: 0 0 2px #bbbdbd;
    z-index: 9999;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.ucm-form, .fixed-menu {
    z-index: 999;
}

.ucm-form-show, .ucm-form-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ucm-form-show {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    width: 20px;
    height: 20px;
    display: none;
    margin-left: -10px;
}

.ucm-form-show span {
    width: 20px;
    height: 20px;
    background: #990d23;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    display: block;
}
.ucm-item span{
	font-size:11px !important
}
.ucm-form-hide span {
    width: 20px;
    height: 20px;
    background: #e7ebf6;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    border-radius: 9999px;
    color: #9297a5;
    font-size: 14px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.fixed-menu .ucm-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    text-align: center;
    color: #222;
    font-size: 12px;
}

.fixed-menu .ucm-item img {
    max-width: 33px;
    height: 33px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
     animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
.fixed-menu .ucm-item.back-to-top {
    margin-bottom: 0;
}

.fixed-menu .ucm-form {
    position: absolute;
    bottom: 0;
    right: 110%;
    background: #fff;
    width: 525px;
    z-index: 9999;
    padding: 33px 33px 12px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    display: none;
}

.ucm-form-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.ucm-form-phone {
    font-size: 20px;
    color: #e83638;
}

.ulchinhsach ul{
	margin-bottom:0px !important;
	margin-left:0px !important
}
.ulchinhsach ul li{
	margin-left:0px !important;
	font-size:14px;
	list-style:none !important;
	margin-bottom:10px !important
}
.colinfo h3{
	margin-bottom:12px !important;
	font-size:19px !important
}
.colinfo .icon-box-img{
	width:15px !important
}
.colinfo .icon-box-img img{
	    padding-top: 0px !important;
    filter: brightness(0) invert(1);
}
.bfooterx p{
	font-size:14px;
}
.absolute-footer{
	font-size:14px;
	background:#22409a !important
}
.absolute-footer{
	padding-top:15px;
	padding-bottom:15px !important;
	border-top:1px solid #dedede2e;
}
.slidoitac .box-image img{
	border:1px solid #dedede2e;
	border-radius:4px !important
}
.copyright-footer{
	font-size:13px !important
}
.listchon .icon-box{
	position:relative;
	top:-30px;
}
.slidoitac .box-image{
	background:#fff !important;
	
}
.slidoitac .flickity-prev-next-button{
	top:15px !important
}
.listchon .icon-box h3 {
    line-height: 26px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
	height:80px;
}
.listchon .icon-box .icon-box-text p{
	font-size:14px;
	font-weight:500 !important;
	text-align:justify;
	height:180px;
	overflow:hidden
}
.listchon .icon-box img{
	padding-top:0px !important;
	filter: brightness(0) invert(1);
}
.listchon .icon-box .icon-inner{
	background:#eb1e1b  !important
}
.listchon .col-inner{
	border-radius:8px !important
}
.coltin>.col{
	padding-bottom:15px !important
}
.phantrang .page-number{
	border-width:1px !important;
	border-radius:1px !important;
	font-size:13px;
	font-weight:normal !important;
	border-color:#dedede !important
}
.phantrang ul.page-numbers{
	padding-top:15px;
	margin-top:5px;
		border-top:1px solid #dedede;
}
.titmain .section-title-main{
	border:0px !important;
	padding-right:60px;
	padding-left:0px !important
}
.titmain  .section-title-main{
	position:relative
}
.titmain .section-title-main:after{
	width:12px;
	height:12px;
	position:absolute;
	top:19px;
	right:0px;
	content:"";
	z-index:2;
	border-radius:100% !important;
	background:#eb1e1b !important
}
.titmain .section-title b{
	height:4px !important;
	opacity:1 !important;
	background:#233f97 !important
}
.phantrang ul.page-numbers li{
	margin-left:2px !important;
	margin-right:2px !important
}
.row.listin .col.post-item{
	padding-bottom:5px !important
}
.row.listin .col.post-item:first-child  .box-text.text-left{
	border-bottom:1px solid #dedede;
	padding-top:15px;
	padding-bottom:25px;
	margin-bottom:5px;
}
.row.listin .col.post-item:first-child .post-title {
	font-weight:600 !important;	
	font-size:17px;
}
.row.listin .col.post-item .post-title {
	font-weight:normal;
	font-size:15px;
}
.row.listin .col.post-item .box-text.text-left{
	padding-top:5px;
	padding-bottom:2px;
}
.row.listin .col.post-item .box-image{
	display:none;
}
.col.post-item .is-divider{
	display:none;
}
.row.listin .col.post-item:first-child .box-image{
	display:block !important;
}
.coltin .button.primary{
	font-size:15px;
	padding-top:8px;
	padding-bottom:8px;
	border-radius:3px;
}
.listthongso h3{
	font-size:48px;
	border-bottom:1px solid #ffffff3d;
}
.tcamket p{
	font-size:15px;
	font-weight:400 !important
}
.listthongso .icon-box-img img{
	height:60px !important
}
.listthongso p{
	font-size:14px;
	font-weight:400 !important
}
.boxbaogia .btbao{
	background:#233f97 !important;
	border-top-left-radius:4px !important;
	border-top-right-radius:4px !important;
	padding:5px 25px;
	color:#fff;
	padding-top:20px !important;
	
}
.boxbaogia form.wpcf7-form{
	padding-left:35px;
	padding-right:35px;
	margin-bottom:0px !important;
	background:#22409a;
	padding-top:12px !important;
	border-bottom-left-radius:4px !important;
	border-bottom-right-radius:4px !important;
}
.wpcf7-spinner{
	display:none;
}
.boxbaogia .wpcf7-form-control.wpcf7-submit{
	margin:0 auto;
	padding-left:50px;
	padding-right:50px;
	display: block;
	border:0px !important;
	margin-top:25px !important;
	background:#eb1e1b !important;
	font-weight:500 !important;
	font-size:13px;
	border-top-left-radius:5px !important;
	border-top-right-radius:5px !important;
	letter-spacing:2px !important
}
.boxbaogia .wpcf7-form-control{
	padding-left:0px;
	background:none !important;
	box-shadow:0px 0px #fff !important;
	border:0px;
	border-bottom:1px dashed #fff !important;
	font-size:14px;
	color:#fff;
	height:45px;
	
}
.wpcf7-not-valid-tip{
	font-size:12px !important
}
.boxbaogia .wpcf7-form-control::placeholder{
	color:#fff;
}
.boxbaogia .wpcf7-form-control:focus{
	color:#fff;
}

.btbao h4{
	margin:0px;
	letter-spacing:2px;
}
.btbao p{
	font-size:14px;
	margin-bottom:5px;
}
.boxbaogia .btbao h4{
	color:#fff;
}
.col.col8box .is-divider{
	background:#eb1e1b !important;
	opacity:1 !important
}
.col.col8box .box-image img{
	border-radius:3px !important
}
.row.idichvu .box-text.text-left{
	padding-bottom:0px !important
}
.row.idichvu{
	background:#fff !important;
	padding-top:15px;
	padding-bottom:0px !important
}
.idichvu .post-title {
	margin-top:10px;

}
.idichvu .post-title a{
	font-size:20px;
	font-weight:600 !important;
	    min-height: 55px;
}
.dichvu{
	border-top:12px solid #eb1e1b26;
}
.flickity-page-dots .dot{
	width:8px !important;
	height:8px !important
}
.slider-wrapper.slihome{
	background:#22409a !important
}
.slihome h2{
	   font-size: 35px;
}
.header-bottom-nav > li > a {
    font-weight: 600 !important;
}
.header-bottom .header-button-1 .button{
	height:50px !important;
	line-height:50px;
	padding-left:50px;
	padding-right:30px;
	font-weight:500 !important
}
.header-bottom .header-button-1 .button:after{
	position:absolute;
	width:24px !important;
	height:24px !important;
	top:13px;
	left:15px;
	background:url(/wp-content/uploads/2025/08/formwp.png) no-repeat top center;
	background-size:100% !important;
	display:block !important;
	content:"";
	
}
.header-bottom>.flex-row.container{
	padding-left:30px !important;
	padding-right:30px !important
}
.header-main li.header-search-form.search-form{
	margin-left:25px !important;
	padding-right:25px !important
}
.icallx p{
	font-size:13px;
	margin:0px !important;
	color:#555 !important;
    line-height: 14px;
}
.icallx h4{
	font-size:16px;
	letter-spacing:1px !important;
	color:#eb1e1b !important
}
.header-main .search-field{
	box-shadow:0px 0px #fff !important;
	border:0px;
	border-bottom:1px solid #22409a;
	padding-left:0px !important
}
.header-main .ux-search-submit.submit-button{
	background:none !important;
	border:0px !important;
    margin-left: -30px;

}
.header-main .ux-search-submit.submit-button i{
	color:#22409a !important
}
.header-main .header-block-block-1{
	max-width:200px;
	margin-left: auto;
}
.header-main .header-block-block-1 img{
	opacity:0.4 !important;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo img {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.listchon .icon-box .icon-box-text p, .listchon .icon-box h3{
		height:auto !important
	}
	.titmain .section-title-main:after{
		top:12px !important
	}
.listchon .col-inner {
    margin-bottom: 30px;
}
	.gtranslate_wrapper{
		min-width:60px !important
	}

.listthongso h3 {
    font-size: 30px;
    border-bottom: 1px solid #ffffff3d;
}
#logo {
    width: 110px !important;
}
.slihome h2 {
    font-size: 24px;
	line-height:32px !important
}
	li.html.header-button-2 .button{
	        border-radius: 2px !important;
        font-size: 12px !important;
        white-space: nowrap;
        background: #233f97;
        border: 0px;
        line-height: 30px;
        color: #fff;

	}
.idichvu .post-title a {
	font-size: 16px;}
}