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

/*************** ADD CUSTOM CSS HERE.   ***************/
form.wpcf7-form {
    margin-bottom: 0 !important;
}
form.wpcf7-form.sent input {
    box-shadow: none !important;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: black;
}
#sidepopup {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    padding-top: 15px;
    padding-bottom: 7px;
    right: 0px;
    top: 200px;
}
#sidepopup a img {
    border-radius: 10px;
}
header.archive-page-header .col {
    text-align: left;
}
.header-nav-main a {
	font-weight: 400 !important;
}
header.archive-page-header p {
    margin-bottom: 5px;
}
.entry-content.single-page {
    text-align: justify;
    padding-top: 0;
}
.h-about {
    padding-bottom: 10px;
    background: url(/wp-content/uploads/2020/05/section-gioithieu-bg-2.jpg) bottom left no-repeat;
    margin-bottom: 0px !important;
}
.mat-bang-content .mat-bang-content-inner .col-inner {
    text-align: center;
}
.mat-bang-content .mat-bang-content-inner .col-inner > a {
    width: 140px;
    display: inline-block;
    position: relative;
    margin: 0 10px;
    text-align: center;
}
.mat-bang-content .mat-bang-content-inner .col-inner > a > .icon-box {
    position: absolute;
    top: -100px;
    cursor: pointer;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.mat-bang-content .mat-bang-content-inner .col-inner > a > .icon-box .icon-box-img {
    background: #7da42a;
    border-radius: 50%;
    position: relative;
    margin-bottom: 0px;
    width: 145px;
    height: 134px;
}
.mat-bang-content .mat-bang-content-inner .col-inner > a > .icon-box .icon-box-img .icon-inner {
    width: 138px;
    height: 138px;
    position: absolute;
    border-radius: 50%;
    left: -1px;
    bottom: -2px;
}
.mat-bang-content .mat-bang-content-inner .col-inner > a > .icon-box .icon-box-img .icon-inner img {
    border-radius: 50%;
}
.mat-bang-content .mat-bang-content-inner .col-inner > a > .icon-box .info {
    color: #ffffff;
    text-decoration: none;
}
.mat-bang-content .mat-bang-content-inner .col-inner > a > .icon-box .info h3 {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 15px;
    padding: 8px 0;
    margin-top: 0px;
}
.content-tien-ich .icon-box .icon-box-img {
    width: 195px;
    height: 195px;
    background: #d3e9a6;
    border-radius: 50%;
    position: relative;
    margin: auto;
}
.content-tien-ich .icon-box .icon-box-img .icon-inner {
    width: 190px;
    height: 190px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    shape-outside: circle();
    shape-margin: 0px;
}
.content-tien-ich .icon-box .icon-box-img .icon-inner img {
    border-radius: 50% !important;
}
.content-tien-ich .icon-box .icon-box-text h5 {
    margin: 0;
    text-align: center;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #7da42a;
    font-size: 16px;
    text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.mat-bang-content .mat-bang-content-inner .col-inner > a > .icon-box {
		position: unset;
	}
	.mat-bang-content h4 {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 15px;
	}
}