g/* 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, i, 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;
    /*font-size: 100%;
    font: inherit;
    vertical-align: baseline;*/
    color: #333;
    text-decoration: none;
    /*-webkit-font-smoothing: antialiased;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

@font-face {
    font-family: 'MaterialDesignIcons';
    src: url(../fonts/materialdesignicons-webfont.svg) format('truetype'),
	url(../fonts/materialdesignicons-webfont.ttf) format('truetype'),
	url(../fonts/materialdesignicons-webfont.woff) format('');
    font-weight: 400;
    font-style: normal;
}
body {
    line-height: 1.5;
    font-family: Helvetica,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;
}
.bold {
	font-weight: bold;
}
/*-- /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:10px;
}

#locator_search {
    max-width: 100%;
	margin-bottom:0;    
    /* width:35em; */
    position: relative;
}
div.ls-header {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 17px;
	padding: 10px 0 15px;
}

.legend-wrapper div.ls-header {
	padding: 15px 0 0;
}

div.ls-header-lwr {
	color: #fff;
	font-size: 15px;
	padding: 0 0 12px;
}

.legend-wrapper {
	background-color: #004c48;
	border-top: 1px solid #e8f6f6;
}

.fl-btm-spn a {
	color: #b0ef07;
}

#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: 260px;
	
}

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



.attribution {    
    bottom: 0;
    width: 96%;
	float:left;
	display:none;
}
.attribution a {
    color:#9AB531;
}

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

#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 {
	margin-right: 40px;
}

.icon-bar a, .icon-bar i {
    font-size: 12px;
	color:#004c48;
}

.icon-bar i {
    padding-right: 6px;
    font-size: 20px;
    font-weight: 800;
}



.poi {
    float: left;
	background:#fff;
    overflow-y:auto;
	overflow-x:hidden;
    position: relative;    
    width: 96%;
    z-index: 999;
	/* if country and radius dropdown are there uncomment below line */
	/*height:530px;*/
	height:600px;
	padding:10px;
	padding-top: 0;
}

.poi h3 {
	text-align:left;
    border-bottom: 1px solid #a8a8a8;
    padding-bottom: 10px;
}


.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;
}

.poi.maneuver {
   
}

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

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

.content-list.poi-result {
    width:100%;
	clear: left;
}

.count1 {
	display:none;
}

.content-list.poi-result li {
    float:left;
    width: 100%;
    border: none;    
    padding:10px;
    border-bottom: 1px solid #bcbcbc;
    position: relative;
    line-height: 20px;
	font-size:15px;
	line-height:24px;
	color:#172838;
}

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

/*.poi .content-list li.poi-item.poi-hover {
    background-color: #1b4d60;
	color:#fff;
}

.poi .content-list li .poi-hover div {
	color:#fff!important;
}

.poi-hover a, .poi-hover .poi_number {
	color:#fff!important;
}
.content-list.poi-result .poi-hover span, .content-list.poi-result .poi-hover div, .content-list.poi-result .poi-hover b {
	color:#fff;
}
*/
.box-wrapper {
	position:relative;
}

/* driving directions */

.search_again, .search_again a {font-weight:bold; cursor:pointer; color:#fff!important;}



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

.searchagain {
	background:#1c4f62;
	width:100%;
	padding: 20px;
}

.directions-box {
	width:100%;
	margin:10px auto;
	position: relative;
}

.directions {
	border-right:1px solid #1c4f62;
	text-align: center;
}

.directions h3 {
	border: 0px;
	text-align: center;
	color: #1c4f62;
}

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

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

#driving_directions label {
	display:inline-block!important;
	margin:9px;
}
#driving_directions input.search-box{
	float:none;
	margin: 0 0 9px;
	height:30px;
}

/* 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;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
    padding: 4px;
    width: 60px;
    text-align: center;
}

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

.tab-content {
    display: none;
    width: 324px; 
	/*height:217px;*/
	height: 241px;
    padding: 5px 15px 15px 20px!important;
	background: url('../images/map-back.2.png') no-repeat;
	color:#fff;
}

.tab-content.active {
    display: block;
    /* background-color: #FFF; */
	/*width:210px;*/
	width: 325px;
}

.tab-content li {
	list-style: none;
}

/**/
.dd-wrapper{
	margin-top:10px;
	/*margin-top: 0;*/
}
.origin-select{
	color: #000;
	font-size: 13px;
}
.direction_address{
	background-color: #fff;
    border-color: #fff;
    border: 1px solid #aaabaf;
    box-sizing: border-box;
    margin: 0 0 10px;
    display: inline;
    line-height: 28px;
    font-size: 14px;
    height: 28px;
    padding: 0 10px;
    float: left;
    width: 210px;
}
.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;*/
    height: 0;
    width: 0;
    display: none;
}
/**/

