.page-background-store-locator {
    background: url(../images/Grintuss.jpg) no-repeat top right!important;
}
.page-background-store-locator #main article {
    margin-top: 0;
}
.page-background-store-locator .page-header {
    margin-bottom:10px;
}

.wpsl-gmap-canvas .wpsl-infobox {
    min-width: 225px;
}

#wpsl-wrap {
    margin-top:30px;
    overflow: visible;
}

#wpsl-wrap .wpsl-search {
    float: left;
    padding:0;
    width: 100%;
    margin: 0 0 16px;
    background: #ffffff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#wpsl-wrap .wpsl-search h4 {
    padding: 16px;
    margin: 0;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
}

#wpsl-wrap .titolo-messaggio {
    font-weight:bold;
}

#wpsl-wrap .wpsl-search h4 i, #wpsl-wrap .titolo-messaggio i {
    margin: 0 12px 0 0;
    display: inline-block;
}

#wpsl-wrap .wpsl-search .wpsl-input {
    padding: 16px;
}

#wpsl-wrap .wpsl-search div {
    float:none;
    margin:0;
    width: 100%;
}

#wpsl-wrap .wpsl-search .wpsl-input div label {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #999999;
    width: auto;
}

#wpsl-wrap .wpsl-search .wpsl-input input {
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    width: 100% !important;
    padding: 7px 12px;
    margin: 0 0 28px 0;
}

#wpsl-wrap .wpsl-search .wpsl-input #wpsl-search-input{
    padding-right: 38px;
}

#wpsl-wrap .wpsl-search .wpsl-input #wpsl-search-input.falseSearch{
    color: transparent;
}

#wpsl-wrap .wpsl-search .wpsl-input #wpsl-search-input + i {
    color: #999999;
    position: absolute;
    font-size: 1.5em;
    top: 36px;
    right: 25px;
    z-index: 0;
}

#wpsl-wrap .wpsl-search div.wpsl-search-btn-wrap {
    padding: 16px;
    border-top: 1px solid #E8E8E8;
    position: relative;
}

#wpsl-wrap #wpsl-search-btn {
    width: 100%;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    float: none;
    -webkit-appearance: none;
    background-image: none;
    transition: all 500ms ease;
}

#wpsl-wrap #wpsl-search-btn.loading {
    color: transparent;
}



#wpsl-wrap .wpsl-search div.wpsl-search-btn-wrap:after {
    width: 100%;
    height:100%;
    content:"";
    position: absolute;
    top:0;
    left:0;
    pointer-events: none;
    background: url("../images/ajax-loader.gif") no-repeat center center;
    opacity:0;
    transition: opacity 300ms;

}

#wpsl-wrap .wpsl-search div.wpsl-search-btn-wrap.loading:after {
    opacity:1;
}

#wpsl-wrap .messaggio {
    width: 100%;
    margin: 0 auto 16px;

    padding: 8px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    float:right;
}

#wpsl-wrap .messaggio p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 5px;
}
#wpsl-wrap .messaggio p.testo-messaggio {
    margin: 0 0 0 26px;
}

#wpsl-wrap #wpsl-gmap {
    width: 100%;
    margin: 0 auto 16px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    float: right;
}

#wpsl-wrap #wpsl-result-list {
    width: 100%;
    margin: 0 auto 16px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    float: right;
    display: block;
    padding: 16px;
    background: #ffffff;
    position: relative;
}

#wpsl-wrap #wpsl-result-list h4, #wpsl-direction-details .wpsl-direction-before .wpsl-back {
    width: 100% ;
    background: #EFEFEF;
    padding: 8px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    margin:0;
    display: block;
}


#wpsl-result-list #wpsl-stores, #wpsl-result-list #wpsl-direction-details {
    height: auto!important;
    max-height: 500px!important;
}

#wpsl-stores ul, #wpsl-result-list ul  {
    display: table;
}

#wpsl-stores ul li, #wpsl-result-list ul li {
    min-height: 72px;
    display: table-row;
}

#wpsl-stores ul li p {
    margin:0;
}

