@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play:400,700');
/** -------------------------------------------
 * media
 * -------------------------------------------*/
@media only screen and (min-width: 1367px){.container {width: 1360px;}}
@media (min-width: 1200px){
    .container{width:1370px; max-width: 1370px;}    
    .container-content{width:1140px; max-width: 1140px;}  
    .dropdown-menu{font-size: 0.9rem;}
    .modal-dialog.modal-nadi{width:630px; max-width: 630px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .stnCatelog .col-md-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .stnCatelog .col-md-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%; max-width: 66.666667%;}
    .stnCatelog .col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
@media only screen and (min-width: 600px) and (max-width: 991px){
    .stnCatelog .col-sm-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .stnCatelog .col-sm-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
/** RESET CARD CSS */
    body{background-color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 1.4; color: #555;}
/* Typography */
    h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif; -webkit-font-smoothing:antialiased; color: #282828; text-transform: uppercase;}
    h1{font-size: 30px; font-weight: 700; line-height: 1.5; margin: 0 0 10px;}
    h2{font-size: 24px; margin: 0 0 10px; font-weight: 700; line-height: 1.2;}
    h3,h4{margin: 0 0 10px; font-weight: 600; line-height: 1.4; color: #303133;}
    h3{font-size: 17px;}
    h4{font-size: 15px;}
    h5,h6{font-size: 14px; margin: 0 0 10px;}
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #FF6935 !important;}

/* -------------------------------------------- *
 * Base style
 * -------------------------------------------- */
    a, a:hover{text-decoration: none; font-family: 'Roboto Condensed', sans-serif; transition: all 0.4s ease-in-out 0s; outline: none!important;}
    a:focus{outline: none!important; text-decoration: none;}
    a, .button {-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
    img{border: none; outline:none;}
    ul{display: block; list-style: none; padding: 0; margin: 0;}  
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc !important;}
    input:-moz-placeholder, textarea:-moz-placeholder{color: #ccc !important;} /* Firefox 18- */
    input::-moz-placeholder, textarea::-moz-placeholder{color: #ccc !important;} /* Firefox 19+ */
    input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #ccc !important;}
    textarea:focus, 
    textarea.form-control:focus, select.form-control:focus,
    input.form-control:focus, 
    input[type=text]:focus, 
    input[type=password]:focus, 
    input[type=email]:focus, 
    input[type=number]:focus, 
    [type=text].form-control:focus, 
    [type=password].form-control:focus, 
    [type=email].form-control:focus, 
    [type=tel].form-control:focus, 
    [contenteditable].form-control:focus {box-shadow: none !important; outline: none !important; border: 1px solid #0e73e4 !important;}
    .border-stn{border-top: 2px solid rgba(240,168,44,1);}
    button{border: none; background: none;}       
    p{font-family: 'Roboto Condensed', sans-serif; font-size: 16px;}
    .overlay-layer{overflow: visible!important;}
/** SET COLORBACKGROUND **/
    .bg-content{background-color: #F5F7FC !important;}
/**
 * SET GENERAL 
 */
    .is-sticky {position: fixed !important; top: 0;left: 0; right: 0; margin: auto; z-index: 999; background-color: #FFF7E0; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);  box-shadow: 0 8px 6px -6px rgba(0,0,0,.4); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all .5s; transition: all .5s; width: 100% !important; max-width: 100%;}
    .nadi-box-shawdown{-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}
    .padding-zero{padding: 0px!important;} .margin-zero{margin: 0px!important;}
    .ispc {display: block;}.isbanner-pc{display: block;}
    .ismb {display: none; }.isbanner-mb{display: none;}
@media (max-width: 991px) {
    .ispc {display: none; } 
    .ismb {display: block;}
}
@media (max-width: 767px) {
    .isbanner-pc {display: none; } 
    .isbanner-mb {display: block;}
}
/** HEADER **/
    .hdrHead{position: relative; display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .hdrHead .headTop{position: relative; max-height: 75px!important; border-bottom: 1px solid #831F00;}
    .DHead-logo{margin: 0px;}
    .DHead-logo img{width: 160px!important;}
    
    .DHead-slogan{position: relative; display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important; -ms-flex-pack: center!important; justify-content: center!important;}
    .DHead-slogan span{display: flex;  font-family: 'Play', Arial, sans-serif; font-weight: 700; font-size: 2rem; text-transform: uppercase; text-shadow: 0 0 10px rgba(131,31,0,0.5); color: #550C02;}
    .DHead-social{position: relative;margin: 0; padding: 0;}
    .DHead-social .social-items{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important; -ms-flex-pack: end!important; justify-content: flex-end!important;}
    .social-items li{display: inline-block; margin-left: 10px;}
    .social-items li img{display: block; border-radius: 5px; max-width: 35px!important;}
/** MOBILE **/
    .stnMNav{position: relative; background: #FFF7E0;border-bottom: 1px solid #E49F15;}
    .mrow{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;-ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 5px; padding-top: 5px;}
    .mrow .mlcol{width: 45px; flex: 0 0 45px;}
    .mrow .mrcol{width: calc(100% - 45px);}    
    .nav-mmenu{position: relative; display: block;}
    .btn-mmenu{border-radius: 5px; background-color: transparent;cursor: pointer; width: 45px; height: 40px; padding: 6px 10px 10px 10px;}
    .btn-mmenu span {position: relative;display: block;height: 3px;width: 100%;margin-top: 4px;background-color: #550C02;transition: all .25s;}
    .mm-wrapper_opening .btn-mmenu span:first-child {transform: rotate(45deg) translate(4.5px, 4.5px);}
    .mm-wrapper_opening .btn-mmenu span:nth-child(2) {width: 0%; opacity: 0;}
    .mm-wrapper_opening .btn-mmenu span:last-child {transform: rotate(-45deg) translate(5px, -5px);}
    
    .brand-logo{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;-ms-flex-line-pack: center !important; align-content: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
    .brand-logo img{max-height: 40px;}
/** ====================================================== *
 * HEADER: SEARCH FORM
 * ========================================================*/
    .DHead-search-form{margin-top: 0px; width: 100%;}
    .DHead-search-form .frmSearching{position: relative; display: block; border: 1px solid #90615a; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; width: 100%; background-color: #fff;}
    .DHead-search-form .frmSearching .txtinput{width: 98%; height: 40px; padding: 5px 20px; border-radius: 25px; border: none; outline: none; margin: 1px; padding-right: 50px;}
    .DHead-search-form .frmSearching .txtinput.returnpadding{padding-right: 20px!important;}
    .DHead-search-form .frmSearching .btnsearch{position: absolute; width: 39px; top: 0; right: 50px; bottom: -1px; background: transparent; border: none; outline: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 4px;}
    .DHead-search-form .frmSearching .btnsearch.nothome{right: 10px;}
    .DHead-search-form .frmSearching .btnsearch i{color: #90615a; font-size: 1.2rem;}
    .box-form-advan{position: absolute;top: 1px; right: 5px; width: 40px;height: 40px;display: block;}
    .box-form-advan .btn-search-advan{mask: url(../icon/icon-search-advance.svg) no-repeat center;-webkit-mask: url(../icon/icon-search-advance.svg) no-repeat center;background-color: #6e7191;display: block;cursor: pointer;border: none;border-radius: 0;padding: 10px;margin: 0;width: 40px;height: 40px;}
@media (max-width: 991px){
    .DHead-search-form .frmSearching,
    .DHead-search-form .frmSearching .txtinput{border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px;}
} 
/** -------------------------------------------
 * SECTION : SLIDER
 * -------------------------------------------*/    
    .nadiSTNBanner{}.nadiSTNBanner .carousel-inner .carousel-item {height: 500px;}
    .nadiSTNBanner .carousel-inner{height: 500px; overflow: hidden;}
    .nadiSTNBanner .carousel-inner img{display: block; width: 100%; height: 100%; object-fit: cover;}
    
@media (max-width: 1024px){
    .nadiSTNBanner .carousel-inner, .nadiSTNBanner .carousel-inner .carousel-item{height: 350px;}
}
@media (max-width: 668px){
    .nadiSTNBanner .carousel-inner{height: calc(100vw*240/360)!important;}
    .nadiSTNBanner .carousel-inner .carousel-item{height: calc(100vw*240/360)!important;}
}     
    .carousel-control-prev-icon {background-image: url(../icon/arrow-left-white.png);}
    .carousel-control-next-icon {background-image: url(../icon/arrow-right-white.png);}
    .carousel-control-next-icon, .carousel-control-prev-icon{width: 50px; height: 60px;}
    .carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon{background-color: rgba(131, 31, 0, 0.5);}
    .carousel-control-next, .carousel-control-prev{width: 80px;}
/** NAV **/
    .stnNav{position: relative;}
    .stnNav .navbar{padding: 0px; background: #550C02; background: linear-gradient(90deg,rgb(131, 31, 0) 0,rgb(109, 56, 21) 50%,rgb(146, 59, 32) 100%);}
    .stnNav .navbar-nav .nav-link{text-transform: uppercase;}
    
    .navbar-nav .dropdown-menu{margin: 0px; padding: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
    .navbar-nav .dropdown-menu li{border-bottom: 1px solid #fff;}
    .navbar-nav .dropdown-menu li:last-child{border-bottom: 0px;}
    .navbar-nav .dropdown-menu .dropdown-item{padding: .45rem 0.75rem; background: #550C02; background: linear-gradient(270deg,rgba(131, 31, 0,1) 0,rgba(87, 14, 4,1) 70%,rgba(146, 59, 32,1) 100%); color: #fff!important; min-width: 12rem;}
    .navbar-nav .dropdown-menu .dropdown-item:hover{background: linear-gradient(90deg,rgb(131, 31, 0) 0,rgb(87, 14, 4) 70%,rgb(146, 59, 32) 100%); color: #EFD22C!important;}
    .navbar-brand{padding-left: 10px;}
    .navbar-brand img{max-width: 60px;}
    
@media only screen and  (min-width: 992px){   
    .navbar-expand-lg .navbar-nav{flex-grow:1;position: relative;}
    .stnNav .navbar-nav .nav-item{flex-grow:0;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 2.75rem;  padding-left: .75rem; padding-top: .75rem; padding-bottom: .75rem; color: #FFF; font-weight: 600; }
    .stnNav .navbar-nav .nav-item.active .nav-link, .stnNav .navbar-nav .nav-link:hover, .stnNav .navbar-nav .nav-link:focus, .stnNav .navbar-nav .dropdown.show .nav-link{color: #EFD22C;}
}

/** NEWS SECTION **/
    .nadiSTNNews{position: relative;}
    .nadiSTNLHead > h3{text-transform: none; font-size: 1.5rem; color: #252525; margin: 0; line-height: 1;}
    .box-inner{position: relative;}
    .box-inner .inner-line{display: inline-block; position: relative; width: 150px; height: 2px; background-color: #FF6935;}
    .box-inner .inner-line .inner-squares{position:absolute; content: ''; height: 16px; width: 10px; background-color: #9D7A63; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .box-inner .inner-line:before, .box-inner .inner-line:after{position: absolute; content: ''; height: 10px; width: 10px; background-color: #FF6935;}
    .box-inner .inner-line:before{left: 40%; top: 50%; transform: translate(-40%,-50%);}
    .box-inner .inner-line:after{left: 60%; top: 50%; transform: translate(-60%,-50%);}
    .nadiSTNRReadmore{position: relative; padding-top: 1rem;}
    .nadiSTNRReadmore .btnReadmore{display: block; padding: 10px 20px 12px; background-image: linear-gradient(to right, #6D3815, #FF6935, #FF6935, #6D3815, #6D3815); text-align: center; color: #fff; font-weight: 700; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;overflow: hidden; background-size: 300% 100%; box-shadow: 0 10px 50px rgba(46,202,127,.4);}
    .nadiSTNRReadmore .btnReadmore:hover{background-position: right center;}
@media (max-width: 991px) {  
    .nadiSTNLHead > h3, .box-inner{text-align: center;}
}
    .rowNews{position: relative;}
    .rowNews .btn{position: absolute; display: block; transition: 0.3s; padding-left: 0.275rem; padding-right: 0.275rem; border-radius: 0px;}
    .rowNews .btn{opacity: 0;-webkit-transition: all .3s ease-in-out .1s;-moz-transition: all .3s ease-in-out .1s;-o-transition: all .3s ease-in-out .1s;transition: all .3s ease-in-out .1s;}
    .rowNews .btn > img{width: 25px; height: auto;}
    .rowNews .btn.pro-prev{left: 0px; top: 40%; transform: translateY(-40%);}
    .rowNews .btn.pro-next{right: 0px; top: 40%; transform: translateY(-40%);}
    .rowNews:hover .btn{background-color: rgba(58,68,153,0.6); opacity: 1;}
    .rowNews:hover .btn.pro-prev{left: 20px;}
    .rowNews:hover .btn.pro-next{right: 20px;}
    
    .itemNews{position: relative; margin-bottom: 2rem; padding: 5px; transition: all 0.4s ease 0s;}
    .itemNews .item-news-img{position: relative; margin-bottom: 1rem; overflow: hidden; height: 278px;}
    .itemNews .item-news-img img{border-radius: 5px; transition: all 500ms ease; object-fit: cover;object-position: center; height: 100%;width: 100%;}
    .itemNews .item-news-img:before{position: absolute;content: '';width: 0%;height: 100%;top: 0px; right: 0px; opacity: 0.9;z-index: 1; transition: all 500ms ease; }
    .itemNews .item-news-img:before{background: -webkit-linear-gradient(-45deg, rgba(109,56,21,.6), rgba(255,105,52,.6) 100%);}
    .itemNews .item-news-img .nadi-news-link{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 40px;line-height: 40px; color: #fff; z-index: 1; opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .6s; transition-duration: .6s;}
    .itemNews .item-news-img .nadi-news-link [class^="flaticon-"]:before, .itemNews .item-news-img .nadi-news-link [class*=" flaticon-"]:before,
    .itemNews .item-news-img .nadi-news-link [class^="flaticon-"]:after, .itemNews .item-news-img .nadi-news-link [class*=" flaticon-"]:after{font-size: 2.5rem;}
    .itemNews:hover{cursor: pointer; box-shadow: 0 10px 40px 5px #ededf1;}
    .itemNews:hover .item-news-img:before{width: 100%; left: 0px; border-radius: 5px;}
    .itemNews:hover .item-news-img .nadi-news-link{opacity: 1;}
    .itemNews .item-news-info{position: relative; padding-bottom: 1rem;}
    .itemNews .item-news-info .box-news-cat{margin-bottom: 10px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .itemNews .item-news-img{
        height: calc(((100vw - 60px) / 3) * 210 / 330) !important;
        max-height: 210px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 991px){
    .itemNews .item-news-img{
        height: calc(((100vw - 60px) / 3) * 278 / 330) !important;
        max-height: 278px;
    }
}
@media (max-width: 668px){
    .itemNews .item-news-img{max-height: 210px;}
} 
    .item-news-info .box-news-cat span:first-child{display: inline-block; margin-right: 10px; color: #37499C;}
    .item-news-info .box-news-cat [class^="flaticon-"]:before, .item-news-info .box-news-cat [class*=" flaticon-"]:before,
    .item-news-info .box-news-cat [class^="flaticon-"]:after, .item-news-info .box-news-cat [class*=" flaticon-"]:after{font-size: 1.5rem;}
    .item-news-info .box-news-cat span.cat-link > a{font-size: 1.2rem; color: #666;}
    .itemNews:hover span.cat-link > a{color: #37499C;}
    .item-news-info .box-news-title{position: relative;display: block; margin-bottom:15px; min-height: 55px; padding-left: 65px;}
    .item-news-info .box-news-title .box-news-date{position: absolute; left: 0px; top: 0px; width: 55px; height: 55px; text-align: center; border-radius: 5px; padding: 8px 0px;}
    .item-news-info .box-news-title .box-news-date{background: -webkit-linear-gradient(-45deg, #6D3815, #FF6935 100%);}
    .item-news-info .box-news-title .box-news-date p {display: block; font-size: 14px; font-weight: 500; color: #fff; line-height: 20px; margin-bottom: 0px;}
    .item-news-info .box-news-title .box-news-date span {position: relative; display: block; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #fff;}
    .item-news-info .box-news-title h4{text-transform: none; margin-bottom: 0px;display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; min-height: 50px!important;}
    .item-news-info .box-news-title h4 a{line-height: 24px; color: #333; font-size: 16.5px;transition: all 500ms ease;font-weight: 700;}
    .item-news-info .box-news-link{position: relative;}
    .item-news-info .box-news-link a {position: relative; display: inline-block; font-size: 16px; color: #040535; font-weight: 700;}
    .item-news-info .box-news-link a span {font-size: 14px;  margin-right: 10px;}
    .item-news-info .box-news-link a span {position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 500ms ease;}
    .itemNews:hover .item-news-info .box-news-link a span {opacity: 1;}
    .itemNews:hover .item-news-info .box-news-link a{padding-left: 22px; color: #dc316e;}
    .item-news-info .box-news-text p{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; min-height: 42px!important;}
/** CATALOG **/
    .stnCatelog{position: relative;}
    .stnCatelog .rowHeader{margin-bottom: 0rem;}
    .nadi-heading{ margin-bottom: 1rem;}
    .nadi-heading .heading-text{font-size: 1rem; text-transform: none; margin: 0px; line-height: 1;}
    .nadi-heading .heading-divider{display: inline-block; width: 120px; height: 2px; background-color: #ff6935;}
    .inner-heading.heading-align-left-center{text-align: right;}
    .nadi-heading .link-cat{display: inline-block; padding: 6px 20px 8px; border: 1px solid #844F48; background-color: #AC6955; color: #fff; transition: all 500ms ease;}
@media (max-width: 767px) { 
    .nadi-heading{ text-align: center;}
    .inner-heading.heading-align-left-center{text-align: center;}
}
    .nadi-card{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column; border: 1px solid #eee; border-radius: 5px; margin-bottom: 30px; cursor: pointer;transition: all .2s;}
    .nadi-card:hover{box-shadow:0 11px 30px 0 rgba(51,51,51,.15)!important}
    .card-head{position: relative; overflow: hidden;}
    .card-head .link-property{display: block; height: 185px;}
    .card-head .link-property img{display: block; height: 100%; width: 100%; object-fit: cover; border-radius: 5px 5px 0 0;}
@media (max-width: 991px) { 
    .card-head .link-property{display: block; height: 210px;}
}
    .card-head:before{position: static; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: transparent; transition: all .3s; transform: scale(0,0); border-radius: 5px 5px 0 0;}
    .nadi-card:hover .card-head:before{background: rgba(0,0,0,.3); transform: scale(1,1);}
    .link-catalog{position: absolute; z-index: 10; left: 5px; bottom: 5px;}
    .link-catalog a{display: inline-block; padding: 5px 8px; background-color: #ff6935; color: #fff; border-radius: 3px;}
    .card-body{padding: 0.6rem;}
    .card-body .card-item-price{display: -ms-flexbox!important;display: flex!important;-ms-flex-pack: start!important;justify-content: start!important;-ms-flex-align: center!important; align-items: center!important;}
    .card-body .card-item-price{padding-bottom: 0.6rem;}
    .card-body .card-item-price span{position: relative; font-weight: 600; font-size: 0.95rem;}
    .card-body .card-item-price span.icon-acreage{padding-left: 20px;}
    .card-body .card-item-price span.icon-acreage:before{content: '';position: absolute;top: 3px;width: 15px;height: 15px;left: 0; border: none;}
    .card-body .card-item-price span.icon-acreage:before{background: url(../icon/dientich.svg) no-repeat center; background-size: contain;}
    
    .card-body .card-item-price .card-item-right{margin-left: 15px;}
    
    .card-body .card-item-left span{padding-left: 20px; color: #ff6935;}
    .card-body .card-item-left span:before{content: '';position: absolute;top: 2px;width: 15px;height: 15px;left: 0; border: none;}
    .card-body .card-item-left span:before{background: url(../icon/gia.svg) no-repeat center; background-size: contain;}
    .card-body .card-item-title{padding-bottom: .6rem;}
    .card-body .card-item-title a{color: #252525; font-size: 14px; font-weight: 700;display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; min-height: 40px!important;letter-spacing: 0.2px;}
    .nadi-card:hover .card-body .card-item-title a{color: #ff6935;}
    .card-body .card-item-location{font-size: 14px; color: #9b9b9b; min-height: 42px; display: flex; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
    .card-footer{padding: .8rem .6rem; border-top-color: #ccc; background: transparent;}
    .card-footer .meta-date{color: #9b9b9b;}
    .card-footer .meta-date span.fa{color: #9b9b9b; margin-right: 10px;}
/** PROJECT **/
    .stnProject{position: relative; background: #F5F7FC;}
    .stnProject .nav-control{text-align: right;}
    .stnProject .nav-control .btn.prev,
    .stnProject .nav-control .btn.next{background-color: #ff6935; color: #fff; border-radius: 0px; padding: 3px 10px;}
    .stnProject .nav-control .btn.prev i,
    .stnProject .nav-control .btn.next i{font-weight: 900;}
    
    .item-project{background-color: #fff!important;}
    .item-project .card-body .card-item-location{padding-bottom: .6rem;}
    .item-project .card-body .card-item-price.project-price{padding-top: .6rem; border-top: 1px solid #ccc;}
    
/** WRAPPER FOOTER **/
    .wrapFooter{position: relative;margin: 0;padding: 0;}
    .stnFooter{position: relative; padding: 2rem 0; background-color: #252525;}
    
    .single-widget{margin-bottom: 30px;}
    .single-widget .brand-footer {font-size: 22px;color: #ffffff;font-weight: 600;margin-bottom: 20px;display: inline-block;line-height: 1; width: 100px;}
    .single-widget p {color: #fff;margin-bottom: 5px;line-height: 30px;}
    .single-widget h3 {position: relative; font-size: 14px;color: #ffffff;text-transform: uppercase;margin-bottom: 30px;padding-bottom: 10px;}
    .single-widget h3:before{position: absolute; content: ''; height: 1px; bottom: 0; left: 0; width: 100px; background-color: #ffc20e;}
    .single-widget ul li {color: #fff;font-weight: 500;line-height: 1;margin-top: 15px;}
    .single-widget ul li a {color: #fff;font-size: 15px;display: inline-block;}
    .single-widget ul li a:hover{color: #EBD907;}
    .single-widget ul li.address {position: relative;padding-left: 30px;line-height: 1.5; margin-top: 5px; padding-top: 5px;}
    .single-widget ul li.address i {font-size: 20px;position: absolute;top: 5px;left: 3px;}
    .single-widget ul li.addcom {position: relative; padding-left: 30px;line-height: 1.5;}
    .single-widget ul li.addcom i{font-size: 28px;position: absolute;top: -15px;left: 0;}
    .single-widget ul li.addcom h4{color: #fff; margin: 0px;}
    
    .stnCopyright{position: relative; overflow: hidden; background-color: #6D3815; border-top: 1px solid #ffc20e;}
    .stnCopyright .container{padding: 10px 0;}
    .stnCopyright p {color: #fff;font-size: 14px; margin: 0px;}
    .stnCopyright p a{color: #eabb38;}
    .stnCopyright .single-conditions, .stnCopyright .singe-copyright{padding: 5px 0;}
    .stnCopyright .single-conditions{text-align: right;}
    .single-conditions ul li{display: inline-block;margin-left: 20px;position: relative;}
    .single-conditions ul li:not(:last-child):before {content: "";position: absolute;top: 3px; right: -12px; width: 1px;height: 12px;background-color: #fff;}
    .single-conditions ul li a{color: #fff;}.single-conditions ul li a:hover{color: #eabb38;}
@media (max-width: 991px) {
    .wrapFooter{padding-top: 2rem;}
    .stnCopyright .single-conditions, .stnCopyright .singe-copyright{text-align: center;}
}
/** ====================================================== *
 * GENERAL: BREADCRUMB
 * ========================================================*/
    .stnBreadCrumb{position: relative; background-color: #fff; border-bottom: 1px solid #ebebeb;}
    .stnBreadCrumb .breadcrumb{border-radius: 0px;  margin: 0px; background: transparent; padding: 8px 5px;}
    .stnBreadCrumb .breadcrumb li {padding: 5px 0; font-size: 13px; font-weight: bold;}
    .stnBreadCrumb .breadcrumb li a {color: #252525;}
    .stnBreadCrumb .breadcrumb > li.home a{color: #252525;}
    .stnBreadCrumb .breadcrumb > li.active {color: #ff6935;}
    .stnBreadCrumb .breadcrumb-item+.breadcrumb-item::before{padding-left: .5rem; color: #724F0A;}
    
    .pagination .page-item {margin-right: 15px;}
    .pagination .page-item .page-link {display: block;width: 45px;height: 45px;line-height: 28px;text-align: center;color: #724F0A; border-radius: 100%;font-size: 1.2rem;box-shadow: 0 0px 30px 5px #e4e4ee;transition: all 500ms ease;border: 0px;}
    .pagination .page-item.active .page-link{background-image: linear-gradient(180deg, rgba(110,56,21,1) 19%, rgba(228,159,21,1) 100%); transition:  all 600ms ease; color: #fff;}
    .pagination .page-item .page-link:hover{background-image: linear-gradient(250deg, rgba(228,159,21,1) 19%, rgba(110,56,21,1) 100%); color: #fff; border-color: #E32129 ;}
/** SIDEBAR RIGHT AND LEFT **/
    .sidebar-right{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 30px;}
    .sidebar-right .sidebar-right-header{position: relative; margin-bottom: 15px;}
    .sidebar-right-header .sidebar-right-header-title{margin: 0px; position: relative; border-bottom: 1px solid #FF6935;}    
    .sidebar-right-header .sidebar-right-header-title span.title{position: relative; display: inline-block; padding: 8px 15px 7px 5px; color: #6D3815;}
    .sidebar-right-header .sidebar-right-header-title span.title i{margin-right: 5px; color: #FF6935;}
    .sidebar-right-header .sidebar-right-header-title span:after {border-color: #FF6935 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);position: absolute; content: " "; width: auto; height: auto; bottom: -20px; margin-left: -10px; left: 50%; border-width: 10px;border-style: solid;}
    .row-featured-sidebar{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .row-featured-sidebar{padding-top: 1rem;}
    .colleft-featured-sidebar{flex: 0 0 40%; width: 40%;}
    .colright-featured-sidebar{flex: 0 0 60%; width: 60%; padding-left: 10px;}
    
    .box-meta-cat-date{position: relative; margin-bottom: 5px; text-align: left;}
    .box-meta-cat-date span:first-child{position: relative; font-weight: 700; text-transform: uppercase; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child{position: relative; font-weight: 400; margin-left: 5px; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child:before {content: "/"; margin-right: 5px;}
    .box-meta-cat-date span a{color: #777;}
    .colright-featured-sidebar h4 a{color: #222; font-size: 16px; text-transform: none; line-height: 1.2;}
    .row-featured-sidebar:hover h4 a{opacity: 1;}
    
    .sidebar-ads{display: flex;display: -webkit-flex; -ms-flex-direction: column!important;flex-direction: column!important;}
    .sidebar-ads > a{flex: 1; margin-bottom: 5px;}
    .sidebar-ads > a > img{width: 100%;}
@media (max-width: 991px) {
    .sidebar-ads > a{flex: 1; margin-bottom: 5px; max-width: 320px!important;}
}
/** DESCRIPTION DETAIL PRODUCT PAGE **/
    .nadibox{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 30px; }
    .nadibox .nadibox-header{position: relative;}
    .nadibox-header .nadibox-header-title{margin: 0px; position: relative; border-bottom: 1px solid #FF6935;}    
    .nadibox-header .nadibox-header-title span.title{position: relative; display: inline-block; padding: 8px 15px 7px 5px; background: transparent; color: #6D3815; font-weight: 700; font-size: 16px;}
    .nadibox-header .nadibox-header-title span.title i{margin-right: 5px; color: #FF6935;}
    .nadibox-header .nadibox-header-title span:after {border-color: #FF6935 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);position: absolute; content: " "; width: auto; height: auto; bottom: -20px; margin-left: -10px; left: 50%; border-width: 10px;border-style: solid;}
    
    .nadibox-body{background-color: #fff; padding: 15px 10px 0px 15px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    .nadibox-innerbody.boxshadow{overflow: hidden;max-height: 350px; -webkit-mask-image: -webkit-gradient(linear, 20% 65%,20% 100%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));transition: all 800ms ease;}
    .nadibox-body.show  .nadibox-innerbody{max-height: 100%!important;-webkit-mask-image: none;}
    
    .nadibox-footer{position: relative; padding: 15px 0;}
    .nadibox-footer .btn{border: 1px solid #6D3815; color: #F9AC17;}
    .nadibox-body  .nadibox-footer .btn-readmore{display: inline-block; visibility: visible}
    .nadibox-body.show  .nadibox-footer .btn-readmore{display: none; visibility: hidden;}
    .nadibox-footer .btn-lostmore{display: none; visibility: hidden;}
    .nadibox-body.show  .nadibox-footer .btn-lostmore{display: inline-block; visibility: visible;}
    
    .ndw-title{font-weight: bold; font-size: 24px; line-height: 28px; color: #14142B; margin: 0 0 15px;text-transform: none;}
    .ndw-address{position: relative; padding-left: 30px; font-size: 16px;margin-bottom: 15px;}
    .ndw-address:before{content: ''; position: absolute; top: -2px; left: 0px; width: 25px; height: 25px; background-image: url(../icon/location.png); background-size: 18px 18px; background-repeat: no-repeat; background-position: center center; }
    .ndw-price{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom: .6rem;}
    .ndw-price .ndw-col-left{width: 40%; flex: 0 0 40%;} 
    .ndw-price .ndw-col-right{width: 60%; flex: 0 0 60%;}
    .text-color-orange{color: #e7843f !important;}
@media (max-width: 1100px) {
    .ndw-price .ndw-col-left, .ndw-price .ndw-col-right{width: 100%; flex: 0 0 100%;}
}
    .ndw-price-meta{padding: 5px 30px;}
    .ndw-price-meta label{position: relative; margin-bottom: 10px;}
    .ndw-price-meta p{margin: 0px; font-size: 18px; font-weight: 700; color: #333;}
    .ndw-price-meta label.nadi-icon:before{content: '';position: absolute;top: 0px;width: 18px;height: 18px;left: -30px;border: none;background-size: contain;}
    .ndw-price-meta label.icon-price:before{background: url(../icon/gia.svg) no-repeat center; background-size: 18px 18px;}
    .ndw-price-meta label.icon-acreage:before{background: url(../icon/dientich.svg) no-repeat center; background-size: 18px 18px;}
    .ndw-price-meta label.icon-property:before{background: url(../icon/loai-bds.svg) no-repeat center; background-size: 18px 18px;}
    .property-kind li{display: inline-block; padding: 5px 15px 6px; border: 1px solid #ccc; margin-right: 10px; margin-bottom: 5px;}
    .ndw-date-meta{position: relative;}
    .ndw-date-meta label{position: relative; padding-left: 30px;}
    .ndw-date-meta label i{position: absolute; top: 2px; left: 2px;}
    .ndw-date-meta p{font-size: 14px; margin: 0px; color: #ccc;}
    
    .box-tags{position: relative;}
    .box-tags ul li {float: left; padding: 0; margin-bottom: 8px;}
    .box-tags ul li a{padding: 6px 12px;margin: 0 8px 0 0;vertical-align: middle;background: #f5f6f7;border-radius: 20px; color: #2c2f36; line-height: 20px; position: relative; display: inline-block;}

/** PAGE DETAIL **/
    .nadi-article{position: relative; margin-bottom: 3rem;}
    .nadi-article .nadi-article-title{font-size: 1.5rem; text-transform: none;line-height: 1.9rem;}
    .nadi-article .nadi-article-meta{margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #EFEBE3;}
    .nadi-article .nadi-article-meta span.meta-times{color: #757575;}.nadi-article .nadi-article-meta span.meta-times i{margin-right: 10px;}
    .nadi-article-meta ul{display: flex; display: -webkit-flex; ms-flex-direction: row!important; flex-direction: row!important; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .nadi-article-meta ul li{margin-right: 1rem; color: #37499C;}
    .nadi-article-meta ul li i{margin-right: 5px;}
    .nadi-article-content{display: block;}
    .nadi-article-content .nadi-article-bold{margin-bottom: 15px;font-size: 16px;font-weight: bold;}
    .block-content-body{position: relative;}
    .block-content-body .nadi-article-bold{margin-bottom: 1rem; font-size: 16px; font-weight: 700;}
    .block-content-body p img, .block-content-body img{display: block; margin: 0.6rem auto; max-width: 100%;}
    .block-content-body ul, .block-content-body ol{margin: 0px; padding: 0px; margin-left: 10px; margin-bottom: 1rem;}
    .block-content-body ul > li{padding: 3px 0 3px 5px; list-style-type: square; margin-left: 10px;}
    .block-content-body ol > li{padding: 3px 0 3px 5px; list-style-type: decimal; margin-left: 10px;}
/** GALLERY **/
    .boxDPGallery{display: block; position: relative; margin-bottom: 1rem;}
    .boxDPGallery:hover{cursor: pointer;}
    .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{}
    .lSSlideOuter .lightSlider li{height: 460px;text-align: center;background-color: #d9e0e5;}
    .lSSlideOuter .lightSlider li img{display: inline-block;width: auto!important;}
@media (max-width: 668px) {
    .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{height: 350px!important;}
    .lSSlideOuter .lightSlider > *{height: 320px!important;}
}
    .lSSlideOuter .lSPager.lSGallery {height: 78px!important;}
    .lSSlideOuter .lSPager.lSGallery li{height: 78px!important;}
    .lSSlideWrapper img{display: block; width: 100%!important; height: 100%!important; object-fit: cover;}
    .lSPager li a{display: block; background-position: center center; background-size: cover; overflow: hidden; height: 78px!important;}
    .lSPager li a img{display: block; width: 100%!important; height: 100%!important; object-fit: cover;}
/** contact box **/
    .right-sidebar .item-sidebar {background: #FFFFFF;border: 1px solid #DDDEE6;box-shadow: 0px 0px 30px rgba(16,20,38,.1);border-radius: 12px;padding: 24px;margin: 0 0 30px;text-align: center;}
    .right-sidebar .item-sidebar .title {font-weight: bold;text-transform: none;font-size: 1.8rem;line-height: 26px;color: #14142B;margin: 0 0 18px;padding: 0;}
    .right-sidebar .sidebar-contact p {display: block;text-align: center;font-size: 14px;line-height: 22px;color: #14142B;}
    .right-sidebar .sidebar-contact p.normal-text {margin: 0 0 15px;font-weight: 700;}
    .right-sidebar .sidebar-contact p {display: block;text-align: center;font-size: 14px;line-height: 22px;color: #14142B;}
    .right-sidebar .sidebar-contact p.gray-text {margin: 0 0 13px;color: #6E7191;}
    .right-sidebar .sidebar-contact .box-action {display: flex;align-items: center;justify-content: center;}
    .right-sidebar .sidebar-contact .box-action .btn {border: 1px solid #DDDEE6;box-sizing: border-box;border-radius: 5px;color: #14142b; min-width: 140px;height: 38px;display: flex;justify-content: center;align-items: center;font-size: 13px;}
    .right-sidebar .sidebar-contact .box-action .btn.btn-phone::before {content: "";display: inline-block;vertical-align: middle;mask: url(../icon/icon_phone.svg) no-repeat center/18px auto;-webkit-mask: url(../icon/icon_phone.svg) no-repeat center/18px auto;background-color: #FF6935;width: 18px;height: 21px;margin-right: 5px;}
    .right-sidebar .sidebar-contact .box-action .btn span{font-weight: 700;}
    .right-sidebar .sidebar-contact .btn-action-contact {display: inline-block;background: #AC6955;border-radius: 3px;border: none;padding: 10px 20px;text-align: center;color: #FFFFFF;font-weight: 700;font-size: 16px;line-height: 22px;cursor: pointer;}
    .box-line{position: relative; text-align: center; margin: 2rem 0;}
    .box-line .inner-line{display: inline-block; position: relative; width: 100%; height: 2px;background-color: #ccc;}
    .box-line .inner-text{position: absolute; top: -1px; left: 50%; transform: translateX(-50%); background: #fff; padding: 5px 15px; z-index: 10;}
/** NEWS PAGE **/
    .rowFeature{position: relative; margin-left: 0px; margin-right: 0px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 2rem; box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1);}
    .box-feature{margin-bottom: 10px;}
    .box-feature .box-feature-pic{position: relative; margin-bottom: 10px; overflow: hidden;}
    .box-feature .box-feature-pic .box-feature-cat{position: absolute; left: 15px; bottom: 15px;}
    .box-feature .box-feature-pic .box-feature-cat a{padding: 5px 15px; background: #E49F15; background: linear-gradient(270deg,rgba(228,159,21,1) 0,rgba(255,194,14,1) 100%); color: #fff; font-size: 16px;}
    .box-feature .box-feature-pic img{margin: 0 auto; transition: all 400ms ease;}
    .box-feature .box-feature-text{position: relative;}
    .box-feature .box-feature-text .box-feature-title{text-transform: none; font-size: 1.5rem; line-height: 1.213!important;}
    .box-feature .box-feature-text p{color: #333; font-size: 1rem; font-weight: 400;}
    .box-feature:hover .box-feature-pic img{transform: scale(1.1,1.1);}
    
    .feature-item{position: relative; margin-bottom: 10px;}
    .feature-item .feature-item-image{position: relative; overflow: hidden;}
.feature-item .feature-item-image a{display: block;width: 100%;padding:0 0 66.66667%;overflow: hidden;position: relative}
    .feature-item .feature-item-image img{width: 100%; height: 100%; position: absolute; top: 0;left: 0; transition: all 400ms ease;}
    .feature-item:hover .feature-item-image img{transform: scale(1.1,1.1);}
    .feature-item .feature-item-content{padding-top: 10px;}
    .feature-item .feature-item-content h3{font-size: 15px; letter-spacing: 0.1px; text-transform: none; line-height: 1.2!important;}
    .feature-item .feature-item-content h3 a{display: block; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 38px!important;}
    .feature-item .feature-item-content  .feature-item-content-cat a{text-transform: uppercase; color: #9D7A63;}
    .feature-item .feature-item-content  .feature-item-content-cat a:hover{font-weight: 700;}
    
    .single-news{display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px;}
    .single-news{padding: 10px; cursor: pointer; transition: all 400ms ease-in-out;}
    .single-news:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1);}
    .single-news .single-news-images{width: 40%; flex: 0 0 40%;}
    .single-news .single-news-content{width: 60%; flex: 0 0 60%; padding-left: 15px;}
@media only screen and (max-width: 599px){
    .single-news .single-news-images{width: 100%; flex: 0 0 100%;}
    .single-news .single-news-content{width: 100%; flex: 0 0 100%; padding-left: 0px; padding-top: 15px;}
}
    .single-news .single-news-images a{position: relative; line-height: 0;display: block;padding: 0 0 66.66667%;overflow: hidden;}
    .single-news .single-news-images img{width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition: all 400ms ease-in-out;}
    .single-news:hover .single-news-images img{transform: scale(1.2,1.2);}
    .single-news .single-news-content .single-news-cat{margin-bottom: 5px;}
    .single-news .single-news-content .single-news-cat a{text-transform: uppercase; color: #724F0A;}
    .single-news .single-news-content h3{font-size: 1.25rem; text-transform: none; line-height: 1.2!important;}
    .single-news .single-news-content h3 a{color: #333 !important;}
    .single-news:hover .single-news-content h3 a{color: #FF6935 !important;}
    
    .row-featured-sidebar{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .row-featured-sidebar{padding-top: 1rem;}
    .colleft-featured-sidebar{flex: 0 0 40%; width: 40%;}
    .colleft-featured-sidebar > a{display: block;width: 100%;height: 105px;overflow: hidden;}
    .colleft-featured-sidebar > a > img{display: block;object-fit: cover;object-position: center;}
    .colright-featured-sidebar{flex: 0 0 60%; width: 60%; padding-left: 10px;}
    
    .box-meta-cat-date{position: relative; margin-bottom: 5px; text-align: left;}
    .box-meta-cat-date span:first-child{position: relative; font-weight: 700; text-transform: uppercase; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child{position: relative; font-weight: 400; margin-left: 5px; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child:before {content: "/"; margin-right: 5px;}
    .box-meta-cat-date span a{color: #777;}
    .colright-featured-sidebar h4 a{color: #222; font-size: 0.9rem; text-transform: none; line-height: 1.2;}
    .row-featured-sidebar:hover h4 a{opacity: 1;}
/** CUSTORMIZE MODAL **/
    .modal-row{display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
@media (min-width: 1000px){
    .modal-row .col-modal.desktop-col{width: 20%; flex: 0 0 20%;}
}
@media only screen and (max-width: 991px){
    .modal-dialog.modal-nadi{position: fixed; height: 100vh; width: 100vw; max-width: 100%; margin: 0px; border-radius: 0px;}
    .modal-dialog.modal-nadi .modal-content{height: 100vh; width: 100vw; overflow: auto;}
    .modal-botton-fixed{position: fixed; left: 0; bottom: 10px; width: 100%; height: auto;}
}
    .nadi-form-inner{display: flex; align-items: center;}
    .nadi-form-inner .btn-apply{list-style: none; cursor: pointer;display: flex;align-items: center;white-space: nowrap;line-height: 20px;background: #550C02;color: #fff;border-radius: 5px;padding: 7px 19px;margin: 0;height: 36px;font-size: 15px;}
    .nadi-form-inner .btn-delete{border: 1px solid #DDDEE6;list-style: none;padding: 7px 19px;height: 36px;font-size: 15px;cursor: pointer;display: flex;align-items: center;background: transparent none;white-space: nowrap;}
    .nadi-form-inner .btn:focus{outline: none!important;box-shadow: none!important;text-decoration: none!important;}
    .nadi-form-inner .btn-delete i{margin-right: 10px;}
    .ndmodal .modal-body{padding: 0px;}    
    .modal-row .modal-col{width: 100%; flex: 0 0 100%;}
    .modal-form{padding: 3rem 1.5rem;}
    .modal-form h2{text-transform: none; font-size: 1.8rem;}
    .modal-form h6{text-transform: none; font-size: 1rem; line-height: 1;}
    .modal-form .boxFormModal{margin-top: 3rem;}
    .modal-form .boxFormModal .form-control {font-size: 18px; background-color: #f9f9f9; border: 1px solid #ededed; padding: 10px 20px; height: 45px;}
    .modal-form .boxFormModal .btn-primary{background-color: #F9AC17;display: block;line-height: 1;padding: 15px 40px;color: #ffffff;position: relative;z-index: 1;width: 100%;outline: 0 !important;border: 0 !important;border-radius: 0 !important;}
    .modal-form .btn-primary::before {content: "";position: absolute;top: 0;left: 4px; height: 100%;width: 1px;background-color: #724F0A;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}
    .modal-form .btn-primary::after {content: "";position: absolute;top: 0;left: 10px;height: 100%;width: 1px; background-color: #724F0A;}
    .modal-form .btn-primary:hover::before{width: 100%;}
    
    .modal-form .modal-expand{margin-top: 2rem;}
    .modal-form .modal-expand p{margin: 0px;}
    .modal-form .modal-expand a{color: #724F0A;}    
    
    .ndmodal .modal-body .box-modal-close{position: absolute; top: -15px; right: -15px; height: 30px; width: 30px;}
    .ndmodal .modal-body .box-modal-close .btn-default{background-color: #fff; border-radius: 50px;}
    .ndmodal .modal-body .box-modal-close .btn-default span{color: #724F0A;}
    .modal-title{font-weight: 700;}
    .col-modal{width: 50%; flex: 0 0 50%;}
@media (max-width: 668px) {
    .col-modal{width: 100%; flex: 0 0 100%;}
}
    .nadi-form{padding-left: 15px; padding-right: 15px; margin-bottom: 15px;}
    .inner-nadi-form{position: relative;}
    .inner-nadi-form .nadi-form-header{position: relative;}
    .box-location{position: relative;}
    .box-location label{font-size: 13px;line-height: 15px;text-transform: none;color: #14142b;margin: 0;font-weight: 700;}
    .box-location p{width: 100%;height: 35px;padding: 8px 0 9px;line-height: 16px;color: #6e7191;font-size: 14px;margin: 0;border: none;border-bottom: 2px solid #d9dbe9;background: #fff none;position: relative;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;text-overflow: ellipsis;}
    .box-location p:after{content: "";display: block; width: 10px;height: 10px; mask: url(../icon/arrow-down.svg) no-repeat center/100% auto;-webkit-mask: url(../icon/arrow-down.svg) no-repeat center/100% auto;background-color: #6e7191;}
    .col-modal.show .box-location p:after{transform: rotate(180deg);}
    .nadi-form-body{position: absolute; display: none; visibility: hidden; top: 100%; left: 0; width: 100%; max-height: 300px; z-index: 99999; background-color: #fff; padding: 5px 5px 0 5px; overflow-y: auto;}
    .col-modal.show .inner-nadi-form .nadi-form-body{display: block; visibility: visible; box-shadow: 0 8px 32px rgba(3,44,71,.24);}
    
    .nadi-option-wrap{}
    .nadi-option-wrap input[type=checkbox], .nadi-option-wrap input[type=radio] {display: none!important; margin: 0 5px 0 0; position: absolute; left: 4px; top: 7px;}
    .option-header{display: block;padding: 5px!important;border-bottom: 1px solid #e4e4e4;margin: 0;font-size: 14px!important;color: #242933;}
    .box-option-list li{padding: 5px;border-bottom: 1px solid #e4e4e4;}
    
    .box-option-list li label, .option-header label{position: relative;display: inline-block;width: 100%;font-weight: 400;padding: 2px 2px 4px 28px;font-size: 16px;margin: 1px;border: 0;color: #242933;cursor: pointer;}
    .option-header label{font-weight: 700;}
   .box-option-list li label.checkbox>span, .option-header label.checkbox>span {position: absolute;cursor: pointer; border: 2px solid #e3e3e3;border-radius: 3px;width: 18px;height: 18px;background: url(../icon/desktop-icons-v5.svg) no-repeat -81px -45px transparent; border: 0;left: 0;top: 3px;}
    label.checkbox>span:before {content: "";width: 5px;height: 10px;border-right: 2px solid #ef7733;border-bottom: 2px solid #ef7733;border-radius: 3px;margin-top: -2px; position: absolute; opacity: 0;top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
    label.checkbox input:checked+span:before {opacity: 1;}
    .nadi-option-wrap label.checkbox>span:before {background: url(../icon/desktop-icons-v5.svg) no-repeat -81px -5px transparent;border: 0;border-radius: 0;transform: translate(0,0) rotate(0);-webkit-transform: translate(0,0) rotate(0);-ms-transform: translate(0,0) rotate(0);width: 18px;height: 18px;top: 2px;left: 0;}
    .modal-row .btn-search{background: #90615a;border-radius: 5px;width: 100%;display: flex;align-items: center;justify-content: center;height: 45px;border: none;box-shadow: none;color: #fff;font-weight: 700;font-size: 15px;line-height: 16px;text-transform: uppercase; padding: 19px 0 18px;}
/** ====================================================== *
 * PAGE: EMPTY CART 
 * ========================================================*/
    .boxInfoBiz{position: relative; overflow: hidden; margin-bottom: 5px;}
    .boxInfoBiz .headerCart,
    .boxInfoOrder .headerCart{margin: 0; padding: 5px; background-color: #fbfbfb; border: 1px solid #eee;}
    .boxInfoBiz .headerCart > h4,
    .boxInfoOrder .headerCart > h4{margin: 0; padding: 5px 10px; text-transform: none; color: #724f0a;}
    .boxInfoBiz .bodyCart,    
    .boxInfoOrder .bodyCart{background-color: #fff; border: 1px solid #eee; border-top: none; padding: 6px 10px;}
    
    .boxEmpty{position: relative; overflow: hidden; padding: 50px 0; text-align: center;}
    .boxEmpty > span{display: inline-block; width: 150px;}
    .boxEmpty > p{font-size: 15px; color: #724f0a; font-weight: bold;}
    .boxEmpty > .btn-empty{background-color: #2878d7; color: #fff;}
    .boxInfoOrder .bodyCart a.btn-empty{color: #ffffff!important; background-image: linear-gradient(to right, #FFC20E, #E49F15, #724F0A, #FFC20E); background-size: 300% 100%; border-radius: 0px; padding: 8px 30px 9px;}
    .boxInfoOrder .bodyCart a.btn-empty:hover {background-position: right center;} 
/** css menu */ 
    .mm-panel, .mm-panels{background: rgb(194, 166, 24);}
    .mm-navbar__title{text-transform: uppercase !important; color: #FFF!important;}
    .mm-listitem__text{padding-bottom: 8px; padding-top: 8px;}
    .mm-navbar {background: rgb(85,12,2); border-bottom: 1px solid #fff;}
    .mm-navbar a, .mm-navbar a:hover {color: #fff; font-weight: bold; font-size: 2rem;}
    .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{color: #fff; text-transform: none; font-size: 13px;} 
    .mm-btn_next:after, .mm-btn_prev:before {border-left: 2px solid #fff; border-top: 2px solid #fff;}
    .mm-listitem{border-bottom: 1px solid #fff;}    
    .mm-listitem::after{border-bottom: none !important;}
    .mm-listitem_selected > .mm-listitem__text{background: transparent;}
    .mm-listitem_divider{background-color: #724F0A; color: #fff; font-weight: bold;}
    .mm-listitem__btn:not(.mm-listitem__text){border-color: #fff;}   
/**
 * Css for social
 */
    .box-social{margin-top: 15px;}
    .box-social .fa{padding: 7px; font-size: 15px; width: 30px; text-align: center; text-decoration: none; margin-right: 5px; margin-bottom: 5px; border-radius: 5px;}
    .box-social .fa:hover {opacity: 0.7;}
    .box-social .fa-facebook {background: #3B5998; color: white;}
    .box-social .fa-linkedin {background: #007bb5; color: white;}
    .box-social .fa-youtube {background: #bb0000; color: white;}
    .box-social .fa-youtube-play {background: #bb0000; color: white; border: 1px solid #edcc5d;}
    .box-social .fa-instagram {background: #125688; color: white;}
    .box-social .fa-pinterest {background: #cb2027; color: white;}
    .box-social .fa-snapchat-ghost {background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .box-social .fa-skype {background: #00aff0; color: white;}
    .box-social .fa-android {background: #a4c639; color: white;}
    .box-social .fa-dribbble {background: #ea4c89; color: white;}
    .box-social .fa-vimeo {background: #45bbff; color: white;}
    .box-social .fa-tumblr {background: #2c4762; color: white;}
    .box-social .fa-vine {background: #00b489; color: white;}
    .box-social .fa-foursquare {background: #45bbff; color: white;}
    .box-social .fa-stumbleupon {background: #eb4924; color: white;}
    .box-social .fa-flickr {background: #f40083; color: white;}
    .box-social .fa-yahoo {background: #430297; color: white;}
    .box-social .fa-soundcloud {background: #ff5500; color: white;}
    .box-social .fa-reddit {background: #ff5700; color: white;}
    .box-social .fa-rss {background: #ff6600; color: white;}
    .box-social .fa-twitter {background: #55ACEE; color: white;}
/** ==============================================
 * BUTTON HOTLINE
 * ===============================================*/
    
    ul.box-hotline-fix{position: fixed; right: 8px; bottom: 80px; margin: auto; z-index: 999;}
    ul.box-hotline-fix li{padding: 0px; margin: 0px 0px 15px 0px;}
    ul.box-hotline-fix li a{display: block; text-indent: -9999px; z-index: 10000; cursor: pointer;}
    ul.box-hotline-fix li.zalo-hot a{background: url(../icon/zalo-icon.png) center center no-repeat; background-color: #3178df; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    ul.box-hotline-fix li.fb-hot a{background: url(../icon/message-icon.png) center center no-repeat; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    
    ul.box-hotline-fix li.phone-hot .call-animation{background: transparent; width: 55px; height: 55px; position: relative; margin: 0 auto; border-radius: 100%; border: solid 0px red;  animation: play 2s ease infinite; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;  backface-visibility: hidden;}
    @keyframes play {0% {transform: scale(1);} 15% {box-shadow: 0 0 0 5px rgba(203, 15, 64, 0.4);} 25% {box-shadow: 0 0 0 10px rgba(188, 16, 16, 0.4), 0 0 0 20px rgba(221, 43, 70, 0.86);} 35% {box-shadow: 0 0 0 15px rgba(190, 16, 16, 0.4), 0 0 0 30px rgba(180, 17, 92, 0.2);}}
    ul.box-hotline-fix li.phone-hot .call-animation a{height: 55px; width: 55px;}
    ul.box-hotline-fix li.phone-hot .call-animation img{position: absolute; height: 55px; width: 55px; top: 0px; right: 0px; border-radius: 100%;}
    
/**
 * OnTop
 */
    .loadTop{} 
    .loadTop.show{bottom: 15px;}
    .loadTop{position: fixed; bottom: 110%; left: 15px; transition: 1s ease; z-index: 999;}
    .loadTop > .imgMTop{position: relative;}
    .loadTop > .imgMTop:hover{cursor: pointer;}
    .loadTop > .imgMTop > img{width: 50px;}