/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    color: #333;
    text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.5;
    font-family: FoundrySterling Medium,Arial,sans-serif;
    font-size: 14px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height:100%;
	/*overflow:hidden;*/
}
ol, ul {
    list-style: none;
	clear:left;
}
blockquote, q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
img {
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
}

a{color:#D7294A;}

/*-- /reset --*/

/*
 *  Copyright begin
 *
 */
.map {
    position: relative; 
}

#w2gi_copyright, #navteq_copyright, #osm_copyright {
    position: absolute;
    bottom: 5px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    z-index: 999;
}

#w2gi_copyright {   
    right: 3px;
}

 #navteq_copyright { 
    display: none;    
    left: 3px;
 }

 #osm_copyright {
    display: none;
    left: 3px;
 }

 /*
  *  Copyright end
  *
  */



/* -- */


body {
    
}

p {
    padding: 1em;
    clear:both;
}

.box-wrapper {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}

.content-list {
    overflow: hidden;
    position: relative;
    background: #FFF;
    /* width: 30em; */
}

.content-list li {
    display: block;
    width: 30%;
    padding-bottom: 0.1em;
    border-bottom: 0.1em solid #CCC;
}

.content-list.maneuver-result li {
    width: 100%;
}
.content-list li em {
    text-transform: none;
    display: inline-block;
    width:20%;
}
#driving_directions {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 1%;
    /* width:35em; */
    position: relative;
	margin-bottom:5px;
}

#locator_search {
    max-width: 100%;
    margin-top: 10px;
	margin-bottom:10px;    
    /* width:35em; */
    position: relative;
    width: 100%;
}

div.poi > h3 > span {
    color: #005cab;
}

#driving_directions span {
    display: inline-block;
    width: 40px;
    font-weight:bold;
}

#driving_directions label {
    display: inline-block;
	margin:3px;
}

#driving_directions input.search-box {
    width: 75%;
	
}

#driving_directions img.reverse {
    position: relative;
    margin-left:10px;
}



.attribution {    
    bottom: -10px;
    width: 96%;
	float:left;
	display:block;
	position: absolute;
	left:3px;
	font-size:12px;
}
.attribution a {
    color:#9AB531;
}

.attribution span {
    display: inline-block;
    text-align: left;
    
}

.attribution_navteq {    
    bottom: 20px;
    width: 96%;
	float:left;
	display:block;
	position: absolute;
	left:5px;
	font-size:12px;
}
.attribution_navteq a {
    color:#9AB531;
}

.attribution_navteq span {
    display: inline-block;
    text-align: left;
    
}


#locator_search span {
    color: #fff;
}

#locator_search span:hover {
    color:#9AB531;
}

.wrapper {
    /*overflow: hidden;*/
    height: 100%;
    margin: 0 auto;
	position:relative;
	width:100%;
}


.map div {
    padding: 0;
}

.icon-bar {
	position: relative;
	margin-right: 5px;
	top: -25px;
	height: 2px;
}

.icon-bar i {
    padding-right: 0px;
    font-size: 14px;
}



.poi {   
    width: calc(100% - 10px);
    z-index: 999;
	padding:0 0 10px 10px;
}

.poi h3 {
	text-align:left;
    border-top: 1px solid #a8a8a8;
    font: 400 14px/20px 'FoundrySterling Medium';
    margin: 0px 0 2px 0;
    padding: 5px 0 0 0;
    width: calc(100% - 5px);
    text-align: center;
}


#dd > div.ir-btn {
    font: 300 16px/19px 'FoundrySterling Medium';
    background-color: #5CBBF7;
    background: -moz-linear-gradient(center top , #5CBBF7 0%, #0050A1 100%) repeat scroll 0 0 transparent;
    border: 1px solid #004D9C;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 15px;
    letter-spacing: .03em;
    font-weight: bold;
    margin: 5px 0px;
    padding: 5px 12px;
    text-shadow: 0 1px 3px #333333;
}


.map {
    float: left;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}


