.dvls_maps_wrap,



.dvls_maps_wrap *{



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



.dvls_maps_wrap{



    overflow: hidden;



}



.dvls_maps_wrap:after,



.dvls_maps_row:after,



.dvls_maps_col:after,



.dvls_maps_3col:after



{



    content: '';



    display: table;



    clear: both;



}



.dvls_maps_header_left {



    float: left;



    overflow: hidden;



    font-size: 20px;



    line-height: 35px;



    text-transform: none;



    font-weight: 300;



}



.dvls_maps_header_right {



    overflow: hidden;



}



.dvls_maps_header_right form{

    margin-bottom: 24px;

}



.dvls_maps_header {



    background: #f2f2f2;



    padding: 15px;



    margin: 0;



    border-top-right-radius: 3px;



    -moz-border-top-right-radius: 3px;



    -webkit-border-top-right-radius: 3px;



    border-top-left-radius: 3px;



    -moz-border-top-left-radius: 3px;



    -webkit-border-top-left-radius: 3px;



}



.dvls_maps_header_right .dvls_maps_col.search-input{

    margin-bottom: 16px;

    position: relative;

}

.dvls_maps_header_right .dvls_maps_col.search-input button{

    position: absolute;

    left: 20px;

    background: none;

    padding: 0;

    border: none;

    top: 50%;

    transform: translateY(-50%);

    outline: none;

}

.dvls_maps_header_right .dvls_maps_col input#keywork{

    border: none;

    border-radius: 8px;

    height: 48px;

    outline-color: rgba(74, 74, 74, 0.1);

    padding-left: 55px;

}

.dvls_maps_header_right .dvls_maps_col #keywork input#keywork::placeholder{

    color: #4A4A4A;

}



.dvls_maps_wrap select{



    -webkit-appearance: none;



    -moz-appearance: none;



    appearance: none;



    background: url("../images/chevron-down.svg") right 10px center no-repeat #FFF !important;



    border: none;



    background: #fff;



    border-radius: 8px;



    padding: 0 15px;



    height: 48px;



    width: 100%;



    color: #4A4A4A;



    font-size: 16px;



    font-weight: 600;;



}



.dvls_maps_col {



    width: 100%;



    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);



}



.dvls_maps_2col{

    display: flex;



    width: 100%;

    

    gap: 16px;



    margin-bottom: 16px;

}





.dvls_maps_3col {



    margin: 0 -5px;



}





.dvls_maps_3col .dvls_maps_col {



    width: 33.333%;



    float: left;



}



.dvls_maps_col_search{

    position: relative;

}

.dvls_maps_col_search:after{

    content: "";

    position: absolute;

    top: 0;

    left: 96px;

    width: 1px;

    height: 44px;

    background-color: rgba(255, 255, 255, 0.2);

}



.dvls_maps_wrap input.dvls-submit {



    border: 0;



    background-color: #A32328;



    height: 44px;



    padding: 0 56px 0 16px;



    border-radius: 500px;



    color: #fff;



    font-size: 16px;



    font-weight: 600;



}



.dvls_maps_wrap input.dvls-submit:focus{

    outline: none;

}



.dvls-submit{

    background-image: url("../images/search.svg");

    background-repeat: no-repeat;

    background-position: right 13px center;

    padding: 12px 40px 12px 55px;

    border: 0px;

    outline: none;

}



.dvls_maps_wrap .dvls_near_you{



    margin: 10px 0 0;



    display: inline-block;



}



.dvls_maps_sidebar {



    background: #fff;

    float: left;

    width: 500px;

    position: absolute;

    top: 50px;

    left: calc( ( 100% - 1400px) / 2 );

    height: calc( 100% - 100px );

    z-index: 2;

    padding-top: 33px;



}

.dvls_maps_search{

    padding-left: 20px;

    padding-right: 20px;

}

.dvls_maps_sidebar_content{

    height: calc( 100% - 130px );

    overflow-y: scroll;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 20px;

    background-color: #fff;

}

.dvls_maps_sidebar_content::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: rgba(196, 196, 196, 0.1);

}



.dvls_maps_sidebar_content::-webkit-scrollbar

{

	width: 8px;

	background-color: rgba(196, 196, 196, 0.1);

}



.dvls_maps_sidebar_content::-webkit-scrollbar-thumb

{

	background-color: #A32328;

    border-radius: 12px;

}



.dvls_maps_main {



    overflow: hidden;

    padding-right: 0;

    position: relative;

    width: 100%;

    z-index: 1;



}



.dvls_maps_body {



    position: relative;



}



div#dvls_maps{



    width: 100%;



    height: 650px;



}



.dvls_result_thumb {



    width: 80px;



    float: left;



    margin: 0 10px 0 0;



}



.dvls_result_infor {



    overflow: hidden;



}