.goBtn {
	height: 28px;
	color: #fff;
	background-color: #1C4F62;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	margin: 0 0 0 7px;
}

.tab-content h3 {
    text-align: left;
    font-weight: 700;
    padding-bottom: 0px;
    /*margin: 16px 0 2px 0;*/
    margin: 3px 0 2px 0;
    color: #010101;
    font-size: 18px;
}

.tab-content ul li {
	color: #504f4f;
	text-align: left;
	font-size:13px;
	line-height: 16px;
}

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

 .bubble-address-box {
	margin:-10px 0px -5px;
	color:#fff;
}

.bubble-main {
	width: 100%;
}

.bubble-main:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.bubble-left {
	clear: none;
	float: left;
}

.bubble-right {
	/*clear: none;*/
	/*float: right;*/
	/*margin: 8px 0 0;*/
	margin: 0;
	position: absolute;
    right: 20px;
    top: 32px;
}

.tab-content ul.bubble-right li {
	font-size: 11px;
}

.tab-content ul.bubble-right li.acpt {
	font-size: 13px;
}

.bubble-green:before, .bubble-pink:before, .bubble-orange:before, .bubble-teal:before {
    content: '';
    display: inline-block;
    height: 12px;
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
    width: 12px;
}

.bubble-green:before {
	background-color: #bed747;
}

.bubble-pink:before {
	/*background-color: #b21f63;*/
	background-color: #851648;
} 

.bubble-orange:before {
	/*background-color: #f4a31e;*/
	background-color: #b03117;
}

.bubble-teal:before {
	/*background-color: #00817c;*/
	background-color: #009bb8;
}

.bubble-lp-link a {
	font-weight: bold;
	font-size: 11px;
	color: #004b47;
}

#dd {
    /* display: none;*/
}

.content-list.poi-result li.poi-item:hover {
    background-color: #1b4d60;
	color:#fff;
}

.content-list.poi-result li.poi-item:hover .poi_number, .content-list.poi-result li.poi-item:hover a, .content-list.poi-result li.poi-item:hover span {
	color:#fff;
}

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

.poi .content-list li.poi-item:hover div,.poi .content-list li.poi-item:hover .poi-item a {
	color:#fff;
}

.poi .content-list li.poi-item:hover .poi-item a {
	color:#fff;
}
.poi .content-list.poi-item:hover .poi_address span {
	color:#fff;
}

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



.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;
    /* margin-left: 35px; 
    color:#333;*/
}

.content-list.poi-result .phone, .content-list.poi-result .send-actions {
	display:inline-block;
}

.content-list.poi-result .phone {
	font-style:italic;
}

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

.content-list.poi-result .send-actions a {
	display:inline-block;
	width:20px;
	font-size:20px;
	vertical-align:middle;
}



.content-list.poi-result .poi_number {
    width: 0px;
    position: absolute;
    left: 5px;
    font-size: 14px;
    top: 10px;
    color:#172838;
    font-weight: bold;
    width:40px;
    font-style: normal;
	margin-left:10px;
	clear:both;
	float:left;
}

.content-list.poi-result .poi_address {
	margin-left:45px;
}



.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 {
    background-image: url("../images/bubble-close.png") !important;
    top: -8px !important;
    left: -8px !important;
	height: 28px !important;
	width: 28px !important;
}

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

.search-box {
	width: 62%;
}



.active_action {
    font-weight: bold;
}


div.olControlZoom {
    display: none;
}

.button-search {
	background-color: #1C4F62;
    border-color: #fff;
    border: 0px;
    color: #fff;
    margin: 0px 4px -5px;
    display: inline;
    border-radius: 0px;
    font-weight: 600;
    line-height: 100%;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    float: none;
	width: 285px;
	
}

.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:#fafff2;
    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;
}

.hideN {
	display: none !important;
}

.mobilePhone2 {display: none;}

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



@media(min-width:641px) and (max-width:900px) {
	html {
		overflow:auto;
	}
	.map {
		width:100%;
		height:100%;
	}	
	.poi {
		width:100%;
	}
	/*.forms-poi-box {
		width:40%!important;
	}
	.map-copyrights-box {
		width:60%!important;
	}*/
	.locator-wrapper{
		margin:0 auto!important;
	}
	
	.searchbox-wrapper {
		text-align:center;
		width:96%;
		display:block;
		margin:0 auto;	
	}
	
	.search-icon {
		right: 35px!important;
		width: 15.1%!important;
	}
	.iconsfa {
		color: #fff;
		margin-left: 0px !important;
	}
	.onlydesktop {display:none;}
	
}