#filters {
	position:absolute;
	left:10px;	
}

.searchFilters div {
    float: left;
}

.searchFilters input {
    vertical-align: middle;
}

h3 {
    color: #172838;
    font-size: 15px;
    font-weight: 800;    
    margin:10px 0px 10px 5px;
    text-align: center;
    vertical-align: top;
    clear:both;
}

div.bubble-address-box > h3 {
    margin-left: 0;
}

.poi.maneuver {
    height: calc(100% - 136px);
}

.poi .content-list li {
    float:left;
    background: #FFF;
    margin: .3em 0;
    padding: .4em;  
}

.poi .content-list.maneuver-result li {
    float: none;
    height: 35px;
}

.content-list.poi-result {
    /* width:20em; */
	clear: left;
}

.count1 {
	display:none;
}

.content-list.poi-result li {
    float:left;
    width: calc(100% - 15px);
    border: none;
    padding: 0 0 10px 10px;
    position: relative;
    line-height: 20px;
	font-size:15px;
	line-height:24px;
    color: #636466;
    font: 300 13px/14px 'FoundrySterling Medium';
    border-bottom: 1px solid #a8a8a8;
}

div.poi > ul > li:nth-child(1) {
    border-top: 1px solid #a8a8a8;
    padding-top: 10px;
}

.poi-item a {
    color: #172838;
    font-weight: bold;  
    cursor: pointer;  
}

.box-wrapper {
	position:relative;
}

#w2gi_wrapper {
    height: 750px;
}

/* driving directions */

.search_again, .search_again a {cursor:pointer; color:#fff!important;}



.poi.maneuver {
	padding:0px;
	width: 100%;
}

.searchagain {
	background: #636466;
	width:calc(100% - 40px);
	padding: 20px;
}

.directions-box {
	width:100%;
	margin:10px auto;
	position: relative;
}
.directions {
	border-right:1px solid #636466;
	text-align: center;
}

.directions h3 {
	border: 0px;
	text-align: center;
	color: #636466;
    text-transform: capitalize;
}

.directions, .directions-time {
	padding:10px;
	float:left;
}

.directions-time p {
	padding:5px;
	color: #636466;
}

#driving_directions label {
	display:inline-block!important;
	color: #636466;
    font: 300 13px/14px 'FoundrySterling Medium';
    vertical-align: 14px;
}
#driving_directions input.search-box{
	float:none;
	margin: 0 0 4px;
	height: 25px;
    font-size: 14px;
    vertical-align: top;
}

/* driving directions */

/*
Popup
*/
.w2gi-popup {
    /*width: 250px;
    height: 300px;*/
}

.w2gi-popup h3 {
    color:#000;
    
}
.olPopupContent {
    overflow: hidden !important;
}


/*
Tabs
*/
.tabs {
	display:none;
}

.tabs li {
    background: #ccc;
    display: inline-block;
    padding: 4px;
    margin-right: 5px;
    height: 24px;
    width: 60px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}

.tabs li.active {
    background: #fff;
}

.tab-content {
    display: none;
    width: 240px; 
	height:233px;
    padding:15px !important;
	background: none;
	color: #636466;
    font: 300 13px/14px 'FoundrySterling Medium';
}
.tab-content.active {
    display: block;
	width:345px;
	position: absolute;
}
.bub-dist {
	margin: 5px 0;
    display: none;
}

/**/
.dd-wrapper{
	margin: 10px auto;
    width: 200px;
}
.origin-select{
	color:#fff;
}
.direction_address{
	border: 1px solid #AAAEB2;
    color: #005cab;
    font: 300 13px/14px 'FoundrySterling Medium';
    height: 26px;
    margin: 10px 0 0 8px;
    padding: 0 0 0 12px;
    width: 160px;
    vertical-align: 10px;
}
div.tab-content.active > ul > li:nth-child(5) > span > a {
    display: block;
    margin: 5px 0;
    transition: color 0.1s ease-in-out;
}
div.tab-content.active > ul > li:nth-child(5) > span > a:hover {
    color: #000
}
.search_arrow{
	background-color: #1C4E61!important;
    background-image: url(../images/arrow.png)!important;
    background-repeat: no-repeat!important;
    background-position: right!important;
    border-color: #fff!important;
    border: 1px solid #fff!important;
    color: #fff!important;
    margin: 4px 0px 10px 0px!important;
    width: 10.8%;
    display: inline;
    line-height: 40px;
    padding: 0px 10px 0px 10px!important;
    float: left;
    position: relative;
    outline: 0px;
    height: 26px;
    cursor: pointer;
}
/**/

