/*
Theme Name: Kiến trúc nội thất
Description: Giao diện con của Flatsome cho website thiết kế kiến trúc, nội thất, mẫu nhà đẹp
Author: themewp5s.com
Template: flatsome
Version: 1.0.3
*/

/*************** THÊM CSS RIÊNG TẠI ĐÂY ***************/

@media only screen and (max-width: 48em) {
/*************** CSS RIÊNG CHO ĐIỆN THOẠI ***************/

}
@media all and (max-width: 650px) {
   ul.box1 a {
      display:none;
   }
	.title-primary h3{
		font-size:15px !important;
	}
}

/* Giao diện ô công cụ phong thủy / dự toán */
.wp_dutoan { font-family: Arial, Helvetica, sans-serif; font-size: 14px; position: relative; }
.wp_dutoan * { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; }
.wp_dutoan::before { content: ""; display: block; width: 100%; height: 100%; background-color: rgb(255, 255, 255); background-image: none; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0px; left: 0px; opacity: 0; visibility: hidden; z-index: 7; }
.wp_dutoan.loading::before { opacity: 0.7; visibility: visible; }
.wp_dutoan .content { font-family: inherit; font-size: 14px; font-weight: 400; display: block; width: 100%; padding: 15px; background-color: rgb(231, 57, 57); border-radius: 3px; box-sizing: border-box; color: rgb(255, 255, 255); }
.wp_dutoan .content .desc { font-family: inherit; font-size: 14px; font-weight: 400; display: inline-block; width: 100%; margin-bottom: 10px; }
.wp_dutoan .content select, .wp_dutoan .content input[type="number"] { display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; margin: 0px 0px 23px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; box-shadow: none; outline: none; font-family: inherit; font-size: 14px; font-weight: 400; min-width: 150px; width: 100%; color: rgb(18, 18, 18); }
.wp_dutoan table { margin: 0px !important; padding: 0px !important; }
.wp_dutoan table tr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; }
.wp_dutoan table tr td { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.wp_dutoan table tr td:first-child { padding: 0px 5px 0px 0px; }
.wp_dutoan table tr td:last-child { padding: 0px 0px 0px 5px; }
.wp_dutoan .content input[type="submit"] { display: inline-block; width: auto; height: 35px; line-height: 33px; padding: 0px 16px; margin: 12px 0px 0px; background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; box-shadow: none; outline: none; font-family: inherit; font-size: 17px; font-weight: 700; }
.wp_dutoan .content input[type="submit"]:hover { background-color: rgb(17, 17, 17); }
.wp_dutoan .kq { font-family: inherit; font-size: 14px; font-weight: 400; }
.wp_dutoan .kq hr { box-shadow: none; border: transparent; height: 1px; background-color: transparent; margin: 5px 0px; }
.wp_dutoan .kq a { color: rgb(255, 255, 255); text-decoration: underline; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.wp_dutoan .kq strong { font-family: inherit; font-size: 14px; }
.wp_dutoan.style_01 .content .box { padding-left: 30px; position: relative; }
.wp_dutoan.style_01 .content .box::before { content: ""; display: block; width: 16px; height: 16px; background-image: none; background-repeat: no-repeat; position: absolute; left: 0px; top: 2px; }
.wp_dutoan.style_02 .title { border-bottom: 1px solid rgb(170, 170, 170); padding: 0px; font-size: 17px; font-weight: 700; color: rgb(18, 18, 18); text-align: left; margin-bottom: 20px; }
.wp_dutoan.style_02 .title span { padding: 5px 0px; display: inline-block; position: relative; text-transform: uppercase; font-weight: 600; }
.wp_dutoan.style_02 .title span::after { content: ""; width: 100%; height: 4px; background-color: rgb(231, 57, 57); position: absolute; left: 0px; bottom: -2px; }
.wp_dutoan.style_02 .content { font-family: Arial, Helvetica, sans-serif; display: block; position: relative; width: 100%; border-radius: 3px; border: 1px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); box-shadow: rgb(187, 187, 187) 0px 0px 5px; padding: 15px; margin: 0px; font-size: 14px; color: rgb(51, 51, 51); }
.wp_dutoan.style_02 .content .box { padding-left: 30px; position: relative; }
.wp_dutoan.style_02 .content .box::before { content: ""; display: block; width: 16px; height: 16px; background-image: none; background-repeat: no-repeat; position: absolute; left: 0px; top: 2px; }
.wp_dutoan.style_02 .content select { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0px 20px; border: 1px solid rgb(170, 170, 170); border-radius: 3px; appearance: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAABGdBTUEAALGPC/xhBQAAAHBJREFUCB1djjsOgDAMQ5NerXdBYmRADCAmBhgZGBDcpO3N+sFBRAIiNXbsN5SdcwMzj0SUSikJGsU/L6ITfzAWhRD6nPMk/j8AT2ttdYNSAu4Az28Q0A6ohhajBYLFGNPqjXJTSLOP4s+N9379hDgux4UotvsoUK0AAAAASUVORK5CYII="); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; outline: none; box-shadow: none; font-size: 14px; color: rgb(18, 18, 18); }
.wp_dutoan.style_02 .content input[type="number"] { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0px 20px; border: 1px solid rgb(170, 170, 170); border-radius: 3px; appearance: none; outline: none; box-shadow: none; font-size: 14px; color: rgb(18, 18, 18); }
.wp_dutoan.style_02 .content input[type="submit"] { display: inline-block; height: 40px; line-height: 40px; padding: 0px 20px; background-color: rgb(231, 57, 57); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; box-shadow: none; border-radius: 3px; font-weight: 700; font-size: 14px; }
.wp_dutoan.style_02 .kq hr { box-shadow: none; border: transparent; height: 1px; background-color: transparent; margin: 5px 0px; }
.wp_dutoan.style_02 .kq strong { color: rgb(231, 57, 57); }
.wp_dutoan.style_02 .kq a { color: rgb(51, 51, 51); text-decoration: underline; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.wp_phongthuy_popup { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(0, 0, 0); }
.wp_phongthuy_popup * { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
.wp_phongthuy_popup .color_green { color: rgb(231, 57, 57); }
.wp_phongthuy_popup h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700; color: rgb(231, 57, 57); }
.wp_phongthuy_popup ul { margin-left: 20px; }
.wp_phongthuy_popup table { max-width: 460px; margin: 0px auto; }
.wp_phongthuy_popup table tr td { padding: 0px 4px; }
.wp_phongthuy_popup img { display: inline-block; max-width: 460px; width: 100%; }
.wp_phongthuy_popup > p:last-child { margin-bottom: 0px; }
.wp_phongthuy_popup .boldLabel { font-weight: 700; }
.wp_phongthuy_form { font-family: Arial, Helvetica, sans-serif; display: block; position: relative; width: 100%; border-radius: 3px; border: 1px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); box-shadow: rgb(187, 187, 187) 0px 0px 5px; padding: 10px; margin: 0px; font-size: 14px; }
.wp_phongthuy_form * { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
.wp_phongthuy_form::before { content: ""; display: block; width: 100%; height: 100%; background-color: rgb(255, 255, 255); background-image: none; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0px; left: 0px; opacity: 0; visibility: hidden; }
.wp_phongthuy_form.loading::before { opacity: 0.7; visibility: visible; }
.wp_phongthuy_form .form-title { border-bottom: 1px solid rgb(170, 170, 170); padding: 0px; font-size: 17px; font-weight: 700; color: rgb(18, 18, 18); text-align: left; margin-bottom: 20px; }
.wp_phongthuy_form .form-title span { padding: 5px 0px; display: inline-block; position: relative; text-transform: uppercase; font-weight: 600; }
.wp_phongthuy_form .form-title span::after { content: ""; width: 100%; height: 4px; background-color: rgb(231, 57, 57); position: absolute; left: 0px; bottom: -2px; }
.wp_phongthuy_form .form-line { display: block; margin-bottom: 20px; }
.wp_phongthuy_form .form-line:last-child { margin-bottom: 0px; }
.wp_phongthuy_form .form-line .label { display: block; }
.wp_phongthuy_form .form-line select { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0px 20px; border: 1px solid rgb(170, 170, 170); border-radius: 3px; appearance: none; background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; outline: none; box-shadow: none; font-size: 14px; }
.wp_phongthuy_form .form-line input[type="submit"], .wp_phongthuy_form .form-line input[type="button"] { display: inline-block; height: 40px; line-height: 40px; padding: 0px 20px; background-color: rgb(231, 57, 57); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; box-shadow: none; border-radius: 3px; font-weight: 700; font-size: 14px; }
.wp_phongthuy_form .form-line input[type="submit"]:hover, .wp_phongthuy_form .form-line input[type="button"]:hover { background-color: rgb(34, 34, 34); }
.wp_phongthuy_form .form-line table { margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wp_phongthuy_form .form-line table tr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wp_phongthuy_form .form-line table tr td:first-child { padding: 0px 5px 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wp_phongthuy_form .form-line table tr td:last-child { padding: 0px 0px 0px 5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

/* Form tư vấn trang công cụ: giữ chữ lưu ý nằm dưới ô nhập */
.box3:after{content:"";display:table;clear:both}
