body { color:#222; background:#fff; }
a { color:#08c; }
a:hover, a:focus { color:#08c; }

.bg-primary { color:#fff; background-color:#08c; }
.bg-black { color:#fff; background-color:#000; }
.bg-light { background-color:#ddd; }
.b-dark { border-color:#222; }
.b-light { border-color:#ddd; }
.btn-primary { background-color:#08c; border-color:#08c; }
.btn-dark { background-color:#222; border-color:#222; }
.text-primary { color:#08c; }

.wrapper { width:100%; height:100%; position:relative; }

.header { width:100%; height:55px; position:fixed; top:0; z-index:3; }
.header .navbar-brand { width:150px!important; height:auto; }
.header .navbar-brand img { width:100%; height:auto; }
.header .menu { margin-right:15px; padding:0; list-style:none;
	-moz-transition:left 200ms ease-in;
	-webkit-transition:left 200ms ease-in;
	-o-transition:left 200ms ease-in;
	transition:left 200ms ease-in;
}

.header .menu li { margin-left:15px; padding:10px 0; float:left; }
.header .menu li:first-child { margin-left:0; }
.header .menu li a { color:#fff; display:block; }
.header .language { margin-top:3px; float:right; }
.header .language-menu a { color:#222; }

.overlay { width:0; height:0; position:fixed; top:0; z-index:0;
	-moz-transition:background 200ms ease-in;
	-webkit-transition:background 200ms ease-in;
	-o-transition:background 200ms ease-in;
	transition:background 200ms ease-in;
}

.aside { width:320px; min-width:0; height:100%; padding:55px 0 40px; position:absolute; top:0; z-index:1;
	-moz-transition:margin 200ms ease-in;
	-webkit-transition:margin 200ms ease-in;
	-o-transition:margin 200ms ease-in;
	transition:margin 200ms ease-in;
}

.search { position:relative; z-index:1; }
.search .search-def { height:70px; padding-bottom:0; }
.search .search-def h2 { font-size:14px; line-height:14px; }
.search .search-adv { min-height:35px; padding:0 15px; border-bottom:5px solid #ccc; position:relative; }
.search .search-adv .search-toggle { height:30px; font-size:12px; font-weight:bold; line-height:30px; display:block; position:absolute; bottom:0; right:15px; }
.search .search-adv .search-toggle .tx2 { display:none; }
.search .search-adv .search-toggle i { font-size:10px; color:#000; }
.search .search-adv form { width:100%; height:225px; padding:15px 15px 0; border-bottom:5px solid #ccc; position:absolute; top:0; left:0; }
.search .search-adv.show .search-toggle { bottom:-185px; z-index:1; }
.search .search-adv.show .search-toggle .tx1 { display:none; }
.search .search-adv.show .search-toggle .tx2 { display:inline; }
.search .search-adv.show form { display:block!important; }

.main { width:320px; height:100%; padding-top:105px; position:absolute; top:0; z-index:0; }
.main .store-list { height:100%; list-style:none; overflow-y:auto; }
.main .store-list li { min-height:35px; position:relative; }
.main .store-list li:first-child { border-top:0; }
.main .store-list li h3 { font-size:18px; }
.main .to-map { height:40px; margin:-20px -15px 0 0; position:absolute; top:50%; right:15px; }
.main .to-map i { font-size:40px; color:#ddd; }
.main .store-detail { height:100%; overflow-y:auto; }
.main .store-detail h2 { padding-bottom:15px; font-size:16px; line-height:16px; }
.main .store-detail h3 { font-size:18px; }
.main .store-detail h4 { font-size:16px; }
.main .store-detail img { width:100%; max-width:100%; height:auto; }
.main .store-detail img.loading { width:auto; max-width:none; }
.main .store-detail .products-container { min-height:45px; background:url(../images/store-locator/loading.gif) center no-repeat; }
.main .store-detail .products p { font-size:0; }
.main .store-detail .products p img { width:27%; max-width:none; margin-left:2%; display:inline-block; vertical-align:bottom; }
.main .store-detail .products p img:first-child { margin-left:0; }
.main .store-detail .products a { width:50%; position:absolute; top:0; bottom:0; z-index:999; }
.main .store-detail .products a .block { height:40px; margin-top:-20px; position:absolute; top:50%; }
.main .store-detail .products a i { font-size:40px; line-height:40px; }
.main .store-detail .products a.nav-prev { left:0; }
.main .store-detail .products a.nav-prev .block { left:-9px; }
.main .store-detail .products a.nav-next { right:0; }
.main .store-detail .products a.nav-next .block { right:-9px; }
.main .store-detail .btn-groups { padding-top:15px; }

.direction { position:relative; z-index:1; }
.direction .direction-head { height:130px; padding-bottom:0; position:relative; z-index:1; }
.direction .direction-head h2 { font-size:20px; line-height:20px; }
.direction .direction-head h3 { font-size:16px; }
.direction .direction-head div>p { line-height:16px; }
.direction form { height:200px; padding-bottom:0; color:#222; position:relative; z-index:1; }
.direction form .radio { width:24px; height:24px; min-height:0; }
.direction form .radio label { width:100%; height:100%; }
.direction form .radio label input[type="radio"] { width:100%; height:100%; margin:0; z-index:1; cursor:pointer;
	-moz-opacity:0;
	-khtml-opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
}
.direction form .radio label i { width:100%; height:100%; background-image:url(../images/direction-ico.png); background-repeat:no-repeat; }
.direction form .radio1 label input[type="radio"] + i { background-position:0 0; }
.direction form .radio1 label input[type="radio"]:checked + i { background-position:0 100%; }
.direction form .radio2 label input[type="radio"] + i { background-position:-24px 0; }
.direction form .radio2 label input[type="radio"]:checked + i { background-position:-24px 100%; }
.direction form .radio3 label input[type="radio"] + i { background-position:-48px 0; }
.direction form .radio3 label input[type="radio"]:checked + i { background-position:-48px 100%; }
.direction form .radio4 label input[type="radio"] + i { background-position:-72px 0; }
.direction form .radio4 label input[type="radio"]:checked + i { background-position:-72px 100%; }
.direction .direction-body { width:320px; height:100%; padding:405px 0 40px; background:#fff; position:fixed; top:0; z-index:0; }
.direction #directions-panel { width:100%; height:100%; overflow-y:auto; }
.direction #directions-panel .adp, .direction #directions-panel .adp table { font:12px/1.42857143 "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }
.direction #directions-panel .adp table { width:100%; }
.direction #directions-panel .adp-placemark td { padding:5px; font-size:13px; }

.map { width:100%; height:100%; padding:55px 0 40px 320px; background:#e9e5dc; position:absolute; top:0; }
.map-google { width:100%; height:100%; border:0; }
.map-google map, .map-google div[map] { width:100%; height:100%; display:block; }
.map-google *, .map-google *:before, .map-google *:after {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

.gm-style { font:13px "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.gm-style .panel { width:320px; min-height:140px; position:relative; }
.gm-style .btn-groups { position:absolute; bottom:0; }

.app-content { width:100%; height:100%; padding:55px 0 40px; background:#eee; position:absolute; top:0; }

.footer { width:100%; height:40px; padding-top:10px; position:fixed; bottom:0; z-index:2; }
.footer p { font-size:11px; line-height:11px; }



@media screen and (max-width:767px) {
.app.active { position:fixed; }
.app.active .header .menu { left:0; box-shadow:3px 0 3px rgba(0,0,0,0.3); }
.app.active .header .menu-toggle .line { top:23px; }
.app.active .header .menu-toggle .line1, .app.active .header .menu-toggle .line2 {
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.app.active .header .menu-toggle .line2 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
}
.app.active .header .menu-toggle .line3 {
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.app.active .overlay { width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:2; }

.header .navbar-brand { margin-left:35px; }
.header .menu-toggle { width:50px; height:100%; position:absolute; top:0; left:0; }
.header .menu-toggle .line { width:20px; height:3px; margin:0 0 0 -10px; background:#fff; display:block; position:absolute; left:50%;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.header .menu-toggle .line1 { top:17px; }
.header .menu-toggle .line2 { top:23px; }
.header .menu-toggle .line3 { top:29px; }
.header .menu { width:80%; height:100%; margin:0; padding:0 15px; background:#111; position:fixed; left:-80%; top:55px; }
.header .menu li { margin:0; padding:0; border-top:1px dotted #222; float:none; }
.header .menu li:first-child { border:0; }
.header .menu li a { padding:10px 0; }

.aside { width:100%; padding-bottom:0; overflow:visible; }
.aside .wrapper { overflow-y:auto; }
.aside.active { margin-left:-100%; }

.main { width:100%; min-height:360px; padding:0; position:static; }
.main .store-list, .main .store-detail { height:auto; overflow-y:visible; }
.main .to-map { margin-right:0; }

.direction .direction-body { width:100%; min-height:100px; padding:0; position:static; }
.direction #directions-panel { overflow-y:visible; }

.map-toggle { width:20px; height:100px; margin:-13px 0 0 -20px; background-image:url(../images/store-locator/map-toggle.png); background-position:5px center; background-repeat:no-repeat; position:fixed; top:50%; left:100%; z-index:1;
	-moz-transition:left 200ms ease-in, margin 200ms ease-in;
	-webkit-transition:left 200ms ease-in, margin 200ms ease-in;
	-o-transition:left 200ms ease-in, margin 200ms ease-in;
	transition:left 200ms ease-in, margin 200ms ease-in;
}
.map-toggle.active { margin-left:0; background-position:-35px center; left:0; }
.map { padding:55px 0 0 0; }
.gm-style .panel { width:220px; }

.footer { display:none; }
}