.tab-content h3 {
	padding-bottom:0px;	
	margin-bottom:2px;
	color: #005cab;
    font: 100 20px/22px 'FoundrySterling Medium';
    text-align: left;
}

.tab-content ul li {
	color: #636466;
    font: 300 13px/14px 'FoundrySterling Medium';
}

.tab-content ul li b {
	color:#fff;
}

 .bubble-address-box {
	height: 100px;
	color:#fff;
    margin: 5px auto;
    display: inline-block;
}

#dd {
    /* display: none;*/
}
div.tab-content.active > ul > li > span.send-actions, 
div.tab-content.active > ul > li > span.send-actions > a,
div.tab-content.active > ul > li > span.send-actions > a > span {
    color: #636466;
    font: 300 13px/14px 'FoundrySterling Medium';
}

div.tab-content.active > ul > li > span.send-actions > a > span {
    color: inherit;
}

.content-list.poi-result .poi_icon {    
    position: relative;
}
.content-list.poi-result p {
    padding:0;
    margin-left: 35px;
    line-height: 14px;
}

.bub-ph {
	color: #005cab;
    display: block;
    font: 300 16px/18px 'FoundrySterling Medium';
    margin: 10px 0;
    margin: 5px 0;
}



.content-list.poi-result strong {
    font-weight: bold;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    margin-left: 3px;
}

.content-list.poi-result span {
    display: block;
    line-height: 16px;
}

.content-list.poi-result span.brkr {
    display: inline-block;
    color: inherit;
}

#dd > input.direction_address {
    width: 175px;
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    height: 2em;
    padding: 0 6px;
    border: solid 1px #8f9ab4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: #333;
    background: #ffffff;
    line-height: 2;
}

/* @media(max-width:1350px) and (min-width: 677px){
    .content-list.poi-result span.brkr {
        display: block;
    }
} */

@media(max-width:450px){
    .content-list.poi-result span.brkr {
        display: block;
    }
}
div.poi > ul > li > div.poi-top > span {
    display: inline-block;
}

div.poi-top > span.poi-dist {
    vertical-align: top;
    padding: 14px 4px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #848484;
}

.content-list.poi-result .send-actions .phoneicon {
	font-size:25px;
}

.content-list.poi-result .send-actions a {
	display:inline-block;
    color: #005cab;
    font-size: 14px;
    transition: color 0.1s ease-in-out;
}
.content-list.poi-result .send-actions a:hover {
    color: #000;
}

.content-list.poi-result span.send-actions {
    color: #005cab;
    font-size: 16px;
    margin-top: 2px;
}

#driving_directions > div > label, #driving_directions > label {
    width: 30px;
}



.content-list.poi-result .poi_number {
    font-size: 14px;
    color:#172838;
    font-weight: bold;
    width:33px;
    font-style: normal;
	clear:both;
	float:left;
	background: url(/coopervision/images/map-pin-new.png) no-repeat scroll 2px 2px;
	text-align: center;
    height: 33px;
    padding-top: 11px;
    cursor: pointer;
    font: 700 11px/12px FoundrySterling Medium;
}

.mainbubble {
    border-style: none;
    display: inline-block;
    height: 270px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 3px;
    width: 380px;
}

div.tab-content.active > ul > li > span.send-actions > a {
    text-decoration: underline;
}
div.tab-content.active > ul > li > span.send-actions > a.hide {
    display: none;
}
#dispPop > iframe {
    height: 500px !important
}
.content-list.poi-result .poi_address {
	width: 100%;
}

