/*
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.   ***************/
/* css topbar */
div#top-bar {
    background-image: linear-gradient(90deg,#5496ed,#1a62c1);
}
div#top-bar ul li.menu-item a.nav-top-link {
    color: #fff;
}
li.has-dropdown.header-language-dropdown>a {
    color: #fff;
}
li.has-dropdown.header-language-dropdown>ul {
    border: none;
    border-radius: 10px;
}
/* css heaedr main */
div#masthead {
    background: #fff;
	box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
}
div#masthead ul li.menu-item a.nav-top-link {
    color: #262f5a;
    font-size: 15px;
    padding-left: 20px;
}
div#masthead ul li.menu-item:last-child a.nav-top-link {
    border: 2px solid #1a62c1;
    border-radius: 20px;
    padding: 4px 14px;
    color: #1a62c1 !important;
}
div#masthead ul li.menu-item:last-child a.nav-top-link:hover {
    color: #fff !important;
    border: 2px solid #fff;
    background-image: linear-gradient(90deg,#5496ed,#1a62c1);
}

/* css section dự án */
.title-duan h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 50px;
	padding-top: 30px;
}
.title-duan h2:after {
    border-bottom: 4px solid #1a62c1;
    content: "";
    display: block;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border-radius: 4px;
    padding-bottom: 10px;
}
.blog-duan .col.post-item>.col-inner {
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
    border-radius: 6px;
    background: #fff;
}
.is-divider {
    display: none;
}
.blog-duan h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
}
.blog-duan .box-text.text-left {
    padding: 10px;
    background: #fff;
    margin: -7% auto 0;
    max-width: 90%;
}
.blog-duan p.from_the_blog_excerpt {
    color: #363535;
	font-size: 15px;
}
.blog-duan button.button.is-link.is-small.mb-0 {
    color: #262f5a;
    text-transform: initial;
    font-size: 15px;
	margin: 0;
}

/* css section about công ty */
.title-about h2 {
    font-size: 30px;
    font-weight: 400;
	padding-top: 30px;
}
.title-about h2:after {
    border-bottom: 4px solid #1a62c1;
    content: "";
    display: block;
    width: 100px;
    position: absolute;
    border-radius: 4px;
    padding-bottom: 10px;
}
.ct-about h3 {
    color: #3a3636;
}
.ct-about p {
    color: #848484;
    font-weight: 100;
}
a.button.primary.btn-docthem {
    background-color: #1a62c1;
    margin: 0;
    padding: 0 40px;
    border-radius: 8px;
    text-transform: initial;
    font-weight: 600;
    font-size: 16px;
}

/* section banner video */
.col-banner{ 
	padding:0;
}
.title-banner h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #fff;
    padding-top: 40px
}
.title-banner h2:after {
    border-bottom: 4px solid #1a62c1;
    content: "";
    display: block;
    width: 100px;
    position: absolute;
    border-radius: 4px;
    padding-bottom: 10px;
}
.blog-banner h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
}

/* css section tin tức */
.blog-tintuc {
    margin-top: 40px;
}
.blog-tintuc .col.post-item>.col-inner {
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
    border-radius: 6px;
    background: #fff;
    border: none;
}
.blog-tintuc .col-inner .box-text.text-left {
    padding: 10px 10px 22px 16px;
}
.blog-tintuc p.from_the_blog_excerpt {
    padding: 10px 0;
    font-weight: 400;
}
.blog-tintuc h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
}
.blog-tintuc button.button.is-link.is-small.mb-0 {
    margin: 0;
    font-size: 15px;
    text-transform: initial;
}

/* css footer */
.title-footer ul li {
    margin-bottom: 10px;
    margin-left: 0;
    font-weight: 300;
	font-size: 14px;
}

.text-lienhe ul li:before, .text-gt ul li:before {
    font-family: fontawesome;
    padding-right: 10px;
    color: #1a62c1;
}
.text-lienhe ul li:nth-child(1):before {
    content: "\f124";
}
.text-lienhe ul li:nth-child(2):before {
    content: "\f2a0";
}
.text-lienhe ul li:nth-child(3):before {
    content: "\f658";
}
.text-lienhe ul li:nth-child(4):before {
    content: "\f0d5";
}
.text-lienhe ul li:nth-child(5):before {
    content: "\f017";
}
.text-gt ul li:before {
    content: "\f0da";
}

.copyright-footer {
    color: #262f5a;
}

/* css trang liên hệ */
/* css trang liên hệ */
.form-lienhe input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea {
    border: none;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
    border-bottom: 1px solid;
    padding-left: 0;
}
.form-lienhe input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder, textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
    font-size: 13px;
    color: #262f5a;
}
.form-lienhe input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    background-image: linear-gradient(90deg,#5496ed,#1a62c1);
    border-radius: 22px;
}
.lienhe-section-2 .img-inner.dark {
	border-radius: 16px;
}
.lienhe-text, .form-lienhe {
    background: #fff;
    box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);
    border-radius: 16px;
    padding: 15px 20px 1px 15px;
}
.title-all {
	padding-bottom: 16px;
}
.form-lienhe textarea {
	min-height: 2.507em;
}
span.wpcf7-spinner {
    display: none;
}

/* css section đối tác */
.section-doitac .img-inner.dark {
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
    border-radius: 6px;
    background: #fff;
}

/* css chi tiết bài viết */
li.recent-blog-posts-li a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
}

@media (max-width: 768px) {
	/* 	css menu  */
	.mfp-content {
		background: #fff !important;
	}
	.mfp-content ul.nav-sidebar li.menu-item a {
		color: #262f5a;
		font-weight: 600;
	}
}

@media (max-width: 549px) {
	/* 	css section dự án */
	.blog-duan .box-text.text-left {
		margin: -0% auto 0;
		max-width: 100%;
/* 		padding-left: 0; */
	}
}

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


}