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

/*************** ADD CUSTOM CSS HERE.   ***************/



@font-face {
	font-family:HelveticaNeue;
	src:url('fonts/HelveticaNeue.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-Bold;
	src:url('fonts/HelveticaNeue-Bold.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-BoldItalic;
	src:url('fonts/HelveticaNeue-BoldItalic.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-CondensedBlack;
	src:url('fonts/HelveticaNeue-CondensedBlack.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-Italic;
	src:url('fonts/HelveticaNeue-Italic.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-Light;
	src:url('fonts/HelveticaNeue-Light.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-LightItalic;
	src:url('fonts/HelveticaNeue-LightItalic.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-Medium;
	src:url('fonts/HelveticaNeue-Medium.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-UltraLight;
	src:url('fonts/HelveticaNeue-UltraLight.otf') format('truetype');
}
@font-face {
	font-family:HelveticaNeue-UltraLightItalic;
	src:url('fonts/HelveticaNeue-UltraLightItalic.otf') format('truetype');
}









/*body {
    font-family: HelveticaNeue !important;
}
a, span {
    font-family: HelveticaNeue !important;
}*/



ul.sub-menu.nav-dropdown.nav-dropdown-default {
    padding: 0px;
}
p.name.product-title.woocommerce-loop-product__title {
    text-transform: capitalize;
}


/*trang chủ*/
a.top-banner img {
    width: 100%;
    object-fit: cover;
}

.box-1-section p {
    background: #ededed;
    padding: 5px 30px;
    padding-right: 0px;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}
.box-1-section span {
    background: #07559b;
    padding: 16px 21px;
    margin-left: 30px;
    color: #fff;
    padding-bottom: 10px;
}
.box-1-section fa{
    color: #a88a40;
    margin-left: 10px;
}

.tienich-khuvuc [class*=col-md-] {
    padding: 0 12px;
}
.bl-tienich .bl-large .bl-img {
    height: 400px;
}
.bl-tienich .districts {
    position: relative;
}
.bl-tienich .bl-large .bl-img img {
    width: 100%;
    height: 400px;
    filter: brightness(0.50);
    border-radius: 15px;
}
.bl-tienich .bl-small .bl-img img {
    width: 100%;
    height: 195px;
    filter: brightness(0.50);
    border-radius: 15px;
}
.bl-tienich .districts .btn-discover {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.4px;
    color: #ffffff;
    height: 38px;
    position: absolute;
    left: 16px;
    bottom: 14px;
    padding: 8px 7px;
    z-index: 2;
    margin-bottom: 6px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.bl-tienich .districts .btn-discover .ic-discover {
    position: relative;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px;
    display: inline-block;
}
.bl-tienich .districts .btn-discover .ic-discover:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(fonts/ic-discover.png) no-repeat center;
}
.bl-tienich .bl-img {
    position: relative;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
}
.bl-tienich .bl-small .bl-img {
    margin-bottom: 10px;
}
.bl-tienich .large-3 {
    padding: 5px;
}
ul.box-slider-menu {
    list-style: none;
    float: right;
}
ul.box-slider-menu li {
    float: left;
    border-radius: 15px;
    background: #00549a;
    margin-left: 9px;
}
ul.box-slider-menu li a {
    color: #fff;
    padding: 11px;
    font-size: 13px;
}
ul.box-slider-menu li:hover {
    background: #a88a40;
}
.css-titile-produc p {
    text-align: left;
    font-size: 18px;
}



form.searchandfilter input[type="submit"] {
    background: #a58639;
    margin: 0px;
    margin-top: -1px;
}
.searchandfilter ul {
    display: inline-block;
    margin: 0px;
}
form.searchandfilter {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 0px;
}

.bl-a-chat .bl-social {
    width: 45px;
    height: 45px;
    display: block;
    background-color: #008fe5;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 8px 25px rgb(90 90 90 / 38%);
    margin: 5px;
    margin-bottom: 13px;
}
.bl-a-chat .bl-social.zalo {
    padding-top: 12px;
    padding-left: 9px;
    font-size: 15px;
    color: #fff;
}

.bl-a-chat .bl-social.phone {
    background-image: url(fonts/ic-phone.png);
    background-size: 42% auto;
    position: unset;
    border: none;
}
.bl-a-chat .bl-social.messenger {
    background-image: url(fonts/ic-messenger.png);
    background-size: 55% auto;
}
.bl-chat {
    position: fixed;
    right: 0;
    bottom: auto;
    left: auto;
    bottom: 50px;
    margin: 0 17px 80px 0;
    z-index: 100;
}



/*end trang chủ*/

.box-vertical .box-text{
   vertical-align: top;
}




.footer-secondary.pull-right {
    display: none;
}
.footer-primary.pull-left {
    float: right;
    color: #fff;
}
.top-buttom-bds {
    float: left;
    font-size: 12px;
    background: url(fonts/icon-buttom.png);
    color: #fff;
    padding: 8px 21px;
    border-radius: 50px;
    margin-left: 10px;
    background-repeat: no-repeat;
}
.top-buttom-bds-mobile {
    float: left;
    font-size: 12px;
    background: url(https://diaocdaklak.com.vn/wp-content/uploads/2022/02/icon-buttom.png);
    color: #fff;
    padding: 9px 19px;
    border-radius: 50px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 87px;
    height: 31px;
}
li.html.custom.html_top_right_text {
    display: block;
}
img.banner-archive {
    width: 100%;
    object-fit: cover;
}
.footer-2-widget-1 p {
    margin-bottom: 10px !important;
}
.footer-2-widget-1 img {
    width: 350px;
}
.footer-2-widget-2 h4 {
    color: #faee9a;
    font-size: 13px;
    text-decoration-line: underline;
    margin-top: 27px;
    word-spacing: 3px;
}
.footer-2-widget-2 li a {
    color: #fff !important;
}
.row.footer-2-widget-2 li {
    margin-bottom: 3px;
}
.footer-2 {
    padding: 50px 0px;
}

.footer-2 p, .footer-2 a {
    font-size: 14px !important;
}

.quform-element-1_10 {
    background: #a88a40;
    padding-bottom: 0px;
    padding-top: 10px;
    margin: 0px;
    padding-left: 40px;
}
.quform-element-1_10 .quform-spacer {
    color: #005499;
    padding-top: 5px !important;
    margin-bottom: 10px !important;
}

.quform-element-1_11 .quform-element-submit {
    margin: 6px;
}
.quform-element-1_11 {
    background: #4180b3;
}
.quform-1 .quform-button-submit-1_2 button {
    color: #fff;
    float: right;
}

.quform-1 input::placeholder {
    font-size: 14px;
    color: #a7a7a7 !important;
}
.quform-1 .quform-spacer {
    margin: 0px ;
    padding: 0px;
}
.quform-element-1_19, .quform-element-1_28 {
    padding-left: 0px;
}
.quform-element-1_18, .quform-element-1_27 {
    padding-right: 0px;
}
.quform-element-row-1_33 {
    background: #ffffff61;
    border-radius: 0px 0px 20px 20px;
}

.footer-widgets.footer.footer-1 {
    padding: 80px 0px;
    background-size: cover;
}

p.p-location {
    line-height: 18px;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px !important;
    color: #030f1c;
    text-align: justify;
    letter-spacing: .308823px;
    padding-left: 14px;
}
.box-text .ic {
    position: relative;
}
.p-location .ic-address:before {
    background-position: -956px -3px;
}
.p-location .ic:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -15px;
    top: 1px;
}

.ic:before {
    display: inline-block;
    background-image: url(fonts/svg-icons_web.svg);
    content: '';
}
.box-text .ic:before {
    background-image: url(fonts/desktop-icons-v5.svg);
}
.bl-tilities span {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
    color: #030f1c;
    margin-right: 3px;
}
.bl-tilities .ic:before {
    width: 15px;
    height: 15px;
    position: absolute;
    left: -17px;
    top: 0;
}
.bl-tilities .ic.ic-bath:before {
    background-position: -958px -36px;
}
.bl-tilities .ic.ic-compass:before {
    background-position: -958px -144px;
}
.bl-tilities .ic.ic-bed:before {
    background-position: -958px -72px;
}
.bl-tilities .ic.ic-acreage:before {
    background-position: -958px -109px;
}
.bl-tilities {
    margin-top: 4px;
}
.box-text a {
    color: #242933;
    font-weight: 700;
    font-size: 15px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 18px;
    height: 18px;
    margin-bottom: 5px;
}
p.h3-title-price span {
    color: #a88940;
    margin-right: 16px;
    font-size: 18px;
}
p.h3-title-price {
    font-weight: 700;
    font-size: 14px !important;
    margin-bottom: 5px;
    color: #555;
    position: absolute;
    top: 7px;
}
.box-text .title-wrapper {
    margin-top: 30px;
    margin-bottom: 10px;
}
.product-footer .product-small.box {
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}
.css-nen .row {
    background: transparent !important;
}

.product-footer .product-small.box .box-text.box-text-products {
    padding: 15px;
}

.product-small .box-image .image-cover{
        padding-top: 86% !important;
}
.box.box-vertical .image-cover {
    padding-top: 57% !important;
}
.post-sidebar span.widget-title {
    color: #2f2e2e;
    text-transform: capitalize;
    font-size: 1.2em;
    font-weight: 800;
}
.post-sidebar .is-divider.small {
    max-width: 100%;
    background: #acaa7f;
    height: 2px;
}
.post-sidebar form.searchandfilter {
    padding-top: 0px;
}
.post-sidebar ul {
    width: 100%;
}
.post-sidebar input[type=text] {
    margin-bottom: 0px;
}
.post-sidebar form.searchandfilter input[type="submit"] {
    background: #2c324c;
    margin: 0px;
    margin-top: -1px;
    width: 100%;
    text-transform: capitalize;
}




.bl-status {
    height: 24px;
    display: inline-block;
    background: url(fonts/icon-ms.png);
    color: #a58639;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    position: absolute;
    top: -22px;
    left: 0px;
    padding: 2px 12px 3px;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
}
.showinfo {
    display: none !important;
}
.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    display: none;
}
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7 {
    display: none;
}
.t-detail {
    padding: 15px 10px 15px 0;
    position: relative;
    z-index: 10;
    min-height: 160px;
}
.t-detail .h3-title {
    font-size: 21px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 10px;
}

.t-detail .p-project {
    margin-bottom: 8px;
}
.t-detail .p-address {
    color: #242933;
    font-size: 16px;
    padding-left: 18px;
    margin-bottom: 8px;
}
.t-detail .ic {
    position: relative;
}
.t-detail .p-address .ic-address:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -4px;
    left: -20px;
    background-position: 24px -194px;
}

.t-detail .ic:before {
    background-image: url(fonts/desktop-icons-v5.svg);
}
.t-detail .p-price-n {
    font-size: 24px;
    color: #ef7733;
    font-weight: 700;
    margin-bottom: 13px;
}
.t-detail .p-price-n span {
    font-size: 14px;
    color: #0e5d9e;
    line-height: 16px;
    font-weight: 400;
    margin-left: 12px;
}
.p-price-n .bl-tooltip {
    display: inline-block;
}
.bl-tooltip {
    position: relative;
}
.p-price-n .p-info-i {
    font-size: 15px !important;
    color: #909295;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 0 3px;
}
.p-price-n .bl-tooltip .ic-info {
    margin-left: 2px;
    margin-top: -2px;
}
.bl-tooltip .ic-info {
    vertical-align: middle;
    display: inline-block;
}
.t-detail  .ic {
    position: relative;
}
.p-price-n .bl-tooltip .ic-info:before {
    width: 19px;
}

.bl-tooltip .ic-info:before {
    width: 20px;
    height: 20px;
    background-position: -51px -732px;
}
.p-price-n .div-tooltip {
    color: #242933;
    font-size: 15px !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px rgb(0 0 0 / 20%);
    position: absolute;
    width: 320px;
    padding: 8px 10px;
    text-align: left;
    left: calc(100% - -6px);
    top: calc(100% - 98px);
    z-index: 1;
    font-weight: 400;
    letter-spacing: -.43px;
    text-align: justify;
    line-height: 21px;
}
.div-tooltip:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(fonts/arrow-tooltip.svg) no-repeat center;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -5px;
}
.p-price-n .div-tooltip:before {
    background-image: url(fonts/ic-path.svg);
}
.div-tooltip {
    display: none;
}

.bl-tooltip:hover .div-tooltip {
    display: block;
}
.highlight p {
    font-size: 15px !important;
    color: #2c990a;
}
span.label-3 {
    color: #ff0000;
    font-size: 24px;
    font-weight: 600;
}
.menucontent.floating-menucontent {
    top: 100px;
    position: sticky;
    background: #00549a;
    z-index: 1;
    padding-top: 3px;
}
.menucontent {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 0;
}
.menucontent {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
}
.menucontent a.active, .menucontent a:hover {
    color: #cca348;
    border-bottom: 2px solid;
}
.menucontent a {
    float: left;
    padding: 10px 20px;
    position: relative;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    width: 25%;
    text-align: center;
    text-transform: uppercase;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
    display: none;
}
#tong-quan h2, .tab-detail h2, #tab-other h2, #tab-map h2 {
    color: #00549a;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: unset;
}
.entry-summary.product-summary a {
    color: #4e4e4e !important;
}
.entry-summary.product-summary, div#tab-detail, div#tab-other, #tab-map {
    border-bottom: 4px solid #edeeed;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

ul.ul-introduce {

    margin: -1px 0 8px;
    float: left;
    list-style: none;
}
 .ul-introduce li {
    border-bottom: 1px solid rgba(0,0,0,.16);
    list-style: none;
    margin-bottom: 0;
    overflow: hidden;
    padding: 8px 0;
    margin-left: 0px !important;
}

.tooltipstered .is-affixed .is-sticky-column__inner {
    position: fixed !important;
    top: 100px;
    width: 17.3%;
}
.row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) {

    background: #fff;
}

div#tab-detail .tab-content.entry-content.row {
    margin-top: -15px;
    padding: 0px 15px;
}

.ul-introduce li span.sp-info {
    color: #155aa9;
    float: right;
    max-width: 180px;
    text-align: right;
}
.ul-introduce li span {
    color: #242933;
    font-size: 16px;
    float: left;
    position: relative;
}
.product-thumbs-panetory img.large-6.col {
    height: 200px;
    object-fit: cover;
    padding: 10px;
}
figure.woocommerce-product-gallery__wrapper {
    height: 380px;
}
.product-gallery.large-6.col {
    padding: 10px;
}
.css-add{
    margin-bottom: 0px;
    padding-bottom: 0px
}
.container.project-header h1.product-title.product_title.entry-title {
    display: none;
}




.quform-3 .quform-labels-left>.quform-spacer>.quform-inner {
    padding-left: 0px;
}
.quform-3 .quform-spacer {
    padding: 3px 0px;
    margin: 0px;
}
.quform-3 .quform-element-row-3_9, .quform-3 .quform-element-row-3_20, .quform-element-row-3_61  {
    background: #f3f3f3;
    border-radius: 15px;
    padding: 20px;
    margin-top: 10px;
    padding-top: 25px;
    margin-bottom: 40px;
}
.quform-element-3_19 {
    margin-top: 40px;
}
.quform-element-3_21, .quform-element-3_22 {
    padding: 0px 5%;
}
.quform-3 .quform-field-text {
    padding: 6px;
}
.quform-3 .quform-label>label {
    color: #333;
    padding-top: 7px;
}
.quform-field-3_56, .quform-field-3_8 {
    width: 20px !important;
    height: 20px;
}
.quform-input-3_8 span {
    color: #00549a;
}
.quform-field-3_18 {
    background: url(fonts/img-upload.png);
    background-repeat: no-repeat;
    height: 97px !important;
    background-position-y: bottom;
    background-size: 18%;
}







.product-small.box .box-image .image-cover a:before {
    background: none !important;
    opacity: 1 !important;
}
p#breadcrumbs {
    font-size: 12px !important;
}
p.cat-label.is-xxsmall.op-7.uppercase {
    font-size: 13px !important;
    top: -40px;
}
.about-viva-2 .list-item-about {
    -webkit-box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%);
    background: #fff;

}
.about-viva-2 .list-item-about .card_img_icon_viva-2 {
    padding: 35px 0 0 25px;
}
.about-viva-2 .list-item-about .card_img_icon_viva-2 .img {
    width: 50px;
    height: 50px;
}
.about-viva-2 .list-item-about .card_img_icon_viva-2 .img img {
    width: 100%;
    height: 100%;
}
.about-viva-2 .list-item-about .list_item_caption {
    padding: 35px 0 0 25px;
}
.about-viva-2 .list-item-about .list_item_caption .card_title_icon {
    padding-left: 30px;
}
.about-viva-2 .list-item-about .list_item_caption .card_title_icon h3 {
    position: relative;
    color: #00549a;
    font-size: 16px;
    text-transform: uppercase;
}
.about-viva-2 .list-item-about .list_item_caption .card_title_icon h3:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    background: #00549a;
    width: 27px;
    height: 1px;
    content: "";
}
.about-viva-2 .list-item-about .list_item_caption .caption_icon {
    padding-left: 30px;
}
.about-viva-2 .list-item-about .list_item_caption .caption_icon p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    padding-right: 25px;
    height: 140px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
}
.about-viva-3 .item_value_about-viva-3 {
    padding-top: 35px;
    color: #f7fafc;
}
.about-viva-3 .item_value_about-viva-3 .card_title_about {
    padding: 20px 0px;
}
.about-viva-3 .item_value_about-viva-3 .card_title_about h2 {
    color: #005c90;
    font-size: 22px;
    text-transform: uppercase;

}
.about-viva-3 .card_img_viva-3 img {
    width: auto;
}
.about-viva-3 .caption_about-viva-3 p {
    color: #000;
}