.content-list.poi-result .amenities {
    padding: 0; 
    background: none;
    margin-left: 25px;
}

.content-list.poi-result .amenities li {
    display: inline-block;
    width: 20%;
    font-size: 17px;
    background: none;
    color: #BEB5A0;
    border: none;
    width:30px;
}


.olPopupCloseBox {
    top: 2px !important;
    right: 4px !important;
	width: 20px !important;
	height: 20px !important;
	display: block!important;
    background: #FFFFFF url(/coopervision/images/icon-close.png) no-repeat !important;
}

.street-view-wrapper {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 350px;
    height: 250px;
    z-index: 100;
}

.search-box {
	width: calc(100% - 52px);
    margin-bottom: 10px;
}

#hideAreaMobile > select.dropdown.radius {
    width: 95px;
}

#search_name {
    width: calc(100% - 150px);
}

.active_action {
    font-weight: bold;
}


div.olControlZoom {
    display: none;
}

.button-search {
    background-color: #005cab;
    color: #fff;
    cursor: pointer;
    font: 300 17px/36px 'FoundrySterling Medium';
    text-align: center;
    text-decoration: none;
    margin-left: 3px;
    -webkit-appearance: none;
    border: none;
	font-size: 14px;
}

.button-search:hover {
   
}
.button-search:active {
    
}
.button-location {
	margin: 10px 0 15px;
	display:inline;
	line-height: 100%;
	padding: 0 10px;
	height: 40px;
	float:left;
	background:none;
	border:0px;
	position:relative;
	right:0px;
}



.divider-text {
    color:#fff;
    font-size: 16px;
    display: block;
    margin-top: 5px;
}


.location-wrapper {
    width:20em;
    margin: 0 auto;
    text-align: center;
    margin-top: 1%;
}
.inline-list {
    padding: 1em;
}

.inline-list li {
    display: inline-block;
}

.block, .inline-list li.block {
    display: block;
}

.blue {
    color:#20596E;
}

/*
    dialog
*/


.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;

}

.modal{
    display: none;
    background:#fff;
    padding-top:20px;
    overflow:auto;
    z-index:1001;
    position:absolute;
    /* width: 750px;
    height: 500px; */
}

.modalPop {
	padding-top:0px!important;
}

.closePop {
	color:#fff;

}

.closeBtn .zmdi {
	font-size:18px!important;
}
.closePop .zmdi {
	color:#fff;
}


.desktopPhone {display:inline;}
.mobilePhone {display:none !important;}
.showmobile, .showmobilebtns {
	display:none;
}



#hideAreaMobile {
	display:block;
	margin-top: 10px;
}
#refineMobile {display:none;}

.link-cont {
    position: absolute;
    background-color: white;
    padding: 5px 9px;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 2px black;
    max-width: calc(100% - 20px);
    margin: 2px;
}
.close-link {
    float: right;
}
div.link-cont > span {
    font-size: 15px;
    color: #636466 !important;
    font: 300 13px/14px 'FoundrySterling Medium';
}
.link-bx {
    border: 1px rgba(0,0,0,0.3) solid;
    font-size: 15px;
    color: #636466;
    font: 300 13px/14px 'FoundrySterling Medium';
    border-radius: 3px;
    user-select: all;
    overflow-x: hidden;
    padding: 3px;
    overflow-y: hidden;
}

@media(min-width:677px) and (max-width:900px) {
	html {
		overflow:auto;
	}
	.map {
		width:100%;
		height:100%;
	}
	.search-icon {
		right: 35px!important;
		width: 15.1%!important;
	}
	.iconsfa {
		color: #fff;
		margin-left: 40px!important;
	}
	.onlydesktop {display:none;}
}

