/* Layout */

#container-c {
    min-height: inherit;
    position: relative;
    min-height: 770px;
    padding-top: 100px;
    overflow: hidden;
    max-width: none;
    padding: 0 !important;
    background-color: var(--darkblue);
}

#container-wrapper-efgh {
    float: none;
    width: auto;
	overflow:hidden;
}

#container-wrapper-defgh {
	overflow:hidden;
	max-width:none;
	padding:0;
	position:relative;
}

#container-e {
	max-width:1400px;
	margin:0 auto;
	color:#fff;
	text-align:center;
}

#container-f {
	background:#f7f7f7;
}

#container-e input,
#container-e > div,
.stkistpcodesrch-usemylocation {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}

#txt-postcode-search {
    max-width: 100%;
    padding: 0;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    margin: 0px;
    width: calc(100% - 60px);
    height: 48px;
    background-color: var(--eef0f0);
    border-radius: var(--radius-box-24);
}

/* no usemylocation */
.no-usemylocation #txt-postcode-search {
    width: calc(100%);
}
.no-usemylocation .locations-clear input {
    right: 0;
}

#container-e > div {
}

#container-e h3 {
	line-height:50px;
	margin-bottom:0;
}

#container-e input[type="text"] {
	border-color:var(--white);
}


#stkistpcodesrch-wrapper {
    margin: calc(48px + 120px) 0 0px 50px;
    display: block;
    vertical-align: top;
    max-width: 300px;
    min-width: 300px;
    padding: 33px 35px 37px;
    position: absolute;
    z-index: 11;
    background-color: var(--fdfdfd);
    min-height: 600px;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto 1fr;
    grid-template-rows: auto auto auto 1fr;
    justify-content: space-evenly;
    align-items: start;
    -webkit-border-radius: var(--radius-box-24);
    -moz-border-radius: var(--radius-box-24);
    border-radius: var(--radius-box-24);
}

    #stkistpcodesrch-wrapper.suggestions-active {
        z-index: 13;
    }
    #stkistpcodesrch-wrapper .stkistpcodesrch-heading {
        margin-bottom: 15px;
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 30px;
        line-height: 3.0rem;
        letter-spacing: 0.5px;
        font-weight: 700;
        font-family: 'Esklarheitkurrent Xlt Trial', sans-serif;
        display: block;
    }
span.stkistpcodesrch-summary {
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.0rem;
    letter-spacing: 0.2px;
    padding: 0 0 20px;
    display: block;
    max-width: 250px;
}

#stockist-search-form {
    margin-bottom: 7px;
}
.stkistpcodesrch-usemylocation input, .stkistpcodesrch-usemylocation input:hover {
    width: auto;
    border-radius: 0;
    border: none;
    background: url(../grfx/svg/map-compass-grn.svg) no-repeat center left 12.5px;
    background-image: url(../grfx/svg/map-compass-grn.svg), none;
    background-size: 24px;
    padding: 22px 0 22px 50px !important;
    height: 50px !important;
    text-transform: uppercase;
    background-color: #04212e !important;
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 2.5px;
    font-weight: 400;
    width: 50px;
    border-radius: var(--radius-circle);
    transition: all 0.4s ease-in-out;
}

.stkistpcodesrch-usemylocation input:hover {
	opacity:.7;
}
/*.locations-clear input {
    display:none!important;
}*/

.locations-clear input {
    background: url('../grfx/svg/cross-drk.svg') no-repeat center center;
    background-size: 15px;
    width: 40px;
    height: 50px !important;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    padding: 0;
    top: 0;
    opacity: .4;
    margin-left: 0 !important;
    right: 60px;
    transition: all 0.4s ease-in-out;
}

    .locations-clear input:hover {
        background-color: transparent !important;
        opacity: .8;
    }
/* Results */

#stockistpcdschresults-wrapper {
    /*padding: 0 35px;
    max-width: 300px;
    min-width: 300px;*/
    position: absolute;
    z-index: 12;
    left: 50px;
    top: calc(255px + 120px);
    min-height: 415px;
    max-height: 463px;
    overflow: hidden;
    border-radius: 0 0 var(--radius-box-24) 0;
    padding: 0;
    max-width: 370px;
    min-width: 370px;
}
#stockistpcdschresults-column-1 {
    overflow: auto;
    max-height: 420px;
    padding: 0 35px 43px;
}

    #stockistpcdschresults-column-1::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #c1c3c5;
    }

    #stockistpcdschresults-column-1::-webkit-scrollbar-track {
        border-radius: 10px;
        /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
        /* background: #c1c3c5; */
    }

    #stockistpcdschresults-column-1::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    #stockistpcdschresults-wrapper ul {
        display: flex;
        row-gap: 10px;
        flex-direction: column;
        width: 100%;
    }

        #stockistpcdschresults-wrapper ul li {
            display: grid;
            justify-content: space-around;
            align-items: stretch;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            -ms-grid-rows: auto auto;
            grid-template-rows: auto auto;
            align-content: space-evenly;
            -webkit-border-radius: var(--radius-box);
            -moz-border-radius: var(--radius-box);
            border-radius: var(--radius-box);
            -webkit-box-shadow: var(--box-shadow);
            -moz-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
            background-color: var(--white);
            padding: 20px 15px;
            position: relative;
            border: 2px solid var(--white);
        }
        /*#stockistpcdschresults-wrapper ul li:nth-child(3) {
            border-bottom: none;
        }*/

            #stockistpcdschresults-wrapper ul li:hover {
                border-color: var(--td-pink);
            }

            #stockistpcdschresults-wrapper ul li .distance:after {
                content: " ";
            }

            #stockistpcdschresults-wrapper ul li > span {
                padding: 0;
                vertical-align: middle;
                font-size: 14px;
                font-size: 1.4rem;
                letter-spacing: 0.5px;
                font-weight: 500;
                font-family: 'Esklarheitkurrent Rg Trial', sans-serif;
            }
                #stockistpcdschresults-wrapper ul li > span.row-contact-address1 {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    column-gap: 5px;
                    padding-left: 20px;
                    background: url(../grfx/svg/mappin.svg) no-repeat top 3px left;
                    background-image: url(../grfx/svg/mappin.svg), none;
                    background-size: 13px 15px;
                }
                    #stockistpcdschresults-wrapper ul li > span.row-contact-address1 .nodata,
                    #stockistpcdschresults-wrapper ul li > span .hide {
                        display: none;
                    }
                #stockistpcdschresults-wrapper ul li > span.row-distance {
                    grid-column-start: 1;
                    grid-column-end: 1;
                    grid-row-start: 1;
                    grid-row-end: 1;
                    line-height: 38px;
                    margin-top: auto;
                    background: url(../grfx/svg/mappin.svg) no-repeat center left;
                    background-image: url(../grfx/svg/mappin.svg), none;
                    background-size: 16px;
                    padding-left: 32px !important;
                    font-size: 1.2rem;
                    letter-spacing: 2.0px;
                    text-transform: uppercase;
                    font-weight: 400;
                }
                #stockistpcdschresults-wrapper ul li > span.row-viewmap-link {
                    /* grid-column-start: 2;
                grid-column-end: 2;
                grid-row-start: 1;
                grid-row-end: 1;*/
                    position: absolute;
                    top: 0;
                    right: 0;
                    transition: all 0.4s ease-in-out;
                    width:100%;
                    height:100%;
                }

                    #stockistpcdschresults-wrapper ul li > span.row-viewmap-link form {
                        width: 100%;
                        height: 100%;
                        z-index: 100;
                    }
                        #stockistpcdschresults-wrapper ul li > span.row-viewmap-link form:before {
                            content: "";
                            position: absolute;
                            display: block;
                            top: 0;
                            right: 0;
                            background: url(../grfx/svg/rightarrow-nvy.svg) no-repeat center;
                            background-image: url(../grfx/svg/rightarrow-nvy.svg), none;
                            background-size: auto 14px;
                            width: 50px;
                            height: 50px;
                            transition: all 0.4s ease-in-out;
                            z-index: -1;
                            transform: rotate(-45deg);
                        }
                    #stockistpcdschresults-wrapper ul li > span.row-viewmap-link:hover form:before {
                        /*transform: rotate(-45deg);*/
                        transform: rotate(0);
                    }


                        /*#stockistpcdschresults-wrapper ul li > span.row-viewmap-link:hover {
                        transform: rotate(-45deg);
                    }*/
                        #stockistpcdschresults-wrapper ul li > span.row-contact-tel {
                            display: none;
                        }

#stockistpcdschresults-wrapper span.search-res-address-separator:after {
	content:" ";
}
#stockistpcdschresults-wrapper ul li .row-store-icon > span {
    /* width: 100%; */
    /* height: 100%; */
    display: block;
    /*max-height: 50px;*/
    max-height: 25px;
    height: 100%;
    height: 25px;
    width: auto;
    padding-right: 30px;
}
    #stockistpcdschresults-wrapper ul li .row-store-icon > span img {
        width: auto;
        height: 100%;
        max-width: 100%;
    }

#stockistpcdschresults-wrapper ul li input {
    /*width: auto;*/
    /*border-radius: 0;
        border: none;
        text-transform: uppercase;
        font-weight: 300;
        color: var(--white);
        background-color: var(--p-main) !important;
        padding: 0 15px;
        font-size: 1.2rem;
        letter-spacing: 2.0px;
        height: 35px;
        margin-top: 7px;*/
    /*background: url(../grfx/svg/rightarrow-nvy.svg) no-repeat center;
        background-image: url(../grfx/svg/rightarrow-nvy.svg), none;
        background-size: auto 14px;
        width: 50px;
        height: 50px;*/
    padding-right: 10px;
    padding-left: 10px;
    text-indent: -9999px;
    background: transparent;
    width: 100%;
    height: 100%;
}

        #stockistpcdschresults-wrapper ul li input:hover {
            opacity: .8;
        }

.row-title .title,
.business-name {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: 0.2px;
    font-weight: 600;
    font-family: 'Esklarheitkurrent Xlt Trial', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 0px;
    margin-bottom: 8px;
    display: block;
}

#stockistpcdschresults-wrapper ul li .row-store-icon {
    border-bottom: 1px solid var(--e8eaf0);
    margin-bottom: 20px;
    padding-bottom: 20px;
    min-height: 20px;
}


/*#stockistpcdschresults-wrapper ul li:nth-child(4),
#stockistpcdschresults-wrapper ul li:nth-child(5),
#stockistpcdschresults-wrapper ul li:nth-child(6),
#stockistpcdschresults-wrapper ul li:nth-child(7),
#stockistpcdschresults-wrapper ul li:nth-child(8),
#stockistpcdschresults-wrapper ul li:nth-child(9),
#stockistpcdschresults-wrapper ul li:nth-child(10),
#stockistpcdschresults-wrapper ul li:nth-child(11),
#stockistpcdschresults-wrapper ul li:nth-child(12),
#stockistpcdschresults-wrapper ul li:nth-child(13),
#stockistpcdschresults-wrapper ul li:nth-child(14),
#stockistpcdschresults-wrapper ul li:nth-child(15) {
    display: none;
}*/

/* Map */

#google-maps-wrapper { 
	position:relative;
	clear:both;
}

/*#google-maps-mapcontainer {
	height: 600px;
	width: 100%;
}*/

/*#google-maps-mapaddresscontainer {
	position:absolute;
	top:0;
	right:0;
	height: 540px;
	background-color: rgba(0, 0, 0, .8);
	padding: 30px;
	color:#fff;
	font-size: 12px; font-size: 1.2rem;
	min-width:20%;
    z-index:10;
}*/

.google-maps-hidemapaddress {
	display:none;
}

#google-maps-mapaddresscontainer > span {
	display:block;
}