@media(min-width:0px) and (max-width:640px) {
	
	.icon-bar {
		display:none;
	}
	
	html {
		overflow:auto;
	}
	.map {
		width:100%; 
		height:100%; 
		
	}	
	.poi {
		width:100%;
		z-index:800;
		height:100%; 
		padding: 10px 10px 0;
	}
	
	.map-copyrights-box {
		width: 100%!important;
		position: absolute!important;
		display: block;
		z-index: 998;
		/*left: -999px;*/
		opacity: 0;
		/* uncomment this if country and radius are there */
		/*top: 350px;*/
		top: 137px;
			
	}

	.mobile-toggle {
		display: none;
	}
	
	.show-filter .mobile-toggle {
      display: block;
    }

	div.ls-header {
		font-size: 15px;
	}

	.learn_more {
		padding-top: 7px;
		display: block;
	}
	
	.hide-from-mobile {
		display:none;	
	}
	
	
	.showmobilebtns {
		display:block;
		margin:10px auto;
		width:100%;
	}
	
	.showmobilebtns ul li {
		float:left;
		width:33%;
		display:inline-block;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
		text-align:center;
		padding:3% 0%;
	}
	
	.showmobilebtns ul li a {
		font-size:16px;
		color:#fff;
		font-weight:700;
	}
	
	.showmobilebtns ul li.active, .showmobilebtns ul li.active a {
		background:#fff;
		color:#172838!important;
	}
	
	
	.desktopPhone {display:none !important;}
	.mobilePhone {display:inline !important;}
	
	.mobilePhone a {
		text-decoration:underline;
		font-weight:400;
	}
	.mobileclear {
		clear:both;
	}
	.locator-wrapper{
		margin:0 auto!important;
	}
	
	.searchbox-wrapper {
		text-align:center;
		width:96%;
		display:block;
		margin:0 auto;	
	}

	.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;}

	.w2gi-backbone div.map {
		/*top: 56px;*/
	}
	
}

@media(min-width:768px) and (max-width:901px) {
	html {
		overflow:auto;
	}
	.map {
		width:100%;
		height:100%;
	}	
	.poi {
		width:100%;
		height:100%;
	}
	/*.forms-poi-box {
		width:40%!important;
	}
	.map-copyrights-box {
		width:60%!important;
	}
	*/
/*	.locator-wrapper{
		margin:10px auto!important;
	}
	*/
	.searchbox-wrapper {
		text-align:center;
		width:96%;
		display:block;
		margin:0 auto;	
	}
	
	.search-icon {
		right: 41px!important;
		width: 11.6%!important;
	}
	.iconsfa {
		color: #fff;
		margin-left: 0px !important;
	}
	.onlydesktop {display:none;}
}

@media(min-width:641px) and (max-width:768px) {
	html {
		overflow:auto;
	}
	.map {
		width:100%;
		height:100%;
	}	
	.poi {
		width:100%;
		height:100%;
	}
	/*.forms-poi-box {
		width:40%!important;
	}
	.map-copyrights-box {
		width:60%!important;
	}*/
	
	.searchbox-wrapper {
		text-align:center;
		width:96%;
		display:block;
		margin:0 auto;	
	}
	.search-icon {
		right: 37px!important;
	}
	.iconsfa {
		color: #fff;
		margin-left: 0px !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;
}*/

.closeBtn {
	position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999;
    font-size: 26px;
    color: #fff;
    /*background-color: #004B47;*/
    border: 1px solid #444;
    background-color: #004b21;
    border-radius: 50%;
    line-height: 27px;
    font-weight: 800;
    height: 27px;
    width: 31px;
    text-align: center;
    padding: 0px 1px 4px 1px;
    transition: color 0.15s ease-in-out;
}
.closeBtn:hover {
	color: #b0ef07;
}
#dispPop {
	margin: 15px 10px 10px;
}
.pop-box {
	text-align: center;
	/*padding: 20px;*/
	padding: 8px 20px 14px;
	max-width: 380px;
}
.pop-header {
	color: #006762;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 800;
}
.view-tab span {
	font-weight: 600;
}
.pop-sub-header {
	color: #464646;
	font-weight: 800;
}