#wpsl-stores ul li .wpsl-store-location,
#wpsl-stores ul li .wpsl-direction-wrap,
#wpsl-stores ul li .wpsl-contact-details,
#wpsl-stores ul li .wpsl-store-distance,
#wpsl-result-list ul li .wpsl-direction-index,
#wpsl-result-list ul li .wpsl-direction-txt,
#wpsl-result-list ul li .wpsl-direction-distance {
    display: table-cell;
    padding:12px 24px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #EFEFEF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    float: none;
    width: auto;
    margin: 0;
}

#wpsl-stores ul li .wpsl-store-distance, #wpsl-stores ul li .wpsl-contact-details {
    white-space: nowrap;
    font-size: 12px;
    line-height: 12px;
}

#wpsl-stores ul li .wpsl-contact-details {
    text-align: left;
}

#wpsl-stores ul li .wpsl-store-location {
    font-size: 10px;
    line-height: 12px;
    text-align: left;
}

#wpsl-stores ul li .wpsl-store-location strong {
    display: block;
    margin: 0 0 4px 0;
}

#wpsl-stores ul li .wpsl-store-location .wpsl-street, #wpsl-stores ul li .wpsl-store-distance, #wpsl-stores ul li .wpsl-contact-details {
    font-weight: bold;
}

#wpsl-stores ul li .wpsl-store-location .wpsl-street i, #wpsl-gmap .wpsl-info-window .wpsl-street i {
    display: inline-block;
    margin: 0 0.5em 0 0;
}

#wpsl-stores ul li .wpsl-store-location .wpsl-country {
    font-size: 8px;
    line-height: 10px;
    color: rgba(0, 45, 51, 0.5);
    margin: 0 0 1.2em;
}

#wpsl-stores ul li .wpsl-direction-wrap .wpsl-directions, #wpsl-stores ul li .wpsl-direction-wrap .wpsl-directions:link, #wpsl-stores ul li .wpsl-direction-wrap .wpsl-directions:visited, #wpsl-gmap .wpsl-info-window .wpsl-info-actions a, #wpsl-gmap .wpsl-info-window .wpsl-info-actions a:link, #wpsl-gmap .wpsl-info-window .wpsl-info-actions a:visited {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 15px;
    border: 1px solid #ffffff;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    word-break: normal;
    transition: all 500ms ease;
    white-space: nowrap;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    float: none;
    font-weight: 400;
}

#wpsl-stores ul li .wpsl-direction-wrap .wpsl-directions:hover, #wpsl-stores ul li .wpsl-direction-wrap .wpsl-directions:active, #wpsl-stores ul li .wpsl-direction-wrap .wpsl-directions:focus, #wpsl-gmap .wpsl-info-window .wpsl-info-actions a:hover, #wpsl-gmap .wpsl-info-window .wpsl-info-actions a:active, #wpsl-gmap .wpsl-info-window .wpsl-info-actions a:focus {
    color: #ffffff!important;
    text-decoration: none;
}

#wpsl-stores ul li:hover, #wpsl-stores ul li.active {
    background: #F7F7F7;
}

#wpsl-result-list ul li div.wpsl-direction-index {
    font-size: 12px;
}

#wpsl-result-list ul li div.wpsl-direction-distance {
    color: #999999;
    font-size: 13px;
    line-height: 16px;
    font-weight:bold;
    white-space: nowrap;
}

#wpsl-gmap .wpsl-info-window {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wpsl-gmap .wpsl-info-window strong {
    display: block;
    max-width: 80%;
    margin: 0 0 4px 0;
}
#wpsl-gmap .wpsl-info-window .wpsl-street {
    display: block;
    max-width: 80%;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
}

#wpsl-gmap .wpsl-info-window .wpsl-phone {
    color: #002d33;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    width: 50%;
    display: block;
    float: left;
    margin: 13px 0 10px;
}

#wpsl-gmap .wpsl-info-actions {
    display: block;
    margin: 10px 0 !important;
    float: right;
    width: 50%;
}

#wpsl-gmap .wpsl-info-window {
    max-width:100%!important;
}

#wpsl-gmap .wpsl-info-window .wpsl-country {
    display: block;
    max-width: 80%;
    font-size: 8px;
    line-height: 10px;
    color: rgba(0, 45, 51, 0.5);
    margin: 0 0 1.2em;
}