.envelope-business-name {
	
}
.envelope-contact-tel {

}

/* Arrow Buttons */

a.viewmap-link {
    padding: 9px 15px!important;
    /*background: url('../grfx/png/arrow.png') no-repeat right 16px top 14px;
    background-image: url('../grfx/svg/arrow.svg'), none;
    background-size: 5px;*/
    /*background-color: var(--p-main);
    color: var(--white);*/
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    /*text-transform: uppercase;*/
    font-weight: 300;
    float: left;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin-top: 15px;
}

    a.viewmap-link:hover {
        /*background: url('../grfx/png/arrow-white.png') no-repeat right 16px top 14px;
        background-image: url('../grfx/svg/arrow-white.svg'), none;
        background-size: 5px;*/
        opacity: 1.0;
        background-color: var(--td-green);
        text-decoration:none;
    }

/* brand list */
/*#google-maps-brandlist {
    position: absolute;
    z-index: 10;
    top: 150px;
    left: 30px;
    background-color: #fff;
    padding: 20px 40px 20px 20px;
    -webkit-appearance: none;
    min-width: 200px;
    opacity: 0;
}*/

    #google-maps-brandlist span {
        font-weight: 500;
        font-size: 11px;
        font-size: 1.1rem;
    }

    #google-maps-brandlist > span {
        font-weight: 500;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem;
        /*text-transform: uppercase;*/
    }

        /*#google-maps-brandlist > span.brand-filter-by {
            font-weight: normal;
            text-transform: none;
            text-decoration: underline;
            float: right;
            background: url(../grfx/svg/arrow-down.svg) bottom right no-repeat;
            background-size: 10px;
            padding-right: 20px;
            margin-right: -20px;
            color: #959595;
            cursor: pointer;
            display: none;
        }*/

#google-maps-brandlist > ul {
    /*margin-top: 16px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    column-gap: 28px;
    height: 100%;
}


        #google-maps-brandlist > ul > li {
            padding: 0;
            margin-bottom: 5px;
            display: none;
        }

    #google-maps-brandlist .brand-location-count {
        margin-left: 4px;
        font-size: 11px;
        font-size: 1.1rem;
        display:none;
    }

    #google-maps-brandlist > ul > li.noitemsfound {
        display: none;
    }

#google-maps-brandlist > ul > li.itemsfound {
    display: flex;
    justify-content: center;
    align-content: space-around;
    height: 100%;
    align-items: center;
    position: relative;
    flex-direction: column;
}
#google-maps-wrapper .brand-selection-box {
    transition: margin .5s ease,opacity 500ms cubic-bezier(1,1.015,0,.96);
    transition-delay: 1s;
}
.brand-list-complete #google-maps-resetmap,
.brand-list-complete #selection-filter-envelope,
#google-maps-wrapper .brand-list-complete {
    /*display: block;*/
    opacity: 1;
    /*transition: margin .5s ease,opacity 500ms cubic-bezier(1,1.015,0,.96);
    transition-delay: 1s;*/
}


#google-maps-brandlist {
    /*max-width: calc(100% - 200px);*/
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: space-between;
    align-items: center;
    justify-content: flex-start;
    column-gap: 25px;
    transition: margin .5s ease, opacity 500ms cubic-bezier(1,1.015,0,.96);
    transition-delay: 1s;
    height: 100%;
}

/* Map pins */
.M52GMMarker {
    width: 20px;
    height: 20px;
    position: absolute;
}

.M52GMMarker {
    background: url('../grfx/svg/mappin.svg') no-repeat center center;
    background-image: url('../grfx/svg/mappin.svg'), none;
    background-size: contain;
    width: 16px;
    height: 20px;
}

    .M52GMMarker > span {
        display: none;
    }




/* filter list */
/*#google-maps-brandlist*/
#selection-filter-envelope {
    text-align: left;
    position: absolute;
    z-index: 14;
    top: -120px;
    left: 0;
    right: 0;
    background-color: var(--darkblue);
    color: var(--white);
    /*padding: 20px 50px 20px 50px;*/
    opacity: 0;
    /*min-height: calc(110px - 40px);
    max-height: 110px;*/
    min-height: 120px;
    min-width: calc(100% - 200px);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    height: 100%;
    max-height: 120px;
}
#selection-filter-envelope-inner {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    min-height: 100%;
    width: 100%;
}

    #google-maps-brandlist span,
    #selection-filter-envelope .stock-at-location-text {
        font-weight: 500;
        font-size: 13px;
        font-size: 1.3rem;
        letter-spacing: 0px;
        color: var(--white);
    }
#google-maps-brandlist > ul > li input[type="checkbox"] + label,
#google-maps-brandlist > ul > li .brand-description {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    letter-spacing: 0.2px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height: 100%;
}

#google-maps-brandlist > span,
#selection-filter-envelope span.filter-header {
    font-weight: 600;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
    line-height: 1.9rem;
    /*color: var(--p-main);*/
    color: var(--td-green);
    letter-spacing: 0.5px;
    min-width: 130px;
}

    /*#google-maps-brandlist > span,
    #google-maps-brandlist > span.brand-filter-by {
        font-weight: normal;
        text-transform: none;
        text-decoration: underline;
        float: right;
        background: url(../grfx/svg/arrow-down.svg) bottom 3px right 10px no-repeat;
        background-size: 10px;
        padding-right: 30px;
        margin-right: -20px;
        color: #1f1f1f;
        cursor: pointer;
        display: none;
    }*/
        #google-maps-brandlist > span:NOT(.brand-filter-by) {
            display: none;
        }

        /* reset map button */
        #google-maps-resetmap {
            position: absolute;
            top: 622px;
            left: 250px;
            z-index: 13;
            background: transparent;
            opacity: 0;
            display: none !important;
        }

    #google-maps-resetmap input,
    #google-maps-resetmap input:hover {
        border: 1px var(--p-main) solid !important;
        width: auto;
        border-radius: 0;
        border: none;
        font-weight: 300;
        /*text-transform: uppercase;*/
        letter-spacing: 1.0px;
        color: var(--white);
        background-color: var(--p-main) !important;
        background: none;
        cursor: pointer;
        padding: 13px 20px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
        height: auto;
        margin-top: 14px;
        /*padding-left: 42px;
        background: url(../grfx/svg/rotate-icon.svg) no-repeat center left 15px;
        background-image: url(../grfx/svg/rotate-icon.svg), none;
        background-size: 14px;*/ 
        -webkit-border-radius: var(--radius-button);
        -moz-border-radius: var(--radius-button);
        border-radius: var(--radius-button);
    }

        #google-maps-resetmap input:hover {
           opacity:0.8;
        }



/*  map icon styling */

.gm-style > .gmnoprint {
    /*margin-left: 20px!important;
    margin-top: 80px!important;*/
    right: 70px !important;
    bottom: 30px !important;
    top: auto !important;
    left: auto !important;
}

/*  hide the zoom function */
.gm-bundled-control-on-bottom > .gm-svpc {
    display: none;
}

/* reposition the + - zoom button */
.gm-bundled-control-on-bottom > .gmnoprint {
    /*top: -58px !important;*/
    bottom: auto !important;
    left: auto !important;
    /*right: -40px !important;*/
    display: block !important;
}

/* reposition the view full screen button */
.gm-style button[title="Toggle fullscreen view"] {
    /*display: none;*/
}

.gm-style > button {
    top: 20px !important;
    right: 30px !important;
}

.gmnoprint > .gm-style-mtc {
    display: none;
}



/* Map */


/* cluster pin */

div[style*="background-image: url("][style*="m3.png"],
div[style*="background-image: url("][style*="m2.png"],
div[style*="background-image: url("][style*="m1.png"],
div[style*="background-image: url("][style*="clusterpin1.png"] {
    color: #ffffff !important;
    font-weight: 500 !important;
    background-size: 30px;
    background-repeat: no-repeat;
    height: 30px !important;
    line-height: 30px !important;
    width: 30px !important;
    font-size: 15px !important;
    font-size: 1.5rem !important;
    letter-spacing: 0.5px;
    background: #1f1f1f !important;
    border: 1.5px solid #1f1f1f;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-image: none;
    vertical-align: middle;
    font-family: Esklarheitkurrent Bk Trial, sans-serif !important;
}

div[style*="background-image: url("][style*="m1.png"] {
    height: 24px !important;
    width: 24px !important;
    line-height: 24px !important;
    margin-left: 14.5px; /* initial 53px = 14.5 + 14.5 + 24 */
    margin-top: 14.5px;
    font-size: 13px !important;
    font-size: 1.3rem !important;
}

div[style*="background-image: url("][style*="m2.png"] {
    height: 32px !important;
    width: 32px !important;
    line-height: 32px !important;
    margin-left: 12px; /* initial 56px = 12 + 12 + 32 */
    margin-top: 12px;
    font-size: 14px !important;
    font-size: 1.4rem !important;
}

div[style*="background-image: url("][style*="m3.png"] {
    height: 40px !important;
    width: 40px !important;
    line-height: 40px !important;
    margin-left: 13px; /* initial 66px = 13 + 13 + 40 */
    margin-top: 13px;
}


#google-maps-wrapper {
    position: relative;
    clear: both;
}

#google-maps-mapcontainer {
    /*height: 780px; */
    /*height: 770px;*/
    height: 740px;
    width: 100%;
    overflow: visible !important;
    margin-top: 120px;
}


#google-maps-mapaddresscontainer {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    /*width: 324px;*/ /*wider concept*/
    /*width: 480px;*/ /* update width */
    width: 625px;
    height: auto;
    font-size: 8px;
}

#google-maps-mapaddressinnercontainer {
    background: var(--white);
    /*border-radius: 5px;*/
    height: auto;
    color: var(--p-main);
    line-height: 10px;
    padding: 35px 35px 30px;
    position: relative;
    top: 0;
    left: -100px;
    text-align: left;
    /*width: 420px;*/ /*  update width*/
    width: 560px;
    z-index: 99;
    -webkit-border-radius: var(--radius-box-24);
    -moz-border-radius: var(--radius-box-24);
    border-radius: var(--radius-box-24);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.11);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.11);
    box-shadow: 0 1px 5px rgba(0,0,0,.11);
    overflow: hidden;
    min-height: 275px;
}

    #google-maps-mapaddressinnercontainer,
    #google-maps-mapaddressinnercontainer span,
    #google-maps-mapaddressinnercontainer div,
    #google-maps-mapaddressinnercontainer a {
        font-size: 16px !important;
        font-size: 1.6rem !important;
        line-height: 24px;
        line-height: 2.4rem;
        letter-spacing: 0.5px;
        font-weight: 500;
        color: var(--p-main);
        /*font-family: 'Esklarheitkurrent Rg Trial', sans-serif;*/
        text-decoration: none;
    }
        #google-maps-mapaddressinnercontainer .contact-item-tel {
            margin-bottom: 15px;
        }

        #google-maps-mapaddressinnercontainer p {
            margin-bottom: 0;
        }

        /* position the window */
        #google-maps-mapaddressinnercontainer.left.top {
            position: relative;
            /*top: -60px;*/
            top: -40px;
            /*left: 80px;*/
            left: 35px;
        }

        #google-maps-mapaddressinnercontainer.left.bottom {
            position: relative;
            /*top: -308px;*/
            top: -270px;
            left: 35px;
            margin-top: -39px;
        }

        #google-maps-mapaddressinnercontainer.right.top {
            position: relative;
            /*top: -60px;*/
            top: -40px;
            /*left: -520px;*/ /*  update width */
            left: -660px;
        }

        #google-maps-mapaddressinnercontainer.right.bottom {
            position: relative;
            /*top: -308px;*/
            top: -270px;
            /*left: -520px;*/ /*  update width */
            left: -660px;
            /*margin-top: -28px;*/ /*wider concept*/
            margin-top: -39px;
        }
        /*  position window for holland */
        #google-maps-mapaddressinnercontainer.hollandandbarratt.left.top,
        #google-maps-mapaddressinnercontainer.hollandandbarratt.left.bottom {
            /*left: 80px;*/
            left: 30px;
        }

        #google-maps-mapaddressinnercontainer.hollandandbarratt.right.top,
        #google-maps-mapaddressinnercontainer.hollandandbarratt.right.bottom {
            /*left: -540px;*/ /*wider concept*/
            /*left: -620px;*/
            left: -585px;
        }


        /* position selected window */

        #google-maps-mapaddressinnercontainer.marker-selected {
            position: relative;
            top: 15px !important;
            /*left: calc(-50% - 20px) !important;*/
            left: calc(-50% - 5px) !important;
            /*-webkit-box-shadow: 0 0 15px 10px #d2d0d0;
            -moz-box-shadow: 0 0 15px 10px #d2d0d0;
            box-shadow: 0 0 15px 10px #d2d0d0;*/
            -webkit-border-radius: var(--radius-box-24);
            -moz-border-radius: var(--radius-box-24);
            border-radius: var(--radius-box-24);
            overflow: hidden;
        }


