@media(min-width: 600px) {
#image-float > div:first-child {float: right;}
}
.locatewrapper,.locate > div, .locateMapCanvas{height: calc(90vh + 330px);overflow:hidden;}
.locate > div > .locateSide{width:60%;float:right;height: 100%;border:1px solid #c1c7cc;}
.locate > div > .locateSide > form{width:100%;background-color:#eff1f2;padding:16px;display:block;height:auto;}
.locate > div > .locateSide > form > fieldset{width:100%;padding: 2px;display: inline-block;align-items: center;}
.locate > div > .locateSide > form > fieldset > *{display:inline-block}
.locate > div > .locateSide > form > fieldset > div{width:calc(100% - 48px);position:relative;}
.locate > div > .locateSide > form > fieldset > div > input{width:100%;border-style:none;font-size:16px;line-height:16px;padding:12px 0 12px 16px;background-color:#d1d4d8;box-shadow:inset #000 0px -1px;}
.locate > div > .locateSide > form > fieldset > div + div{width:calc(75% - 52px);}
.locate > div > .locateSide > form > fieldset > div + div:after{content:"";display:block;width:1px;height:1px;border:7px solid #000;border-bottom-style:none;border-color:#000 transparent;
position:absolute;top:16px;right:8px;pointer-events: none;}
.locate > div > .locateSide > form > fieldset > div > select{width:100%;border-style:none;font-size:16px;padding:8px 0 7px 4px;
-moz-padding-start:unset;-moz-appearance:none;-webkit-appearance:none; background-color: #fff;}
.locate > div > .locateSide > form > fieldset > span{width:46px;height:44px;padding:8px 0;background-color:#ed0007;border-style:none;margin: 0 0 0 -0.5ch;font-style:normal;line-height:28px;font-size:20px;vertical-align:top;letter-spacing:normal;text-align:center;}
.locate > div > .locateSide > form > fieldset >span:before{content:'\e235';font-family:boschicon;cursor:pointer;color:#fff;font-size:28px;}
.locate > div > .locateSide > form > fieldset input:focus,
.locate > div > .locateSide > form > fieldset select:focus{outline-style:none}
.locate > div > .locateSide > aside {height:90vh;overflow-y:scroll;padding:0;scrollbar-width:thin;scrollbar-color:#000 #fff}
.locate > div > .locateSide > aside::-webkit-scrollbar{width:5px;}
.locate > div > .locateSide > aside::-webkit-scrollbar-thumb {background: #000;}
.locate > div > .locateSide > aside::-webkit-scrollbar-track {background: #FFF;}
.locate > div > .locateSide > aside > .dealer{width:100%;height:auto;text-align:left;float:none;padding:30px 22px;position:relative;margin-top:0;border-bottom:1px solid #CCC;}
.locate > div > .locateSide > aside > .dealer::before{content:attr(data-marker);}
.locate > div > .locateSide > aside > div.dealer:last-of-type{border-style:none;}
.locate > div > .locateSide > aside > .dealer[data-marker]::before{content:attr(data-marker)".\00A0";display:inline-block;font-size:20px;line-height:22px;text-align:left;vertical-align:top;padding:0;margin:0;letter-spacing:normal;font-weight:bold;}
.locate > div > .locateSide > aside > .dealer h4{display:inline-block;font-size:20px;line-height:22px;text-align:left;vertical-align:top;padding:0;margin:0;letter-spacing:normal;font-weight:bold;}
.locate > div > .locateSide > aside > .dealer .distance{font-size:20px;line-height:22px;font-weight:bold;font-style:normal;line-height:100%;display:block;}
.locate > div > .locateSide > aside > .dealer .distance::before{content:""}
.locate > div > .locateSide > aside > .dealer > .shopInfo{padding-top:8px;display:block;width:fit-content;}
.locate > div > .locateSide > aside > .dealer .dealerPhone {color: #000;font-family:"FontAwesome",boschsans, Arial, sans-serif;font-size:18px;margin-top: 10px;display: inline-block;}
.locate > div > .locateSide > aside > .dealer .dealerPhone:hover{color:var(--color-default-link);}
.locate > div > .locateSide > aside > .dealer .dealerDetails {font-size:18px;margin-top: 10px;display: block;}
.locate > div > .locateSide > aside > .dealer[data-selected=true] {background-color:#e0e2e5;}
.locate > div > .locateSide > aside > .dealer >.dealerxtras{display:none;}
.locate > div > .locateSide > aside > .dealer[data-selected=true] >.dealerxtras{display:block;padding: 10px 0;}
.locate > div > .locateSide > aside > .dealer > .dealerxtras .review:not(:empty){padding-bottom:10px;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns{padding-top:12px;display: inline-table; }
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .newInvLink,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomMap,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomOutMap,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > a.locateWidgetVisitSiteLink{
width:40px;height:40px;padding:5px;background-color:var(--color-default-btn-bg);border-style:none;border-bottom-style:none;
margin:1px 1px 0 0;font-style:normal;line-height:30px;font-size:30px;letter-spacing:normal;font-weight:normal;color:#fff;
cursor:pointer;border-bottom:2px solid var(--color-default-btn-bg) !important;display:inline-block;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > a.locateWidgetVisitSiteLink:hover{text-decoration:none;}
.locate > div > .locateSide > aside > .dealer[data-selected="true"] > .dealerbtns > a.locateWidgetVisitSiteLink {padding:10px 30px;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .newInvLink:before,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomMap:before,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomOutMap:before,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > a.locateWidgetVisitSiteLink:before{font-family:boschicon, Arial, sans-serif;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .newInvLink:before{content:'';}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomMap:before{content:'\e2c9';}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomOutMap:before{content:'\e2ca';}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > a.locateWidgetVisitSiteLink:before{content:'\e2c7';}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomOutMap{display:none;}
.locate > div > .locateSide > aside[data-mapzoomed=in] > .dealer > .dealerbtns > .zoomMap{display:none;}
.locate > div > .locateSide > aside[data-mapzoomed=in] > .dealer > .dealerbtns >.zoomOutMap{display:inline-block;}
.locate > div > .locateSide > aside > .dealer[data-selected=true] > .dealerbtns > a.locateWidgetVisitSiteLink:before{content:'VISIT WEBSITE';font-size:12px; font-weight:bold; width:auto; white-space:nowrap; vertical-align: top;}
.locate > div > .locateSide > aside > .dealer >.dealerxtras .hours:not(:empty){padding-top:10px;}
.locate > div > .locateSide > aside > .dealer >.dealerxtras .hours span{display:list-item; list-style-type: none;}
.locate > div > .locateSide > aside > .dealer > .dealerxtras > a.locateWidgetGetDirLink{line-height: normal;text-decoration: underline; font-weight: bold;display:block;width:fit-content;}
.locate > div > .locateSide > aside > .dealer > .dealerxtras > a.locateWidgetGetDirLink span+span:before{content:'';display:block;margin:0;padding:0;height:0;}
.locate .locateMapCanvas{right:60%;}
.locateWidgetGetDirLink, .locateWidgetVisitSiteLink {background-color:transparent;bottom:auto;color:#000;left:auto;line-height:normal;position:relative;right:auto;top:auto;text-align:inherit;text-decoration:underline;}
.locateWidgetVisitSiteLink{display:none;}
.locateWidgetVisitSiteLink {background-color: transparent;left: auto;right: auto;font-size:20px}
.locateWidgetGetDirLink > span {display:block}
.locate .locateSide aside .dealer .shopHours{margin-top:10px}
.locate .locateSide aside .dealer .shopHours .hours .days span{display:inline-block}
.locate .locateSide aside .dealer .shopHours .hours .days .day{width:11ch;}
.locate .locateSide aside .dealer .shopHours .hours .days.bold{font-weight:bold}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .newInvLink{display:none;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks{display:none;}
.locate > div > .locateSide > aside > .dealer[data-selected=true] > .dealerbtns > .dealerLinks{display:inline-block;padding-top:11px}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a{display:inline-block;width:auto;padding:10px;border-style:none;margin:1px;font-style: normal;line-height: 14px;font-size: 20px;letter-spacing: normal;font-weight:normal;color:#000;cursor:pointer;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a:before{content:'\f08e';font-family:FontAwesome;margin-right:4px}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a.linkService{display:none;}
.locate > div > .locateSide > aside > .dealer h4 ~ span,
.locate > div > .locateSide > aside > .dealer nav > a{display:list-item; list-style: none;}
.locate > div > .locateSide > aside > .dealer nav > a:hover {cursor: pointer; text-decoration: underline; text-decoration-color: #25c998;}
.locate > div > .locateSide > aside > .dealer nav{margin-top:8px;}
/*MAP*/
.locateMapCanvas .gm-style-iw.gm-style-iw-c{border-radius:0}
.locateMapCanvas .dealer-info{width:auto;height:auto;}
.locateMapCanvas .dealer-info h4{margin: 2px 0;letter-spacing:normal;}
.locateMapCanvas .dealer-info h4 a{top: auto;bottom: auto;}
.locateMapCanvas .dealer-info h4 ~ .phone{}
.locateMapCanvas .dealer-info h4 ~ .phone a{}
.locateMapCanvas .dealer-info h4 ~ .phone:before{content:attr(data-label);}
.locateMapCanvas .dealer-info h4 ~ .address{}
.locateMapCanvas .dealer-info h4 ~ .address:before{content:attr(data-label);}
.locateMapCanvas .dealer-info a.locateWidgetGetDirLink{top: auto;bottom: auto;}
.locateMapCanvas .dealer-info a.locateWidgetVisitSiteLink{top: auto;bottom: auto;}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap{padding-top:10px;}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopInfo{width:60%;float:left;padding-right:10px;font-size:18px;}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopInfo > *{margin-top:10px}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopInfo .dealerPhone{display:block;font-size:18px;}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopInfo .locateWidgetGetDirLink span{display:block}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopHours{width:40%;float:left;}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopHours .days{font-size:18px;text-align:right}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopHours .days .day{text-align:left;float:left}
.locate > div > .locateSide > aside > .dealer > .shopInfoWrap > .shopHours .days.bold span{font-weight:700}
.locate > div > .locateSide > aside > .dealer.comingsoon .shopHours {clear:both;float: none;margin-top: 0;}
.locate > div > .locateSide > aside > .dealer.comingsoon .dealerbtns {padding-top:0}
.locate > div > .locateSide > aside > .dealer.comingsoon .dealerbtns .soon {padding-top:6px;font-weight:700;}
.locate > div > .locateSide > aside > .dealer.comingsoon .shopInfo a.dealerPhone,
.locate > div > .locateSide > aside > .dealer.comingsoon .shopInfo .shopButns{display:none;}
.locate > div > .locateSide > aside > .dealer .shopHours .hours {opacity:0;max-height:8px;overflow:hidden;}
.locate > div > .locateSide > aside > .dealer[data-selected="true"] .shopHours .hours {opacity:1;max-height:none;}
.locate > div > .locateSide > aside > .dealer .dealerbtns .myShopBtn{padding:10px 12px;margin-right:8px;}
.locate > div > .locateSide > aside > .dealer .dealerbtns .schedBtn{padding:10px 12px;}
.locate > div > .locateSide > aside > .dealer .dealerbtns .myShopBtn span{display:none;}
.locate > div > .locateSide > aside > .dealer .dealerbtns .schedBtn span{display:none;}
.locate > div > .locateSide > aside > .dealer .dealerbtns .myShopBtn::before{content:"\e3d3";font-family:boschicon;font-size:30px;line-height:30px;}
.locate > div > .locateSide > aside > .dealer .dealerbtns .schedBtn::before{content:"\e2c8";font-family:boschicon;font-size:30px;line-height:30px;}
.locate > div > .locateSide > aside > .dealer[data-selected="true"] .dealerbtns .myShopBtn,
.locate > div > .locateSide > aside > .dealer[data-selected="true"] .dealerbtns .schedBtn{padding:14px 16px;margin-top:12px}
.locate > div > .locateSide > aside > .dealer[data-selected="true"] .dealerbtns .myShopBtn span,
.locate > div > .locateSide > aside > .dealer[data-selected="true"] .dealerbtns .schedBtn span{display:inline-block;width:15ch;letter-spacing:.25px;}
.locate > div > .locateSide > aside > .dealer[data-selected="true"] .dealerbtns .myShopBtn::before,
.locate > div > .locateSide > aside > .dealer[data-selected="true"] .dealerbtns .schedBtn::before{content:"";display:none}
.locate > div > .locateSide > aside > .dealer[data-myshop="true"] .dealerbtns .myShopBtn span{display:none;}
.locate > div > .locateSide > aside > .dealer[data-myshop="true"] .dealerbtns .myShopBtn{}
.locate > div > .locateSide > aside > .dealer[data-myshop="true"] .dealerbtns .myShopBtn::before{content:"My Shop";display:inline-block;color:#FFFFFF !important;font-size:18px !important;font-family:inherit;line-height:inherit;}
.locate > div > .locateSide > aside > .dealer[data-myshop="true"][data-selected=""] .dealerbtns .myShopBtn::before{padding:4px;}
.locate > div > .locateSide > aside > .dealer .dealerbtns .btns label.schedShopLbl input[type="radio"]{display:none}
.locate > div > .locateSide > aside > .dealer .dealerbtns .btns label.schedShopLbl input:checked + .schedShopBtn{color:red}
@media only screen and (max-width: 991px) {
.locatewrapper > div,
.locatewrapper > div > div,
.locatewrapper .locate{height:100%;}
.locate > div > .locateSide{width:60%;float:right;height: 100%;}
.locate:after{content:"";display:table;clear:both;}
.locate > div{display:block;position:relative;}
.locate .locateMapCanvas{display:block;width:100%;padding-top:80px;right:0;position: relative;height: 60vh;}
.locate .locateMapCanvas:after{display:table;content:"";clear:both;}
.locate > div > .locateSide{width:100%;height:auto;/*position:abbsolute;*/float:none;}
.locate > div > .locateSide > aside{padding:0;opacity:1;}
.locate > div > .locateSide > form {padding:20px 10px;opacity:1;position:absolute;top:0;left:0;right:0;}
/* New */ body > #dlrModal {font-family: boschsans, Arial, sans-serif !important;}
.locate header form > fieldset + fieldset{display:block;height:auto;left:10%;position:relative;right:1px;top:auto;width:80%;}
.locate header form > fieldset + fieldset h2.visible-xs{color:#fff;font-weight:700;text-align:center;}
.locate header form > fieldset + fieldset h2.visible-xs span{color:#aaa;font-weight:400;}
.locate header form > fieldset + fieldset input{margin:0;border-style:none;display:inline-block;height:50px; padding: 5px 10px;vertical-align:middle;width:50%;}
.locate header form fieldset button.zipBtn{background-color:#992e1a;border-style:none;color:#fff; display:inline-block !important;height:50px;margin:0;padding:0;vertical-align:middle;width:50px;}
.locate > div > aside{position:relative;width:100%;display:block;}
.locate > div > aside > .dealer{border-top-style:none;}
.locate > div > aside > .dealer:nth-child(2n - 1){background-color:#cdc6be;}
.locate > div > aside > .dealer > :not(:first-child){display:none;}
.locate > div > aside > .dealer.open > .dealerXtras{display:block;}
.locate > div > aside > .dealer h4{text-align:left;margin-left:30px;text-indent:-22px;}
.locate > div > aside > .dealer h4:before{content:"\f0da";font-family:"FontAwesome";margin-right:15px;color:#992e1a;}
.locate > div > aside > .dealer.open h4:before{content:"\f0d7";margin-right:12px;}
.locate > div > aside .dealerXtras{padding-left:20px;}
.locate > div > aside .dealerXtras > span{text-transform:uppercase;color:#444;font-size:14px;}
.locate > div > aside .dealerXtras > a{display:inline-block;width:32%;margin-left:0;padding:20px 0;text-align:center; background-color:#992e1a;color:#fff;text-decoration:none;}
.locate > div > aside .dealerXtras > a:hover{background-color:#792110;}
.locate > div > aside .dealerXtras > a + a{margin-left:2%;}
.locate > div > aside .dealerXtras > nav{}
.locate > div > aside .dealerXtras > nav a{color:#444;padding:10px 0 0;text-decoration:none;}
.locate > div > aside .dealerXtras > nav a:before{content:"\f105";font-family:"FontAwesome";margin-right:20px;}
/* non-list */
.locate:after{content:"";display:table;clear:both;}
.locate > div{display:block;position:relative;padding-top:80px;}
.locate .locateMapCanvas{display:block;width:100%;height:400px;right:0;position: relative;}
.locate .locateMapCanvas:after{display:table;content:"";clear:both;}
.locate > div > .locateSide{width:100%;height:auto;float:none;}
.locate > div > .locateSide > aside{padding:0;opacity:1;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns .btns .schedBtn,
.locate > div > .locateSide > aside > .dealer > .dealerbtns .btns .myShopBtn{margin:16px 8px 0 0;display:inline-block;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns .zoomMap,
.locate > div > .locateSide > aside > .dealer > .dealerbtns .zoomOutMap{margin:16px 16px 16px 0}
}
@media only screen and (max-width: 767px) {
.locate > div > .locateSide > aside > .dealer > .dealerbtns .schedBtn{margin:16px 0;display:block;}
.locate .locateMapCanvas{height:240px;}
.locate > div > .locateSide > aside > .dealer >.shopInfo > .dealerPhone > span{display:none;}
.locate > div > .locateSide > aside > .dealer >.shopInfo > .dealerPhone::before{content:"Call Shop"}
}
@media only screen and (min-width: 768px) {
.locate > div > .locateSide > aside > .dealer h4{display:inline-block;padding-right:12px;max-width:calc(100% - 10ch);}
}
@media only screen and (min-width: 992px) {
.locatewrapper,
.locate > div,
.locateMapCanvas{height:650px;}
.locate .locateMapCanvas{width:40%;float: left;}
.locate > div > .locateSide > aside{height:calc(100% - 80px);overflow-y:scroll;}
.locate > div > .locateSide > aside > .dealer > h4,
.locate > div > .locateSide > aside > .dealer::before,
.locate > div > .locateSide > aside > .dealer > .distance{vertical-align:baseline;font-size:20px;line-height:24px;margin:0;}
.locate > div > .locateSide > aside > .dealer .distance::before{content:""}
.locate > div > .locateSide > aside > .dealer > .distance{float:right;display:block;font-style:italic;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns .zoomMap,
.locate > div > .locateSide > aside > .dealer > .dealerbtns .zoomOutMap{margin:16px 16px 0 0;display:none;}
}
@media only screen and (min-width: 1200px) {
.locate .locateSide aside .dealer{float:none;clear:both;}
.locate .locateSide aside .dealer .shopInfo{float:left;}
.locate .locateSide aside .dealer .shopHours,
.locate .locateSide aside .dealer .shopHours .hrs{float:right;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns{width:100%; }
.locate > div > .locateSide > aside > .dealer[data-selected="true"] > .dealerbtns{width:50%;padding-right:8px}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .schedBtn{margin:16px 0 0; }
}
@media only screen and (min-width: 1440px) {
.locate .locateSide aside .dealer .shopInfo{width:60%}
.locate > div > .locateSide > aside > .dealer[data-selected="true"] > .dealerbtns{width:60%; }
.locate .locateSide aside .dealer .shopHours{width:40%;}
}
.scroller { border: none !important; height: 400px; margin: 0 10px 10px 0 !important; overflow: auto;}