@media(max-width:677px) {
    .poi h3 {
        width: calc(100% - 20px);
        text-align: center;
    }
    .content-list.poi-result li {
        width: calc(100% - 30px);
    }
    div.showmobilebtns > ul {
        padding: 0 25px;
    }
    .mainbubble {
    height: 196px;
    top: 91px;
    }
    .tab-content {
        top: 91px;
    }
    .olPopupCloseBox {
        top: 95px !important;
    }

    div.tab-content.active > ul > li:nth-child(5) > span {
        display: none;
    }

    .dd-wrapper {
        display: none;
    }

	.modal {width: 250px;}
	/*#refineMobile {display:inline;}*/

	
	.icon-bar {display:none;}
	
	html {
		overflow:auto;
	}
	.map {
		width:100%; 
		height:100%; 
		
	}	
	.poi {
		width:100%;
		z-index:800;
		height:100%!important; 
	}
	
	.map-copyrights-box {
		width: calc(100% - 10px) !important;
		display: block;
		left: -999px;
		float: none !important;
		max-height: 500px;
		margin:0 5px;
	}
	
	
	.showmobilebtns {
		display:block;
		margin:10px auto;
		width:100%;
	}
	
	.showmobilebtns ul li {
		float:left;
		width: calc(50% - 22px);
		display:inline-block;
		border:1px solid #FFF;
		text-align:center;
		padding: 5px 10px;
		padding-left: 5px;
	}
	
	.showmobilebtns ul li a {
        width: 100%;
        height: 100%;
        color: #000;
        text-transform: uppercase;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        padding: 3px;
        display: inline-block;
	}
	
	.showmobilebtns ul li.active, .showmobilebtns ul li.active a {
		color:#00b9d2!important;
	}
	
	
	.desktopPhone, .hide-on-mob {display:none !important;}
	.mobilePhone {
		display:block !important;
		margin: 10px 0;
	}
    div.dir-cont.mobilePhone {
        display: inline-block !important;
    }
    div.dir-cont.mobilePhone.full {
        width: calc(100% - 26px);
    }
	.dir-cont {
		display: none;
	}
	div.mobilePhone > a {
		color: #005cab;
        font-size: 16px;
	}
	
	.mobilePhone a {
		font-weight:400;
	}
	.mobileclear {
		clear:both;
	}
	.locator-wrapper{
		margin: 0px auto!important;
	    padding: 0px 15px!important;
	    width: calc(100% - 30px) !important; 
	}
	
	.search-box {
		font-size: 16px;
        width: calc(100% - 30px);
	}
    #hideAreaMobile > select.dropdown.radius {
        width: 117px;
    }
	
	.iconsfa {
		color: #fff;
		margin-left: 65px!important;
	}
	
	/* for store details */
	
	.store-details-btn {
		width:65%;
		display:block;
		margin:5px 0px;
		text-align:center;
		padding:8px 25px;
		background:#808080;
		text-decoration:none!important;
		color:#fff!important;
	}
	
	.w2gi-backbone .ol-panzoom {
		left:4px!important;
		top:5px!important;
	}

	.show-filter .filter-grid {
		margin: 10px 0 0; 
		position: relative;
		display:block;
		z-index:999;
	}
	.onlydesktop {display:none;}

	.attribution {    
	    bottom: 0!important;
	    width: 96%;
		display:block;
		margin:10px auto;
		position:relative!important;
	}

}

@media(min-width:768px) and (max-width:901px) {
	html {
		overflow:auto;
	}
	.map {
		width:100%;
		height:100%;
	}
	.search-icon {
		right: 41px!important;
		width: 11.6%!important;
	}
	.iconsfa {
		color: #fff;
		margin-left: 40px!important;
	}
	.onlydesktop {display:none;}
}

@media(min-width:677px) and (max-width:768px) {
	html {
		overflow:auto;
	}
	.map {
		width:100%;
		height:100%;
	}
	.search-icon {
		right: 37px!important;
	}
	.iconsfa {
		color: #fff;
		margin-left: 40px!important;
	}
	.onlydesktop {display:none;}
}

.onlydesktop {
    display: block;
    
}