.pop-mid-cont {
	/*border-bottom: 1px solid rgba(0,0,0,0.4);
	border-top:1px solid rgba(0,0,0,0.4);	*/
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 20px 0;
    padding: 13px 0;
}
.pop-mid-red {
	color: #006762;
	font-weight: 800;
}
.pop-mid-res, .pop-btm-mid {
	color: #464646;
}

.red-x {
	color: inherit;
	font-weight: 800;
	font-size: 20px;
	margin-right: 10px;
}
.pop-w, .pop-v {
	/*color: #00b2a9;*/
	color: #009c95;
	display: block;
	font-weight: 400;
	margin-top: 15px;
	text-transform: uppercase;
	transition: color 0.15s ease-in-out;
}
a.pop-v.min {
	font-weight: inherit;
	font-size: inherit;
	text-transform: inherit;
	cursor: pointer;
}
.pop-v:hover {
	color: #005b57;
}
.pop-btm-cont {
	margin-top: 70px;
	padding: 0 20px;
}
.pop-btm-green {
	color: #006762;
	font-size: 18px;
	font-weight: 800;
	line-height: 25px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.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 30px;*/
	margin:30px auto 0;
	padding: 5px 0;
	width:100%;
}

.from-to {
	margin-left: 35px;
}


/*  new css for the page */

.forms-poi-box {
	display: block;
    background:	#00817c;
	/*width:25%;*/
    position: relative;
    float: left;
	box-shadow: 0px 2px 5.58px 0.82px rgba(93, 51, 39, 0.6);
	z-index: 999;	
	height: -webkit-calc(100% - 135px);
    height: calc(100% - 137px);
	overflow-y:auto;
	overflow-x:hidden;
	/*min-width: 385px;*/
	width: 405px;
}
/*#locator_search > div.searchbox-wrapper {
	float: none;
	display: inline-block;
    vertical-align: top;
    width: calc(100% - 164px);
}
*/
.locator-wrapper {
	padding:5px 30px;
	/*width: calc(100% - 10px);*/
	width: 100%;
	margin:17px auto;
}
#locator_search label.sr-label {
	color: rgba(0,0,0,0.5);
	/*left: -9999px;*/
	font-size: 13px;
	margin-top: 8px;
    margin-left: 3px;
    position: absolute;
}
.sr-dn {
	position: absolute;
	left: 140px;
    margin-top: 15px;
    border-left: solid 1px rgba(0,0,0,0.4);
    padding: 6px 5px;
    background-color: #fff;
}
#searchRadius {	
	color: #000;
	background-color: #fff;
	background-image: url(../images/sr-dwn.png);
	background-repeat: no-repeat;
    background-position-x: calc(100% - 22px);
    background-position-y: center;
    background-size: contain;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
    height: 37px;
    margin: 0;
    padding: 0;
    text-indent: 37px;
    width: calc(100% + 20px);
}


@-moz-document url-prefix() {
    #searchRadius {
        text-indent: 18px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #searchRadius {
   		padding: 0 0 0 40px;
    }
}

/*#locator_search > div.searchbox-wrapper > input.search-box {
	width: calc(100% - 10px);
}*/
/*#locator_search > div.filter-grid > div.filter-toggles {
	border-top: none;
	padding: 0;
}*/
.mobile-toggle > div.filter-grid > div > ul {
	width: auto;
	margin-top: 0;
}
.mobile-toggle > div.filter-grid {
	background-color: #195e59;
	padding: 0;
}

.fl-btm {
	/*background-color: #004c48;*/
	background-color: #195e59;
	padding: 8px 0 0;
	text-align: center;
}

#locator_search span.fl-btm-spn {
	color: #fff;
}
a.n-srh {
	display: none;
}
div.filter-grid a, a.n-srh {
	color: #c0f102;
}
.fl-a {
	display: inline-block;
	/*margin-left: 35px;*/
	margin-left: 40px;
    position: relative;
    top: -4px;
}

.fl-btn {
	text-align: center;
}
.sr-box {
	background-color: #fff;
	float: left;
	overflow-x: hidden;
	width: 124px;
}

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

.dd-form-wrapper label {
	display:block!important;
	
}

.locator-wrapper .search-box, .dd-form-wrapper .search-box{
	background-color: #172838;
	border-color: #fff;
	border:0px;
	outline:1px solid #fff;
	color: #fff;
	margin: 10px 0 15px;
	display: inline;
	line-height: 100%;
	font-size:14px;
	height:36px;
	padding:0 10px;
	float:left;
	outline-offset:0px!important;
}



.search-icon {
	background-color:#fff!important;
	background-image:url(../images/search-button.png)!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:75%;
	float:left;
	/*position:relative;*/
	height:100%;
	/*max-width: calc(100% - 385px);*/
	width: calc(100% - 405px);
}

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