.sub-nav-content ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}
.sub-nav-content li {
    display: inline-block;
    width: calc(33% - 10px);
    height: auto;
    vertical-align: top;
    margin: 0;
	margin-left: 0px !important;
    padding: 20px 50px 20px 0;
}
.sub-nav-content li::before {
    content: '';
    width: 70%;
    height: 1px;
    border-top: 1px solid #ed1c24;
    position: relative;
    display: block;
    margin: 0 0 10px;
}
.sub-nav-content li a {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    font-weight: 500;
}
.sub-nav-content li a::after {
    width: 25px;
    height: 25px;
    background: url(https://antingroup.net/wp-content/uploads/2021/12/go.svg) 50%/80% no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 15px;
}
.sub-nav-content {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 3vh 0;
}
.group::before, .select-box li.selected:after, .sub-nav-content li a::after {
    content: '';
}

.mention {
    font-size: calc(50vw/24);
    color: #aaa;
    line-height: 1.4;
    font-weight: 700;
}
h3.intro-text {
    font-size: calc(100vw/45);
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 20px;
    position: relative;
}
.footer-section .row1:before {
    background-color: #ffffff !important;
}
h4.uppercase span.person-name {
    color: #00305e;
    font-size: 16px;
}
.css-td .box-image .image-cover {
    padding-top: 100% !important;
}
.css-td span {
    text-transform: capitalize;
    font-size: 13px;
    color: #000;
}
.shop-page-title.category-page-title.page-title {
    display: none;
}
.menu-category-v {
    padding: 30px 0 0;
    background: #ffffff;
}
.menu-category-v li {
    list-style: none;
    position: relative;
    margin: 0;
    background: #00549a;
    border-radius: 10px;
    margin: 0px 6px;
}
.menu-category-v a {
    color: #fff;
    font-size: 15px;
    padding: 3px 16px;
    display: inline-block;
}
.menu-category-v ul {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.filters-css {
    padding: 10px 0px 0px;
}
.filters-css ul {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.filters-css a {
    font-size: 15px;
    padding: 0 15px;
    display: inline-block;
    color: #00acec;
    
}
.filters-css li {
    list-style: none;
    position: relative;
    margin: 0;
}
.quform-2 button.quform-submit {
    padding: 0px;
    color: #fff;
    border: none;
}
.quform-2 {
    background: #edeeed;
}
.quform-2 .quform-spacer {
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}
.quform-2 .quform-element-submit.quform-button-width-full>.quform-button-submit-default {
    width: 96%;
    float: right;
    margin: 0px;
}
.quform-element-2_25 {
    border-bottom: 1px solid #ccc;
    margin: 0px 24px;
    padding-top: 10px;
}
.quform-2  .quform-labels-left>.quform-spacer>.quform-inner {
    padding-left: 0px;
}
.quform-element-2_26 .quform-spacer {
    border-right: 1px solid #ccc;
    padding: 0px;
    margin-top: 10px;
}
.quform-element-2_26 .quform-spacer p {
    width: 50%;
    float: left;
}
.white-popup {
    position: relative;
    background: #fff;
    padding: 25px;
    width: fit-content;
    margin: 0 auto;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
    border-color: #FF6000;
    opacity: .99;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgb(246, 202, 98);
    background-color: #FF6000 9;
    opacity: .75 !important;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #eaa926;
}




.quick-alo-phone {
    position: fixed;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: -30px;
    bottom: 20px;
}

.phone {
  background: #eee;
  width: 150px;
  height: 30px;
  position: relative;
  overflow: hidden;
  background-size: 40px;
  border-radius: 50px;
  border: solid 1px #ccc;
  left: 85px;
  top: 43%;
}
.number-phone {
    font-size: 16px;
    color: red;
    line-height: 10px;
    font-weight: bold;
    padding-left: 40px;
    margin: 10px;
}

.quick-alo-ph-circle {
  width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
  position:absolute;
  background-color:transparent;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid rgba(30,30,30,0.4);
  border:2px solid #bfebfc 9;
  opacity:.1;
  -webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
  -moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
  -ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
  -o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
  animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%;
}

.quick-alo-phone.quick-alo-active .quick-alo-ph-circle {
  -webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
  -moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
  -ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
  -o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
  animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-static .quick-alo-ph-circle {
  -webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
  -moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
  -ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
  -o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
  animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone:hover .quick-alo-ph-circle {
  border-color:#eaa926;
  opacity:.5;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
  border-color:#00549a;
  border-color:#00549a 9;
  opacity:.5;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
  border-color:#eaa926;
  border-color:#bfebfc 9;
  opacity:.5;
}

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle {
  border-color:#ccc;
  opacity:.5;
}

.quick-alo-phone .quick-alo-ph-circle {
  border-color:#00549a;
  opacity:.5;
}

.quick-alo-ph-circle-fill {
      width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
  position:absolute;
  background-color:#000;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid transparent;
  opacity:.1;
  -webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%;
}

.quick-alo-phone .quick-alo-ph-circle-fill {
  -webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  -moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  -ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  -o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill {
  -webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  -moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  -ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  -o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  opacity:0 !important;
}

.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone:hover .quick-alo-ph-circle-fill {
  background-color:rgba(0,175,242,0.5);
  background-color:#eaa926 9;
  opacity:.75 !important;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {
  background-color:rgba(117,235,80,0.5);
  background-color:#baf5a7 9;
  opacity:.75 !important;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
  background-color:rgba(0,175,242,0.5);
  background-color:#a6e3fa 9;
  opacity:.75 !important;
}

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill {
  background-color:rgba(204,204,204,0.5);
  background-color:#000 9;
  opacity:.75 !important;
}

.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill {
  background-color:rgba(117,235,80,0.5);
  opacity:.75 !important;
}

.quick-alo-ph-img-circle {
      width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
  position:absolute;
  background:rgba(30,30,30,0.1) url("https://diaocdaklak.com.vn/wp-content/uploads/2020/09/icon-phone-w.png") no-repeat center center;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid transparent;
  opacity:.7;
  -webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%;
      background-size: 30px !important;
}

.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {
  -webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
  -moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
  -ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
  -o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
  animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {
  -webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
  -moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
  -ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
  -o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
  animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone:hover .quick-alo-ph-img-circle {
  background-color:#eaa926;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
  background-color:#00549a;
  background-color:#00549a 9;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
  background-color:#eaa926;
  background-color:#eaa926 9;
}

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {
  background-color:#ccc;
}

.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {
  background-color:#00549a;
}

@-moz-keyframes quick-alo-circle-anim {
  0% {
    -moz-transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1;
    -moz-opacity:.1;
    -webkit-opacity:.1;
    -o-opacity:.1;
  }
  30% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5;
    -moz-opacity:.5;
    -webkit-opacity:.5;
    -o-opacity:.5;
  }
  100% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
    opacity:.6;
    -moz-opacity:.6;
    -webkit-opacity:.6;
    -o-opacity:.1;
  }
}

@-webkit-keyframes quick-alo-circle-anim {
  0% {
    -webkit-transform:rotate(0) scale(.5) skew(1deg);
    -webkit-opacity:.1;
  }
  30% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    -webkit-opacity:.5;
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    -webkit-opacity:.1;
  }
}

@-o-keyframes quick-alo-circle-anim {
  0% {
    -o-transform:rotate(0) kscale(.5) skew(1deg);
    -o-opacity:.1;
  }
  30% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    -o-opacity:.5;
  }
  100% {
    -o-transform:rotate(0) scale(1) skew(1deg);
    -o-opacity:.1;
  }
}

@-moz-keyframes quick-alo-circle-fill-anim {
  0% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -moz-transform:rotate(0) -moz-scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
  0% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-o-keyframes quick-alo-circle-fill-anim {
  0% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -o-transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-moz-keyframes quick-alo-circle-img-anim {
  10% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -moz-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -moz-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -moz-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -moz-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes quick-alo-circle-img-anim {
  0% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
}

@-o-keyframes quick-alo-circle-img-anim {
  0% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -o-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -o-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -o-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -o-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
}
.call-hotline {
    top: 140px;
    position: absolute;
    width: 130px;
    text-align: center;
    z-index: 100;
    height: 30px;
    background-color: #00549a;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    font-size: 18px;
    border-radius: 3px;
    left: 35px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.call-hotline:before {
    position: absolute;
    content: '';
    top: -20px;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-bottom: 10px solid #00549a;
}


.face-share-button {
    width: 50%;
    height: 40px;
    float: right;
    overflow: hidden;
    display: inline-block;
    background: rgb(3, 165, 250);
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
}
.face-share-button a {
    color: #ffff;
}
.zalo-share-button {
    width: 48% !important;
    height: 40px !important;
}
.zalo-share-button span {
    text-align: right;
    position: absolute;
	margin-left: 44px;
}
.img-inner.image-cover.dark {
    border-radius: unset !important;
}


.showinfo{text-align:justify;
position:absolute;
width:100%;
height:100%;
display:flex;
padding:5px 15px;
font-size:13px;
color:#fff;
z-index:6;
opacity:1;
transform:scaleY(0);
transform-origin:50% 100%;
transition-property:transform;
transition-duration:.3s;
transition-timing-function:ease-out;
background:#21417ab3}
.showinfo ul li{margin-bottom:0}
.product-small:hover .showinfo{transform:scaleY(1);
top:0}
.product-small:hover .showinfo a{color:#fff}
#video-du-an,#anh-360,#hinh-anh-du-an {
	background: white;
    border-radius: 16px;
    box-shadow: 0 3px 6px 0 #2e36521a;
    padding: 15px;
    margin-bottom: 20px;
}
/*.sphere_wrap {
  cursor: move;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
}*/
.sphere_wrap {
	position: relative;
}
#sphere canvas {
	width: 100% !important;
	height: auto !important;
}
.controls {
  width: 290px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.controls ul {
	list-style: none;
}
.controls li {
  cursor: pointer;
  width: 40px;
  height: 40px;
  opacity: 0;
  position: relative;
  float: left;
  margin: 0 10px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.35);
  -webkit-transition: box-shadow 0.5s ease, opacity 0.25s ease;
  transition: box-shadow 0.5s ease, opacity 0.25s ease;
}

.sphere_wrap:hover .controls li {
  opacity: 1;
}

.controls li:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.controls li.controls__zoom-in:before {
  content: "";
  width: 2px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 19px;
  background-color: #7acbe4;
}

.controls li.controls__zoom-in:after {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  top: 19px;
  left: 10px;
  background-color: #7acbe4;
}

.controls li.controls__zoom-out:after {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  top: 19px;
  left: 10px;
  background-color: #7acbe4;
}

.controls li.controls__switch-prev {
  margin-right: 35px;
}

.controls li.controls__switch-next {
  margin-left: 35px;
}

.controls li[class*="switch"]:after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.controls li.controls__switch-prev:after {
  right: 10px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-color: #7acbe4;
}

.controls li.controls__switch-next:after {
  left: 10px;
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  border-color: #7acbe4;
}


.css-mb .nav>li a {
    font-size: 18px;
    color: #fff !important;
}


























@media screen and (max-width: 768px){
ul.box-slider-menu {
    list-style: none;
    float: none;
    white-space: nowrap;
    overflow-x: scroll;
    display: -webkit-inline-box;
    width: 100%;
}
.css-titile-produc p {
    text-align: left;
    font-size: 13px;
}
.section3 {
    padding: 5px;
}
.bl-tienich {
    padding: 15px;
}
.quform-1 {
    padding: 0px 10px;
}

}

@media screen and (max-width: 480px){
.box-1-section p {
    padding: 10px;
    padding-bottom: 60px;
}

.box-1-section a{
    float: left;
    margin: auto;
    width: 100%;
    padding-top: 10px;
}
.box-1-section span {
    margin-left: 0px;
}
.css-titile-produc p {
    text-align: left;
    font-size: 16px;
}
.bl-tienich .bl-large .bl-img img, .bl-tienich .bl-small .bl-img img {
    height: 300px;
}
.bl-tienich .bl-large .bl-img {
    height: 300px;
}
.quform-input-1_20, .quform-input-1_22, .quform-input-1_29 {
    margin-left: 10px;
    padding-right: 10px;
}
.quform-input-1_6, .quform-input-1_21, .quform-input-1_25{
    padding-right: 10px;
} 
.menu-category-v ul {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    white-space: nowrap;
    overflow-x: scroll;
    margin: 0;
    padding: 0;
    align-items: left;
    justify-content: left;
}

.product-small.box .box-image img {
    height: 180px !important;
}
.large-6.col.css-add {
    display: none;
}
.menucontent a {
    padding: 10px;
}

.quform-element-3_21, .quform-element-3_22 {
    padding: 0px;
}



}

















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


}