.google-maps-hidemapaddress {
    display: none;
}

#google-maps-mapaddresscontainer > span {
    display: block;
}
/*  grey out the map*/
#google-maps-mapcontainer img {
    filter: grayscale(100%);
}


/* Map-pin logo */
.M52GMMarker {
    width: 20px;
    height: 20px;
    position: absolute;
}

.M52GMMarker {
    background: url('../grfx/svg/mappin.svg') no-repeat center center;
    background-image: url('../grfx/svg/mappin.svg'), none;
    background-size: contain;
    width: 16px;
    height: 20px;
}

    .M52GMMarker > span {
        display: none;
    }



.M52GMMarker {
    background: url('../grfx/svg/mappin.svg') no-repeat center center;
    background-image: url('../grfx/svg/mappin.svg'), none;
    background-size: contain;
    /*width: 13px;
    height: 15px;*/
    /*width: 26px;
    height: 30px;
    margin-top: -1.5px;
    margin-left: 7.5px;*/
    width: 19.5px;
    height: 23.5px;
    transform: scale(1);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out;
}


    /*  map pin - selected */
    .M52GMMarker.marker-selected {
        -webkit-box-shadow: 0 0 10px 5px #d0d0d0;
        -moz-box-shadow: 0 0 10px 5px #d0d0d0;
        box-shadow: 0px 0px 10px 5px #d0d0d0;
    }

    /* map pin - hover */
    .M52GMMarker.stockisthover,
    .M52GMMarker.marker-selected,
    .M52GMMarker:hover {
        /*            width:23px;
            height: 25px;
            margin-top: -13px;
            margin-left: -4px;*/
        /* width: 46px;
        height: 50px;
        margin-top: -21.5px;
        margin-left: -2.5px;*/
        width: 19px;
        height: 23px;
        margin-top: -7.5px;
        margin-left: -1px;
        transform: scale(1.7);
        z-index: 900;
        cursor: pointer;
    }

        .M52GMMarker.stockisthover:before,
        .M52GMMarker.marker-selected:before,
        .M52GMMarker:hover:before {
            content: "";
            display: block;
            position: absolute;
            z-index: 901;
            cursor: pointer;
            background: url('../grfx/map-pins/near-me-pointer.png') no-repeat center center;
            background-image: url('../grfx/map-pins/near-me-pointer.png'), none;
            background-size: contain;
            width: 56px;
            height: 37px;
            margin-top: -16px;
            margin-left: -17.5px;
            display: none;
        }

        /* selected */
    


        /*cross hair  */
.m52-cross-hair {
    background: url('../grfx/map-pins/crosshair.svg') no-repeat center center;
    background-image: url('../grfx/map-pins/crosshair.svg'), none;
    background-size: contain;
    width: 20px;
    height: 20px;
    color: transparent !important;
    z-index: 99999;
}

.addressvisible .m52-cross-hair {
    display: none;
}

    /* store info box  */
    .M52GMMarker > div {
        background: #fff;
        border-radius: 10px;
        border: 1px solid #000;
        left: 350%;
        height: auto;
        color: #000;
        line-height: 10px;
        margin-bottom: 5px;
        margin-left: -100px;
        padding: 4px 15px 16px;
        position: absolute;
        text-align: left;
        width: 216px;
        z-index: 900;
        font-size: 8px;
        display: none;
        /*font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;*/
    }

/*  business name length for specific brand logo  */

div.asda .store-name {
    padding-right: 85px;
}

div.tesco .store-name {
    padding-right: 85px;
}

/*div.hollandandbarratt .store-name {
    padding-right: 110px;
}*/

/*  specific border color and brand logo -  hover */

.M52GMMarker > div.store-asda {
    border: 1.5px solid #0b64a1;
    background: #fff url(../grfx/png/asda.png) no-repeat top 15px right 15px;
    background-image: url(../grfx/png/asda.png), none;
    background-size: 47px 17px;
}

.M52GMMarker > div.store-asda {
    border: 1.5px solid #0b64a1;
    background: #fff url(../grfx/png/tesco.png) no-repeat top 15px right 15px;
    background-image: url(../grfx/png/tesco.png), none;
    background-size: 47px 17px;
}

.M52GMMarker > div.store-hollandandbarratt {
    border: 1.5px solid #000000;
    background: #fff url(../grfx/png/holland-and-barratt.png) no-repeat top 15px right 15px;
    background-image: url(../grfx/png/holland-and-barratt.png), none;
    background-size: 63px 15px;
}




/*  specific border color and brand logo -  onclick */

#google-maps-mapaddressinnercontainer.asda {
    /*border: 2px solid #0b64a1;*/
    background: #fff url(../grfx/png/asda.png) no-repeat top 20px right 20px;
    background-image: url(../grfx/png/asda.png), none;
    background-size: 73px 26px;
}

#google-maps-mapaddressinnercontainer.tesco {
    /*border: 2px solid #0b64a1;*/
    background: #fff url(../grfx/png/tesco.png) no-repeat top 20px right 20px;
    background-image: url(../grfx/png/tesco.png), none;
    background-size: 73px 26px;
}

#google-maps-mapaddressinnercontainer.hollandandbarratt {
    /*border: 2px solid #0b64a1;*/
    background: #fff url(../grfx/png/holland-and-barratt.png) no-repeat top 20px right 20px;
    background-image: url(../grfx/png/holland-and-barratt.png), none;
    background-size: 100px 24px;
}

/* popup store info */
#google-maps-mapaddressinnercontainer > div,
.M52GMMarker > div > div {
    margin-top: 3px;
    /*display: table;*/
    display: block;
}

#google-maps-mapaddressinnercontainer .title-heading,
.M52GMMarker > div .title-heading {
    display:none;
    /*color: #1f1f1f;
    font-weight: 300;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px !important;
    font-size: 1.4rem !important;*/
}

#google-maps-mapaddressinnercontainer .store-name-info,
.M52GMMarker > div .store-name-info {
    min-height: 37px;
    /*width: 100%;*/
    /*width: calc(100% - 200px);*/ /* update width */
    width: calc(100% - 270px);
}

#google-maps-mapaddressinnercontainer .store-detail-info,
.M52GMMarker > div .store-detail-info {
    display: table;
    width: 100%;
}

#google-maps-mapaddressinnercontainer .store-address,
#google-maps-mapaddressinnercontainer .opening-detail,
.M52GMMarker > div .store-address,
.M52GMMarker > div .opening-detail {
    display: table-cell;
    white-space: nowrap;
    float: left;
}

#google-maps-mapaddressinnercontainer .store-address,
.M52GMMarker > div .store-address {
    margin-right: 8px;
    width: 49%;
}

#google-maps-mapaddressinnercontainer .store-icon-container,
.M52GMMarker > div .store-icon-container {
    border-bottom: 1px solid var(--e8eaf0);
    margin-bottom: 25px;
    padding-bottom: 25px;
}

    #google-maps-mapaddressinnercontainer .store-icon-container img,
    .M52GMMarker > div .store-icon-container img {
        max-height: 36px;
        width: auto;
        height: 100%;
        filter: none;
    }

#google-maps-mapaddressinnercontainer .store-address ul.item-detail.address-list,
.M52GMMarker > div .store-address ul.item-detail.address-list {
    margin-bottom: 10px;
    padding-left: 26px;
    background: url(../grfx/svg/mappin.svg) no-repeat top 5px left;
    background-image: url(../grfx/svg/mappin.svg), none;
    background-size: 13px 15px;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 5px;
}

    #google-maps-mapaddressinnercontainer .store-address ul.item-detail.address-list li.nodata,
    .M52GMMarker > div .store-address ul.item-detail.address-list li.nodata {
        display:none;
    }

    #google-maps-mapaddressinnercontainer .store-address .address-item span,
    .M52GMMarker > div .store-address .address-item span {
        white-space: normal;
    }

#google-maps-mapaddressinnercontainer .opening-detail,
.M52GMMarker > div .opening-detail {
    /*width: calc(54% -  15px);*/
    float: right;
    width: auto;
}

#google-maps-mapaddressinnercontainer ul li.opening-item,
.M52GMMarker > div ul li.opening-item {
    display: table;
    width: 100%;
}

    #google-maps-mapaddressinnercontainer ul li.opening-item > span,
    .M52GMMarker > div ul li.opening-item > span {
        display: table-cell;
        vertical-align: top;
    }

        #google-maps-mapaddressinnercontainer ul li.opening-item > span.opening-day,
        .M52GMMarker > div ul li.opening-item > span.opening-day {
            width: auto;
            /*padding-right: 6px;*/ /*wider concept*/
            padding-right: 30px;
        }

        #google-maps-mapaddressinnercontainer ul li.opening-item > span.opening-detail,
        .M52GMMarker > div ul li.opening-item > span.opening-detail {
            text-align: right;
        }

        /*  close button */

#google-maps-mapaddressinnercontainer .clear-address-envelope,
.M52GMMarker .clear-address-envelope {
    position: absolute;
    top: 8px;
    right: 14px;
    z-index: 99;
}

    #google-maps-mapaddressinnercontainer .clear-address-envelope > a,
    .M52GMMarker .clear-address-envelope > a {
        padding: 3px;
        cursor: pointer;
        background: url(../grfx/svg/cross-wht.svg) no-repeat center;
        background-image: url(../grfx/svg/cross-wht.svg);
        background-size: 14px;
        display: inline-block;
        text-indent: 99999px;
        height: 18px;
        width: 18px;
    }
    /*  brand info list  */