#wpsl-stores ul .wpsl-preloader {
    position: relative!important;
    top: auto!important;
    left:auto!important;
    width: 100%!important;
    padding: 20px!important;
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#wpsl-stores ul .wpsl-preloader img {
    position: relative!important;
    top: auto!important;
    left:auto!important;
    display: block!important;
    margin: 2px 10px 0 0;
}

#wpsl-stores ul .wpsl-no-results-msg {
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
}


#wpsl-wrap #wpsl-result-list.notSetYet {
    display: none;
}

#wpsl-result-list .wpsl-total-distance, #wpsl-result-list .wpsl-total-durations {
    font-weight: bold;
}

#wpsl-result-list ul li .wpsl-direction-txt {
    text-align: left;
}

#wpsl-result-list ul li div .dir-tt {
    display: inline-block;
    width: 19px;
    height: 19px;
    overflow: hidden;
    position: relative;
    padding:0;
    border:none;
}

#wpsl-result-list ul li div .dir-tt>img {
    position: absolute;
    max-width: 100%;
    height: auto;
    top: 19px;
    left: 0;
}

#wpsl-result-list ul li div .dir-tt.dir-tt-turn-right>img {top:-481px}
#wpsl-result-list ul li div .dir-tt.dir-tt-turn-left>img {top:-413px}
#wpsl-result-list ul li div .dir-tt.dir-tt-roundabout-right>img {top:-230px}
#wpsl-result-list ul li div .dir-tt.dir-tt-roundabout-left>img {top:-196px}
#wpsl-result-list ul li div .dir-tt.dir-tt-fork-left>img {top:-499px}
#wpsl-result-list ul li div .dir-tt.dir-tt-fork-right>img {top:-548px}
#wpsl-result-list ul li div .dir-tt.dir-tt-ramp-left>img {top:-499px}
#wpsl-result-list ul li div .dir-tt.dir-tt-ramp-right>img {top:-548px}
#wpsl-result-list ul li div .dir-tt.dir-tt-merge>img {top:-142px}
#wpsl-result-list ul li div .dir-tt.dir-tt-straight>img>img {top:-531px}



#storelocator-aboca {
}

#storelocator-aboca.loading {
    background: url(../images/ajax-loader.gif) no-repeat 98% center;
}

.pac-item .smallindirizzo {
    display: block;
    font-size: .8em;
    text-transform: capitalize;
    margin: -10px 0 0 25px;
}

@media (min-width: 767px) {
    #wpsl-wrap .wpsl-search {
        width: 30%;
        margin: 0 2% 16px 0;
    }
    #wpsl-wrap .messaggio,
        #wpsl-wrap #wpsl-result-list ,
        #wpsl-wrap #wpsl-gmap {
        width: 66.5%;
        margin:0 0 16px;
    }

}


@media (max-width: 767px) {
    #wpsl-stores ul li .wpsl-store-location,
    #wpsl-stores ul li .wpsl-direction-wrap,
    #wpsl-stores ul li .wpsl-contact-details,
    #wpsl-stores ul li .wpsl-store-distance,
    #wpsl-result-list ul li .wpsl-direction-index,
    #wpsl-result-list ul li .wpsl-direction-txt,
    #wpsl-result-list ul li .wpsl-direction-distance {
        display: block;
        border: none;
        flex: 1 auto ;
        padding: 0 10px;
        text-align: left;
    }
    #wpsl-stores ul li,
    #wpsl-result-list ul li {
        border-bottom: 1px solid  #EFEFEF;
        flex-flow: row wrap;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }
    #wpsl-stores ul li .wpsl-store-location,
    #wpsl-stores ul li .wpsl-direction-wrap {
        width: 60%;
    }
    #wpsl-stores ul li .wpsl-contact-details,
    #wpsl-stores ul li .wpsl-store-distance {
        width: 40%;
    }
    #wpsl-result-list ul li .wpsl-direction-txt {
        width: 70%
    }

    #wpsl-result-list ul li .wpsl-direction-index,
    #wpsl-result-list ul li .wpsl-direction-distance {
        width: 15%;
    }

}

#wpsl-search-wrap #wpsl-results, #wpsl-search-wrap #wpsl-radius {
    display: none!important;
}