﻿body:not(.body-index){background:#FFF}.maps-before{background:var(--main-color)}.maps-before .container{height:300px}@media (min-width: 768px){.maps-before .container{background:url(//bizweb.dktcdn.net/100/578/558/themes/1024800/assets/maps_bg.png?1752750109479) right 10px bottom no-repeat}}.sectionContentStore{margin-bottom:40px}.sectionContentStore .left{margin-top:-270px}.sectionContentStore .left .select-city-label{text-transform:uppercase;font-size:28px;font-weight:700;position:relative;color:#FFF}.sectionContentStore .left .select-city-label b{color:#f6ef56}.sectionContentStore .left .desc{color:#FFF}.sectionContentStore .leftCollumStore{box-shadow:0 4px 20px rgba(0,0,0,0.08);background:#FFF;border-radius:20px;padding:20px}.sectionContentStore .leftCollumStore .form-group label.select-city-wrapper{font-weight:700;width:100%;margin-bottom:0}.sectionContentStore .leftCollumStore .form-group .select-city-wrapper .select-city,.sectionContentStore .leftCollumStore .form-group .select-city-wrapper .select-district{margin-bottom:10px;text-transform:capitalize;padding:0 10px}.sectionContentStore .leftCollumStore .resultStore{height:calc(600px - 87px);overflow-y:auto;background:none;border-radius:7px}@media (max-width: 767px){.sectionContentStore .leftCollumStore .resultStore{height:calc(300px - 87px)}}.sectionContentStore .leftCollumStore .resultStore::-webkit-scrollbar-track{-webkit-box-shadow:none;-moz-box-shadow:none;border-radius:0;background-color:#F5F5F5}.sectionContentStore .leftCollumStore .resultStore::-webkit-scrollbar{width:5px;background-color:#F5F5F5}.sectionContentStore .leftCollumStore .resultStore::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:#e5e5e5}@media (max-width: 767px){.sectionContentStore .leftCollumStore .resultStore{margin-bottom:10px}}.sectionContentStore .leftCollumStore .resultStore #list-store{padding-right:10px}.sectionContentStore .leftCollumStore .resultStore #list-store .item{padding:10px 0;padding-right:55px;position:relative}.sectionContentStore .leftCollumStore .resultStore #list-store .item:first-child{padding-top:0}.sectionContentStore .leftCollumStore .resultStore #list-store .item:first-child .route{top:15px}.sectionContentStore .leftCollumStore .resultStore #list-store .item:not(:last-child){border-bottom:1px #ebebeb solid}.sectionContentStore .leftCollumStore .resultStore #list-store .item:hover{cursor:pointer}.sectionContentStore .leftCollumStore .resultStore #list-store .item .district{font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:5px}.sectionContentStore .leftCollumStore .resultStore #list-store .item p,.sectionContentStore .leftCollumStore .resultStore #list-store .item a{display:block;margin-bottom:5px;padding-left:25px}.sectionContentStore .leftCollumStore .resultStore #list-store .item p{background:url(//bizweb.dktcdn.net/100/578/558/themes/1024800/assets/marmap.png?1752750109479) 0 4px no-repeat}.sectionContentStore .leftCollumStore .resultStore #list-store .item a{background:url(//bizweb.dktcdn.net/100/578/558/themes/1024800/assets/phonemap.png?1752750109479) 0 4px no-repeat}.sectionContentStore .leftCollumStore .resultStore #list-store .item .route{background:url(//bizweb.dktcdn.net/100/578/558/themes/1024800/assets/route.png?1752750109479) top center no-repeat;right:0;top:25px;color:var(--main-color);padding-top:35px;font-size:14px}.sectionContentStore .leftCollumStore .resultStore #list-store .item.checked{background-color:#fff}.sectionContentStore .leftCollumStore .resultStore #list-store .item.checked .district{color:var(--hover)}.sectionContentStore .leftCollumStore .resultStore #list-store .item:hover:not(.checked) .district{color:var(--main-color)}.sectionContentStore #map{height:100%;padding:30px 0 0 10px}.sectionContentStore #map iframe{min-height:300px;height:100%;width:100%;vertical-align:top;border-radius:10px}@media (max-width: 767px){.sectionContentStore #map iframe{height:300px}}.cssload-loader{height:100px;line-height:49px;text-align:center;position:relative;left:50%;transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);text-transform:uppercase;font-weight:400;font-size:18px;color:#1c1c1c}.cssload-loader span{display:block;margin-top:50px}.loading-animation{list-style:none;position:relative;height:1px;width:200px;border-bottom:1px dashed #aaa;position:relative;margin-top:15%}.loading-animation li{margin-top:-3px;height:10px;width:10px;border-radius:10px;background-color:var(--main-color);opacity:0;box-shadow:0px 0px 4px var(--main-color),0px 0px 8px var(--main-color),0px 0px 12px var(--main-color),0px 0px 18px var(--main-color);position:absolute;left:-10%;animation-name:loading;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal}.loading-animation.alternate li{animation-name:loading2}.loading-animation li:nth-child(1){animation-delay:250ms}.loading-animation li:nth-child(2){animation-delay:500ms}.loading-animation li:nth-child(3){animation-delay:750ms}.loading-animation li:nth-child(4){animation-delay:1s}.loading-animation li:nth-child(5){animation-delay:1.25s}@keyframes loading{0%{left:0%;opacity:0}20%,60%{left:50%;opacity:1}90%{left:100%;opacity:0}100%{left:100%}}@keyframes loading2{0%{left:0%;opacity:0;height:1px;width:1px;margin-top:-2px}20%,60%{left:50%;opacity:1;height:10px;width:10px;margin-top:-3px}90%{left:100%;opacity:0;height:1px;width:1px;margin-top:0px}100%{left:100%}}.loading-animation{margin:0 auto;margin-top:150px}.loading-animation:before{content:"Đang tải bản đồ";position:absolute;top:-60px;left:50%;font-size:18px;width:100%;transform:translateX(-50%);font-weight:600}.loading-animation:after{content:"Vui lòng chờ chút";position:absolute;top:20px;left:50%;width:100%;transform:translateX(-50%)}@media (max-width: 1199px) and (min-width: 992px){.sectionContentStore #map iframe{height:477px}}@media (max-width: 991px){.sectionContentStore .left .select-city-label{font-size:24px}.sectionContentStore #map iframe{height:466px}}@media (max-width: 767px){.sectionContentStore .left{margin-bottom:10px}.sectionContentStore #map{padding-left:0}}