#google-maps-mapaddressinnercontainer .brand-info-list,
.M52GMMarker .brand-info-list {
    position: absolute;
    top: -3px;
    right: 0;
    background-color: var(--p-main);
    height: calc(100% - 60px);
    /*width: calc(220px - 60px);*/ /*  update width */
    width: calc(270px - 60px);
    padding: 30px;
    border-radius: 0 var(--radius-box-24) var(--radius-box-24) 0;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 13px;
    overflow-x: hidden;
    overflow-y: auto;
    /*  display fixed on top */
    margin-top: 73px;
    padding-top: 15px;
    border-radius: 0 0 var(--radius-box-24) 0;
    height: calc(100% - 115px);
    /*padding-top: 90px;*/
}
    #google-maps-mapaddressinnercontainer .brand-info-list::-webkit-scrollbar-thumb,
    .M52GMMarker .brand-info-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #c1c3c5;
    }

    #google-maps-mapaddressinnercontainer .brand-info-list::-webkit-scrollbar-track,
    .M52GMMarker .brand-info-list::-webkit-scrollbar-track {
        border-radius: 10px;
        /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
        /* background: #c1c3c5; */
    }

    #google-maps-mapaddressinnercontainer .brand-info-list::-webkit-scrollbar,
    .M52GMMarker .brand-info-list::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    #google-maps-mapaddressinnercontainer .brand-info-list > .title-heading,
    .M52GMMarker .brand-info-list > .title-heading {
        /*content: "Treaments";*/
        display: block;
        position: relative;
        margin-bottom: 20px;
        color: var(--td-green);
        letter-spacing: 0.5px;
        font-size: 22px !important;
        font-size: 2.2rem !important;
        line-height: 30px !important;
        line-height: 3.0rem !important;
        /*  display fixed on top */
        position: fixed;
        width: 240px;
        padding-left: 30px;
        margin-left: -30px;
        padding-top: 30px;
        margin-top: -85px;
        padding-bottom: 15px;
        background-color: var(--p-main);
        border-top-right-radius: var(--radius-box-24);
    }

/*  brand name */
/*#google-maps-mapaddressinnercontainer .brand-info-list ,
.M52GMMarker > div .brand-info-list {
    margin-top:10px;
}*/
    /*#google-maps-mapaddressinnercontainer .brand-info-list .brand-info-item.nodata,
    .M52GMMarker .brand-info-list .brand-info-item.nodata {
        display: flex !important;
    }*/
    #google-maps-mapaddressinnercontainer .brand-info-list .brand-info-item,
    .M52GMMarker .brand-info-list .brand-info-item {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
    }

    /*#google-maps-mapaddressinnercontainer .brand-info-list > span,
    .M52GMMarker > div .brand-info-list > span {
        display:none!important;
    }*/
    #google-maps-mapaddressinnercontainer .brand-info-list .brand-title,
    .M52GMMarker > div .brand-info-list .brand-title {
        display: flex !important;
        font-size: 13px !important;
        font-size: 1.3rem !important;
        color: var(--white);
        font-weight: 400;
        display: block;
        line-height: 19px;
        line-height: 1.9rem;
        width: 100%;
        min-width: 140px;
        letter-spacing: 0.1px;
        padding-left: 45px;
        background-repeat: no-repeat !important;
        background-position: center left !important;
        background-size: auto 28px !important;
        min-height: 35px;
        align-content: center;
        align-items: center;
        /*text-indent: -9999px;*/
    }
    /*  replaced with logo */
    /*#google-maps-mapaddressinnercontainer .brand-info-list .cosmetic .brand-title,
    .M52GMMarker > div .brand-info-list .cosmetic .brand-title {
        background-image: url(../grfx/svg/filter-cosden-wht.svg) !important;
        background-size: auto 28px !important;
    }*/

    /* CROWNS-AND-BRIDGES  */
    /*#google-maps-mapaddressinnercontainer .brand-info-list .crown-bridge .brand-title,
    .M52GMMarker > div .brand-info-list .crown-bridge .brand-title,*/
    #google-maps-mapaddressinnercontainer .brand-info-list .crowns-and-bridges .brand-title,
    .M52GMMarker > div .brand-info-list .crowns-and-bridges .brand-title {
        background-image: url(../grfx/svg/filter-crown-wht.svg) !important;
        background-position: center left 2px !important;
    }

    /* DENTAL-HYGIENE */
    /*#google-maps-mapaddressinnercontainer .brand-info-list .hygiene .brand-title,
    .M52GMMarker > div .brand-info-list .hygiene .brand-title,*/
    #google-maps-mapaddressinnercontainer .brand-info-list .dental-hygiene .brand-title,
    .M52GMMarker > div .brand-info-list .dental-hygiene .brand-title {
        background-image: url(../grfx/svg/filter-hygiene-wht.svg) !important;
        background-position: center left 2px !important
    }
    /* DENTAL-IMPLANTS */
    /*#google-maps-mapaddressinnercontainer .brand-info-list .implants .brand-title,
    .M52GMMarker > div .brand-info-list .implants .brand-title,*/
    #google-maps-mapaddressinnercontainer .brand-info-list .dental-implants .brand-title,
    .M52GMMarker > div .brand-info-list .dental-implants .brand-title {
        background-image: url(../grfx/svg/filter-implant-wht.svg) !important;
        background-size: auto 27px !important;
        background-position: center left 1px !important;
    }
    /* DENTURES */
    #google-maps-mapaddressinnercontainer .brand-info-list .dentures .brand-title,
    .M52GMMarker > div .brand-info-list .dentures .brand-title {
        background-image: url(../grfx/svg/filter-dentures-wht.svg) !important;
        background-position: center left 1px !important;
    }
    /* FIXED-BRACES */
    #google-maps-mapaddressinnercontainer .brand-info-list .fixed-braces .brand-title,
    .M52GMMarker > div .brand-info-list .fixed-braces .brand-title {
        background-image: url(../grfx/svg/filter-fixbra-wht.svg) !important;
        background-size: auto 25px !important;
    }
    /*#google-maps-mapaddressinnercontainer .brand-info-list .general .brand-title,
    .M52GMMarker > div .brand-info-list .general .brand-title {
        background-image: url(../grfx/svg/filter-genden-wht.svg) !important;
        background-position: center left 2px !important;
    }*/
    /* INVISALIGN */
    #google-maps-mapaddressinnercontainer .brand-info-list .invisalign .brand-title,
    .M52GMMarker > div .brand-info-list .invisalign .brand-title {
        background-image: url(../grfx/svg/filter-invis-wht.svg) !important;
        background-size: auto 22px !important;
    }

    /*  waiting for icon images */
    /* DENTAL-CHECK-UP */
    #google-maps-mapaddressinnercontainer .brand-info-list .dental-check-up .brand-title,
    .M52GMMarker > div .brand-info-list .dental-check-up .brand-title {
        background-image: url(../grfx/svg/filter-dencheck-wht.svg) !important;
        /*background-size: auto 20px !important;*/
    }

    /* EMERGENCY-DENTISTRY */
    #google-maps-mapaddressinnercontainer .brand-info-list .emergency-dentistry .brand-title,
    .M52GMMarker > div .brand-info-list .emergency-dentistry .brand-title {
        background-image: url(../grfx/svg/filter-emergency-wht.svg) !important;
        background-size: auto 24px !important;
    }

    /* COMPOSITE-BONDING */
    #google-maps-mapaddressinnercontainer .brand-info-list .composite-bonding .brand-title,
    .M52GMMarker > div .brand-info-list .composite-bonding .brand-title {
        background-image: url(../grfx/svg/filter-compbon-wht.svg) !important;
        background-size: auto 25px !important;
    }

    /* DENTAL-VENEERS */
    #google-maps-mapaddressinnercontainer .brand-info-list .dental-veneers .brand-title,
    .M52GMMarker > div .brand-info-list .dental-veneers .brand-title {
        background-image: url(../grfx/svg/filter-veneer-wht.svg) !important;
        /*background-size: auto 28px !important;*/
    }

    /* GUM-RECONTOURING */
    #google-maps-mapaddressinnercontainer .brand-info-list .gum-recontouring .brand-title,
    .M52GMMarker > div .brand-info-list .gum-recontouring .brand-title {
        background-image: url(../grfx/svg/filter-gum-wht.svg) !important;
        background-size: auto 24px !important;
    }

    /* INLAYS-AND-ONLAYS */
    #google-maps-mapaddressinnercontainer .brand-info-list .inlays-and-onlays .brand-title,
    .M52GMMarker > div .brand-info-list .inlays-and-onlays .brand-title {
        background-image: url(../grfx/svg/filter-inlayonlay-wht.svg) !important;
        background-position: center left 2px !important
    }

    /* TEETHWHITENING */
    #google-maps-mapaddressinnercontainer .brand-info-list .teethwhitening .brand-title,
    .M52GMMarker > div .brand-info-list .teethwhitening .brand-title {
        background-image: url(../grfx/svg/filter-teethwhite-wht.svg) !important;
        background-size: auto 30px !important;
    }

    /* WHITEFILLINGS */
    #google-maps-mapaddressinnercontainer .brand-info-list .whitefillings .brand-title,
    .M52GMMarker > div .brand-info-list .whitefillings .brand-title {
        background-image: url(../grfx/svg/filter-filling-wht.svg) !important;
        background-size: auto 30px !important;
        background-position: center left 2px !important;
    }

    /* ALL-ON-4-IMPLANTS */
    #google-maps-mapaddressinnercontainer .brand-info-list .all-on-4-implants .brand-title,
    .M52GMMarker > div .brand-info-list .all-on-4-implants .brand-title {
        background-image: url(../grfx/svg/filter-allon4-wht.svg) !important;
        background-size: auto 23px !important;
    }

    /* ROOT-CANAL */
    #google-maps-mapaddressinnercontainer .brand-info-list .root-canal .brand-title,
    .M52GMMarker > div .brand-info-list .root-canal .brand-title {
        background-image: url(../grfx/svg/filter-root-wht.svg) !important;
        background-size: auto 30px !important;
        background-position: center left 3px !important;
    }

    /* CERAMIC-BRACES */
    #google-maps-mapaddressinnercontainer .brand-info-list .ceramic-braces .brand-title,
    .M52GMMarker > div .brand-info-list .ceramic-braces .brand-title {
        background-image: url(../grfx/svg/filter-ceramic-wht.svg) !important;
        background-size: auto 25px !important;
        /*background-position: center left 1px !important;*/
    }
    /* CLEAR-ALIGNERS */
    #google-maps-mapaddressinnercontainer .brand-info-list .clear-aligners .brand-title,
    .M52GMMarker > div .brand-info-list .clear-aligners .brand-title {
        background-image: url(../grfx/svg/filter-clearalign-wht.svg) !important;
        background-size: auto 22px !important;
    }
    /* LINGUAL-BRACES */
    #google-maps-mapaddressinnercontainer .brand-info-list .lingual-braces .brand-title,
    .M52GMMarker > div .brand-info-list .lingual-braces .brand-title {
        background-image: url(../grfx/svg/filter-lingual-wht.svg) !important;
        background-size: auto 22px !important;
    }
    /* INCOGNITO-BRACES */
    #google-maps-mapaddressinnercontainer .brand-info-list .incognito-braces .brand-title,
    .M52GMMarker > div .brand-info-list .incognito-braces .brand-title {
        background-image: url(../grfx/svg/filter-incognito-wht.svg) !important;
        background-size: auto 13px !important;
    }

    /* INMAN-ALIGNER */
    #google-maps-mapaddressinnercontainer .brand-info-list .inman-aligner .brand-title,
    .M52GMMarker > div .brand-info-list .inman-aligner .brand-title {
        background-image: url(../grfx/svg/filter-inman-wht.svg) !important;
        background-size: auto 20px !important;
    }

    /* DENTAL-MONITORING */
    #google-maps-mapaddressinnercontainer .brand-info-list .dental-monitoring .brand-title,
    .M52GMMarker > div .brand-info-list .dental-monitoring .brand-title {
        background-image: url(../grfx/svg/filter-remote-wht.svg) !important;
        background-size: auto 25px !important;
        background-position: center left 4px !important;
    }

    /* SPARKS-ALIGNERS */
    #google-maps-mapaddressinnercontainer .brand-info-list .sparks-aligners .brand-title,
    .M52GMMarker > div .brand-info-list .sparks-aligners .brand-title {
        background-image: url(../grfx/svg/filter-spark-wht.svg) !important;
        background-size: auto 22px !important;
    }

    /* EXTRACTIONS */
    #google-maps-mapaddressinnercontainer .brand-info-list .extractions .brand-title,
    .M52GMMarker > div .brand-info-list .extractions .brand-title {
        background-image: url(../grfx/svg/filter-extraction-wht.svg) !important;
        /*background-size: auto 20px !important;*/
    }

    /* FACIAL-AESTHETICS */
    #google-maps-mapaddressinnercontainer .brand-info-list .facial-aesthetics .brand-title,
    .M52GMMarker > div .brand-info-list .facial-aesthetics .brand-title {
        background-image: url(../grfx/svg/filter-facial-wht.svg) !important;
        background-size: auto 29px !important;
    }

    /* NHS */
    #google-maps-mapaddressinnercontainer .brand-info-list .nhs .brand-title,
    .M52GMMarker > div .brand-info-list .nhs .brand-title {
        background-image: url(../grfx/svg/filter-nhs-wht.svg) !important;
        background-size: auto 13px !important;
    }

    /*

--DENTAL-CHECK-UP - 49
--DENTAL-HYGIENE - 105
--EMERGENCY-DENTISTRY - 28
--COMPOSITE-BONDING - 58
--DENTAL-VENEERS - 75
--GUM-RECONTOURING - 3
--INLAYS-AND-ONLAYS - 19
--TEETHWHITENING - 126
--WHITEFILLINGS - 30
--ALL-ON-4-IMPLANTS - 27
--CROWNS-AND-BRIDGES - 69
--DENTAL-IMPLANTS - 67
--DENTURES - 54
--ROOT-CANAL - 60
--FIXED-BRACES - 269
--CERAMIC-BRACES - 211
--CLEAR-ALIGNERS - 62
--LINGUAL-BRACES - 31
--INCOGNITO-BRACES - 46
--INVISALIGN - 309
--INMAN-ALIGNER - 5
--DENTAL-MONITORING - 151
--SPARKS-ALIGNERS - 80
--EXTRACTIONS - 23
--FACIAL-AESTHETICS - 39
--NHS - 64
*/