.mobileTable {
        display: block;
        padding: 0px 0px;
        color:#fff;
    }

.onlydesktop table tbody tr td{
    font-size:14px;
}
.mobile_one{display:none;}


input[type="submit"], #search_button {
    background: none repeat scroll 0 0 #c60c30;
    border: medium none;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 2px 7px;
    text-transform: uppercase;
}

#dd > input.search_arrow {
	background: url(../images/bubbleGoBtn.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    height: 35px;
    width: 54px;
    float: none;
}

.closeBtn {position:absolute; right:20px; top:15px; z-index:999;}
.hideit {display:none !important;}

.monday .monhour,
.tuesday .tuehour,
.wednesday .wedhour,
.thursday .thuhour,
.friday .frihour,
.saturday .sathour,
.sunday .sunhour {
    font-weight: bold;
}

.callhours {
    display: block !important;
}



/*
 * Paging controls
 */
.poi_paging_wrapper {
    background: #fff;
    border-bottom: 1px solid #C7D3DA;
    margin-top: 5px;
    text-align: center
}

.poi_paging_wrapper .poi_paging_next, .poi_paging_wrapper .poi_paging_prev {
    display: inline-block;
    width: 49%;
}

.poi_paging_wrapper .poi_paging_next, .poi_paging_wrapper .poi_paging_prev,
.poi_paging_wrapper .poi_paging_next span, .poi_paging_wrapper .poi_paging_prev span {
    color: #D7294A;
    font-weight: bold;
    cursor: pointer;
}

.poi_paging_wrapper .poi_paging_disabled,
.poi_paging_wrapper .poi_paging_disabled span,
.poi_paging_wrapper .poi_paging_disabled i {
    color: #ccc;
    cursor: default;
}



.active_action {
    font-weight: bold;
}

.fa {margin-left:5px; margin-right:5px;}


/* driving directions form */

.dd-form-wrapper {
	padding:5px 5px;
	width:calc(100% - 10px);
	margin:0px auto;
}


/*  new css for the page */

.forms-poi-box {
	display: block;
    width: 35%;
    position: relative;
    float: right;
	height: 900px;
	overflow-y:auto;
	overflow-x:hidden;
	min-width: 370px;
}

.locator-wrapper {
	padding:5px 5px 5px 10px;
	width: calc(100% - 14px);
	margin:0 auto;
}
.icon-bar > a, .icon-bar > a > i {
    color: #005cab;
    text-decoration: none;
    text-transform: uppercase;
}
.icon-bar > a{
    font: 700 11px/12px 'FoundrySterling Medium';
}

.locator-wrapper label, .dd-form-wrapper label {
	font-size:16px;
	color:#fff;
}

.dd-form-wrapper label {
	display:block!important;
}
#search_button {
	background-color: #00b9d2;
    height: calc(100% + 2px);
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font: 300 17px/36px 'FoundrySterling Medium';
    text-align: center;
    text-decoration: none;
    padding: 3px 15px;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    margin-left: -4px;
    -webkit-appearance: none;
}
span.icon-bar-br {
	border-right: 2px solid #AAAEB2;
	margin: 0 3px;
}

.form-title {
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.locator-wrapper .search-box, #search_name, #hideAreaMobile > select.dropdown.radius {
    text-transform: uppercase;
    color: #005cab;
    font: 400 14px/18px 'FoundrySterling Medium';
    height: 30px;
    padding: 0 0 0 10px;
    border: 1px solid #AAAEB2;
    vertical-align: bottom;
}

#hideAreaMobile > select.dropdown.radius {
    height: 32px;
}

.dd-form-wrapper .search-box{
    text-transform: uppercase;
    color: #005cab;
    font: 400 17px/18px 'FoundrySterling Medium';
    height: 40px;
    margin: 0 0 0 4px;
    padding: 0 0 0 10px;
    border: 1px solid #AAAEB2;
    vertical-align: bottom;
}



