html, body {
    margin:0;
    padding:0;
    height:100%;
}

#MainContainer.page-template-store-finder {
    display:-webkit-box;
    display:-moz-flex;
    display:-ms-flexbox;
    display: flex;

    height: 100% !important;
    padding: 0;

    -moz-box-orient: vertical !important;
    -webkit-box-orient: vertical !important;
    box-orient: vertical !important;

    -ms-flex-direction: column !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
}

    #MainContainer.page-template-store-finder #Header {
        position: relative;
        border-bottom: 4px solid rgba(0,0,0,0.1);
        
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
    }

    #MainContainer.page-template-store-finder #Content1 {
        display:none;
    }

    .store-finder {
        overflow: hidden;
        display:-webkit-box;
        display:-moz-flex;
        display:-ms-flexbox;
        display: flex;
    
        -ms-flex-direction: row;
        flex-direction: row;

        -webkit-box-flex: 1;

            -ms-flex-positive: 1;

                flex-grow: 1;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -ms-flex-preferred-size: 0%;
            flex-basis: 0%;

        -webkit-box-orient: horizontal;
        box-orient: horizontal;

    }

        .store-finder > .info {
            position: relative;
            overflow: hidden;
            display:-webkit-box;
            display:-moz-flex;
            display:-ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            box-orient: vertical;

            -ms-flex-direction: column;
            flex-direction: column;

            -ms-flex-negative: 0;

                flex-shrink: 0;
            -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            -ms-flex-preferred-size: 35%;
                flex-basis: 35%;

            max-width: 669px;
            min-width:430px;
            width:35%;
            -webkit-box-ordinal-group: 201;
                -ms-flex-order: 200;
                    order: 200;
        }

            .store-finder > .info .controls {
                z-index:100;
                order: 100;
                -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.09);
                -moz-box-shadow:    0px 4px 9px 0px rgba(0, 0, 0, 0.09);
                box-shadow:         0px 4px 9px 0px rgba(0, 0, 0, 0.09);
            }

            .store-finder > .info .results {
                background-color: #ececec;

                -ms-flex-direction: column;
                -webkit-flex-direction: column;
                flex-direction: column;

  
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;

                -webkit-box-flex: 1;

                    -ms-flex-positive: 1;

                        flex-grow: 1;
                -webkit-box-ordinal-group: 201;
                    -ms-flex-order: 200;
                        order: 200;
            }

        .store-finder > .map-holder {
            display:-webkit-flex;
            display:-webkit-box;
            display:-moz-flex;
            display:-moz-box;
            display:-ms-flexbox;
            display: flex;

            -moz-box-orient: vertical;
            -webkit-box-orient: vertical;
            box-orient: vertical;

            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;

            -ms-flex-negative: 1;

                flex-shrink: 1;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            -webkit-box-ordinal-group: 301;
                -ms-flex-order: 300;
                    order: 300;
        }







    .store-finder > .info .controls input {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: #000000;
    }

    .store-finder .controls .btn,
    .store-finder .controls .form-control {
        background:transparent;
        border:none;
        box-shadow:none;
        outline: none;
    }

    .store-finder .controls .btn.geo-location,
    .store-finder .controls .btn#BtnGeocode {
        width:46px;
        height:46px;
        padding:0;
    }

        .store-finder .controls .btn#BtnGeocode svg path {
            fill: #6abd45;
        }

    .store-finder .controls .btn.geo-location.geo-enabled svg,
    .store-finder .controls .btn.geo-location.geo-disabled svg {
        opacity:1;
    }

        .store-finder .controls .btn.geo-location.geo-enabled svg path {
           fill: #6abd45;
        }

        .store-finder .controls .btn.geo-location.geo-disabled svg path {
           fill: #707070;
        }

    .store-finder .controls .btn.geo-location.geo-enabled::before,
    .store-finder .controls .btn.geo-location.geo-disabled::before {
        display:none;
    }

    .store-finder .controls .btn.geo-location.geo-enabled::after {
        background-color:#6abd45;
    }

    .store-finder .controls .btn.filter {
        border-left: 1px solid #d0d0d0;
        color: transparent;
        cursor:pointer;
    }

    .store-finder .btn-no-styles,
    .store-finder .btn-no-styles:focus {
        background: transparent;
        border: none;
        box-shadow: none;
        outline: none;
    }

    .store-finder .controls .search-loading {
        display: inline-block;
        width: 46px;
        display: none;
    }

    .store-finder .results {
        position:relative;
    }

        .store-finder .info .fa {
            color: #6abd45;
        }

        .store-finder .info a {
            color: #6abd45;
        }

        .store-finder .info h3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 20px;
            margin-top: 0;
            color: #1f2223;
        }

            .store-finder .info h3 small {
                font-family: 'Roboto', sans-serif;
                color: #acacac;
                font-size: 12px;
                white-space:nowrap;
            }

        .store-finder .info h4 {
            font-family: 'Montserrat', sans-serif;
            font-size: 17px;
            margin-top: 0;
            color: #6b6b6b;
        }
        

        .store-finder .info p {
            font-family: 'Roboto', sans-serif;
            color: #6b6b6b;
            font-size: 14px;
            margin-bottom:12px;
            line-height: 1.5em;
        }

        .store-finder .info li {
            font-family: 'Roboto', sans-serif;
            color: #6b6b6b;
            font-size: 14px;
            margin-bottom:3px;
            line-height: 1.5em;
        }

        .store-finder .results .results-container {
            overflow:auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

            .store-finder .results .results-container article {
                position: relative;
                transition: background-color 0.5s ease;
                border-left: 4px solid transparent;
                cursor: pointer;
                padding: 20px 37px 8px 20px;
                border-bottom:2px solid #dedede;
            }

                .store-finder .results .results-container article .btn.show-details {
                    position: absolute;
					width:40px;
					height:36px;
                    margin-top:-17px;
                    top: 50%;
                    right: 6px;
                    font-size:15px;
					z-index:150;
                    padding-left: 8px;
                    padding-right: 8px;
					/*background:#e7e7e7;*/
                    /*width:36px;
                    height:36px;
                    background-image: url(/themes/liquorland/scripts/StoreFinder/info.png);
                    background-position: center center;
                    background-repeat: no-repeat;*/
                }

                    .store-finder .results .results-container article .btn.show-details .fa.fa-info {
                        position:absolute;
                        top:50%;
                        left:50%;
                        width: 24px;
                        height: 24px;
                        margin-top:-12px;
                        margin-left:-12px;
                        border-radius: 15px;
                        border: 2px solid #6abd45;
                        color:#6abd45;
                        line-height: 22px;
                        z-index:200;
                    }


                .store-finder .results .results-container article .btn.show-details:hover {
                    color: #6b6b6b; 
                }

            .store-finder .results .results-container article.active {
                background-color: #ffffff;
                border-left-color: #6abd45; 
            }

            .store-finder .results .results-container article:hover {
                
                background-color: #ffffff;
            }

        .store-finder .info .location-details {
            overflow:auto;
            background-color: #ffffff;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index:200;
        }

            .store-finder .info .location-details .btn-close {
                position:absolute;
                top: 10px;
                right: 20px;
                font-size:22px;
            }

            .store-finder .info .location-details .section {
                padding: 20px 37px 20px 24px;
                border-bottom:1px solid #e8e8e8;
            }

            .store-finder .info .location-details .links {
                max-width:440px;
                padding-top:20px;
                margin-left: -8px;
                margin-right: -8px;
            }

                .store-finder .info .location-details .links li {
                    width:33%;
                    padding-right: 8px;
                    padding-left: 8px;
                }

                    .store-finder .info .location-details .links li a {
                        text-align:center;
                        font-size:15px;
                        display:inline-block;
                    }

                .store-finder .info .location-details .links .fa {
                    font-size:24px;
                }

            .store-finder .info .location-details ul.hours  {
                
            }

                .store-finder .info .location-details ul.hours li  {
                
                }

                .store-finder .info .location-details ul.hours li.today,
                .store-finder .info .location-details ul.hours li.tomorrow  {
                    font-weight: 700;
                }

                    .store-finder .info .location-details ul.hours li .day-label  {
                        display:inline-block;
                        width: 148px;
                        padding-left:5px;
                    }

            .store-finder .info .location-details ul.amenities  {
                margin-left:-1px;
                max-width:340px;
            }

                .store-finder .info .location-details ul.amenities li  {
                    background-repeat:no-repeat;
                    padding-left:26px;
                    width:50%;
                }

.store-finder .dot___23AcG {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .2;
    -webkit-animation-name: dot-dance___QPYLL;
    animation-name: dot-dance___QPYLL;
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

.store-finder .dot___23AcG:nth-child(2) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.store-finder .dot___23AcG:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

@-webkit-keyframes dot-dance___QPYLL {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .2
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes dot-dance___QPYLL {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .2
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}


.store-finder .in-progress:before {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: geolocate-expansion___3L-gP;
    animation-name: geolocate-expansion___3L-gP;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.store-finder .in-progress:before {
    width: 65%;
    height: 65%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
}

.store-finder .in-progress:after {
    background-color: #707070;
    font-size: 2px;
    height: 1em;
    width: 1em;
}

.store-finder .in-progress:after, .in-progress:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.store-finder .in-progress svg {
    opacity:0;
}

@-webkit-keyframes geolocate-expansion___3L-gP {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes geolocate-expansion___3L-gP {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@media (max-width: 900px) {
	.store-finder .results .results-container::-webkit-scrollbar {
    -webkit-appearance: none;
	}
	
	.store-finder .results .results-container::-webkit-scrollbar:vertical {
		width: 10px;
	}
	
	.store-finder .results .results-container::-webkit-scrollbar:horizontal {
		height: 10px;
	}
	
	.store-finder .results .results-container::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .2);
		border-radius: 10px;
	}
	
	.store-finder .results .results-container::-webkit-scrollbar-track {
		border-radius: 10px;  
	}
	
    .store-finder {
        position: relative;

        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-box-orient: vertical;
        box-orient: vertical;
    }

        .store-finder > .map-holder {
            flex-basis: 60%;
        }

        .store-finder > .info {
            position: static;
            width:100%;
            max-width:100%;
            min-width:0;

            flex-shrink: 1;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;


            -ms-flex-preferred-size: auto;
                flex-basis: 40%;

            webkit-box-ordinal-group: 401;
            -ms-flex-order: 400;
            order: 400;
        }
}

@media (max-width: 500px) {

    .store-finder > #map {
        flex-basis: 40%;
    }

    .store-finder > .info {
        flex-basis: 60%;
    }

    #MainContainer.page-template-store-finder.header-v17 .header-wrapper .action-section {
        display: none;
    }

    .store-finder .info .results h3 {
        font-size: 17px;
    }

    .store-finder .address-phone-open-close,
    .store-finder .info .results h3 small {
        display:none;
    }

    
}  

@media (max-width: 399px) {

    .store-finder .info .location-details .links {
            margin-right: -18px;
    }

        .store-finder .info .location-details .links li {
            width:auto;
            padding-right: 5px;
            padding-left: 5px;
        }

    .store-finder .info .location-details ul.hours li .day-label {
        width: 120px;
    }

    .store-finder .info .location-details ul.amenities {
        margin-right: -30px;
    }

}