.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:black;padding:10px;display:block;height:68px; display: none;}
.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:var(--btnclr1);color:var(--btntxtclr1);border-style:none;margin:0;
  font-style:normal;line-height:40px;font-size:20px;vertical-align:baseline;letter-spacing:normal;opacity:0.4;}
.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 > .dealer[data-dealer="a69f0a44cc4e236ccd9bf9d79a4e2777"] {display: none;}
.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;}
.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:#000;margin-bottom:8px;font-weight:bold;}
.locate > div > .locateSide > aside > .dealer.numbered[data-selected=true]:before {color:var(--btntxtclr1);}
/*.locate > div > .locateSide > aside > .dealer.numbered:hover:before{color: #000;background-image: url(https://blueprint.cdn.cloud.searchoptics.net/f7dcaf1311f7f176d606dc386f4cf0a4/mappinFFB900_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:var(--btnclr1);
  border-style:none;margin:0 1px;font-style:normal;line-height:20px;font-size:20px;letter-spacing:normal;font-weight:normal;color:var(--btntxtclr1);cursor:pointer;}
.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: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;}
.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:10px;background-color:var(--btnclr1);border-style:none;margin:1px;font-style:normal;line-height:14px;font-size:14px;letter-spacing:normal;font-weight:normal;color:var(--btntxtclr1);cursor:pointer;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a:before{content:'\f08e';font-family:FontAwesome;margin-right:4px}

/*hover*/
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a,
.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{background-size:10% 100%;}
.locate > div > .locateSide > aside > .dealer > .dealerbtns > .dealerLinks a:hover,
.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{background-image:linear-gradient(to right,var(--btnHvrGradStart),var(--btnHvrGradMid),var(--btnHvrGradEnd));background-repeat:no-repeat;background-size:200% 100%;transition:background 1s,background-color 1s !important;}

/*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:#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;}
  .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/225f8167578ece0d3c4e9461105a212b/mappin15255D_FFFFFF.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(--btnclr1);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(--btnclr1);
    border-style:none;margin:1px 0;font-style:normal;line-height:14px;font-size:14px;letter-spacing:normal;font-weight:normal;color:var(--btntxtclr1);cursor:pointer;}
}
.scroller {border:none !important;height:400px;margin:0 10px 10px 0 !important;overflow:auto;}