.search-icon {
	background-color:#fff!important;
	background-repeat:no-repeat!important;
	background-position:right!important;
	border-color: #7a7e81!important;
	color: #fff!important;
	margin: 9px 0 15px!important;
	width: 10.6%;
	display:inline;
	line-height: 40px;
	padding: 0 0 0 10px!important;
	float:left;
	position:relative;
	outline:0px;
	height:44px;
}

.clear {
	clear:both;
	height:0px;
	width:0px;
}

.map-copyrights-box {
	width:65%;
	float:left;
	height:900px;
	max-width: calc(100% - 370px);
}
@media (max-width: 677px) {
    .map-copyrights-box {
        max-width: none;
        clear: both;
        pointer-events: none;
        position: absolute;
    }
}

.filterToggle {
	width: 100%;
	color:#fff; 
	cursor:pointer;
}

.filter-toggles {
  padding: 10px 0 0; 
}

.filter-toggles ul {
	list-style:none;
}

.filter-toggles ul li {
	width:50%;
	display:inline-block;
	float:left;
	font-size:13px;
	margin:5px 0;
	
}


.filter-toggles ul li label {
	font-size:13px;
	margin:5px 0;
}

.filter-grid {
	display:none;
    
}

.show-filter .filter-grid {
	margin: -11px 0 0 0; 
	display:block;
}
.show-filter .poi {
	/* if country and radius are there uncomment below line */
	/*height:490px;*/
	height:515px;
}

.iconsfa {
	margin-left: 150px;
	color:#fff;
}

div.poi_address > span.viewBubble > a {
	text-decoration: none;
    color: #005cab;
    font: 100 20px/22px 'FoundrySterling Medium';
    color: #000;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    transition: color 0.1s ease-in-out;
}

div.poi_address > span.viewBubble > a:hover {
    color: #005cab;
}

.map-overlay {
	display: none;
}
@media all and (min-width:0px) and (max-width:677px) {
	.forms-poi-box {
		width:100%;
		height: auto !important;
	}
	.map-overlay {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 9999999999999;
	}
	#OpenLayers_Control_PanZoom_zoomin, #OpenLayers_Control_PanZoom_zoomin_innerImage, #OpenLayers_Control_PanZoom_zoomout, #OpenLayers_Control_PanZoom_zoomout_innerImage {
		display: none;
    }
}

/* open layer map controls */

#OpenLayers_Control_PanZoom_panup, #OpenLayers_Control_PanZoom_panleft, #OpenLayers_Control_PanZoom_panright, #OpenLayers_Control_PanZoom_pandown {
	display:none;
	height:0px!important;
	width:0px!important;
	top:0px!important;
	left:0px!important;
}

.w2gi-backbone .ol-panzoom {
	left:0px!important;
	top:-50px!important;
}

#OpenLayers_Control_PanZoom_zoomin, #OpenLayers_Control_PanZoom_zoomin_innerImage, #OpenLayers_Control_PanZoom_zoomout, #OpenLayers_Control_PanZoom_zoomout_innerImage {
}

#OpenLayers_Control_PanZoom_zoomout {
	top:87px!important;
}

/**/
.map-copyrights-box .map .icon {
    cursor: pointer!important;
}
.content-list.poi-result li.poi-item:hover b, .content-list.poi-result .poi-hover b {
	color: #fff!important;
}
.content-list.poi-result li.poi-item b {
	color:#172838;
}
.content-list.poi-result li.poi-item:hover .onlydesktop table tbody tr td {
	color: #fff;
}

.content-list.poi-result .poi-hover  .onlydesktop table tbody tr td {
	color:#fff;
}

div.poi_address > span.send-actions.desktopPhone > a.lightwindow > i {
	color: #005cab;
	font-size: 16px;
	vertical-align: bottom;
} 
.poi-item a.poi-dir, .poi-item a.poi-url {
	color: #fff;
	font-size: 12px;
    background-color: #005cab;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.05em;
}
@media (min-width: 678px) {
    .poi-item a.poi-dir, .poi-item a.poi-url {
        padding: 8px 2px;
    }
}
div.poi_address > span.send-actions.desktopPhone > a.lightwindow.mobileicon > i {
	font-size: 22px;
	margin-top: -3px;
}
div.poi_address > span.send-actions.desktopPhone > a.lightwindow > i:hover {
	color: #005cab;
}
.poi-item a.poi-dir, .poi-item a.poi-url {
    transition: box-shadow 0.25s ease-in-out;
}