.dvls_maps_wrap .dvls_result_infor h3 {



    margin: 0 0 5px;



    font-size: 16px;



    font-weight: 700;



}

.title-location-post {

    display:flex;

    align-items:center;

    padding-bottom:15px;

}

body .dvls_maps_wrap .dvls_result_infor .title-location-post > h3 {

    font-family: Montserrat;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 1.2em;

    text-transform: uppercase;

    color: #4A4A4A;

    margin-bottom: 0;

    margin-left: 5px;

}



.dvls_result_infor p {



    margin: 0 0 10px;



}



.dvls_result_infor p a{

    color: inherit;

}



.dvls_result_item {



    overflow: hidden;



    padding: 24px;



    margin-bottom: 16px;



    cursor: pointer;



    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);



    transition: all ease 0.3s;



    border-radius: 20px;



}







.dvls_result_wrap .dvls_result_item:nth-child(2n+1) {



    background: inherit;



}



.dvls_result_wrap .dvls_result_item:hover {



    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);

        background-color: #F3F3F3;

}

.dvls_result_wrap .dvls_result_item.active {

        background-color: #F3F3F3;

}





.dvls_result_infor .store_address:before{

    content: url(../images/maps.svg);

    margin-right: 8px;

    vertical-align: middle;

}



.dvls_result_infor .store_phone:before{

    content: url(../images/phoneLS.svg);

    margin-right: 8px;

    vertical-align: middle;

}



.dvls_result_infor .store_hotline:before{

    content: url(../images/phoneLS.svg);

    margin-right: 8px;

    vertical-align: middle;

}



.dvls_result_infor .store_url_website:before{

    content: url(../images/urlLS.svg);

    margin-right: 8px;

    vertical-align: middle;

}



.dvls_result_infor .store_clock:before{

    content: url(../images/clock.svg);

    margin-right: 8px;

    vertical-align: middle;

}

.dvls_result_infor .store_direction{

    font-size: 15px;

    text-decoration: underline;

    font-weight: bold;

}

.dvls_result_infor .store_direction:after{

    content: url(../images/direction.svg);

    margin-left: 8px;

    vertical-align: middle;

}



.infobox-wrapper .item {



    -moz-transform-style: preserve-3d;



    -webkit-transform-style: preserve-3d;



    transform-style: preserve-3d;



    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);



    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);



    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);



    position: relative;



    margin-bottom: 10px;



}



.infobox-wrapper .item:after {



    top: 100%;



    left: 50%;



    border: solid transparent;



    content: " ";



    height: 0;



    width: 0;



    position: absolute;



    pointer-events: none;



    border-color: rgba(255,255,255,0);



    border-top-color: #fff;



    border-width: 10px;



    margin-left: -10px;



}



.infobox-wrapper .infobox {



    width: 300px;



    background: #fff;



    margin-top: 20px;



}



.infobox-wrapper .infobox .item_infobox_thumb img {



    width: 100%;



    height: auto;



    display: block;



}



.infobox-wrapper > img {



    position: absolute !important;



    z-index: 1;



    right: -15px;



    top: -15px;



}



.infobox-wrapper .item_infobox_infor h3 {



    font-size: 14px;



    margin: 0 0 5px;



    line-height: 18px;



}



.infobox-wrapper .item_infobox_infor {



    padding: 5px;



    font-size: 13px;



    line-height: 18px;



}



.infobox-wrapper .item_infobox_infor p{



    margin: 0 0 5px;



    line-height: 18px;



}



.dvls_result_status{



    display: none;



    padding: 5px 10px;



}



.dvls_result_status.show{



    display: block;



}



.dvls_maps_body.devvn_loading:before {



    content: "";



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    background: rgba(255,255,255,.5);



    z-index: 10;



}



#dvls_fountainG {



    position: absolute;



    width: 102px;



    height: 12px;



    margin: auto;



    top: 50%;



    left: 50%;



    margin-top: -6px;



    margin-left: -51px;



    z-index: 9;



    display: none;



}



.devvn_loading #dvls_fountainG {



    display: block;



}



#dvls_fountainG .fountainG{



    position:absolute;



    top:0;



    background-color:rgb(0,0,0);



    width:12px;



    height:12px;



    animation-name:bounce_fountainG;



    -o-animation-name:bounce_fountainG;



    -ms-animation-name:bounce_fountainG;



    -webkit-animation-name:bounce_fountainG;



    -moz-animation-name:bounce_fountainG;



    animation-duration:1.5s;



    -o-animation-duration:1.5s;



    -ms-animation-duration:1.5s;



    -webkit-animation-duration:1.5s;



    -moz-animation-duration:1.5s;



    animation-iteration-count:infinite;



    -o-animation-iteration-count:infinite;



    -ms-animation-iteration-count:infinite;



    -webkit-animation-iteration-count:infinite;



    -moz-animation-iteration-count:infinite;



    animation-direction:normal;



    -o-animation-direction:normal;



    -ms-animation-direction:normal;



    -webkit-animation-direction:normal;



    -moz-animation-direction:normal;



    transform:scale(.3);



    -o-transform:scale(.3);



    -ms-transform:scale(.3);



    -webkit-transform:scale(.3);



    -moz-transform:scale(.3);



    border-radius:8px;



    -o-border-radius:8px;



    -ms-border-radius:8px;



    -webkit-border-radius:8px;



    -moz-border-radius:8px;



}







