body {
    background-color: #fff; color:#000;
}
.locatewrapper,.locate > div, .locateMapCanvas{height:calc(100vh - 195px);}
.locate > div > .locateSide{width:400px;float:right;height: 100%;}
.locate > div > .locateSide > form{width: 100%; background-color: #403a60; padding: 10px; display: block; height: 68px;}
.locate > div > .locateSide > form > fieldset{background-color:#fff;padding: 2px;display: inline;align-items: center;}
.locate > div > .locateSide > form > fieldset > *{display:inline-block}
.locate > div > .locateSide > form > fieldset >label{padding: 8px 2px 8px 8px;font-size: 14px;line-height: 27px;font-style: italic;color: #999;}
.locate > div > .locateSide > form > fieldset >input{width:5em;border-style: none;font-size: 16px;line-height: 16px;padding: 8px 0;}
.locate > div > .locateSide > form > fieldset >span{width:42px;height:44px;padding:0px;background-color: #403a60;border-style: none;margin: 0;font-style: normal;line-height: 40px;font-size: 20px;vertical-align: baseline;letter-spacing: normal;opacity: 1;color: #f4e75d;}
.locate > div > .locateSide > form > fieldset >span:before{content:'\f002';font-family:FontAwesome;}
.locate > div > .locateSide > form > fieldset >input:valid + span{opacity: 1;cursor: pointer;}
.locate > div > .locateSide > form > fieldset >input:focus{outline-style:none}
.locate > div > .locateSide > aside {height:calc(100% - 60px);overflow-y:scroll;padding: 30px 60px;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 0;position:relative;margin-top:6px;border-bottom: 1px solid #CCC;}
.locate > div > .locateSide > aside > div.dealer:last-of-type{border-style:none;}
.locate > div > .locateSide > aside > .dealer h4{font-size:14px;text-align:left;padding:0;margin: 0 0 8px;letter-spacing: normal;text-transform: uppercase;font-weight: bold;}
.locate > div > .locateSide > aside > .dealer .distance{float:right;color:000;}
.locate > div > .locateSide > aside > .dealer .dealerPhone {color: #000;}
.locate > div > .locateSide > aside > .dealer.numbered[data-marker]:before{display:inline-block;content:attr(data-marker);/*background-image: url(https://blueprint.cdn.cloud.searchoptics.net/f7dcaf1311f7f176d606dc386f4cf0a4/mappin000.png);*/padding: 6px;width: 22px;height: 28px;line-height: 18px;font-size: 16px;text-align: center;color: #fff;margin-bottom:8px; font-weight: bold;}
.locate > div > .locateSide > aside > .dealer.numbered[data-selected=true]:before {color: var(--clr3);}
/*.locate > div > .locateSide > aside > .dealer.numbered:hover:before{color: #000;background-image: url(https://blueprint.cdn.cloud.searchoptics.net/ebde1ff8c39173ea9082e38477d5d594/mappin15255D_000000.png);}*/
.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 > .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:30px;height:30px;padding:10px;background-color: #fff; border: 1px solid; margin: 0 1px;font-style: normal;line-height: 20px;font-size: 20px;letter-spacing: normal;font-weight:normal;color: #000;cursor:pointer;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .newInvLink:hover,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomMap:hover,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomOutMap:hover,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > a.locateWidgetVisitSiteLink:hover,
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a:hover {background-color: var(--clr2); color: var(--clr1); border-color: var(--clr1);}

.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:FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .newInvLink:before{content:'\f1b9';}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomMap:before{content:'\f00e';}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .zoomOutMap:before{content:'\f010';}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > a.locateWidgetVisitSiteLink:before{content:'\f08e';}
.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;}
.locate > div > .locateSide > aside > .dealer[data-selected=true] > .dealerbtns > a.locateWidgetVisitSiteLink:before{content:'VISIT WEBSITE';font-size:14px; font-weight:500; 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;}
.locate > div > .locateSide > aside > .dealer > .dealerxtras > a.locateWidgetGetDirLink span+span:before{content:'';display:block;margin:0;padding:0;height:0;}
.locate .locateMapCanvas{right:400px;}
.locateWidgetGetDirLink, .locateWidgetVisitSiteLink {background-color: transparent;bottom: auto; color: #000; left: auto;line-height: normal;position: relative;right: auto;top: auto;text-align: inherit;}
.locateWidgetVisitSiteLink {background-color: transparent;left: auto;right: auto;}
.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:block;padding-top:11px}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a{display:block;width:auto;padding:1rem 3rem;background-color: #fff;border: 1px solid; margin:1px;font-style: normal;line-height: 14px;font-size: 14px;letter-spacing: normal;font-weight:normal;color: #000;cursor:pointer; text-transform: uppercase;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a:before{content:'\f08e';font-family:FontAwesome;margin-right:4px}

/*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;}

@media only screen and (max-width: 767px) {
  .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:#000;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:#403a60;border-style:none;color:#f4e75d; 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;}
  .locate .locateMapCanvas{display:block;width:100%;top:68px;height:calc(100vh - 245px);right:0;position: relative;}
  .locate .locateMapCanvas:after{display:table;content:"";clear:both;}
  .locate > div > .locateSide{width:100%;height:68px;position:absolute;top:0;float: none;}
  .locate > div > .locateSide > aside{padding:0;opacity:0;}
  
  /*#dlrModal > .modal-dialog{height:calc(100vh - 20px);}
  #dlrModal > .modal-dialog >.modal-content{height:inherit;border-radius:0}
  #dlrModal > .modal-dialog >.modal-content > .modal-header{margin:0 10px;border-style:none;}
  #dlrModal > .modal-dialog >.modal-content > .modal-header h5{text-align: center;font-size:18px;letter-spacing: 4px;border-bottom:1px solid #000}
  #dlrModal > .modal-dialog >.modal-content > .modal-header .close{color:#000;opacity:1;font-size: 30px;line-height: normal;margin: 20px 20PX 0 0;}
  #dlrModal > .modal-dialog >.modal-content > .modal-header .close:before{content:"\00d7";}
  #dlrModal > .modal-dialog >.modal-content > .modal-header .close span{display:none;}
  #dlrModal > .modal-dialog >.modal-content .modal-body{top:42px;padding: 0 60px;}
  #dlrModal > .modal-dialog >.modal-content .modal-body div.marker{color:#000;
    background: url(https://blueprint.cdn.cloud.searchoptics.net/ebde1ff8c39173ea9082e38477d5d594/mappinFFFFFF_000000.png) no-repeat;
    padding:6px;width:22px;height:28px;line-height:12px;font-size:11px;text-align: center;margin-bottom: 8px;}
  #dlrModal > .modal-dialog >.modal-content .modal-body h4{font-size:18px;}
  /*#dlrModal > .modal-dialog >.modal-content .modal-body .distance{}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerPhone{}*/
 /* #dlrModal > .modal-dialog >.modal-content .modal-body .dealerxtras{padding-top:20px}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerxtras > a.locateWidgetGetDirLink{text-decoration: underline;}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerxtras a > span{display:block;}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerxtras .hours{padding-top:20px}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerxtras .hours > span{display:block;margin:2px 0px}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns{padding-top:20px;display:inline-block;}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns a{display:block;line-height:16px;margin-top:10px;text-align:center;}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns a:before{background-color:var(--clr1);color: var(--clr2); display:inline-block;padding:12px 30px;text-transform:uppercase;width:100%}

  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns .locateWidgetVisitSiteLink:before{content:"Visit Website";}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns .locateWidgetVisitSiteLink + a[href*=inventory]:before{content:"View Inventory";}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns a.newInvLink{display:none;}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns .dealerLinks{display:block;}
  #dlrModal > .modal-dialog >.modal-content .modal-body .dealerbtns .dealerLinks a{display:block;padding:10px;text-align:center;text-transform:uppercase; background-color:var(--clr1);border-style:none;margin:1px 0;font-style: normal;line-height: 14px;font-size: 14px;letter-spacing: normal;font-weight:normal;color: var(--clr2);cursor:pointer;}
}*/
.scroller { border: none !important; height: 400px; margin: 0 10px 10px 0 !important; overflow: auto; }