#google-maps-mapaddressinnercontainer span.business-name {
    font-size: 30px !important;
    font-size: 3.0rem !important;
    line-height: 36px;
    line-height: 3.6rem;
    /*padding-right: 45%;*/
    font-weight: 700;
    font-family: 'Esklarheitkurrent Xlt Trial', sans-serif;
    padding-bottom: 10px;
}

/*  hide images */
#google-maps-mapaddressinnercontainer .store-image-container,
.M52GMMarker > div .store-image-container {
    display: none;
}

#google-maps-mapaddressinnercontainer .store-slide-image-container,
.M52GMMarker > div .store-slide-image-container {
    display: none;
}


#google-maps-mapaddressinnercontainer .store-links-container,
.M52GMMarker > div .store-links-container {
    /*margin-bottom: 10px;*/
    /*padding-top: 20px;*/
}

    #google-maps-mapaddressinnercontainer .store-links-container ul,
    .M52GMMarker > div .store-links-container ul {
        /*text-align: center;*/
        display: block;
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 5px;
        column-gap: 5px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        #google-maps-mapaddressinnercontainer .store-links-container ul li,
        .M52GMMarker > div .store-links-container ul li {
            display: flex;
            align-content: flex-start;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: row;
        }

            #google-maps-mapaddressinnercontainer .appointmentlink a,
            #google-maps-mapaddressinnercontainer .envelope-viewmap-link a,
            #google-maps-mapaddressinnercontainer .store-links-container ul li a {
                /*text-transform: uppercase;*/
                background-color: var(--p-main);
                padding: 9px 22px;
                font-weight: 300;
                margin-right: 5px;
                font-size: 12px !important;
                font-size: 1.2rem !important;
                line-height: 12px !important;
                line-height: 1.2rem !important;
                height: auto;
            }

            .M52GMMarker > div .store-links-container ul li a {
                text-transform: uppercase;
                background-color: #e7e7e7;
                border-radius: 50px;
                font-weight: bold;
                font-size: 7px !important;
                font-size: .7rem !important;
                padding: 7px 10px;
                margin-right: 8px;
            }

            .M52GMMarker > div .store-links-container ul li:last-child a,
            #google-maps-mapaddressinnercontainer .store-links-container ul li:last-child a {
                margin-right: 0;
            }

            #google-maps-mapaddressinnercontainer .envelope-viewmap-link a span,
            #google-maps-mapaddressinnercontainer .store-links-container ul li a span {
                font-size: 17px !important;
                font-size: 1.7rem !important;
                line-height: 20px !important;
                line-height: 2.0rem !important;
                font-weight: 500 !important;
                letter-spacing: 0.1px !important;
            }

            #google-maps-mapaddressinnercontainer .envelope-viewmap-link a.viewmap-link span,
            #google-maps-mapaddressinnercontainer .store-links-container ul li a.viewmap-link span {
                font-weight: 700;
                color: var(--white);
                letter-spacing: 1.0px;
            }

            #google-maps-mapaddressinnercontainer .appointmentlink a:hover,
            #google-maps-mapaddressinnercontainer .envelope-viewmap-link a:hover,
            #google-maps-mapaddressinnercontainer .store-links-container ul li a:hover,
            .M52GMMarker > div .store-links-container ul li a:hover {
                opacity: .7;
            }

/*#google-maps-mapaddressinnercontainer.asda .store-links-container a.website-link:hover,
.M52GMMarker > div.store-asda .store-links-container a.website-link:hover {
    opacity: 1;
    border-color: #78be20 !important;
    color: #78be20 !important;
    background-color: #fff !important;
}

#google-maps-mapaddressinnercontainer.tesco .store-links-container a.website-link:hover,
.M52GMMarker > div.store-tesco .store-links-container a.website-link:hover {
    opacity: 1;
    border-color: #e52922 !important;
    color: #e52922 !important;
    background-color: #fff !important;
}

#google-maps-mapaddressinnercontainer.hollandandbarratt .store-links-container a.website-link:hover,
.M52GMMarker > div.store-hollandandbarratt .store-links-container a.website-link:hover {
    opacity: 1;
    border-color: #00704a !important;
    color: #00704a !important;
    background-color: #fff !important;
}*/

#google-maps-mapaddressinnercontainer .envelope-viewmap-link a:hover,
#google-maps-mapaddressinnercontainer .store-links-container a.viewmap-link:hover,
.M52GMMarker > div .store-links-container a.viewmap-link:hover {
    opacity: 1 !important;
    color: #1f1f1f !important;
    background-color: #fff !important;
}

#google-maps-mapaddressinnercontainer > span {
    display: block;
}

#google-maps-mapaddressinnercontainer span.envelope-business-name,
#google-maps-mapaddressinnercontainer span.envelope-contact-address1,
#google-maps-mapaddressinnercontainer span.envelope-viewmap-link {
    margin-top: 10px;
}


#google-maps-mapaddressinnercontainer .nodata,
.M52GMMarker > div .nodata {
    display: none !important;
}

/*  view directions button */
#google-maps-mapaddressinnercontainer .store-links-container ul li.directions {
    display: none !important;
}
/*appointment container*/
#google-maps-mapaddressinnercontainer .appointmentlink-container,
#google-maps-mapaddressinnercontainer .appointmentlink {
    display: none;
}

/*  specific store color for website link */
/*#google-maps-mapaddressinnercontainer.asda .store-links-container a.website-link,
.M52GMMarker > div.store-asda .store-links-container a.website-link {
    border: 1px solid #78be20;
    background-color: #78be20;
    color: #fff;
}

#google-maps-mapaddressinnercontainer.tesco .store-links-container a.website-link,
.M52GMMarker > div.store-tesco .store-links-container a.website-link {
    border: 1px solid #e52922;
    background-color: #e52922;
    color: #fff;
}

#google-maps-mapaddressinnercontainer.hollandandbarratt .store-links-container a.website-link,
.M52GMMarker > div.store-hollandandbarratt .store-links-container a.website-link {
    border: 1px solid #00704a;
    background-color: #00704a;
    color: #fff;
}*/

/*  specific store color for direction link */
#google-maps-mapaddressinnercontainer .store-links-container ul li a,
#google-maps-mapaddressinnercontainer .envelope-viewmap-link a.google-maps-directionlink,
#google-maps-mapaddressinnercontainer .store-links-container a.viewmap-link,
#google-maps-mapaddressinnercontainer .store-links-container a.website-link,
.M52GMMarker > div .store-links-container a.viewmap-link {
    background: transparent;
    margin-top: 0;
    margin-right: 0;
    border: 3px solid var(--td-pink);
    transition: var( --button-transition);
    white-space: nowrap;
    border-radius: var(--radius-button);
    align-items: center;
    padding-bottom: 12px;
    /*padding-left: 25px;*/
    /*background: url(../grfx/svg/upwardsarrow-wht.svg) no-repeat center right 15px;
    background-image: url(../grfx/svg/upwardsarrow-wht.svg), none;
    background-size: auto 12px;
    padding-right: 35px !important;*/
    background-color: var(--td-pink);
    display: flex;
    overflow: hidden;
    column-gap: 10px;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 19px;
}
    #google-maps-mapaddressinnercontainer .store-links-container a.website-link span {
        color:var(--white);
    }

    #google-maps-mapaddressinnercontainer .store-links-container ul li a:hover,
    #google-maps-mapaddressinnercontainer .envelope-viewmap-link a.google-maps-directionlink:hover,
    #google-maps-mapaddressinnercontainer .store-links-container a.viewmap-link:hover,
    #google-maps-mapaddressinnercontainer .store-links-container a.website-link:hover,
    .M52GMMarker > div .store-links-container a.viewmap-link:hover {
        background-color: var(--td-pink) !important;
        /*filter: var(--pink-button-hover);*/
        opacity:1;
        /*background-color: var(--td-green) !important;*/
        /*color: var(--white) !important;*/
    }
.arw-div {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 12px;
    height: 12px;
    display: flex;
    position: relative;
}
    .arw-div .cta-arw {
        width: 12px;
        height: 12px;
        position: relative;
        transition: all 0.2s ease-in-out;
    }
        .arw-div .cta-arw._1st {
            transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
            transform-style: preserve-3d;
        }
    .arw-div .cta-arw._2nd {
        position: absolute;
        bottom: -40px;
        right: 40px;
    }

#google-maps-mapaddressinnercontainer .store-links-container a.website-link .arw-div {
    top: 1px;
}
#google-maps-mapaddressinnercontainer .store-links-container a.website-link:hover .arw-div .cta-arw._1st {
    transform: translate3d(30px, -30px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}
#google-maps-mapaddressinnercontainer .store-links-container a.website-link:hover .arw-div .cta-arw._2nd {
    transform: translate3d(40px, -40px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

#google-maps-mapaddressinnercontainer span.item-detail.contact-tel,
#google-maps-mapaddressinnercontainer span.item-detail.contact-tel,
#google-maps-mapaddressinnercontainer span.item-detail.contact-tel {
    padding-left: 26px;
    background: url(../grfx/svg/phone.svg) no-repeat top 5px left;
    background-image: url(../grfx/svg/phone.svg), none;
    background-size: 13px 15px;
}
}


/* map pin logo  */

/*.M52GMMarker.asda {
    background: url('../grfx/map-pins/asda.png') no-repeat center center;
    background-image: url('../grfx/map-pins/asda.png'), none;
    background-size: contain;
    width: 60.5px;
    height: 24px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.M52GMMarker.tesco {
    background: url('../grfx/map-pins/tesco.png') no-repeat center center;
    background-image: url('../grfx/map-pins/tesco.png'), none;
    background-size: contain;
    width: 65px;
    height: 24px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.M52GMMarker.hollandandbarratt {
    background: url('../grfx/map-pins/green-pin.svg') no-repeat center center;
    background-image: url('../grfx/map-pins/green-pin.svg'), none;
    background-size: contain;
    width: 25px;
    height: 51px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}*/


