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


/*************** ADD CUSTOM CSS HERE.   ***************/
.sec-ab .bg.bg-loaded {
    border-radius: 10px;
}
.sec-sm .row {
	background: #fff;
}

.logo-text-botom .html_top_right_text {
    font-size: 14px !important;
    line-height: 18px;
    text-transform: capitalize;
}

.header-main #logo img {
    max-height: 80px;
}

.stuck .header-main  #logo img {
    max-height: 60px !important;
}


td:first-child, 
th:first-child {
	padding-left: 7.2px;
}


.header-main .nav > li > a {
 font-weight: normal;
}
.slider-cuoi .col,
.tin-tuc .col {
 padding-bottom: 0;
}
.nav-dropdown-default {
 padding: 0px;
 border: none;
}
.nav-dropdown.nav-dropdown-default > li > a {
 padding: 7px 0px;
 border-bottom: none;
 color: #333;
 font-size: 15px;
}
#header-contact li span {
 font-size: 15px;
 text-transform: none;
 letter-spacing: 0;
 color: #fff;
}
.nav-dropdown.nav-dropdown-default > li:hover a {
 padding-left: 15px;
 color: #df0100;
}
.nav-dropdown.nav-dropdown-default > li:hover {
 background: #f5f5f5;
 border-left: 5px solid #df0100;
}
.dac-quyen-section ul li,
.tieu-chuan-ban-giao-section ul li {
 border-bottom: none;
 background: #1c3b7380;
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 10px;
 padding-left: 20px;
}
.tieu-chuan-ban-giao-section .col {
 padding-bottom: 0;
}
.tabbed-content {
 box-shadow: 2px 2px 20px #00000017;
 padding: 20px;
 border-radius: 5px;
 background: white;
}
.gioi-thieu-1 ul li {
 margin-bottom: 3px;
}
.gioi-thieu-1 img {
 border-radius: 10px;
}
.dac-quyen-section .row2 .col {
 padding-bottom: 0;
}
.kham-pha .box {
 margin-bottom: 15px;
}
.header-main {
 box-shadow: 1px 2px 20px #0000002b;
}
.header-main .nav > li > a:hover {
 color: #df0100;
}
.header-main .nav > li > a {
 color: #333;
}
.gioi-thieu .cot5 .block-gioi-thieu p {
 margin-bottom: 10px;
}
.gioi-thieu .cot5 .block-gioi-thieu {
 background: rgb(102 157 51);
 font-size: 16px;
 color: #ffffff;
 padding: 15px;
 border-radius: 20px;
 line-height: 27px;
}
.gioi-thieu-1 .col p,
.gioi-thieu-1 .col {
 padding-bottom: 0;
}
.gioi-thieu .cot7 h3 {
 text-shadow: 2px 2px 10px #002729;
 line-height: 40px;
}
.gioi-thieu .row .cot6 .row .col img {
 border-radius: 999px;
 border: 5px solid rgba(255, 255, 255, 0.41);
}
.gioi-thieu .cot6 h3 {
 line-height: 39px;
}
.mat-bang .tabbed-content .nav-pills > li a span {
 font-size: 16px;
}
.mat-bang .tabbed-content .nav-pills > li.active > a {
 background: white;
 color: #03484c;
 font-size: 16px;
}
.kham-pha .col .button {
 margin-bottom: 0;
}
.kham-pha .col {
 padding-bottom: 0;
}
.tien-ich .row .cot6 .tien-ich-noi-do:hover {
 background: #f1f1f1;
}
.tien-ich .row .cot6 .div-tien-ich {
 height: 370px;
 overflow-y: scroll;
}
.footer-block .form-tai-bao-gia {
 width: 100%;
 display: inline-block;
}
.popup-content {
 border: 1px solid black;
 background-color: rgba(0, 0, 0, 0.68);
}
form {
 margin-bottom: 0;
}
.popup-title {
 font-size: 15px;
}
.popup-content {
 overflow-y: hidden;
 height: 336px;
}
.popup-content .form-tai-bao-gia {
 font-size: 14px;
}
h1.entry-title.mb {
 margin-bottom: 10px;
 text-transform: none;
 letter-spacing: 0;
}
.box-blog-post .is-divider {
 display: none;
}
.blog-archive .post-item .post-title {
 font-size: 18px;
 margin-bottom: 10px;
}
.single-post #breadcrumbs {
 font-size: 15px;
 margin-bottom: 10px;
}
.lien-he-section .cot2 .col-inner {
 background: white;
 padding: 15px 20px;
 box-shadow: 2px 2px 20px #00000014;
 border-radius: 15px;
}
.lien-he-section .cot2 .col-inner input,
.lien-he-section .cot2 .col-inner textarea {
 border-radius: 5px;
 box-shadow: none;
}
.gioi-thieu-section2 img {
 border-radius: 10px;
}
.blog-archive .archive-page-header .large-12 {
 padding-bottom: 0;
}
.blog-archive .page-title {
 text-transform: none;
 letter-spacing: 0;
 font-size: 25px;
}
.blog-archive .badge {
 display: none;
}
.footer-block .form-tai-bao-gia .row1 {
 width: 100%;
 display: inline-block;
}
.footer-block .form-tai-bao-gia .row1 .cot-field {
 width: 31.5%;
 margin-right: 5px;
 margin-left: 5px;
 float: left;
 display: inline-block;
}
.footer-block .form-tai-bao-gia input {
 font-size: 15px;
 margin-bottom: 3px;
}
.footer-block .form-tai-bao-gia .text-area {
 margin-left: 5px;
 margin-right: 5px;
}
.footer-block .form-tai-bao-gia input[type="submit"]:not(.is-form) {
 margin-left: 5px;
}
.blog-single {
 background: #f7f7f7;
}
.blog-single .row.row-large {
 background: white;
 border-radius: 4px;
}
.tien-ich .box .box-image,
.vi-tri img {
 border-radius: 6px;
}
.dac-quyen-section .row1 .large-3 {
 flex-basis: 20%;
 max-width: 20%;
}
.dac-quyen-section .row1 .large-3 img {
 border: 5px solid #ffffff5c;
 border-radius: 99%;
}
.tien-ich .box .box-text {
 padding-bottom: 0;
}
.tabbed-content ul li a {
 padding: 2px 20px;
 text-transform: none;
 font-size: 16px;
 font-weight: normal;
 font-family: "roboto", sans-serif;
 background: gray;
 color: white;
 margin: 0 5px;
}
.footer-secondary {
 padding: 0;
}
.gioi-thieu-2-khu .icon-box {
 margin-bottom: 20px;
 background: white;
 padding: 15px;
 border-radius: 5px;
 box-shadow: 2px 2px 20px #00000014;
}
.gioi-thieu-2-khu .icon-box h3 {
 margin-bottom: 6px;
 color: #0264af;
}
.dac-quyen-section .icon-box {
 background: #00142be0;
 padding: 9px;
 border-radius: 10px;
}
.vi-tri-section .icon-box {
 background: #283d5d;
 margin-bottom: 12px;
 border-radius: 6px;
 padding: 7px;
}
.gioi-thieu-2-khu .col {
 padding-bottom: 0;
}
.footer-block .form-tai-bao-gia input,
.footer-block .form-tai-bao-gia textarea {
 border-radius: 5px;
}
a.back-to-top {
 background: #ff9800 !important;
 border: none !important;
 bottom: 70px;
 color: white !important;
}
.sticky-popup .popup-header {
 background-color: #0a2453;
 border-color: #0a2453;
}
.img-ct:before {
    content: '';
    position: absolute;
    background: linear-gradient(45deg, #df0100, #fbca04);
    width: 100%;
    height: 100%;
    right: -25px;
    top: 25px;
}
.heading-ct:before {
    left: -25px;
    top: -15px;
    border-width: 4px 0 0 4px !important;
}
.heading-ct:after {
    right: -25px;
    border-width: 0 4px 4px 0 !important;
    bottom: -15px;
}
.heading-ct:before, .heading-ct:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #df0100;
    z-index: 2;
}
.heading-ct h2:before {
    left: -15px;
    top: -5px;
    border-width: 2px 0 0 2px !important;
}
.heading-ct h2:after {
    right: -15px;
    border-width: 0 2px 2px 0 !important;
    bottom: -5px;
}
.heading-ct h2:before, .heading-ct h2:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    border: 2px solid #df0100;
    z-index: 2;
}
.heading-ct h2 {
    text-align: center;
    font-size: 40px;
}
.heading-ct p {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 18px;
}
.heading-ct {
    position: relative;
    margin-bottom: 30px;
}
.sec-why .box-shadow-1 {
    background: #fff;
    height: 100%;
    box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
}
.product-ct .product-title {
    color: #000;
    margin-bottom: 0;
}
.product-ct .product-title a:hover {
	color: #df0100;
}
.sec-so {
    background: linear-gradient(280deg, #df0100, #fbca04);
}
.sec-so h6 {
    color: #fff;
    opacity: 1;
    font-size: 18px;
    text-transform: capitalize;
}
.box-blog-post {
    box-shadow: 0px 3px 5px #e9e9e9;
}
.box-blog-post .button {
    text-transform: capitalize;
}
.box-blog-post .box-text {
    padding: 15px;
}

.blog-archive .box-blog-post h5.post-title a {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.icon-avatar .icon-box-text h6 {
	line-height: 24px;
}

.icon-avatar .icon-box-text p {
	font-size: 15px;
	line-height: 28px;
}

.pdfemb-viewer {
    width: 100% !important;
    max-width: 100% !important;
}

.pdfemb-viewer iframe {
    width: 100% !important;
    height: 100vh !important;
}

@media (max-width: 991px) {
	
	.header .header-main li.html.custom {
		display: block;
	}

    .header-main #logo img {
        max-height: 75px;
    }
}
@media only screen and (max-width: 48em) {
 /*************** ADD MOBILE ONLY CSS HERE  ***************/

 .header .stuck .header-main {
    height: 100px !important;
 }
 .header-main #logo {
    width: 185px;
 }
 .header-main #logo img {
    max-height: 48px;
 }
 .logo-text-botom {
    justify-content: center;
 }

 .logo-text-botom .html_top_right_text {
    font-size: 13px !important;
 }

 .footer-block .form-tai-bao-gia .row1 .cot-field {
  width: 100% !important;
  margin: 0;
 }
 .footer-block .form-tai-bao-gia .text-area {
  margin: 0;
 }
 .tabbed-content ul li a {
  padding: 0px 11px;

  font-size: 12px;
  margin-bottom: 10px;
 }
 table {
  font-size: 14px;
 }
}