#map_canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;    
}
#floristModalMaps {width:100%;height:600px; margin-top:20px;}
#floristModalMaps .stars {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 135px;
}
#floristModalMaps .feefo-stars {
    margin-top: 3px;
    margin-bottom: 3px;
}
/* .mapFindFlorist {
    position: relative;
}  */
.findhover {
    position: absolute;
    left: 30px;
    top: 15px;
    max-width: 280px;
    z-index: 3;
}
.stndmap{
    position: relative;
    width:100%; height: 100%;
    z-index: 0;
}
#fwindow{
    background: #FFF;
    height: 395px;
    overflow: auto;   
    scrollbar-color: #6247AA #fff; 
}


#noresults{
    background: #FFF;
    position: relative;
    top: 10px;
    left: -15px;  
    padding: 15px;
    width: 310px;
    color: #222;
}

#noresults h3{
    
    font-family: 'Satisfy',cursive;
    font-size: 34px;
    margin-top: 0;
}
#noresults p{
    margin-bottom: 0;
}
#fwindow ul{
    list-style: none;
    padding: 0;
    margin: 0 5px;
}
#fwindow li {
    font-family: Roboto,Arial,sans-serif;
    border-bottom: solid 1px #ccc;
    padding:10px 5px;
    cursor: pointer;
}
#fwindow li:hover, #fwindow li:focus {
    background: #f1f1f1;
}
#fwindow .af, #fwindow .afimg {
    display: inline-block;
}
#fwindow .af{
    width: 65%;
}
#fwindow .dist {
    margin: 5px 0 0;
}
#fwindow .addr {
    margin: 0;
    color: #333;
}
#fwindow .dist, #fwindow .addr {
    font-size: 13px;
}
#fwindow .feefo-stars{
    margin-top: 0;
    margin-bottom:0;
}
#fwindow .afimg{
    width: 35%;
    vertical-align: top;
}
#fwindow .afimg img{
    width: 100%;
}
#fwindow li h3{
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color:#555;
}   

.mapcontent .feefo-stars {
    margin-top: 0px;
}
.mapcontent .mapImg{
    margin-right:10px !important;
    width: 130px;
    height: 116px;
}
.mapcontent h3 {
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #555;
    font-size: 1.5em;
}
.mapcontent .reviews {position: inherit;margin-bottom: 2px;}
.mapcontent .reviews a{color: #535369 !important; text-decoration: none;}
.mapcontent .address {color: #333;margin-bottom: 5px;}
.mapcontent .buy { margin-bottom: 0; }
.mapcontent td{vertical-align: top;}
.mapcontent .stars{width:inherit; margin: 4px 0px 6px;}
.mapcontent .btnOrange, .marker-link .btnOrange{
    width: 100%;
    text-align: center;
    background-color: #6247AA;
    color: #fcfcfc;
    padding: 3px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 700;
    background: linear-gradient(#6247AA,#6247AA);
    border: 1px solid #6247AA;
}

.row-search-box-ff {
    background-color: rgba(119, 119, 119, 0.44);
    padding: 15px 0px;
}
.wrapff {
    width: 100%;
}
.txtff {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 10px;
    border: solid 0 #d5d5d6;
    margin-bottom: 10px;
    font-family: Roboto,Arial,sans-serif;
}
.btnff {
    color: #fff;
    background: #6247AA;
    border-color: #6247AA;
    border-radius: 0;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    padding: 9px;
}
.btnff:hover {
    background: #5635b1;
    border-color: #5635b1;
}

.btnff i {
    margin-top: 3px;
}
#areas-lst {

    list-style: none;
    margin: 10px 0 20px;
    padding: 0;
}

#areas-lst .county-lst {
    border-bottom: solid 1px #ef88a2;
    color: #ef88a2;
    font-weight: 600;
}

#areas-lst a {
    color: #555;
}

.find-a-florist-map-overlay {
    margin-left: -10vw;
}

@media (max-width: 543px){
    #map_canvas, .stndmap
    {display: none !important;}
    .findhover {
        top:0;
        left:0;
        position: relative;
        max-width: 100%;
    }
    .row-search-box-ff{
        margin-right: 0px;
        margin-left: 0px; 
    }
    #fwindow {
        height: auto;
        width: 100%;
        position: relative;
        top: 10px;
        left: 0;
    }
    #noresults{
    width: 100%;
    border: solid 1px #ccc;
    left: 0;
}
    .find-a-florist-map-overlay {
        margin-left: 0px;
    }

}

@media (min-width: 544px )and (max-width: 1200px){
    #fwindow {display: none !important;}
    .findhover {
        max-width: 200px;
    }
    #noresults{
    max-width: 230px;
}
    .find-a-florist-map-overlay {
        margin-left: 0px;
    }
}

@media (min-width: 350px )and (max-width: 543px){
    .findhover .main-org{display: none !important;}
    .findhover .af .btnOrange{width: 95%;
    margin-top: 8px;}
    #fwindow .afimg img {
    width: 100%;
    height: 120px;
}
    .find-a-florist-map-overlay {
        margin-left: 0px;
    }
}
@media (max-width: 349px ){
    .findhover .af .btnOrange{display: none !important;}
    .findhover .main-org{margin-top: 5px;}
    #fwindow .afimg img {
    width: 100%;
    height: 86px;
}
    .find-a-florist-map-overlay {
        margin-left: 0px;
    }
}