/*
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.   ***************/
/***************** Trang chủ *******************/
#masthead .header-inner {background-color: rgb(255, 255, 255);border-radius: 30px;max-height: 50px;margin-top:50px}
.transparent #logo img {
    max-height: 110px !important;
    margin-top: -30px;
}
.tong-quan {border-style: double;border-color: rgb(254, 218, 20);border-width: 4px;padding: 15px 10px 15px 25px;}
.tong-quan ul li {
	list-style-image: url(/wp-content/uploads/2021/04/icon-3.jpg);
	border-bottom: 1px solid #111;
}
.bang-gia {
	background-image: url(/wp-content/uploads/2021/04/bang-gia.png);
	background-repeat-x: no-repeat;
    background-position: center;
    background-size: inherit;
    height: 80px;
	font-size: 26px;
    font-weight: bold;
	padding-top: 20px;
    color: #ffe259;
}
.bg1 {font-size: 28px;color:#F00707}
.bg3 {font-size:18px;color:red}
.bg4 {font-size:28px;color:red}
.bg5 {color:#013E8B;font-size:22px}
.bg-phone {margin-top-50px;}
ul.chinh-sach li {
	list-style-image: url(/wp-content/uploads/2021/04/icon-qua.jpg);
	margin-bottom:0px;
}
ul.chinh-sach {font-size:18px;}
.csbh {border-style: double;border-color: red;border-width: 5px;padding: 15px 10px 15px 25px;}
ul.vi-tri li {
	list-style:none;
	margin-bottom:0px;
	color:#01408B;
}
.loai-hinh-sp .tabbed-content ul li.active a {
    background: #CA8D4A;
}
.loai-hinh-sp .tabbed-content ul li a {
    font-weight: 700;
    padding: 15px 60px;
    background: #01408B;
    color: #fff;
    margin: 0 15px;
    display: block;
    position: relative;
}
.loai-hinh-sp .tabbed-content ul li.active a::after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 42%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 15px 0 15px;
    border-color: #ca8c4a transparent transparent transparent;
}
.loai-hinh-sp .tabbed-content ul li {
    margin-bottom: 50px;
}
.mat-bang {border-style: double;border-color: rgb(254, 218, 20);border-width: 4px;padding: 15px 10px 10px 15px;}
.vien-mb {border:15px solid #FDD500}
/***************** Form *******************/
.home-dktv1 {
	background: rgba(17,17,17,0.6);
	padding: 30px 25px 10px 25px;
	color: #e20d77;
	border-radius: 35px;
}
.home-dktv2 {
	background: rgba(215,24,32,1);
	padding: 15px 25px 0px 25px;
	color: #fff;
	border-radius: 35px;
	width: 60%;
    text-align: center;
	margin: 0 auto;
}
.form-dktv input[type="submit"] {
	border-color: #fbfb18;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(251,251,24, 0.8);
	background-color: #FFB854;
	padding: 0px 50px;
	font-weight: 500;
    font-size: 20px;
	color: #111;
	border-radius: 35px;
}
.form-dktv input[type="text"] {margin-bottom: 10px;border-radius: 35px;}
.form-dktv input[type="tel"] {border-radius: 35px;}
.form-dktbg {display:flex}
.form-dktbg p {width: 30%;margin: 0px 5% 0px 0px;}
.form-dktbg p:last-child {margin-right:0px;}
.form-dktbg input[type="submit"] {width:100%}
.form-dktbg input {background:#0B5C49}
.form-dktbg input::-webkit-input-placeholder {color: #fff; }
.form-dktbg input:-moz-placeholder {color: #fff; } /* Trình duyệt FF 4-18 */  
.form-dktbg input::-moz-placeholder { color: #fff; } /* Trình duyệt FF 19+ */
.form-dktbg input:-ms-input-placeholder {color: #fff; }     /* Trình duyệt IE 10+ */
.form-dktbg input[type="submit"] {border-radius: 35px;color:#111}
/***************** Sidebar *******************/
.widget {
    margin-bottom: 1em;
}
.post-sidebar {padding-left:15px !important;padding-right: 15px !important;}
ul.top-sidebar {background: #306A98;color:#fff;padding: 10px;}
.top-sidebar li {border-top: 1px solid #fff;padding: 10px 0px 5px 0px;}
.top-sidebar li:first-child {border-top: none;}
.top-sidebar li a {color: #fff}
.title-sidebar {
	background: #306A98;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.block-sidebar ul {color:#fff;padding: 10px;border: 1px solid #306A98}
.block-sidebar li {border-top: 1px solid #eee;padding: 5px 0px 5px 0px;margin: 0px !important;}
.block-sidebar li:first-child {border-top: none;}
.block-sidebar li:before {
	background-image: url('/wp-content/uploads/2020/08/icon.png');
	display: inline-block;
	content: "";
	width: 18px;
	height: 18px;
	margin: 0px 5px 0px 0px;
	background-size: contain;
	vertical-align: middle;
}
.content-sidebar {border: 1px solid #306A98;padding: 10px;}
.content-sidebar .col.post-item {padding-bottom:0px;padding-top:0px}
.content-sidebar .box-vertical .box-text {padding: 0px 0px 0px 10px;}
.content-sidebar h5 {font-weight:500;}
.hotline-sidebar {
	font-size: 20px;
	color: red;
	font-weight: 700;
	display: block;
	margin: 15px;
}
/*************** CONTACT FIXED   ***************/
.ts-contact {position: fixed;right: 1%;top: 40%;width: 40px;}
.ts-contact ul {list-style: none;z-index:999;}
.ts-contact ul li {position: relative;}
.ts-contact ul li:hover {box-shadow: 0px 0px 15px rgba(225,229,99);border-radius: 99px;}
.text-hover {
	width: max-content;
    height: auto;
    background-color: rgba(225,229,99,0.6);
    position: absolute;
	top:5px;
    right:55px;
    text-align: right;
    color: #006859;
    padding: 5px 10px;
    box-sizing: border-box;
    opacity: 0;
	border-radius: 5px;
	font-size: 14px;
}
.ts-contact ul li:hover .text-hover::after {
	left: 100%;
    transform: rotateZ(-180deg);
	border-color: transparent rgba(225,229,99,0.6) transparent transparent!important;
	content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
}
.ts-contact ul li:hover .text-hover {opacity:1;transition:ease-in-out 0.5s;}
.face-mobile {display:none;}
/*************** FOOTER  ***************/
.f-title {
	background-color: #ffb854;
    border-color: #fbfb18;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 10px rgb(251 251 24 / 80%);
    padding: 10px;
    color: #111 !important;
    text-align: center;
	font-weight: 700;
}
ul.f-text {
	border: 1px solid #fff;
    padding: 15px 10px 15px 35px;
    font-size: 14px;
	text-align: justify;
}
ul.f-text li {
	margin-bottom:0px;
	list-style-type: decimal-leading-zero;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.banner-top {height:100vh;}
	.bang-gia {font-size:20px;}
	.home-dktv2 {width:90%}
	.home-bg {height:1000px}
	.bg1 {font-size: 18px;}
	.bg2 {font-size: 14px;}
	.bg4 {font-size: 24px;}
	.bg5 {font-size: 19px;}
	.bg6 p {font-size: 14px;}
	.loai-hinh-sp .tabbed-content ul li a {padding: 15px 20px;}
/*************** CONTACT FIXED MOBILE  ***************/
	.ts-contact {
		right: inherit;
		top: inherit;
		width: 100%;
		bottom: 0;
		text-align: center;
		text-align: -moz-center;
		text-align: -webkit-center;
		background: rgba(225,229,99,0.6);
	}
	.ts-contact ul {margin: 8px 0px;}
	.ts-contact ul li {display: table-cell;padding: 0px 20px;}
	.ts-contact ul li img {width:40px;}
	.text-hover {display:none;}
	.face-mobile {display:inherit;}
	.face-pc {display:none;}

}