/*  map pin - selected */
.M52GMMarker.marker-selected {
    -webkit-box-shadow: 0 0 10px 5px #d0d0d0;
    -moz-box-shadow: 0 0 10px 5px #d0d0d0;
    box-shadow: 0px 0px 10px 5px #d0d0d0;
}

/* map pin - hover */

/*.M52GMMarker.asda.marker-selected,
.M52GMMarker.asda:hover {
    width: 70px;
    height: 28px;
    margin-top: -5px;
    margin-left: -5px;
    z-index: 900;
    cursor: pointer;
}


.M52GMMarker.tesco.marker-selected,
.M52GMMarker.tesco:hover {
    width: 75px;
    height: 28px;
    margin-top: -5px;
    margin-left: -5px;
    z-index: 900;
    cursor: pointer;
}

.M52GMMarker.hollandandbarratt.marker-selected,
.M52GMMarker.hollandandbarratt:hover {
    width: 31px;
    height: 61px;
    margin-top: -10.75px;
    margin-left: -1.575px;
    z-index: 900;
    cursor: pointer;
}

    .M52GMMarker.hollandandbarratt.marker-selected:before,
    .M52GMMarker.hollandandbarratt:hover:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 901;
        cursor: pointer;
        background: url('../grfx/map-pins/holland-and-barrett-new.png') no-repeat center center;
        background-image: url('../grfx/map-pins/holland-and-barrett-new.png'), none;
        background-size: contain;
        width: 56px;
        height: 37px;
        margin-top: -16px;
        margin-left: -17.5px;
        display: none;
    }*/



#google-maps-mapcontainer.addressvisible .M52GMMarker:not(.marker-selected) {
    filter: grayscale(100%);
}



/* customise the retailer checkbox selection */
input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label {
        display: block;
        position: relative;
        /*padding-left: 25px;*/ 
        padding-left: 0;
        padding-top: 75px;
        margin-bottom: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        /*input[type="checkbox"] + label:last-child {
            margin-bottom: 0;
        }*/

        /*  uncheck */
        input[type="checkbox"] + label:before {
            content: '';
            display: block;
            background-image: url(../grfx/svg/box-unchecked.svg);
            /*background-image: url(../grfx/svg/invisalign-white.svg);*/
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: auto 26px !important;
            width: 100% !important;
            height: 30px !important;
            position: absolute !important;
            left: 0 !important;
            top: 35px !important;
            opacity: 1;
            transition: all 0.4s ease-in-out;
        }
.brand-selection-box input[type="checkbox"] + label span {
    color: var(--white) !important;
    transition: all 0.4s ease-in-out;
}

/* image based on type */
/*  fixed braces */
.brand-list-container ul li.brand-composite-bonding input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-compbon-wht.svg);
    background-size: 23px 26px !important;
}
/*  implants*/
/*.brand-list-container ul li.brand-implants input[type="checkbox"] + label:before,*/
.brand-list-container ul li.brand-dental-implants input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-implant-wht.svg);
    background-size: 23px 26px !important;
}
/*  fixed braces */
.brand-list-container ul li.brand-fixed-braces input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-fixbra-wht.svg);
    background-size: 32px 26px !important;
}
/*  invisalign*/
.brand-list-container ul li.brand-invisalign input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-invis-wht.svg);
    background-size: 29px 24px !important;
}
/*  teeth whitening*/
.brand-list-container ul li.brand-teethwhitening input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-teethwhite-wht.svg);
    background-size: 30px 28px !important;
}
/*  dental venners */
.brand-list-container ul li.brand-dental-veneers input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-veneer-wht.svg);
    background-size: 29px 28px !important;
}
/*  dentures */
.brand-list-container ul li.brand-dentures input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-dentures-wht.svg);
    background-size: 23px 26px !important;
}
/*  hygiene */
/*.brand-list-container ul li.brand-hygiene input[type="checkbox"] + label:before,*/
.brand-list-container ul li.brand-dental-hygiene input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-hygiene-wht.svg);
    background-size: 25px 25px !important;
}
/*  general */
/*.brand-list-container ul li.brand-general input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-genden-wht.svg);
}*/
/*  cosmetic */
/*.brand-list-container ul li.brand-cosmetic input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-cosden-wht.svg);
    background-size: auto 26px !important;
}*/
/*  crown and bridges */
/*.brand-list-container ul li.brand-crown-bridge input[type="checkbox"] + label:before,
.brand-list-container ul li.brand-crowns-and-bridges input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-crnsbrid-wht.svg);
}*/

/*.brand-list-item label span.brand-description:before {
    content: '';
    background: url(../grfx/map-pins/green-pin.svg) center left no-repeat;
    background-size: 13px;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 5px;
    left: 23px;
    border: 0;
}*/

/* hover */
.brand-selection-box li:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/box-checked.svg);
    /*background-image: url(../grfx/svg/invisalign-green.svg);*/
    /*background-color: #e7e7e7;*/
    border: 0;
}
.brand-selection-box li:hover input[type="checkbox"] + label span {
    color: var(--td-green) !important;
}
.brand-list-container ul li:hover input[type="checkbox"] + label:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: var(--td-green);
    position: absolute;
    /* top: 107px; */
    bottom: -2.5px;
    border-radius: 4000px 4000px 0 0;
    transition: all 0.4s ease-in-out;
}


/* image based on hover */
/*  composite bonding */
.brand-list-container ul li.brand-composite-bonding:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-compbon-grn.svg);
}
/*  implants*/
.brand-list-container ul li.brand-dental-implants:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-implant-grn.svg);
}
/*  fixed braces */
.brand-list-container ul li.brand-fixed-braces:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-fixbra-grn.svg);
}
/*  invisalign*/
.brand-list-container ul li.brand-invisalign:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-invis-grn.svg);
}
/*  teeth whitening*/
.brand-list-container ul li.brand-teethwhitening:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-teethwhite-grn.svg);
}
/*  dental veneers */
.brand-list-container ul li.brand-dental-veneers:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-veneer-grn.svg);
}
/*  dentures */
.brand-list-container ul li.brand-dentures:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-dentures-grn.svg);
}
/*  hygiene */
.brand-list-container ul li.brand-dental-hygiene:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-hygiene-grn.svg);
}
/*  general */
/*.brand-list-container ul li.brand-general:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-genden-grn.svg);
}*/
/*  cosmetic */
/*.brand-list-container ul li.brand-cosmetic:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-cosden-grn.svg);
}*/
/*  crown and bridges */
/*.brand-list-container ul li.brand-crowns-and-bridges:hover input[type="checkbox"] + label:before {
    background-image: url(../grfx/svg/filter-crnsbrid-grn.svg);
}*/

/* checked */
input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/box-checked.svg);
    /*background-image: url(../grfx/svg/invisalign-green.svg);*/
    /*background-color: #e7e7e7;*/
    border: 0;
}

.brand-selection-box input[type="checkbox"]:checked + label span {
    color: var(--td-green) !important;
}

.brand-list-container ul li input[type="checkbox"] + label:after {
    content: "";
    transition: all 0.4s ease-in-out;
}
.brand-list-container ul li input[type="checkbox"]:checked + label:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: var(--td-green);
    position: absolute;
    /* top: 107px; */
    bottom: -2.5px;
    border-radius: 4000px 4000px 0 0;
    transition: all 0.4s ease-in-out;
}

    /* image based on type */
/*  composite bonding */
.brand-list-container ul li.brand-composite-bonding input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-compbon-grn.svg);
}
/*  implants*/
.brand-list-container ul li.brand-dental-implants input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-implant-grn.svg);
}
/*  fixed braces */
.brand-list-container ul li.brand-fixed-braces input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-fixbra-grn.svg);
}
    /*  invisalign*/
.brand-list-container ul li.brand-invisalign input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-invis-grn.svg);
}
/*  teeth whitening */
.brand-list-container ul li.brand-teethwhitening input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-teethwhite-grn.svg);
}
/*  dental veneers */
.brand-list-container ul li.brand-dental-veneers input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-veneer-grn.svg);
}
/*  dentures */
.brand-list-container ul li.brand-dentures input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-dentures-grn.svg);
}
/*  hygiene */
.brand-list-container ul li.brand-dental-hygiene input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-hygiene-grn.svg);
}
/*  general */
/*.brand-list-container ul li.brand-general input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-genden-grn.svg);
}*/
/*  cosmetic */
/*.brand-list-container ul li.brand-cosmetic input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-cosden-grn.svg);
}*/
/*  crown and bridges */
/*.brand-list-container ul li.brand-crowns-and-bridges input[type="checkbox"]:checked + label:before {
    background-image: url(../grfx/svg/filter-crnsbrid-grn.svg);
}*/



/* instore / online */
/*.instore-online {
    max-width: 1400px;
    margin: 3px auto 0;
    display: block;
    padding: 0 50px;
    text-align: center;
}*/
    /* instore/online tab */
   /* .instore-online ul {
        display: flex;
        margin: 0 !important;
        padding: 0 !important;
        flex-direction: row;
        column-gap: 5px;
        justify-content: center;
    }
    .instore-online li {
        list-style: none !important;
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
    }
        .instore-online li a {
            border: 1px var(--p-main) solid !important;
            background-color: transparent !important;
            color: var(--p-main);
            width: auto;
            border-radius: 0;
            border: none;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 2.5px;
            cursor: pointer;
            padding: 19px 20px;
            font-size: 12px;
            font-size: 1.4rem;
            line-height: 12px;
            line-height: 1.2rem;
            height: auto;
            display: block;
        }
            .instore-online li a:hover,
            .instore-online li.active a {
                border: 1px var(--p-main) solid !important;
                color: var(--white);
                background-color: var(--p-main) !important;
            }*/

        /* location list */
#location-list2-wrapper,
#location-list-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: block;
    padding: 0 50px 120px;
}
.location-list-location-list-envelope {
    margin-top: 58px;
}
.location-list-location-list-envelope ul {
    display: grid;
    grid-column-gap: 50px;
    grid-row-gap: 78px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
    .location-list-location-list-envelope .business-name {
        letter-spacing: 0;
        margin-bottom: 15px;
    }
#location-list2-wrapper .location-list-location-list-envelope .business-name {
    margin-bottom: 10px;
}
    .location-list-location-list-envelope .location-list-item {
    display: flex;
    flex-direction: column;
    row-gap: 0px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.2px;
}
        .location-list-location-list-envelope .location-list-item span.nodata {
            display: none !important;
        }
    .location-list-location-list-envelope span.contact-postcode {
        text-transform: uppercase;
    }

    .location-list-location-list-envelope span.row-display-on-map {
        margin-top: auto;
    }
.location-list-location-list-envelope a.display-on-map {
    border: 1px var(--p-main) solid !important;
    width: auto;
    border-radius: 0;
    border: none;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: var(--white);
    background-color: var(--p-main) !important;
    background: none;
    cursor: pointer;
    padding: 13px 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    height: auto;
    margin-top: 26px;
    display: inline-block;
}

    .location-list-location-list-envelope a.display-on-map:hover {
        opacity: 0.8;
    }

    .location-list-location-list-envelope a.contact-tel {
        letter-spacing: 1.0px;
        font-size: 15px;
        font-size: 1.5rem;
        margin-top: 12px;
        display: inline-block;
    }

    /* tab selection */