.poi-item a.poi-url{
    margin-left: 5px;
}

.poi-item a.poi-dir:hover, .poi-item a.poi-url:hover {
    box-shadow:2px 2px 2px 1px rgba(0, 0, 0, .3);
}

.reviewbutton{
    background-color: #172838;
    color: #fff!important;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.hours_row {
	margin-bottom:15px;
}
.dir-cont, .poi-store-pg {
	margin: 10px 0 0 0;
    width: calc(100% - 25px);
    display: inline-block;
}

@media(max-width:677px) {
    .poi-store-pg {
        width: calc(100% - 26px);
    }
    .dir-cont {
        width: calc(50% - 15px);
    }
    .poi-item a.poi-url{
        margin-left: 0;
    }
    .form-title {
        text-align: center;
    }
}

/* for location reviews */

.content-list.poi-result .loc_reviews {
	position:relative;
	clear: both;
    float: left;
    padding:10px;
    margin-bottom: 10px;
}

.content-list.poi-result .loc_reviews {
	width:85%;
	display: block;
	padding:5px;
	border-bottom:1px solid #ddd;
}

.content-list.poi-result .loc_reviews:last-child {
	border:0px;
}

.content-list.poi-result .loc_reviews h3 {
	margin:0px;
	padding-bottom:4px;
	border:0px;
}

.content-list.poi-result li.poi-item:hover .loc_reviews tr.reviewsrow td {
	color: #fff;
}

.content-list.poi-result li.poi-item:hover .loc_reviews h3 {
	color:#fff;
}

.content-list.poi-result li.poi-item:hover .loc_reviews {
	border-bottom: 1px solid #fff;
}

.content-list.poi-result li.poi-item:hover .loc_reviews:last-child {
	border:0px;
}

.star-rating {
	height:25px;
	width: auto;
}

.content-list.poi-result .loc_reviews tr.reviewsrow td {
	padding: 0 0 10px;
}
div.bubble-btm-box {
    background: #edf0f7;
    border-top: 1px solid #d9dfef;
    width: 360px;
    position: relative;
    left: -10px;
    padding-left: 10px;
    height: 120px;
}

div.tab-content > span.bub-img {
    display: inline-block;
    height: 100px;
    width: 140px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://hosted.where2getit.com/coopervisionnl/images/store_placeholder_06.jpg);
    float: left;
}
div.bubble-address-box > span.bub-img.hide {
    display: none;
} 
div.bubble-address-box > h3 {
    display: inline-block;
    /*max-width: calc(100% - 124px);*/
    width: 193px;
    word-break: break-all;
    margin-left: 6px;    
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
div.bubble-address-box > div.no-img{
    margin-left: 6px;
}
div.bubble-address-box > div {
    margin-left: 146px;
}
div.bubble-address-box > div.ba-sub {
    margin-left: 7px;
}
div.bubble-address-box > h3.no-img {
    display: block;
    max-width: 100%;
    width: 100%;
}
div.bubble-btm-box > ul {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}
div.bubble-btm-box > ul.bub-hours {
    width: 100px;
    padding-left: 20px;
}
div.bubble-btm-box > ul.bub-hours.hide {
    display: none;
}
div.bubble-btm-box a{
    color: #0066CC;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    display: block;
    letter-spacing: .02em;
}
span.bp-label {
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
span.bp-ph {
    font-size: 15px;
    color: #000;
}
#bubHours > li.label {
    font-weight: bold;
    font-size: 12px;
}
@media (min-width: 678px) {
    .map-copyrights-box {
        position: relative !important;
    }
}