#dvls_fountainG #fountainG_1{



    left:0;



    animation-delay:0.6s;



    -o-animation-delay:0.6s;



    -ms-animation-delay:0.6s;



    -webkit-animation-delay:0.6s;



    -moz-animation-delay:0.6s;



}







#dvls_fountainG #fountainG_2{



    left:13px;



    animation-delay:0.75s;



    -o-animation-delay:0.75s;



    -ms-animation-delay:0.75s;



    -webkit-animation-delay:0.75s;



    -moz-animation-delay:0.75s;



}







#dvls_fountainG #fountainG_3{



    left:25px;



    animation-delay:0.9s;



    -o-animation-delay:0.9s;



    -ms-animation-delay:0.9s;



    -webkit-animation-delay:0.9s;



    -moz-animation-delay:0.9s;



}







#dvls_fountainG #fountainG_4{



    left:38px;



    animation-delay:1.05s;



    -o-animation-delay:1.05s;



    -ms-animation-delay:1.05s;



    -webkit-animation-delay:1.05s;



    -moz-animation-delay:1.05s;



}







#dvls_fountainG #fountainG_5{



    left:51px;



    animation-delay:1.2s;



    -o-animation-delay:1.2s;



    -ms-animation-delay:1.2s;



    -webkit-animation-delay:1.2s;



    -moz-animation-delay:1.2s;



}







#dvls_fountainG #fountainG_6{



    left:64px;



    animation-delay:1.35s;



    -o-animation-delay:1.35s;



    -ms-animation-delay:1.35s;



    -webkit-animation-delay:1.35s;



    -moz-animation-delay:1.35s;



}







#dvls_fountainG #fountainG_7{



    left:76px;



    animation-delay:1.5s;



    -o-animation-delay:1.5s;



    -ms-animation-delay:1.5s;



    -webkit-animation-delay:1.5s;



    -moz-animation-delay:1.5s;



}







#dvls_fountainG #fountainG_8{



    left:89px;



    animation-delay:1.64s;



    -o-animation-delay:1.64s;



    -ms-animation-delay:1.64s;



    -webkit-animation-delay:1.64s;



    -moz-animation-delay:1.64s;



}















@keyframes bounce_fountainG{



    0%{



        transform:scale(1);



        background-color:rgb(0,0,0);



    }







    100%{



        transform:scale(.3);



        background-color:rgb(255,255,255);



    }



}







@-o-keyframes bounce_fountainG{



    0%{



        -o-transform:scale(1);



        background-color:rgb(0,0,0);



    }







    100%{



        -o-transform:scale(.3);



        background-color:rgb(255,255,255);



    }



}







@-ms-keyframes bounce_fountainG{



    0%{



        -ms-transform:scale(1);



        background-color:rgb(0,0,0);



    }







    100%{



        -ms-transform:scale(.3);



        background-color:rgb(255,255,255);



    }



}







@-webkit-keyframes bounce_fountainG{



    0%{



        -webkit-transform:scale(1);



        background-color:rgb(0,0,0);



    }







    100%{



        -webkit-transform:scale(.3);



        background-color:rgb(255,255,255);



    }



}







@-moz-keyframes bounce_fountainG{



    0%{



        -moz-transform:scale(1);



        background-color:rgb(0,0,0);



    }







    100%{



        -moz-transform:scale(.3);



        background-color:rgb(255,255,255);



    }



}



body .dvls_maps_wrap img {



    border-radius: 0;



    box-shadow: none;

    width: 30px;

}



@media (max-width: 767px){



    .dvls_maps_header_right {



        /* float: left; */



        padding-left: 0;



    }



    .dvls_maps_3col .dvls_maps_col {



        width: 100%;



        margin: 0 0 10px;



    }



    .dvls_maps_header_left {



        float: none;



        width: 100%;



        margin: 0 0 10px 0;



    }



    .dvls_maps_sidebar {



        position: relative;



        width: 100%;



    }



    .dvls_maps_main {



        padding: 0;

        margin-bottom: 30px;



    }



    .infobox-wrapper .infobox {



        width: 220px;



    }



    div#dvls_maps{



        height: 300px;

        

    }



    .dvls_maps_2col{

        display: block;



    }

    

    .dvls_maps_2col .dvls_maps_col:first-child{

        margin-bottom: 10px;

    }

}