ul.tab-selection {
    margin: 22px auto 0px !important;
    padding: 0px !important;
    list-style: none;
    display: inline-block;
    text-align: center;
}
    ul.tab-selection li {
        display: inline-block;
        margin: 0 2px;
    }

        ul.tab-selection li a {
            display: block;
            padding: 16px 34px !important;
            margin: 0 !important;
            cursor: pointer;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 24px;
            line-height: 2.4rem;
            letter-spacing: 3.0px;
            font-weight: 300;
            vertical-align: middle;
            font-weight: 400;
            text-transform: uppercase;
            color: #b6b5b7;
            border-bottom: 2px solid #f6f5f4;
        }

            ul.tab-selection li.selected a,
            ul.tab-selection li a:hover {
                border-color: var(--p-main);
            }

            /*  letter selction  */


.location-list-letter-index-envelope {
    margin-top: 20px;
}
    .location-list-letter-index-envelope ul{
        display: flex;
        row-gap: 0;
        flex-direction: row;
        justify-content: center;
    }
        .location-list-letter-index-envelope ul li {
            display: block;
        }
            .location-list-letter-index-envelope ul li a {
                display: block;
                text-transform: uppercase;
                padding: 16px 8.75px;
                letter-spacing: 3px;
                border-bottom: 2px solid transparent;
                /*opacity: 0.5;*/
                color: #ededed;
            }

            .location-list-letter-index-envelope ul li:first-child a {
                padding-left: 10px;
                padding-right: 10px;
            }

                .location-list-letter-index-envelope ul li.selectable a {
                    cursor: pointer;
                    color: #abaaac;
                }

                    .location-list-letter-index-envelope ul li.selectable a:hover,
                    .location-list-letter-index-envelope ul li.selected a {
                        color: var(--p-main);
                        border-color: var(--p-main);
                        font-weight: 400;
                    }


            /*  online */
            .location-list-location-list-envelope a.contact-website {
                color: var(--p-main);
                letter-spacing: 1.0px;
            }

#location-list2-wrapper .location-list-location-list-envelope ul {
    grid-row-gap: 52px;
}



/* Postcode Auto Complete */

#stkistpcodesrch-locationsuggestions {
    margin: 0;
    padding: 0;
    background: 0;
    width: inherit;
    position: absolute;
    z-index: 100000;
    font-size: 14px;
    min-height: 0;
    min-width: calc(100% + 1px) !important;
    /*margin-top: -1px;*/
}

    #stkistpcodesrch-locationsuggestions ul {
        border: 1px solid rgba(0,0,0,0.1) !important;
        overflow: hidden;
        max-width: 432px;
        margin: auto;
       /* border-radius: 0 0 24px 24px;*/
        -webkit-border-radius: var(--radius-box-24);
        -moz-border-radius: var(--radius-box-24);
        border-radius: var(--radius-box-24);
    }

        #stkistpcodesrch-locationsuggestions ul li {
            padding: 0;
            position: relative;
            margin: 0;
        }

            #stkistpcodesrch-locationsuggestions ul li a {
                cursor: pointer;
                padding: 16px 10px;
                line-height: 15px;
                text-align: left;
                border: solid 1px transparent;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #e5e5e5;
                display: block;
                color: var(--p-main);
                background-color: var(--white) !important;
                font-weight: 400;
                font-size: 14px;
            }

            #stkistpcodesrch-locationsuggestions ul li.stkistpcodesrch-activelocationsuggestion a:hover,
            #stkistpcodesrch-locationsuggestions ul li.stkistpcodesrch-activelocationsuggestion a {
                background-color: var(--p-main) !important;
                color: var(--white) !important;
                text-decoration: none;
            }

            #stkistpcodesrch-locationsuggestions ul li:last-child a {
                border-bottom: none !important;
            }

            #stkistpcodesrch-locationsuggestions ul li a:hover {
                background-color: var(--p-main) !important;
                color: var(--white) !important;
                text-decoration: none;
            }


.pcaautocomplete {
    border: 1px solid rgba(0,0,0,0.1) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    min-height: 0;
    min-width: 0 !important;
}

.pca .pcaautocomplete .pcalist {
    border-bottom: none !important;
}

.pca .pcaitem {
    font-weight: bold;
    color: var(--p-main);
    background-color: var(--white) !important;
}

    .pca .pcaitem:hover,
    .pca .pcaselected {
        background-color: var(--p-main) !important;
    }

    .pca .pcaitem .pcadescription {
        font-weight: normal;
        font-style: normal !important;
        color: var(--p-main) !important;
    }



    /*  more filter option   */
.google-maps-subset-envelope {
    background-color: var(--darkblue);
    color: var(--white);
    padding: 0;
    max-height: 120px;
    display: flex;
    align-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    transition: margin .5s ease, opacity 500ms cubic-bezier(1,1.015,0,.96);
    transition-delay: 1s;
}

.more-options-wrapper:before {
    content: "";
    display: inline-flex;
    width: 1px;
    height: 60px;
    position: relative;
    border-left: 2px solid #18313d;
    align-items: stretch;
    justify-content: flex-start;
    margin-right: 30px;
}

.more-options,
.google-maps-subset-show {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0 1px 0 40px;
    background: url(../grfx/svg/filter-wht.svg) no-repeat center left 20px;
    background-image: url(../grfx/svg/filter-wht.svg);
    background-size: 15px;
    cursor: pointer;
    color: var(--white);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 15px;
    line-height: 1.5rem;
    z-index: 150;
    background-color: var(--td-pink);
    color: var(--white);
    padding: 0px 20px 0px 45px;
    border-radius: var(--radius-button);
    height: 50px;
    white-space: nowrap;
}

    .google-maps-subset-show:hover {
        color: var(--white);
        text-decoration: none;
        opacity: 0.8;
        /*filter: saturate(150%);*/
    }
.google-maps-subset-envelope .subset-items {
    position: absolute;
    display: flex;
    color: var(--darkblue);
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: var(--white);
    border-radius: 50%;
    top: 10px;
    right: 20px;
    z-index: 151;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    display: none;
}

.google-maps-subset-envelope.selecteditems .subset-items {
    display: flex;
}



    .google-maps-subset-wrapper,
    .more-lightbox-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        z-index: 100000000001;
        display: none;
    }

.more-options-wrapper.active .more-lightbox-overlay,
.google-maps-subset-wrapper.active {
    display: flex;
}

/*  close button */
    .more-lightbox-overlay .close-button,
    .google-maps-subset-wrapper .close-link {
        position: absolute;
        top: calc(50% - 45vh + 22px);
        left: calc(50% + 45vw - 56px);
        cursor: pointer;
        z-index: 1000000;
        mix-blend-mode: difference;
        left: calc(50% + 510px - 56px); /*  big screen */
        transition: all 0.4s ease-in-out;
    }

        .more-lightbox-overlay .close-button:hover,
        .google-maps-subset-wrapper .close-link:hover {
            opacity:0.8;
        }
        /*  close button */
        .more-lightbox-overlay .close-button span,
        .google-maps-subset-wrapper .close-link span {
            display: block;
            position: relative;
            width: 30px;
            height: 30px;
            cursor: pointer;
            background-image: url(../grfx/svg/cross-green.svg);
            background-size: 18px;
            background-repeat: no-repeat;
            background-position: center center;
            text-indent: -99999px;
        }

    /* header div */
    .more-options-wrapper .filter-by,
    .google-maps-subset-wrapper .filterby {
        font-weight: 700;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
        color: var(--td-green);
        letter-spacing: 0.5px;
    }

    /* more option popup  */
.more-options-div,
.google-maps-subset-main-wrapper {
    display: flex;
    height: 90vh;
    width: 90vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -45vw;
    margin-top: -45vh;
    z-index: 999999;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 20px #000;
    background-color: var(--darkblue);
    -webkit-border-radius: var(--radius-box-24);
    -moz-border-radius: var(--radius-box-24);
    border-radius: var(--radius-box-24);
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    overflow: hidden;
    /*  big screen */
    max-width: 1020px;
    margin-left: calc(50% - 510px);
    left: 0;
}

.more-options-inner-div,
.google-maps-subset-inner-wrapper {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    padding: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    overflow: auto;
    cursor: initial;
}
    .more-options-inner-div::-webkit-scrollbar-thumb,
    .google-maps-subset-inner-wrapper::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #c1c3c5;
    }
    .more-options-inner-div::-webkit-scrollbar-track,
    .google-maps-subset-inner-wrapper::-webkit-scrollbar-track {
        border-radius: 10px;
        /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
        /* background: #c1c3c5; */
    }

    .more-options-inner-div::-webkit-scrollbar,
    .google-maps-subset-inner-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }


/* filter main   */
.main-filter-div,
.main-section {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    cursor: initial;
    margin-bottom: 80px;
}
    .main-filter-div .filter-div:not(:last-child),
    .main-section .feature-category-item:not(:last-child) {
        border-bottom: 3px solid #18323d;
    }
    .main-section .top-level-category-name,
    .main-section .category-name {
        min-width: 180px;
        min-height: 44px;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 35px;
        line-height: 3.5rem;
        letter-spacing: 0.3px;
        color: var(--white);
    }
       /* .main-filter-div .title span {
            font-weight: 500;
            font-size: 25px;
            font-size: 2.5rem;
            line-height: 35px;
            line-height: 3.5rem;
            letter-spacing: 0.3px;
        }*/
        .main-filter-div .title.smaller span,
        .main-section .feature-category-item.generaldentistry .category-name,
        .main-section .feature-category-item.cosmeticdentistry .category-name,
        .main-section .feature-category-item.restorativedentistry .category-name,
        .main-section .feature-category-item.teethstraightening .category-name {
            font-weight: 500;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 35px;
            line-height: 3.5rem;
        }



.filter-div,
.feature-category-item {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 120px;
    row-gap: 40px;
    padding: 40px 0;
}
    .filter-div.treatments {
        flex-direction: column;
    }