.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:15px;
	font-weight: bold;
	margin:5px 0;
	max-width: calc(100% - 36px);
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.filter-toggles ul li label[for="show-single-use-checkbox"] {
    margin-bottom: 0 !important;
}

.filter-toggles ul li label.filter-list {
	vertical-align: -webkit-baseline-middle;
}


.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.modal.adj {
	left: calc(50% - 175px) !important;
	top: 100px !important;
}
div.view-tabs.hide-from-mobile > div.icon-bar {
	background: #fafff2;
	top: 0;
	color: #004c48;
	border-bottom: 1px solid #00817c;
    padding: 10px 0;
}
div.icon-bar > a {
	color: inherit;
	font-weight: 600;
}
div.form-wrapper > div.locator-wrapper {
	/*margin: 5px auto;*/
	margin: 5px auto 0;
}
.dropdown {
	background-color: #172838;
	border-color: #fff;
	border:0px;
	outline:1px solid #fff;
	color: #fff;
	/*margin: 10px 5px 15px 0;*/
	margin: 10px auto 15px;
	display: inline;
	border-radius: 0px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	line-height: 100%;
	font-size:14px;
	
	height:42px;
	padding:0 10px;
	/*float:left;*/
	outline-offset:0px!important;
}



.emailicon, .mobileicon {
	width:17px;
	height:16px;
	position:relative;
}

.content-list.poi-result li.poi-item:hover .emailicon,  .content-list.poi-result li.poi-hover .emailicon {
	background:url(../images/email-hover.png) no-repeat;
}

.content-list.poi-result li.poi-item:hover .mobileicon,  .content-list.poi-result li.poi-hover .mobileicon {
	background:url(../images/mobile-hover.png) no-repeat;
}

.emailicon {
	background:url(../images/email.png) no-repeat;
}

.mobileicon {
	background:url(../images/mobile.png) no-repeat;
}

@media all and (min-width:641px) and (max-width:700px) {
	.mobile-toggle > div.searchbox-wrapper {
		width: 100%;
	}
	/*.sr-box {
		width: calc(100% - 10px);
	}*/
	.forms-poi-box {
		min-width: 300px;
	}
	.map-copyrights-box {
        max-width: calc(100% - 300px);
    }
}

@media all and (min-width:0px) and (max-width:640px) {
	.forms-poi-box {
		width:100%;
		min-width: 100%;
		height: 100%;
	}
	.map-copyrights-box {
		max-width: 100%;
	}


}

/* ============================================== */
/* iPhone5/Android landscape (& narrow browser)   */
/*                                        568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	.map-copyrights-box {
		/*top: 145px;			*/
		top: 179px;
	}
}
 
/* ============================================== */
/* iPhone4/Android landscape (& narrow browser)   */
/*                                        480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	.map-copyrights-box {
		top: 179px;			
	}
}

@media screen and (max-width:385px) {
	div.modal.adj {
		left: 0 !important;
		max-width: 100%;
	}
}
 
@media screen and (max-width:385px) {
	.

}

/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	.map-copyrights-box {
		top: 137px;			
	}
	.mobile-toggle > div.searchbox-wrapper {
		width: 100%;
	}
	/*.sr-box {
		width: calc(100% - 10px);
	}*/
}
/* 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:4px!important;
	top:5px!important;
}

#OpenLayers_Control_PanZoom_zoomin, #OpenLayers_Control_PanZoom_zoomin_innerImage, #OpenLayers_Control_PanZoom_zoomout, #OpenLayers_Control_PanZoom_zoomout_innerImage {
	/*width: 30px!important;
	height:30px!important;
	border:1px solid #ddd;*/
}

#OpenLayers_Control_PanZoom_zoomin {
	z-index: 1000;
}

#OpenLayers_Control_PanZoom_zoomout {
	top: 220px !important;
	z-index: 1000;
}

.ol-zoomslider.ol-unselectable.ol-control {
	height: 175px !important;
	top: 64px !important;
}

button.ol-zoomslider-thumb.ol-unselectable {
	height: 8px !important;
	width: 16px !important;
	left: 2px !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 .fa, .content-list.poi-result .poi-hover .fa{
	color: #fff;
}
.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;
}

.noLocs {
	background-color: rgba(244,163,30,.15);
	box-sizing: border-box;
	padding: 25px;
	text-align: center;
	width: 100%;
}

.noLocs img {
	position: relative;
	top: -1px;
}

.noLocs span {
	color: #004c48;
    font-weight: bold;
}