.options-breakdown {
    display: flex;
    flex-direction: row;
    column-gap: 120px;
    width: 100%;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

/*  treatemnts */
.feature-category-item.treatments ul {
    display:none;
}

.main-section .feature-category-item.restorativedentistry,
.main-section .feature-category-item.cosmeticdentistry,
.main-section .feature-category-item.generaldentistry,
.main-section .feature-category-item.treatments {
    border-bottom: none;
}

.main-section .feature-category-item.treatments {
    padding-bottom: 0;
    padding-top: 15px;
}
    .main-section .feature-category-item.restorativedentistry,
    .main-section .feature-category-item.cosmeticdentistry,
    .main-section .feature-category-item.generaldentistry {
        padding: 15px 0;
    }

.main-section .feature-category-item.teethstraightening {
    padding-top: 15px;
}
/*  bottom div */
.bottom-div,
.bottom-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
}
    .bottom-div a,
    .bottom-section a {
        background-color: var(--black);
        display: flex;
        color: var(--white);
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 20px;
        line-height: 2.0rem;
        padding: 20px 20px;
        -webkit-border-radius: var(--radius-button);
        -moz-border-radius: var(--radius-button);
        border-radius: var(--radius-button);
        letter-spacing: 0.1px;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.4s ease-in-out;
    }

    .bottom-div a:hover,
    .bottom-section a:hover {
        opacity: 0.8;
    }
        /*.bottom-div a.more-button,*/
        .bottom-section a.view-results-link {
            max-height: 60px;
            /*background: url(../grfx/svg/upwardsarrow-wht.svg) no-repeat center right 22px;
            background-image: url(../grfx/svg/upwardsarrow-wht.svg), none;
            background-size: auto 12px;
            padding-right: 44px;
            padding-left: 22px;*/
            background-color: var(--td-pink);
            /*opacity: 0.8;*/
            display: flex;
            overflow: hidden;
            column-gap: 10px;
            flex-direction: row;
            padding-left: 20px;
            padding-right: 21px;
        }
        /*.bottom-div a.more-button .arrow,*/
           /* .bottom-section a.view-results-link .arrow {
                display: block;
                position: relative;
                background: url(../grfx/svg/upwardsarrow-wht.svg) no-repeat center;
                background-image: url(../grfx/svg/upwardsarrow-wht.svg), none;
                background-size: auto 14px;
                padding-right: 10px;
                padding-left: 10px;
                margin-left: 8px;
                text-indent: -9999px;
                transition: all 0.4s ease-in-out;
                overflow: hidden;
            }*/
            .bottom-section a.view-results-link .arw-div {
                top: 3px;
            }

        /*.bottom-div a.more-button:hover .arrow,*/
            .bottom-section a.view-results-link:hover {
                /*transform: rotate(-45deg);*/
                /*filter: var(--pink-button-hover);*/
                opacity:1.0;
            }

                .bottom-section a.view-results-link:hover .arw-div .cta-arw._1st {
                    transform: translate3d(30px, -30px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
                    transform-style: preserve-3d;
                }

                .bottom-section a.view-results-link:hover .arw-div .cta-arw._2nd {
                    transform: translate3d(40px, -40px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
                    transform-style: preserve-3d;
                }

            /*  ---bottom sticky div--  */
.bottom-section {
    position: absolute;
    bottom: 0;
    width: calc(100% - 65px);
    left: 0;
    padding: 30px 30px 40px;
    background-color: var(--darkblue);
}
.main-filter-div {
    padding-bottom: 100px!important;
}
/*  checkbox */
/* customise the retailer checkbox selection */
/*.filter-div input[type="checkbox"],*/
.feature-category-item input[type="checkbox"] {
    display: none;
}

    /*.filter-div input[type="checkbox"] + label,*/
    .feature-category-item input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding-left: 66px;
        padding-top: 0;
        margin-bottom: 20px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        color: var(--white);
        letter-spacing: 0.5px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
    }

        /*.filter-div input[type="checkbox"] + label:last-child,*/
        .feature-category-item input[type="checkbox"] + label:last-child {
            margin-bottom: 0;
        }

        /*.filter-div input[type="checkbox"] + label:before,*/
        .feature-category-item input[type="checkbox"] + label:before {
            content: '';
            display: block;
            background: url(../grfx/svg/box-unchecked.svg) center left no-repeat;
            background-size: 48px !important;
            width: 48px !important;
            height: 48px !important;
            position: absolute !important;
            left: 0 !important;
            top: calc(50% - 24px) !important;
            opacity: 1;
        }

    /*.filter-div input[type="checkbox"]:checked + label:before,*/
    .feature-category-item input[type="checkbox"]:checked + label:before {
        background: url(../grfx/svg/box-checked.svg) center left no-repeat;
        background-size: 48px;
        position: absolute;
        width: 48px;
        height: 48px;
    }

    /*  option list  */
.filter-div .options {
    display: flex;
    width: 100%;
}
    /*.filter-div .options ul,*/
    .feature-category-item ul {
        column-gap: 20px;
        row-gap: 20px;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    /*.filter-div .options ul li,*/
    .feature-category-item ul li {
        min-height: 44px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        width: calc((100% - (20px * 2)) / 3);
    }
    /* option label */
        /*.filter-div .options ul li label span,*/
        .feature-category-item ul li label span {
            display: block;
            max-width: 100px;
        }


/*---------------------*/
        /* locations */
/*.filter-div.locations .options ul li,*/
.feature-category-item.location ul li {
    width: calc((100% - (20px * 3)) / 4);
    align-content: stretch;
    align-items: stretch;
    height: 100%;
    min-height: 100%;
}
    /*.filter-div.locations .options ul li input[type="radio"] + label,*/
    .feature-category-item.location ul li input[type="radio"] + label {
        width: 100%;
        color: var(--white);
        border: 3px solid var(--td-green);
        display: flex;
        align-content: space-between;
        justify-content: flex-start;
        align-items: flex-end;
        padding: 60px 20px 15px;
        -webkit-border-radius: var(--radius-box-12);
        -moz-border-radius: var(--radius-box-12);
        border-radius: var(--radius-box-12);
        text-decoration: none;
        letter-spacing: 0.5px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-weight: 500;
        background-size: auto 23px !important;
        background-position: top 20px left 20px !important;
        background-repeat: no-repeat !important;
    }
        /*.filter-div.locations .options ul li input[type="radio"] + label:before,*/
        .feature-category-item.location ul li input[type="radio"] + label:before {
            display: none;
        }
    /*.filter-div.locations .options ul li input[type="radio"]:hover + label,
    .filter-div.locations .options ul li input[type="radio"]:checked + label,*/
    .feature-category-item.location ul li input[type="radio"]:hover + label,
    .feature-category-item.location ul li input[type="radio"]:checked + label {
        background-color: var(--td-green);
        color: var(--darkblue);
        font-weight: 600;
    }
        /*.filter-div.locations .options ul li a span {
            max-width: 80px;
        }*/

        /*  country images */
        /* uk */
    /*.filter-div.locations .options ul li.uk input[type="radio"] + label,*/
    .feature-category-item.location ul li.uk input[type="radio"] + label {
        background-image: url(../grfx/svg/flag-uk-wht.svg);
    }
        /* australia */
    /*.filter-div.locations .options ul li.australia input[type="radio"] + label,*/
    .feature-category-item.location ul li.australia input[type="radio"] + label {
        background-image: url(../grfx/svg/flag-australia-wht.svg);
    }
        /* new zealand */
    /*.filter-div.locations .options ul li.new-zealand input[type="radio"] + label,*/
    .feature-category-item.location ul li.newzealand input[type="radio"] + label {
        background-image: url(../grfx/svg/flag-newzealand-wht.svg);
    }
        /* usa */
    /*.filter-div.locations .options ul li.usa input[type="radio"] + label,*/
    .feature-category-item.location ul li.usa input[type="radio"] + label {
        background-image: url(../grfx/svg/flag-usa-wht.svg);
    }
        /*  selected */
        /* uk */
    /*.filter-div.locations .options ul li.uk input[type="radio"]:checked + label,*/
    .feature-category-item.location ul li.uk input[type="radio"]:checked + label,
    .feature-category-item.location ul li.uk input[type="radio"]:hover + label {
        background-image: url(../grfx/svg/flag-uk-drk.svg);
    }
            /* australia */
    /*.filter-div.locations .options ul li.australia input[type="radio"]:checked + label,*/
    .feature-category-item.location ul li.australia input[type="radio"]:checked + label,
    .feature-category-item.location ul li.australia input[type="radio"]:hover + label {
        background-image: url(../grfx/svg/flag-australia-drk.svg);
    }
            /* new zealand */
    /*.filter-div.locations .options ul li.new-zealand input[type="radio"]:checked + label,*/
    .feature-category-item.location ul li.newzealand input[type="radio"]:checked + label,
    .feature-category-item.location ul li.newzealand input[type="radio"]:hover + label {
        background-image: url(../grfx/svg/flag-newzealand-drk.svg);
    }
            /* usa */
    /*.filter-div.locations .options ul li.usa input[type="radio"]:checked + label,*/
    .feature-category-item.location ul li.usa input[type="radio"]:checked + label,
    .feature-category-item.location ul li.usa input[type="radio"]:hover + label {
        background-image: url(../grfx/svg/flag-usa-drk.svg);
    }

    /*---------------------*/
        /*  a to z */
/*.filter-div.a-to-z .options,*/
.feature-category-item.atoz ul {
    margin-right: 30px;
}
    /*.filter-div.a-to-z .options ul li,*/
    .feature-category-item.atoz ul li {
        width: calc((100% - (20px * 8)) / 9);
        align-content: center;
        align-items: stretch;
        height: 44px;
        min-height: 44px;
    }
        /*.filter-div.a-to-z .options ul li input[type="checkbox"] + label,*/
        .feature-category-item.atoz ul li input[type="checkbox"] + label {
            width: 100%;
            color: var(--white);
            border: 3px solid var(--td-green);
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            padding: 2px 2px;
            -webkit-border-radius: var(--radius-box-12);
            -moz-border-radius: var(--radius-box-12);
            border-radius: var(--radius-box-12);
            text-decoration: none;
            letter-spacing: 0.5px;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 16px;
            line-height: 1.6rem;
            font-weight: 500;
        }

            /*.filter-div.a-to-z .options ul li input[type="checkbox"] + label:before,*/
            .feature-category-item.atoz  ul li input[type="checkbox"] + label:before {
                display: none !important;
            }

        /*.filter-div.a-to-z .options ul li input[type="checkbox"]:hover + label,
        .filter-div.a-to-z .options ul li input[type="checkbox"]:checked + label,*/
        .feature-category-item.atoz ul li input[type="checkbox"]:hover + label,
        .feature-category-item.atoz ul li input[type="checkbox"]:checked + label {
            background-color: var(--td-green);
            color: var(--darkblue);
            font-weight: 600;
        }

        /*  tag */
/*.filter-div.tags .options ul,*/
.feature-category-item.tags ul {
    column-gap: 10px;
    row-gap: 5px;
}
    /*.filter-div.tags .options ul li,*/
    .feature-category-item.tags ul li {
        width: auto;
    }
        /*.filter-div.tags .options ul li a,*/
        .feature-category-item.tags input[type="checkbox"] + label {
            width: 100%;
            color: var(--white);
            border: 3px solid var(--td-green);
            display: flex;
            align-content: space-between;
            justify-content: center;
            align-items: center;
            padding: 9px 12px;
            -webkit-border-radius: var(--radius-button);
            -moz-border-radius: var(--radius-button);
            border-radius: var(--radius-button);
            text-decoration: none;
            letter-spacing: 0.6px;
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 15px;
            line-height: 1.5rem;
            font-weight: 500;
        }
.feature-category-item.tags ul li input[type="checkbox"] + label:before {
    display: none !important;
}

.feature-category-item.tags ul li input[type="checkbox"]:hover + label,
.feature-category-item.tags ul li input[type="checkbox"]:checked + label {
    background-color: var(--td-green);
    color: var(--darkblue);
    font-weight: 600;
}

.feature-category-item.tags ul li label span {
    max-width: 100%;
}
          /*  .feature-category-item.tags ul li.selected{
                background-color: var(--td-green);
                color: var(--darkblue);
                font-weight: 600;
            }*/



          /*  ----------------   */
          /*  new map locations */
#stkistpcodesrch-wrapper {
    margin-top: 0px;
    margin-left: 0;
    padding-top: 180px;
    padding-left: 50px;
    padding-right: 50px;
    min-height: 673px;
    border-radius: 0;
    z-index: 9;
}
#stockistpcdschresults-wrapper {
    left: 0;
    max-width: 400px;
    min-width: 400px;
    min-height: 500px;
    max-height: 550px;
    border-radius: 0;
    top: calc(230px + 120px);
}
#stockistpcdschresults-column-1 {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    /*max-height: 490px;*/
    max-height: 460px;
}

#stockistpcdschresults-wrapper ul li:first-child {
    margin-top:10px;

}

/*#stockistpcdschresults-column-1::-webkit-scrollbar-thumb {
        border-radius: 50%;
    }

    #stockistpcdschresults-column-1::-webkit-scrollbar-track {
        border-radius: 50%;
    }*/
/*#selection-filter-envelope {
    left:-500px;
}
#google-maps-wrapper {
    width: calc(100% - 500px);
    margin-left: 500px;
}*/

/*  2nd try */
#container-c {
    background-color: #b0b0b0;
}
#google-maps-mapcontainer {
    width: calc(100% - 400px);
    margin-left: 400px;
}
#selection-filter-envelope {
    /*width: calc(100% + 400px);*/
    left: -400px;
    padding: 0 60px;
}
#selection-filter-envelope-inner {
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}