/*
Theme Name: Car-Mart 2021 (2025 refractor)
Version: 2.0
Author: Sharp Hue
*/

/*global*/
html,
body { scroll-behavior: smooth; min-width:300px; }
body,
button,
input,
select { font-family: 'Montserrat', sans-serif; }
body { padding:70px 0 0 0; margin:0; min-width:360px; }
body.open-menu { overflow:hidden; }
body * { margin:0; padding:0; box-sizing:border-box; vertical-align:baseline; }
body p a,
form * { vertical-align: top; }
button { outline:none; background:none; border:none; }
button i { vertical-align:middle; }
a { outline:none; text-decoration:none; color:#000; }
a i { vertical-align:middle; }
img { max-width:100%; height:auto !important; }
blockquote { margin:10px 0 !important; display:flex; background-color:#eee; padding: 15px 25px 15px 25px !important; border-left:3px solid #1457B7; font-style:italic; }
blockquote h3, blockquote p { font-size: 18px !important; line-height: 26px !important; color: #1457b7 !important; font-weight: 500; margin:0 !important; display:flex; flex-direction:column; justify-content:center; }
blockquote:after { color: #20A6FF; font-family: "Font Awesome 6 Pro"; content: "\e1e4"; font-size: 2em; line-height:1em; margin-top:2%; display:flex; margin-left:auto; padding-right:10px;}


.nowrap { white-space:nowrap; } 
.home .grid { display:table; width:100%; }
.home .grid .col-15 { width:15%; float:left; }
.home .grid .col-20 { width:20%; float:left; }
.home .grid .col-25 { width:25%; float:left; }
.home .grid .col-40 { width:40%; float:left; }
.home .grid .col-50 { width:50%; float:left; }
.home .grid .col-60 { width:60%; float:left; }
.nolocation-required-target,
.location-required-target,
.chat-required-target,
.nochat-required-target { display:none !important; }

/*scrollbar*/
@media(min-width:800px) {
  ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: #f1f1f1; }
  ::-webkit-scrollbar-thumb { background: #ccc; }
  ::-webkit-scrollbar-thumb:hover { background: #aaa; }
}

/*header alert*/
body.show-header-alert { padding-top:103px; }
body.show-header-alert #nav { top:100px; }
#header .alert { display:none; line-height:30px; text-align:center; position:relative; left:-10px; top:-10px; right:-10px; width:calc(100% + 20px); z-index:10; background:#2f2f2f; }
.show-header-alert #header .alert { display:block; }
#header .alert .text { display: inline-flex; align-items:center; padding:7px; text-align: center; color:#fff; font-size:13px; line-height:18px; text-decoration:none; }
#header .alert a.text:hover { text-decoration:underline; }
#header .alert .text .fa-exclamation-circle { margin-right:5px; }
#header .alert .fa-times { display:inline-block !important; color:#fff; font-size:17px; height:20px; width:20px; line-height:20px; position:absolute; right:10px; top:50%; margin-top:-10px; cursor:pointer; }
#header .alert .fa-times:hover { color:#ccc; }
@media(max-width: 600px) {
  body.show-header-alert { padding-top:120px; }
  body.show-header-alert #nav { top:120px; }
  #header .alert .text { min-height:50px; display:flex; margin-right:40px; text-align:left; }
  #header .alert .text .fa-exclamation-circle { font-size:17px; margin-right:10px; }
  #header .alert .fa-times { color:#fff; font-size:17px; height:20px; width:20px; line-height:20px; position:absolute; right:10px; top:50%; margin-top:-10px; cursor:pointer; }
}
@media(max-width: 350px) {
  body.show-header-alert { padding-top:138px; }
  body.show-header-alert #nav { top:138px; }
  #header .alert .text { min-height:68px; }
}
@media(max-width: 300px) {
  body.show-header-alert { padding-top:156px; }
  body.show-header-alert #nav { top:156px; }
  #header .alert .text { min-height:86px; }
}

/*header*/
#header * {vertical-align:middle!important;}
#header { min-width:300px; z-index: 10; line-height:50px; padding:10px; background:#fff; font-size: 0; position: fixed; top:0; left:0; right:0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#header h1.logo { display:inline; }
#header img { margin:0 15% 0 15px; width:200px; display:inline-block; }
#header .lnk { padding:0 20px; line-height:50px; display:inline-block; font-size: 18px; font-weight:500; color:#000000; cursor: pointer; }
#header .lnk:hover,
#header .lnk.active { color:#0154BC; }
#header .lnk i { margin-right:10px; font-size: 22px; }
#header > .lnk { margin-right:0; float:right; }
#header > i { float:right; padding:0 20px; line-height:50px; width:60px; text-align:center; font-size: 22px; font-weight:300; color:#000000; cursor: pointer; }
#header i:hover,
#header i.active { color:#0154BC; }
#header .fa-bars { display:none; font-size:24px; }
#header .fa-times { display:none; font-size:28px; }
@media(max-width:1200px) {    
    #header > span { display:none; }
    #header .fa-bars,
    #header .fa-times { display:inline-block; }
}
@media(max-width:700px) {   
    #header > .lnk span { display:none; }
    #header > .lnk { padding:0 15px; width:45px; margin-right:0; }
    #header img { width:170px; margin:0 0 0 5px; }
    #header > i { padding:0 15px; width:45px; }
}

/*nav*/
#nav { transition:opacity 200ms; opacity:0; z-index: 9; position: fixed; left:0; top:70px; right:100%; bottom:0; background:rgba(0,0,0,.6); }
#nav.show { right:0; opacity:1; min-width:300px; }
#nav nav { opacity:0; z-index:1; transition:left 200ms; position: absolute; top:0; right:0; bottom:0; left:-601px; max-width:400px; background:#fff; padding:10px 30px 35px 30px; overflow:auto; }
#nav.show nav { left:0; }
#nav.show nav.show { opacity:1; z-index:100; }
#nav .breadcrumb { margin-bottom:40px; font-size:17px; font-weight:500; color:#000; }
#nav .breadcrumb button { font-size:17px; font-weight:500; color:#000; }
#nav .breadcrumb button[data-close] { cursor:pointer; }
#nav .breadcrumb i { margin:0 5px; font-size:13px; }
#nav .breadcrumb b { font-weight:bold; color:#0154BC; }
#nav .loadinglocations { padding:15px; font-weight:600; text-align:center; font-size:20px; color:#0154BC; border-radius:3px; }
#nav .loadinglocations i { animation: pulse 1s infinite; margin:0 0 20px 0; }
@keyframes pulse {
  0% { color: #0154BC; }
  50% { color: #20A6FF; }
  100% { opacity: #0154BC; }  
}
#nav nav > a,
#nav nav > label { transition: opacity 200ms; opacity: 1; display:block; margin-bottom:20px; font-weight: 600; font-size: 20px; color:#0154BC; }
#nav nav > a:hover { opacity: .7; }
#nav a { opacity: 1; transition: opacity 200ms; }
#nav a:hover { opacity: .8; }
#nav .list { display:none; padding:0 0 20px 0; border-bottom:1px solid #d1d1d1; }
#nav .list.active { display:block; }
#nav .list.shop { padding-left:0; }
#nav .list a  { margin-bottom:10px; line-height:20px; font-size:16px; color:#20a6ff; font-weight:500; display:block; text-decoration:none; }
#nav .list a:hover { text-decoration:underline; }
#nav .bot .icon { margin-bottom:15px; color:#000; font-weight:500; font-size:18px; display:block; cursor:pointer; }
#nav .bot .icon:hover { text-decoration:underline; }
#nav .bot .icon i { color:#20a6ff; width:26px; text-align:left; }
#nav nav ul { margin:0 0 20px 0; list-style: none; }
#nav nav ul li b { display:block; margin-bottom:15px; font-weight: 700; font-size: 18px; color:#222; }
#nav nav ul li b span { float:right; font-weight: 300; font-size: 18px; color:#000; cursor:pointer; }
#nav nav ul li > a,
#nav nav ul li > button,
#nav nav ul li > span { display:block; margin-bottom:15px; font-weight: 500; font-size: 16px; color:#20a6ff; }
#nav nav ul li > button:hover,
#nav nav ul li > a:hover { text-decoration:underline; }
#nav nav ul li.hours > span,
#nav nav ul li.phone > a,
#nav nav ul li.locat > a { color:#000; }
#nav nav ul li > a i.fa-chevron-right { transition: left 200ms; position: relative; left:0; margin-left:5px; font-size: 13px; font-weight: 400; }
#nav nav ul li > a:hover i.fa-chevron-right { left:5px; }
#nav nav ul li a.icon,
#nav nav ul li button.icon,
#nav nav ul li span.icon { cursor:pointer; padding-left:30px; position: relative; }
#nav nav ul li span.icon { cursor:default; }
#nav nav ul li a.icon i,
#nav nav ul li button.icon i,
#nav nav ul li span.icon i { position: absolute; left:0; top:2px; }
#nav nav .lookup-services { padding-bottom:40px; }
#nav nav .lookup-services ul li { text-align:left; }
#nav nav .lookup-services > b { display:block; text-align:center; padding:5px 0; margin-bottom:15px; color:#000; font-size:18px; font-weight:bold; }
#nav nav .lookup-services form { position:relative; text-align:left; }
#nav nav .lookup-services form input { text-indent:20px; width:80%; width:calc(100% - 60px); text-align:left; padding:11px 0; font-size:17px; margin-bottom:15px; border-radius:3px; border:1px solid #d1d1d1; background:#f9f9f9; }
#nav nav .lookup-services form .btn { padding:0; width:60px; color:#20a6ff; text-align:right; position:absolute; right:0; bottom:0; background:none; }
#nav nav .lookup-services form .btn i { margin:0; font-size:30px; }
#nav nav .lookup-services form .nolocationsfound { text-align:center; color:red; }
#nav nav .lookup-services form .nolocationsfound a { display:inline-block; color:#20A6FF; text-decoration:underline; }
#nav nav .nogeo { color:#CA3949; font-weight:bold; }
#nav .image { transition:all 200ms; position: relative; display:block; border-radius:6px; overflow:hidden; width:100%; height:150px; margin-bottom:30px; color:#fff; font-size: 23px; font-weight: bold; text-align: left; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.79); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); background-repeat:no-repeat; background-size:cover; background-position:center center; cursor:pointer; }
#nav .image:hover { filter: brightness(1.2); opacity:1; }
#nav .image b { position: absolute; top:20px; left:20px; z-index: 2; }
#nav .image:before { content:""; display:block; z-index: 1; position: absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); }
#nav .image .fa-arrow-circle-right { z-index: 2; position:absolute; right:15px; bottom:15px; }
#nav .btn { position:relative; transition:background 200ms; margin-bottom:15px; width:100%; padding:10px; background:#20A6FF; color:#fff; font-size: 17px; font-weight: 500; border-radius: 3px; min-height:45px; line-height: 25px; text-align: center; display:block; cursor:pointer; }
#nav .btn:hover { background:#47b6ff; opacity:1; }
#nav .btn.green { background:#55c259; }
#nav .btn.green:hover { background:#58d45d; }
#nav .btn i:first-child { margin-right:10px; position:absolute; left:20px; top:50%; transform:translate(0%,-50%); }
#nav .btn i.fa-chevron-right { margin-left:10px; position:relative; left:auto; top:auto; transform:none; }
#nav .social { padding:15px 0; }
#nav .social i,
#nav .social img { color:#0154bc; font-size: 20px; margin-right:15px; }
#nav .social img { max-height:17px; width:auto !important; vertical-align:top; }
#nav .tab { width:100%; min-height:65px; padding:22px 15px 22px 0; margin:0; background:#fff; border-bottom:1px solid #d1d1d1; line-height: 20px; font-size: 17px; font-weight: 600; color:#000; cursor: pointer; position: relative; text-align: left; }
#nav .tab i { margin-right:10px; font-size:24px; }
#nav .tab.active { border:none; }
#nav nav.store .tab,
#nav nav.user .tab { border:none; margin-bottom:15px; cursor:default; }
#nav .tab.blue { background:#20A6FF; color:#fff; }
#nav .tab.loc { padding-top:13px; padding-bottom:13px; }
#nav .tab img { position:absolute; left:0; top:15px; width:35px; }
#nav .tab span { display:block; font-size: 13px; line-height: 14px; margin-top:4px; color:#20a6ff; font-weight: 600; }
#nav .tab .fa-chevron-right,
#nav .tab .fa-chevron-up,
#nav .tab .fa-chevron-down { color:#0154bc; font-size:20px; font-weight: 400; position: absolute; right:0; top:50%; margin-top:-10px; height:20px; line-height: 20px; }
#nav .bot { margin-top:30px; }
#nav .bot .btn { text-align:center; padding-left:10px; }
#nav h4 { line-height: 1.2em; margin-bottom:15px; font-size:23px; font-weight: 600; color:#000; text-align: center; }
#nav h5 { line-height: 1.2em; margin-bottom:15px; font-size:19px; font-weight: 600; color:#000; text-align: center; }
#nav p { font-size:15px; font-weight:400; margin-bottom:20px; text-align: center; } 
#nav .bodies { margin:0 -20px; font-size:0; text-align:center; }
#nav .bodies span { transform:scale(0.95); width:45%; border:1px solid #D3D3D3; background:#fff; padding:25px 0; margin:5px; display:inline-block; font-weight: bold; color:#000; font-size: 18px; text-transform: uppercase; cursor:pointer; transition:all 200ms; }
#nav .bodies span:hover { transform:scale(1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#nav .bodies span img { max-height:52px; display:block; margin:0 auto; margin-bottom:10px; }
#nav .found { padding:0; text-align:center; background: rgb(1,84,188); }
#nav .found .view { padding:40px 20px; background:#F4F7FB; }
#nav .found .view .btn { padding:0 10px; text-align:center; margin:0 20px; width:auto; }
#nav .found img { max-width:50%; margin-bottom:15px; display:inline-block; }
#nav .found h4 { margin-bottom:5px; }
#nav .questions { padding:20px 40px; background: rgb(1,84,188); background: linear-gradient(135deg, rgba(0,70,159,1) 50%, rgba(1,84,188,1) 50%); }
#nav .questions h4 { padding-top:75px; margin-bottom: 20px; text-align: center; font-size: 30px; color:#fff; font-weight: 600; background:url(images/notify.png) no-repeat center top; background-size:60px; }
#nav .questions p { margin-bottom: 35px; text-align: center; font-size: 18px; color:#fff; font-weight: normal; }
#nav .questions form { text-align:center; max-width:320px; margin:0 auto; }
#nav .questions input { transition:all 200ms; padding:12px 0; margin-bottom:15px; width:100%; text-align:center; }
#nav .questions input:hover,
#nav .questions input:focus { transform:scale(1.1); outline:none; }
#nav .questions button { transition:all 200ms; padding:12px 50px; display:inline-block; background:#CA3949; color:#fff; text-align:center; text-transform: uppercase; font-weight: 700; cursor:pointer; }
#nav .questions button:hover { background:#de2035; }
@media(max-width:600px) {    
    #nav nav { max-width:100%; }
}

@media(max-width:500px){
  #nav nav .lookup-services form {margin-bottom:30px;}
}

/*promo*/
#promo { background: #F4F7FB; }
#promo .top { height:350px; position: relative; z-index: 1;  }
#promo .text-blocks { display: flex; justify-content: space-between; flex-direction: row; align-items: center; height: 80%; max-width: 85%; margin:0 auto;}
#promo .text-blocks .background {position:absolute; top:0; bottom: 0; left:0; right: 0; clip-path: polygon(0 0, 58% 0%, 35% 100%, 0% 100%); background-color: #0154BC; height:100%;}
#promo .text-blocks .left-block {max-width:520px; margin-top: -50px; margin-left:20px; }
#promo h2 { position: relative; z-index: 2;  font-family: 'geom-graphic', sans-serif; color:#fff; font-size: 41px; line-height:43px; text-transform: uppercase; }
#promo .text-blocks .right-block { margin-bottom: -50px; }
#promo h3 { font-size:32px; line-height:31px; font-family: 'geom-graphic', sans-serif; color:#0054BC; text-transform:uppercase; z-index: 1; justify-self: end; margin-bottom: 5px; white-space:nowrap; }
#promo h3 span { font-size: 27px; }
#promo p { color:#012756; font-size: 23px; font-weight: 500; line-height: 30px; white-space: nowrap; }
#promo .top img {z-index: 10;width:auto;top:130px;margin-left:-42%;max-width:300px;}
#promo img { width:430px; margin-left:-238px; position: absolute; left:50%; top:-140px; }
#promo .bot { font-size:0; min-height:180px; padding:90px 20px 20px 20px; background: #1C1C1C; position: relative; z-index: 2; text-align: center; }
#promo .btn { cursor:pointer; transition:all 200ms; display:inline-block; padding:14px 18px; margin:5px; background: #0154BC; border-radius: 2px; font-size: 16px; text-transform: uppercase; font-weight: bold; color:#fff; }
#promo .btn:hover { background:#0071ff; }
#promo .btn.blue { background: #20A6FF; }
#promo .btn.green { background: #56C258; }
#promo .btn.blue:hover { background:#5abdff; }

@media( min-width:1750px ) {
  #promo .text-blocks {  max-width: 65%; }
}

@media( max-width: 1300px ){
  #promo .text-blocks {  max-width: 95%; }
}
@media( max-width: 1090px ){
  #promo h2 { font-size: 31px; line-height:37px; }
  #promo h3 { font-size: 28px; line-height:27px; margin-bottom:5px;  }
  #promo h3 span { font-size: 22px; line-height:27px; }
  #promo p { font-size: 20px; }
}
@media( max-width: 1000px ){
  #promo .top img {width:230px;top:190px;margin-left:-34%;}
  #promo .text-blocks { height: 60%;}
  #promo .text-blocks .background { clip-path: polygon(0 0, 129% 0%, 0% 50%, 0% 100%);}
  #promo .text-blocks { flex-wrap:wrap; width:100%; }
  #promo .text-blocks .left-block { margin-top:20px; width: 100%; }
  #promo .text-blocks .right-block { margin-bottom: 0; margin-left:auto; margin-top: -20px; }
}
@media(max-width:900px) {
  #promo .top img {width:150px;top:170px;}
}
@media(max-width:800px) {
  #promo .bot {padding:90px 15% 20px 15%;}
  #promo .btn {width:46%;padding-right:0;padding-left:0;}
}
@media(max-width: 768px ){
  #promo .text-blocks .right-block { margin-top:0; }
  #promo h2 { font-size: 28px; line-height: 34px; width:85%; }
  #promo h3 { font-size: 22px; margin-top:-3px; }
  #promo h3 span { font-size: 18px; }
  #promo p { width:75%; }
}
@media( max-width: 600px ){
  #promo .top { height: 350px; }
  #promo .text-blocks .background { clip-path: polygon(0 0, 190% 1%, 0% 41%, 0% 100%); }
  #promo .text-blocks .left-block { margin: 10px;}
  #promo .bot { height:auto; padding:70px 2% 20px 2%; } 
  #promo .btn { width:46%; margin:2%; padding-right:0; padding-left:0; display:inline-block; }
  #promo .top img {top:160px;left:45%;}
  #promo .bot {display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
  #promo .btn.schedule, .btn.get-pre-qualified {min-width:96%;width:auto;}
}

@media( max-width: 500px ){
  #promo .text-blocks .left-block { margin: 20px;}
  #promo .text-blocks .right-block { margin-top: 40px; margin-right:auto; }
  #promo p { width:100%; margin-top: -3px; }
  #promo h2 { width:100%; }
  #promo img { width:85%; left:7%; margin-left:0; top:-120px; }
  #promo .top img {top:110px;}
  #promo .bot {padding:90px 5% 20px 5%;}
}

@media(max-width:440px) {   
    #promo img { top:-101px; }
    #promo .top img {max-width:130px;}
}
@media(max-width:400px) {
  #promo .bot { padding-top: 58px; }
  #promo h2 { font-size: 24px; line-height:30px; }
}



/*promo banner */
section#promo_banner {display:flex;justify-content: center;width:100%;margin:0 auto;background-position:0 75%;}
section#promo_banner .pcontainer {max-width:1400px;padding:20px 50px;display:flex;flex-direction:row;justify-content:space-between;gap:30px;width:100%;}
section#promo_banner .pcontainer .left { display:flex;flex-direction:row;gap:50px; }
section#promo_banner .pcontainer div img {max-width:300px;height:auto;width:auto;}
section#promo_banner .pcontainer div.banner-header { font-size: 28px; line-height:1em; font-weight:600; font-family: 'geom-graphic', sans-serif; }
section#promo_banner .pcontainer div.banner-text {font-size:18px;line-height:1.2em;}
section#promo_banner .pcontainer div.text {display:flex;flex-direction:column;justify-content: center;}
section#promo_banner .pcontainer div.text .banner-header { margin-bottom:15px; }
section#promo_banner .pcontainer div.button {display:flex;flex-direction:column;justify-content: center;}
section#promo_banner .pcontainer div.button div {padding:13px 20px;font-weight:600;max-width:300px;margin:0 auto;}

@media (max-width:1075px) {
  section#promo_banner .pcontainer .left {gap:20px;}
}

@media (max-width:1000px) {
  section#promo_banner .pcontainer {gap:20px;}
  section#promo_banner .pcontainer div img {max-width:200px;height:auto;margin:0 auto;}
  section#promo_banner .pcontainer {flex-direction:column;}
  section#promo_banner .pcontainer .left {flex-direction:column;text-align:center;gap:20px;}
}

/*Conversions*/
#conversions a { float:left;height:300px; width:50%; padding:0px 25% 0 0; background: #F4F4F4; position: relative;display:flex;flex-direction:column;justify-content:center }
#conversions a b { padding:0 10px; font-size: 25px; margin-bottom:20px; color: #0154BC; font-weight: bold; display:block; text-align: center; }
#conversions a .lnk { transition:all 200ms; font-size: 14px; color: #000000; font-weight: bold; text-transform: uppercase; display:block; text-align: center; }
#conversions a .lnk i { margin-left:3px; }
#conversions a:hover .lnk { transform:scale(1.2); }
#conversions a .img { position: absolute; right:0; top:0; bottom:0; display:block; width:50%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#conversions a .img:after { position: absolute; left:0; top:50%; width: 0; height: 0; margin-top:-30px; border-left: 30px solid #F4F4F4; border-top: 30px solid transparent; border-bottom: 30px solid transparent; content:""; display:block; }
#conversions a:nth-child(3),
#conversions a:nth-child(4) { padding-right:0; padding-left:25%; }
#conversions a:nth-child(3) .img,
#conversions a:nth-child(4) .img { right:auto; left:0; }
#conversions a:nth-child(3) .img:after,
#conversions a:nth-child(4) .img:after { left:auto; right:0; border-left:none; border-right: 30px solid #F4F4F4; }
@media(max-width:800px) {
    #conversions a { width:100%; height:180px;padding-top:0; padding-right:50%;display:flex;flex-direction:column;justify-content:center;}
    #conversions a:nth-child(2) { padding-right:0; padding-left:50%; }
    #conversions a:nth-child(2) .img { right:auto; left:0; }
    #conversions a:nth-child(2) .img:after { left:auto; right:0; border-left:none; border-right: 30px solid #F4F4F4; }
    #conversions a:nth-child(3) { padding-right:50%; padding-left:0; }
    #conversions a:nth-child(3) .img { right:0; left:auto; }
    #conversions a:nth-child(3) .img:after { left:0; right:auto; border-left:30px solid #F4F4F4; border-right: none; }
    #conversions a:nth-child(4) { padding-left:50%; }
    #conversions a b { font-size:18px; margin-bottom:10px; }
    #conversions a .lnk { font-size:12px; }
}

/*peace*/
#peace { line-height: 1.8em; }
#peace .container { padding:100px 30px; max-width:900px; margin:0 auto; }
#peace h2 { max-width:800px; line-height: 1.2em; margin:0 auto 25px auto; font-size:39px; font-weight: 600; color:#012756; text-align: center; }
#peace h3 { margin:10px 0 10px 0; font-size:32px; font-weight: 800; color:#0154BC; }
#peace p { max-width:700px; margin-left:auto; margin-right:auto; font-size:19px; font-weight: 400; color:#000; text-align: center; }
#peace .package img { display:block; margin:0 auto 20px auto; width:230px; max-width:65%; }
#peace .package { text-align:center; }
#peace .product { display:table; width:100%; padding:60px 0; }
#peace .product p { margin-bottom:5px; font-size:18px; font-weight: 500; text-align: left; }
#peace a { padding:10px 0; display:block; font-size: 15px; font-weight: bold; color:#D7002C; text-transform: uppercase; }
#peace a i { transition:all 200ms; margin-left:3px; }
#peace a:hover i { margin-left:8px; }
#peace .product div { float:left; width:65%; }
#peace .product img { float:right; max-width:20%; margin-left:15%; }
#peace .product:nth-child(even) img { float:left; margin-left:0; margin-right: 10%; }
@media(max-width:800px) {
    #peace .container { padding:60px 30px 30px 30px; }
    #peace h2 { font-size: 26px; }
    #peace h2 br { display:block; }
    #peace h3 { font-size: 24px; }
    #peace p br { display: none; } 
    #peace .product { text-align: center; padding:40px 0; }
    #peace .product p { text-align: center; }
    #peace .product div { float:none; width:100%; }
    #peace .product img { float:none !important; max-width:150px; width:50%; margin:0 auto 30px auto !important; }
}

/*start*/
#start { padding:60px 0; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; background:#F4F7FB; text-align:center; }
#start h2 { padding:0 30px; line-height: 1.2em; margin-bottom:25px; font-size:30px; font-weight: 600; color:#000; text-align: center; }
#start span,
#start a { width:175px; border:1px solid #D3D3D3; background:#fff; padding:25px 0; margin:10px; display:inline-block; font-weight: bold; color:#000; font-size: 18px; text-transform: uppercase; transition:all 200ms; cursor:pointer; }
#start span:hover,
#start a:hover { transform:scale(1.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#start span img,
#start a img { max-height:52px; width:auto !important; display:block; margin:0 auto; margin-bottom:10px; }
@media(max-width:600px) {
    #start span,
    #start a { transform:scale(0.9); margin:5px; width:160px; }
    #start span:hover,
    #start a:hover { transform:scale(1); }
}

/*stories*/
#stories { line-height: 1.8em; padding:60px 0; text-align: center; }
#stories h2 { padding:0 30px; line-height: 1.2em; margin-bottom:25px; font-size:30px; font-weight: 600; color:#000; text-align: center; }
#stories .story { padding:30px; margin:10px; display:inline-block; width:350px; height:300px; overflow:hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: left; position: relative; }
#stories .story.post:before { content:""; display:block; position: absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); }
#stories .story.post h4 { margin-bottom:30px; font-weight: 600; font-size: 26px; color:#fff; position: relative; }
#stories .story.post p { font-size: 18px; color:#fff; font-weight: 400; position: relative; }
#stories .story.post > a { position: absolute; bottom:30px; left:30px; right:30px; color:#fff; text-transform: uppercase; font-weight: 600; font-size: 13px; }
#stories .story.post > a i { transition:all 200ms; margin-left:3px; font-size: 11px; }
#stories .story.post > a:hover i { margin-left:8px; }
#stories .story.review > span { line-height: 16px; position: absolute; bottom:30px; left:30px; right:30px; color:#fff; text-transform: uppercase; font-weight: 600; font-size: 13px; }
#stories .story.review > span i { margin-left:3px; color:#FFC31B; float:right; }
#stories .story.review > span * { vertical-align: top; }
#stories .story.review { background: rgb(1,84,188); background: linear-gradient(155deg, rgba(0,70,159,1) 65%, rgba(1,84,188,1) 65%); }
#stories .story.review p { color:#fff; font-size: 21px; font-weight: 400; }
#stories .story.review p span { white-space:nowrap;}
#stories .story.instagram { padding:0; }
#stories .story.instagram img { width:100%; }
#stories .story.instagram i { position: absolute; right:15px; top:15px; font-size: 30px; color:#fff; }
#stories .story.twitter { padding-top:25px; background: #F4F7FB; border:1px solid #E2E2E2; }
#stories .story.twitter i { color:#1DA1F2; font-size:26px; margin-right:6px; }
#stories .story.twitter span { display:block; color:#555555; font-size: 13px; }
#stories .story.twitter p { position: absolute; left:30px; top:60px; right:30px; bottom:30px; max-height:210px; line-height: 1.4em; color:#000000; font-size:16px; overflow: hidden; }#stories .space {display:block;height:30px;}
#stories .space {display:block;height:30px;}
#stories a.readmore { cursor:pointer; transition:all 200ms; display:flex;max-width: 140px;margin:0 auto; padding:10px 18px;background: #0154BC;border-radius: 2px;font-size: 16px;text-transform: uppercase;font-weight: bold; color:#fff;text-align:center;}
#stories a.readmore:hover { background:#0071ff; }
@media(max-width:1270px) {
    #stories { max-width:700px; margin:0 auto; }
}
@media(max-width:600px) {
    #stories { padding:30px 0; }
}
@media(max-width: 400px) {
#stories .story {width:90%;}
}

/*questions*/
#questions { text-align:center; padding:60px 30px; background: rgb(1,84,188); background: linear-gradient(165deg, rgba(0,70,159,1) 50%, rgba(1,84,188,1) 50%); }
#questions h3 { padding-top:75px; margin-bottom: 20px; text-align: center; font-size: 30px; color:#fff; font-weight: 600; background:url(images/question.png) no-repeat center top; background-size:60px; }
#questions h3.notify { background-image:url(images/notify.png); }
#questions p { margin-bottom: 35px; text-align: center; font-size: 18px; color:#fff; font-weight: normal; }
#questions form { text-align:center; max-width:320px; margin:0 auto; }
#questions input { transition:all 200ms; padding:12px 0; margin-bottom:15px; width:100%; text-align:center; }
#questions input:hover,
#questions input:focus { transform:scale(1.1); outline:none; }
#questions button,
#questions a { transition:all 200ms; padding:12px 50px; display:inline-block; background:#20A6FF; color:#fff; text-align:center; text-transform: uppercase; font-weight: 700; cursor:pointer; text-decoration:none; }
#questions button:hover,
#questions a:hover { background:#5abdff; }

/*footer*/
#footer { line-height: 1.5em; background:#232323; color:#fff; }
#footer .top { padding:60px 30px 10px 30px; background:#2F2F2F; }
#footer .bot { padding:20px 30px; background:#232323; }
.chat-enabled #footer .bot { padding-bottom:100px; }
#footer .bot img { float:left; margin:8px 0; height:28px !important; width:auto !important; }
#footer .bot p { text-align: right; font-size: 12px; }
#footer .bot p a { color:#fff; }
#footer .grid { max-width:1400px; margin:0 auto; }
#footer ul { list-style: none; margin-bottom:50px; }
#footer ul li { padding-right:10px; }
#footer ul li b { margin-bottom:10px; font-weight: 600; font-size: 18px; display:block; }
#footer ul li a,
#footer ul li button { margin-bottom:10px; color:#fff; font-size:16px; font-weight: 400; display:block; border:none; background:none; cursor:pointer; }
#footer ul li a i { margin-right:10px; }
#footer ul li a:hover,
#footer ul li button:hover { text-decoration: underline; }
#footer ul li .social a { display:inline-block; margin-right:0; }
#footer ul li .social a img { width:16px; }
@media(max-width:1000px) {    
    #footer .grid .col-md-30 { width:30%; }
    #footer .grid .col-md-20 { width:20%; }
    #footer .grid .col-md-100 { width:100%; }
}
@media(max-width:800px) {    
    #footer .grid .col-sm-50 { width:50%; }
    #footer .bot img { float:none; margin:8px auto; width:200px !important; display:block; height:auto !important; }
    #footer .bot p { text-align:center; }
}
@media(max-width:600px) {
    #footer .grid [class*="col-"] { width:100%; }    
}

/* Video Embed Update */
#content .video-screenshot {cursor: pointer;}

/* Testimonials Page */
#testimonials p {font-size: 18px; line-height: 32px;}
#testimonials h2, #testimonials h3  {font-size: 28px; line-height: 34px; margin-bottom:20px; }
#testimonials .container {max-width: 1400px; margin: 0px auto;padding:0 30px;}
#testimonials .promo { text-align: center;}
#testimonials .promo .overlay {background: rgba(0, 0, 0, 0.3); padding: 7% 15px;}
#testimonials .promo h1 {color: #fff; font-size: 60px; line-height: 70px; text-shadow: 0px 3px 6px #00000029;}
#testimonials .page-intro {text-align: center; padding: 5% 15px;}
#testimonials .page-intro h2 {color: #0154BC; margin-bottom: 2%;}
#testimonials .testimonial-randomizer {text-align: center; background: linear-gradient(165deg, rgba(0,70,159,1) 50%, rgba(1,84,188,1) 50%); padding:2% 15px 1.1% 15px;}
#testimonials .testimonial-randomizer .container {max-width: 700px;}
#testimonials .testimonial-randomizer .stars {margin-bottom: 2%;}
#testimonials .testimonial-randomizer .stars i {color:#FFC31B; font-size: 23px;}
#testimonials .testimonial-randomizer .review p {font-style: italic; margin-bottom: 1%; line-height: 32px; color: #fff;} 
#testimonials .testimonial-randomizer .review .name {font-style:normal; font-weight: bold; font-size: 16px; color: #fff;}
#testimonials .testimonial-randomizer .review.hide {display: none;}
#testimonials .customer-stories {padding: 6% 15px;background-color:#F4F4F4;}
#testimonials .customer-stories.two {padding: 6% 15px;background-color:#fff;}
#testimonials .customer-stories h3 {color:#0154BC; }
#testimonials .customer-stories .col-70.r { padding-left: 5%; }
#testimonials .customer-stories .col-70.l { padding-right: 5%; }
#testimonials .customer-stories .short {overflow: hidden; max-height: 140px;}
#testimonials .customer-stories p {margin-bottom: 3%; line-height: 28px}
#testimonials .customer-stories button {color:#0154BC; font-size: 18px; text-decoration: underline; font-weight: bold; cursor: pointer;}
#testimonials .customer-stories .tags {color:#000;font-size:14px;line-height:24px;display:flex;flex-wrap:wrap;}
#testimonials .customer-stories .tags div {margin-right:14px;margin-bottom:5px;}
#testimonials .customer-cards {padding:50px 0px;}
#testimonials .customer-cards .container {max-width: 1600px;}
#testimonials .customer-cards .card {min-height: 450px; display: flex; padding: 3%;}
#testimonials .customer-cards .card .col-40 {background: #F2F2F2; padding: 2% 6%; display: flex; align-items: center;}
#testimonials .customer-cards .card .col-40 p {font-size: 16px; line-height: 24px; font-style: italic; margin-bottom: 10%; color: #0154bc; font-weight: 500;}
#testimonials .customer-cards .card .col-40 .name {font-style: normal; font-weight: bold; color: #ED1A3C;}
#testimonials .customer-cards .card .col-60 {background-size: cover !important;}
#testimonials .more-stories-section {padding: 3% 0; background: #fff;}
#testimonials .more-stories-section .story-holder {display: inline-block;width: 100%;}
#testimonials .more-stories-section p:first-of-type {text-align:center;margin-bottom:40px;}
/* #testimonials .more-stories-section .col-50 {padding-bottom: 4%;} */
#testimonials h2 {color: #0154bc; text-align: center; }
#testimonials .more-stories-section .story-holder h2 {font-size: 25px; line-height: 30px; margin: 10px 0; color: #002855;}
#testimonials .more-stories-section p {font-size:16px;line-height: 25px;color:#222;}
#testimonials .more-stories-section .col-50 h2 {text-align: left;}
#testimonials .more-stories-section .time {display:flex;justify-content:space-between;margin-top: 15px;}
#testimonials .more-stories-section .time a {color: #4b4b4b};}
#testimonials .more-stories-section .time a:first-child {display:none;}
#testimonials .more-stories-section .time i {margin-bottom:3px;}
#testimonials .more-stories-section .time a.readmore {color:#1457B7;font-weight:600;}
#testimonials .more-stories-section .cta {text-align: center;}
#testimonials .more-stories-section .cta a {background: #0154BC; color: #fff; font-weight: bold; border-radius: 5px; padding: 20px 20px; display: inline-block;}
#testimonials .more-stories-section .no-posts {text-align: center;}
#testimonials .more-stories-section .story-holder .article .time a:first-child {display:none;}
#testimonials .videos {text-align: center; padding: 3% 15px; background: #fff;}
#testimonials .videos h2 {color: #002855;padding-bottom:20px;}
#testimonials .videos p {font-style: italic; color: #0154BC; margin-top: 6%;}
#testimonials .videos .col-50 {padding: 0 2%;}
#testimonials .videos .screenshot {height: 40vw; max-height: 370px; background-size: cover !important; cursor: pointer; display: flex; justify-content: center; align-items: center;}
#testimonials .videos .screenshot i {color: #fff; font-size: 90px; text-shadow: 0px 3px 6px #00000029;}
#testimonials .cta-bar {background: #0154BC; display: flex; align-items: center; justify-content: center; padding: 25px 15px;}
#testimonials .cta-bar h3 {color: #fff; margin: 0; display: inline-block;}
#testimonials .cta-bar .cta-btn {background: #20A6FF; color: #fff; font-weight: bold; border-radius: 5px; padding: 20px 20px; display: inline-block; margin-left: 2%; cursor: pointer;}
#testimonials .chat {margin:0 auto;display:flex;flex-direction:row;margin:0;justify-content:center;}
#testimonials .chat p {text-align:center; max-width:800px; padding:25px 30px; margin:0 0 20px 0; display:inline-block; font-size:18px; text-align:center; font-weight:600; color:#012756; background:#F9F9F9; border:1px solid #E0E0E0; border-radius:20px 20px 20px 0; }
#testimonials .chat button { padding:25px 30px; margin:30px auto; display:inline-block; font-size:16px; text-transform:uppercase; text-align:center; font-weight:700; color:#fff; background:#2DA8FF; border:1px solid #2DA8FF; border-radius:20px 20px 0 20px; cursor:pointer; }
#testimonials .chat button i { margin-left:5px; }
#testimonials .more-stories-section .story-holder { display: flex;justify-content:flex-start;flex-flow: row wrap;grid-gap:5%;margin-bottom:50px;height:100%; }
#testimonials .more-stories-section .story-holder .article { width: 30%;position: relative;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 0px 6px #00000052;border-radius: 5px; }
#testimonials .more-stories-section .story-holder .text {display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px 15px 15px 15px;}
#testimonials .more-stories-section .story-holder .text p {text-align:left;}
#testimonials .more-stories-section .story-holder .text .entry-title {color:#002855;font-size:25px;line-height:30px;font-weight:700;margin-bottom:15px;}
#testimonials .loyal-customers {background-color:#F4F4F4;padding:10px 0 10px 0;}
#testimonials .loyal-customers h2 {margin:60px 0 40px 0;}
#testimonials .loyal-customers .container {display:flex;flex-direction:row;justify-content:space-between;grid-gap:5%;flex-wrap:wrap;}
#testimonials .loyal-customers .container .post {width:47%;margin-bottom:60px;}
#testimonials .loyal-customers .container .post h3 {color:#002855;font-size:25px;line-height:30px;margin-top:15px;}
#testimonials .loyal-customers .container .post .details {font-weight:600;display:flex;flex-direction:row;gap:20px;color:#0154BC;font-size:16px;line-height:24px;}
#testimonials .loyal-customers .container .post .details i {margin-right:4px;}
#testimonials .loyal-customers .container .post .time {margin-top:20px;color:#4F4F4F;display:flex;flex-direction:row;justify-content:space-between;}
#testimonials .loyal-customers .container .post .time .readmore a { color:#1457B7;font-weight:700; }
#testimonials .loyal-customers .cta {display:flex;justify-content:center;margin:50px 0;text-align: center;}
#testimonials .loyal-customers .cta a {background: #0154BC; color: #fff; font-weight: bold; border-radius: 5px; padding: 20px 20px; display: inline-block;}
#testimonials .loyal-customers .container .textarea {  display: flex;flex-direction: column;}
#testimonials .loyal-customers .container .textarea p { flex: 1;margin:0; }
#testimonials .loyal-customers .post.hidden {display:none;}
#testimonials .loyal-customers .details {height:20px;}

@media(max-width: 1130px){
    #testimonials .customer-cards .col-50 {width: 100%;}
}

@media(max-width: 1030px){
    #testimonials .promo h1 {font-size: 40px; line-height: 50px;}
    #testimonials .customer-cards .card .col-60, #testimonials .customer-cards .card .col-40 {width: 50%;}
    #testimonials .customer-cards .card {min-height: 360px; padding: 2% 0;}
    #testimonials .customer-cards .card .col-40 .name {margin-bottom: 0;}
    #testimonials .more-stories-section .col-50 h2 {font-size: 24px; line-height: 34px;}
    #testimonials .videos .screenshot {max-height: 140px;}
    #testimonials .videos .screenshot i {font-size: 40px;}
    #testimonials .more-stories-section .story-holder {justify-content:center;}
    #testimonials .more-stories-section .story-holder .article {width:47%;margin-bottom:30px;}
}

@media(max-width:800px) {
  #testimonials .more-stories-section .time {flex-direction:column;gap:10px;}
  #testimonials .loyal-customers .container {flex-direction:column;}
  #testimonials .loyal-customers .container .post {width:100%;margin-bottom:80px;}
  #testimonials .loyal-customers .cta {margin-top:0;}
}

@media(max-width: 650px){
    #testimonials .testimonial-randomizer {margin-top: 8%;}
    #testimonials .customer-cards .card {display: block; min-height: inherit; padding: 6% 0;}
    #testimonials .customer-cards .card .col-60, #testimonials .customer-cards .card .col-40 {width: 100%;}
    #testimonials .customer-cards .card .col-60 {height: 70vw; max-height: 300px;}
    #testimonials .customer-cards .card .col-40 {padding: 6%;}
    #testimonials .customer-cards .card .col-40 p {margin-bottom: 5%;}
    #testimonials .more-stories-section .story-holder .article {width:100%;}
    #testimonials .customer-stories .col-70.r {padding-left:0;}
    #testimonials .customer-stories .col-70.r p {margin-bottom:20px;}
    #testimonials .customer-stories.two .grid.reverse {display:flex;flex-direction:column;}
    #testimonials .customer-stories .grid .col-70 {display:flex;order:2;flex-direction:column;}
    #testimonials .customer-stories .grid .col-30 {display:flex;order:1;flex-direction:column;}
    #testimonials .customer-stories .grid .col-30 img { display:flex;margin:0 auto;padding-bottom:20px;}
}

@media(max-width: 450px){
    /* #testimonials h2, #testimonials h3  {font-size: 23px;} */
    #testimonials .page-intro {padding: 15% 15px;}
    #testimonials .testimonial-randomizer {padding: 15% 15px 10%; margin-top: 0;}
    #testimonials .customer-stories {padding: 20% 15px;}
    #testimonials .customer-stories .grid.reverse {display: flex; flex-direction:column-reverse;}
    #testimonials .customer-stories .col-70.r {padding-left: 0; padding-top: 7%;}
    #testimonials .customer-stories .col-70.l {padding-right: 0; padding-top: 7%;}
    #testimonials .customer-cards {padding: 0% 15px;}
    #testimonials .customer-cards .col-50:first-child {margin-top: -20px;}
    #testimonials .more-stories-section {padding-bottom: inherit; padding: 11% 0 14%;}
    #testimonials .more-stories-section h2 {margin-bottom: 9%;}
    #testimonials .more-stories-section .col-50 {padding: 0 3% 14%;height:auto; min-height: inherit;}
    #testimonials .videos {padding: 10% 15px 6%;}
    #testimonials .videos h2 {margin-bottom: 7%;}
    #testimonials .videos .screenshot {max-height: 220px; height: 80vw;}
    #testimonials .videos p {margin-bottom: 6%;}
    #testimonials .cta-bar {display: block; padding: 4% 15px; text-align: center;}
    #testimonials .cta-bar button {padding: 14px 20px; margin-top: 2%;}
    #testimonials .cta-bar h3 {font-size: 22px; margin-bottom: 5%;}
    #testimonials .more-stories-section .time {flex-direction:column;gap:15px;}
    #testimonials .loyal-customers {margin-bottom:50px;}
}
å
@media(max-width: 450px){ 
  #testimonials .loyal-customers .container .post .time { flex-direction:column;gap:10px; }
}


/* hides find car button locations */
.postid-24283 .grid .col-50 a.btn.light-blue {display:none !important;}
.postid-14858 .grid .col-50 a.btn.light-blue {display:none !important;}
.postid-14858 .grid .col-15 {display:none !important;}
.postid-14954 .grid .col-50 a.btn.light-blue {display:none !important;}
.postid-14880 .grid .col-50 a.btn.light-blue {display:none !important;}
.postid-14880 .grid .col-50 a.btn.blue.schedule {display:none !important;}
.postid-14880 #location-details-new .col-20.schedule  {display:none;}
.postid-14882 .grid .col-50 a.btn.light-blue {display:none !important;}
.postid-14882 .grid .col-50 a.btn.blue.schedule {display:none !important;}
.postid-14882 #location-details-new .col-20.schedule  {display:none;}


.postid-14882 .recent-used,
.postid-14880 .recent-used {display:none;}



/* New Locations Page */

/*  Font Smoothing  */
#new_locations h1,h2,h3,h4,p { -webkit-font-smoothing: antialiased !important;}

/*  Helpers  */
#new_locations .padding { padding:50px 60px !important; }
@media (max-width: 1080px ){
  #new_locations .padding { padding: 40px 20px !important; } 
}
@media (max-width: 700px){
    #new_locations .padding { padding: 35px 20px !important;}
}
#new_locations .bg-white { background-color: #fff !important;}
#new_locations .ml-10 { margin-left: 10px; }
#new_locations .nowrap { white-space: nowrap;}
#new_locations .text-center { text-align: center;}
#new_locations .bold { font-weight: 900; }
#new_locations .medium { font-weight: 600; }

/* Buttons */
#new_locations .btn { cursor:pointer; transition:all 200ms; font-size: 16px; line-height:50px; font-weight: 700; text-transform: uppercase; height: 50px; padding: 0px 19px; border-radius: 2px; display: inline-block; background-color: #6B757D; color: #fff; text-align: center; border: none; text-decoration: none; }
#new_locations .btn.blue { background-color: #0057B7; color: #fff; }
#new_locations .btn.light-blue { background-color: #31A8FC; color: #fff; }
#new_locations .btn.green { background-color: #54c258; color: #fff; }

/* Colors */
#new_locations .bg-f9 { background-color: #F9F9F9 !important; }
#new_locations .bg-fff {background-color: #fff !important; }
#new_locations .bg-blue { background-color: #1354BC !important;}
#new_locations .bg-light-grey { background-color: #F4F7FB !important;}
#new_locations .text-lighter-blue {color: #0057B7 !important;}
#new_locations .text-blue {color: #1354BC !important; }
#new_locations .text-green { color: #54C258 !important; }
#new_locations .text-black { color: #000 !important; }
#new_locations .text-grey { color: #777777 !important; }

/*  Locations  */
#new_locations .promo-banner { display:flex; justify-content: center; }
#new_locations .promo-banner .breadcrumb { display:flex; flex-direction: column; justify-content: center; padding: 78px 20px; }
#new_locations .promo-banner .breadcrumb h1 { text-align: center; line-height: 40px; font-size: 40px; color:#fff; text-shadow: 1px 2px 8px #000000; margin-bottom: 20px; }
#new_locations .promo-banner .breadcrumb h1 span { text-align: center; font-size:25px; font-weight: 600; color:#fff; margin-bottom: 8px; }
#new_locations .promo-banner .breadcrumb a,
#new_locations .promo-banner .breadcrumb i { font-size: 14px; color:#fff; text-shadow: 1px 2px 8px #000000; font-weight: 500; text-align: center; }
#new_locations .promo-banner .breadcrumb a:last-of-type {font-weight: 600;}
#new_locations .promo-banner .breadcrumb i { font-size: 11px; }
#new_locations .card-stack { display:flex; }
#new_locations .location { width:40%; margin-right:40px;}
#new_locations .text-card { border: 1px solid #ddd; border-radius: 5px; background: #fff; padding: 24px 47px 40px; }
#new_locations .text-card p { font-size:18px; line-height: 26px; }
#new_locations .text-card h2 { font-size:24px; color:#012855;  margin-bottom:30px; min-width:105%;}
#new_locations .text-card h3 { font-size:20px; line-height: 32px; }
#new_locations .address,
#new_locations .phone { display:flex; align-items: center; margin-bottom: 10px; font-size: 18px; font-weight: 600; line-height: 20px; }
#new_locations .address p { font-weight: 500;}
#new_locations .loc-hours span { font-weight: 500 !important;}
#new_locations .loc-hours {position:relative; white-space: nowrap; display:flex; font-weight: 600 !important; cursor: pointer; }
#new_locations .phone {margin-bottom: 35px;}
#new_locations .phone i { margin-bottom:2px; }
#new_locations .directions {  white-space:nowrap; text-transform: uppercase; display:flex; align-items: center; margin-bottom: 35px; margin-left:25px; cursor: pointer; }
#new_locations .directions i,
#new_locations .directions span {font-size: 14px;  color:#0054BC; font-weight: 700; }
#new_locations .directions i { margin-left: 8px; font-size:18px; margin-bottom:1px; }
#new_locations .address i,
#new_locations .phone i,
#new_locations .loc-hours .fa-light { margin-right: 11px; align-self: flex-start; margin-top: 5px; }
#new_locations .loc-hours span { white-space: nowrap;}
#new_locations .loc-hours .fa-angle-down { font-weight: 500; color:#0054BC; margin-left: 10px; }
#new_locations .store-hours { display:none; padding:12px; }
#new_locations .store-hours span { display:block; line-height:27px; font-size:16px; font-weight: 500; }
#new_locations .store-hours span:first-child { font-weight: 700;}
#new_locations .store-hours span span { font-weight: 500 !important;}
#new_locations .store-hours span:nth-child(even) { font-weight: 700;}
#new_locations .store-hours.active { display:block; }
#new_locations .call-to-action-cards { display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap:40px; grid-row-gap:25px; width:100%; }
#new_locations .call-to-action-cards .text-card {display:flex; flex-direction: column; padding: 28px 38px 46px; min-height: 195px; }
#new_locations .call-to-action-cards .text-card.promo { color: #fff; }
#new_locations .call-to-action-cards .text-card.promo h3 { color:#fff; font-family:"geom-graphic", sans-serif; text-transform: uppercase; }
#new_locations .call-to-action-cards .text-card.promo .btn.blue { background-color:#012855 ;}
#new_locations .call-to-action-cards .title { display:flex; align-items: center; margin-bottom:10px; }
#new_locations .call-to-action-cards .text-card p { margin-bottom:10px; }
#new_locations .call-to-action-cards .text-card a.btn { display:inline-block; margin-top:auto; align-self: flex-start;}
#new_locations .call-to-action-cards .title img { margin-right:7px;}
#new_locations .call-to-action-cards .calendar {width:18px;  }
#new_locations .call-to-action-cards .car {width:27px; height:auto; }
#new_locations .call-to-action-cards .handshake {width:30px; height:auto; }
#new_locations .call-to-action-cards .trade-in {width:26px; height:auto; }
#new_locations .call-to-action-cards .title h3 { color:#0257B7; }


@media (min-width:768px ){
  #new_locations .promo-banner { background-image: linear-gradient( to top,#00428a, #004b9d, #004fa6, #0053ae, #0157b7, #0157b7, #0257b7, #0257b7, #0257b7)  !important;}
  #new_locations .promo-banner .breadcrumb h1 { text-shadow:none;}
  #new_locations .promo-banner .breadcrumb a,
  #new_locations .promo-banner .breadcrumb i { text-shadow:none; }
  #new_locations .promo-banner .breadcrumb {padding:42px 20px 30px; }
}
@media (max-width: 1100px ){
    #new_locations .card-stack { flex-wrap: wrap;}
    #new_locations .location { width: 100%; margin-right: 0; margin-bottom: 25px; }
    #new_locations .text-card { padding: 24px 25px 40px; }
}
@media (max-width: 900px ){
    #new_locations .call-to-action-cards .text-card { padding: 24px 21px; }
}
@media (max-width: 700px ){
    #new_locations .call-to-action-cards { display:grid; grid-template-columns:repeat(1, 1fr); grid-template-rows: repeat(4, 1fr);}
    #new_locations .call-to-action-cards .text-card.promo { order:1 ; }
    #new_locations .call-to-action-cards .text-card {order:2;}
}
@media (max-width: 500px ){
    #new_locations .promo-banner .breadcrumb  {padding: 45px 20px; }
    #new_locations .promo-banner .breadcrumb h1 { font-size:35px; }
    
}

#new_locations .mgr-container { display:flex; align-items: center; width: 100%; justify-content: space-around;  }
#new_locations .tighten { max-width: 1600px; margin: 0 auto; }
#new_locations .store-mgr { display: flex; flex-direction: column; padding-left: 40px   }
#new_locations .store-mgr img { max-height: 160px; max-width:170px; border-radius: 2px; overflow: hidden; margin: 0 auto; }
#new_locations .store-mgr h4 { font-size: 22px; font-weight: 700; color: #012855; margin: 23px 0px 8px; text-align: center;  }
#new_locations .store-mgr p { font-size:16px; font-weight: 600; text-align: center; }
#new_locations .brief {  max-width: 650px; min-width: 600px;  margin:40px;}
#new_locations .brief p { font-size: 18px; line-height:26px; }
#new_locations .brief h2 {  font-size:26px; color:#012855;  margin-bottom:30px; }
#new_locations .awards { display:flex; max-height: 150px  }
#new_locations .awards img {  aspect-ratio:3/2; object-fit: contain;  max-width: 220px; }

@media (max-width: 1400px ){
  #new_locations .awards { flex-wrap: wrap; max-height: unset;}
  #new_locations .awards img { margin-bottom: 20px; }
  #new_locations .brief { min-width: 414px; }
}
@media (max-width: 1090px ){
    #new_locations .awards img { padding:10px; }
    #new_locations .awards { margin-top: 50px; }
}
@media (max-width: 900px ){
    #new_locations .mgr-container { flex-wrap: wrap; justify-content: center; }
    #new_locations .store-mgr { margin-bottom: 30px; padding-top: 10px; margin-right: 0; padding-left: 0;}
    #new_locations .brief { padding: 0; margin:0px;  min-width:300px; } 
}
@media (max-width: 500px ){
  #new_locations .awards {flex-wrap:nowrap; }
  #new_locations .awards img {padding: 0; width: 90%; }
}

#new_locations .recent-used { padding: 50px 0 50px; }
#new_locations .recent-used h2 { text-align: center; line-height: 34px; font-size: 26px; color:#012855; }
#new_locations .card-group { display:flex; flex-wrap: wrap; justify-content: flex-start;  max-width:1125px; margin:0 auto; padding: 30px 10px 0px; }
#new_locations .card-group .card { position: relative;  width:33.3333%;  padding: 10px; border-radius: 0; overflow: hidden; box-shadow: none; }
#new_locations .card-group .card .heart-holder { z-index: 1; position: absolute; right: 22px; top: 22px; background: rgba(255, 255, 255, .5); border-radius: 18px; width: 36px; height: 36px; line-height: 36px; text-align: center; cursor: pointer; }
#new_locations .card-group .card .heart-holder i {vertical-align: middle; font-size: 20px; color: #0154bc; font-weight: 300;}
#new_locations .card-group .card .heart-holder .fa-solid { display:none; }
#new_locations .card-group .card .heart-holder.faved i {  font-weight: 700; }
#new_locations .card .img {position:relative; height:0; display: block; overflow:hidden; text-decoration: none; background-color: #fff; cursor: pointer; padding-top:60%; }
#new_locations .card .img img { width:100%; position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); }
#new_locations .card .detail { padding: 20px 20px 10px; background: #fff; border: 1px solid #e5e5e5; border-top: none; border-radius: 0 0 2px 2px;}
#new_locations .card .car-mart-locale { display:flex; align-items: center; padding:15px 0; margin-top:-15px;  }
#new_locations .card .car-mart-locale p {font-weight: 500; }
#new_locations .card .car-mart-locale i { margin-right: 3px; }
#new_locations .card .car-mart-locale p,
#new_locations .card .car-mart-locale i { font-size: 13px !important; color:#0060AC;}
#new_locations .card .detail h3 {font-family:'montserrat', sans-serif; font-weight: 600; font-size:18px;margin-bottom:20px; min-height:40px; cursor: pointer;}
#new_locations .card .detail .miles { font-size: 16px; font-weight: 500; margin-bottom:20px; }
#new_locations .recent-used .btn-holder { margin-top: 20px; }
#new_locations .recent-used .btn { display:inline-block;}
/* #new_locations .recent-used  span {position: absolute; left: 20px; bottom: 160px; padding: 4px 6px; background: #fff; border-radius: 2px; color: #55c259; font-size: 11px; display: inline-block; font-weight: 700; text-transform: uppercase;} */
#new_locations .recent-used  span.soon { color:#fff; background-color: #c80919;}

#new_locations #vehicles .results.location-car-feed { max-width: 1125px; }
#new_locations #vehicles .results.location-car-feed .heart-holder i {color: #0154bc; }
#new_locations #vehicles .results.location-car-feed .details h2 { text-align: left;}
#new_locations #vehicles .results.location-car-feed .info span { color: #0057B7 !important; font-size: 16px; }
#new_locations #vehicles .results.location-car-feed button.price { display:none; }

@media (max-width: 900px ) {
    #new_locations .card-group .card {width:50%;}
    #new_locations .recent-used .btn { text-align: center; }
}
@media (max-width: 620px ) {
    #new_locations .recent-used { padding: 30px 0 40px;}
    #new_locations .card-group { padding: 24px 10px 0px; }
    #new_locations .card-group .card { width: 100%; margin-bottom:20px; }
    #new_locations .recent-used .card-group .a.btn.blue.m-auto { display:block; margin: 0 !important; width:96%;}
}

#new_locations .reviews { display:flex; flex-direction: column; align-items: center; max-width: 1600px; margin:0 auto; }
#new_locations .reviews h2 { font-size: 26px; line-height: 20px; padding: 12px 20px; color:#012855; }
#new_locations .reviews .contact .hours a.btn { display: none; }
#new_locations .stars { margin: 0 20px 0 20px; white-space: nowrap;}
#new_locations .stars p { display:inline-block; font-weight: 700; }
#new_locations .stars .total-reviews { margin-left: 10px; font-weight: 500; font-style:italic; }
#new_locations [class*="fa-star"] { color:#FFC31C; font-size:16px; margin-right:0 !important; }
#new_locations .reviews .grid { display:flex; flex-direction: row; flex-wrap: wrap;  }
#new_locations .reviews .grid .review {margin: 40px 0; width: 33.3333% }
#new_locations .reviews .grid .review h3 { display:flex; justify-content: space-between;}
#new_locations .reviews .grid .review .stars { white-space: nowrap;  }
#new_locations .reviews .name {  color: #0060AC !important; font-size: 16px; font-weight: 700; margin-bottom: 10px; }
#new_locations .reviews .grid .review b { font-size:14px;  font-weight: 700; color: #777777 !important; text-transform: uppercase; }
#new_locations .reviews .grid .review p { margin-top: 10px; font-size:16px; font-weight: 500; line-height: 25px; }

#new_locations .follow { display:flex; justify-content:center; background: #012855; color: #fff; padding: 19px; font-size:18px; }
#new_locations .follow a { color: #fff; text-decoration: underline;}
#new_locations .follow i{ font-size:26px; margin-right: 15px;}

@media (max-width: 1180px ) {
  #new_locations .reviews .grid { justify-content: flex-start;}
    #new_locations .reviews .grid .review {width: 50%;}
}
@media (max-width: 900px ) {
    #new_locations .reviews .grid .review {width: 100%;}
}
@media (max-width: 700px ) {
    #new_locations .reviews .grid .review { width: 100%; margin-left: 0; margin-right: 0; }
    #new_locations .reviews h2 { margin-bottom: 5px;}
    #new_locations .reviews .grid .review:last-of-type { margin-bottom:0;}
    #new_locations .star-box .total-reviews { display: block; margin:0; text-align:center; margin-top: 5px;}
}

#new_locations .disclaimer { display:block; text-align: center; font-weight:400; font-size:14px; font-style: italic; color:#4E4E4E; margin:0px 20px 5px; line-height:18px; }


#new_locations .cta-card-holder { display:flex; flex-wrap:wrap; align-items:stretch; padding: 24px 0; }
#new_locations .cta-cards { display:flex; flex-direction: column; flex-grow:1; width: calc(20% - 24px); border: 1px solid #DDDDDD; border-radius: 5px; background-color: #fff; padding:25px 20px; margin: 12px  }
#new_locations .cta-cards h3 { color:#0054BC; }
#new_locations .cta-cards [class*="fa"] {  color:#0054BC; font-size:25px; padding-right:12px; }
#new_locations .cta-cards p { font-size: 18px; margin: 16px 0 10px; min-height: 50px; }
#new_locations .cta-cards a { margin-top:auto; font-size: 14px; text-transform: uppercase; color: #0054BC; font-weight: 700; white-space:nowrap; }
#new_locations .cta-cards .fa-caret-right { font-size: 18px; }

@media (max-width: 1430px ) {
    #new_locations .cta-cards { width: calc(33.333% - 24px); }
}
@media (max-width: 920px ) {
    #new_locations .cta-cards { width: calc(50% - 24px); }
}
@media (max-width: 700px ) {
    #new_locations .cta-h2 { padding: 0 30px; }
    #new_locations .cta-card-holder {padding-bottom:0; }
    #new_locations .cta-cards { width: 100%; margin-left:0; margin-right:0; }
}

#new_locations .blog-feed-title { font-size: 26px; text-align: center; color:#012855; font-weight:700;  }
#new_locations .blog-feed { display:flex; flex-wrap:wrap; justify-content: center; align-items:stretch; gap: 36px; margin:0 auto; max-width: 1200px; padding: 32px 0 37px;  }
#new_locations .blog-card { display:flex; flex-direction:column; width: calc(33.3333% - 24px); background: #fff 0% 0% no-repeat padding-box; box-shadow: 0px 0px 6px #00000052; border-radius: 5px; max-width: 448px;}
#new_locations .blog-card .img-container img { border-radius: 5px 5px 0 0; }
#new_locations .blog-card .card-text { display:flex; flex-direction:column; flex-grow:1; padding: 15px 15px 25px ; }
#new_locations .blog-card h3 { font-size: 25px; color:#012855; cursor:pointer; }
#new_locations .blog-card p { margin:12px 0 0; line-height: 23px; }
#new_locations .blog-card .learn-more { color:#0054BC; font-size:14px; align-self: flex-end; margin-top: auto; font-weight: 600;  margin-right: 20px; line-height:24px; }
#new_locations .blog-card .learn-more i { margin-right: 3px; }
#new_locations .blog.btn { display:inline-block; }

@media (max-width: 1150px ) {
  #new_locations .blog-card { width: calc(50% - 26px); }
}
@media (max-width: 1050px ) {
    #new_locations .blog-feed { justify-content: center; }
    #new_locations .blog-card { width: 100%; }
    #new_locations .blog.btn { margin-bottom:10px !important; }
}

#new_locations .nearby-locations { width: 100%; max-width: 1400px; margin:0 auto;  }
#new_locations .nearby-locations .grid-list { display:grid; grid-template-columns: repeat(3, 1fr); grid-gap:10px 20px; padding: 0; }
#new_locations .nearby-locations .grid-list.center {display:flex; flex-direction:column; justify-content: center; gap:10px; }
#new_locations .nearby-locations li { list-style:none; align-self: center; }
#new_locations .nearby-locations a { display: block; color: #0054BC; cursor: pointer; font-size: 18px; font-weight: 500; line-height: 26px; }

@media( max-width: 768px ){
  .grid-list { grid-template-columns: repeat(2, 1fr) !important; justify-items: center !important; }
}
@media (max-width: 600px) {
  .grid-list { grid-template-columns: 1fr !important; }
}

#new_locations .content-q { max-width: 1000px; margin:0 auto; }
#new_locations .content-q h2 { color:#fff; text-align: center; font-size:26px;  }
#new_locations .q-cta { color: #fff; display: flex; justify-content: center; flex-wrap:wrap; padding: 15px 0 35px; width:100%;}
#new_locations .q-cta div { width: 33.3333%; padding:20px; }
#new_locations .q-cta .fa-messages,
#new_locations .q-cta .fa-headset,
#new_locations .q-cta .fa-circle-question { font-size: 35px; padding: 15px; }
#new_locations .q-cta p { font-size: 18px; line-height: 26px; padding: 15px; padding-top: 0; }
#new_locations .q-cta a,
#new_locations .q-cta button{ color: #fff; font-weight:700; font-size:14px; text-transform: uppercase; cursor:pointer; }

@media (max-width: 800px ) {
    #new_locations .q-cta { padding-bottom: 0; }
    #new_locations .q-cta div { width: 100%;  margin-bottom: 30px;   }
    #new_locations .content-q { padding: 30px 0 0;  }
}


/*  Areas Served  */

/*  Helpers  */
#areas-served h2 { text-align: center; font-size:26px; color:#012855; font-weight: 700; }
#areas-served .section-padding { padding: 53px 20px; width:100%; max-width:1600px; margin: 0 auto; }
#areas-served .bg-green { background-color:#56C258 !important;}
#areas-served .flex { display:flex; }
#areas-served .flex.between { justify-content: space-between; }
#areas-served .text-center { text-align: center; }

/* Buttons */
#areas-served .btn { cursor:pointer; transition:all 200ms; font-size: 16px; line-height:50px; font-weight: 700; text-transform: uppercase; height: 47px; padding: 0px 19px; border-radius: 2px; display: inline-block; background-color: #6B757D; color: #fff; text-align: center; border: none; text-decoration: none; }
#areas-served .btn.blue { background-color: #0057B7; color: #fff; }
#areas-served .btn.light-blue { background-color: #31A8FC; color: #fff; }
#areas-served .btn.green { background-color: #54c258; color: #fff; }

/* Colors */
#areas-served .bg-f9 { background-color: #F9F9F9 !important; }
#areas-served .bg-fff {background-color: #fff !important; }
#areas-served .bg-blue { background-color: #1354BC !important;}
#areas-served .bg-light-grey { background-color: #F4F7FB !important;}
#areas-served .text-lighter-blue {color: #0057B7 !important;}
#areas-served .text-blue {color: #1354BC !important; }
#areas-served .text-green { color: #54C258 !important; }
#areas-served .text-black { color: #000 !important; }
#areas-served .text-grey { color: #777777 !important; }

#areas-served .promo-banner { display:flex; justify-content: center; }
#areas-served .promo-banner h1 { font-size: 40px; color: #fff;  padding: 76px 20px; }

@media (min-width:768px ){
  #areas-served .promo-banner { background-image: linear-gradient( to top,#00428a, #004b9d,#004fa6, #0053ae, #0157b7, #0157b7, #0257b7, #0257b7, #0257b7) !important;}
  #areas-served .promo-banner .breadcrumb h1 { text-shadow:none;}
}

@media (max-width: 500px ) {
    #areas-served .promo-banner h1 { font-size: 26px; padding: 50px 20px; text-align:center; }
}

#areas-served .title-copy-block { max-width: 868px; text-align: center; margin:0 auto; font-size: 18px; line-height: 30px;}
#areas-served .title-copy-block h2 { font-size: 26px; margin-bottom:38px; }
#areas-served .title-copy-block p { margin-bottom: 30px; }
#areas-served .title-copy-block .title-cta { display: inline-block; min-width: 207px;  margin:10px; text-decoration: none; color:#fff;}
#areas-served .title-copy-block a { color: #0054BC; cursor: pointer;}

#areas-served .card-group { display:flex; flex-wrap: wrap; justify-content: center;  max-width:1300px; margin:0 auto; padding: 56px 10px 37px; gap: 20px 5%;}
#areas-served .card-group .card { position: relative; display:flex; flex-direction:column; width:calc(33.3333% - 47px);  border: 1px solid #DDDDDD; border-radius: 5px; overflow: hidden; box-shadow: none; background-color: #fff; }
#areas-served .card-group .card .details {padding: 26px 28px; font-weight: 500;}
#areas-served .card-group .card .img { max-height: 270px; min-height:240px; height: 15vw; overflow: hidden;}
#areas-served .card-group .card .sd-btn { color:#0054BC; font-size:14px; line-height: 20px; font-weight: 700; text-transform: uppercase; }
#areas-served .card-group .card div { flex-grow:1; }
#areas-served .card .location-miles { display:flex; justify-content: space-between; margin-bottom: 13px; }
#areas-served .card .miles { font-size: 14px; color:#444444; font-weight: 600; white-space: nowrap; }
#areas-served .card .miles .distance-result { margin-left: 15px;}
#areas-served .card .address { display:flex; margin-bottom: 10px; }
#areas-served .card i { color: #0054BC; font-size:16px; }
#areas-served .card p { margin-left: 10px; color:#444444; }
#areas-served .card .phone { margin-bottom: 16px; }
#areas-served .card .phone a {color:#444444 !important; }
#areas-served .card .btn { display:inline-block; align-self: flex-start; }
#areas-served .schedule { text-align: center;}
#areas-served .schedule .btn { display:inline-block;  background-color:#20A6FF;} 

@media (max-width: 1050px ) {
    #areas-served .card-group .card { width:calc(50% - 25px);}
}

@media (max-width: 750px ) {
    #areas-served .card-group .card { width:100%; }
}
#areas-served #vehicles { padding-top:0; padding-bottom:0;  }
#areas-served .recent-used { padding: 60px 0 60px; }
#areas-served .recent-used h2 { text-align: center; line-height: 34px; margin-bottom:8px;  }
#areas-served .recent-used .sub-heading { text-align: center;  color:#0060ac; font-size: 16px; font-weight: 600; }
#areas-served .results.location-car-feed { display:flex; flex-wrap: wrap; justify-content: flex-start;  max-width:1125px !important; margin:0 auto; padding: 30px 10px 15px; }
#areas-served .results.location-car-feed .vehicle { position: relative; width:calc(33.3333% - 15px);  padding: 10px; border-radius: 0; overflow: hidden; box-shadow: none; }
#areas-served .results.location-car-feed .heart-holder {z-index: 1; position: absolute; right: 22px; top: 22px; background: rgba(255, 255, 255, .5); border-radius: 18px; width: 36px; height: 36px; line-height: 36px; text-align: center; cursor: pointer;}
#areas-served .results.location-car-feed .vehicle .heart-holder i {vertical-align: middle; font-size: 20px; color: #0154bc !important; font-weight: 300;}
#areas-served .vehicle .img {display: block; object-fit: cover; overflow:hidden; text-decoration: none; background-color: #fff;}
#areas-served .vehicle .img img { width:100%; }
#areas-served .vehicle .detail { padding: 20px 20px 30px; background: #fff; border: 1px solid #e5e5e5; border-top: none; border-radius: 0 0 2px 2px;}
#areas-served .vehicle .car-mart-locale { display:flex; align-items: center; margin-bottom: 10px; }
#areas-served .vehicle .car-mart-locale i { margin-right: 3px; }
#areas-served .vehicle .car-mart-locale p,
#areas-served .vehicle .car-mart-locale i { font-size: 13px !important;}
#areas-served #vehicles .results .vehicle .details .loc { font-weight: 600; padding:7px 0; ;}
#areas-served #vehicles .vehicle .details h2 {font-family:'montserrat', sans-serif; font-weight: 700; font-size:16px;margin-bottom:10px; height:40px; text-align: left;}
#areas-served .vehicle .details p { font-size: 16px; font-weight: 600;}
#areas-served .vehicle .info span { color: #0060ac; font-weight: 600; }
#areas-served .vehicle .info button.price { display:none; }
#areas-served .recent-used .disclaimer { display:block; text-align: center; }
#areas-served .recent-used .btn { display:inline-block;}
#areas-served .recent-used .vehicle-disclaimer { margin-bottom: 15px; padding: 0 10px; }
#areas-served .recent-used .vehicle-disclaimer em { font-size: 14px; font-weight: 400; font-style:italic; color: #4e4e4e; line-height:18px; }

@media (max-width: 900px ) {
    #areas-served .results.location-car-feed .vehicle  {width:50% !important;}
    #areas-served .recent-used .btn { text-align: center; }
}
@media (max-width: 620px ) {
    #areas-served .recent-used { padding: 30px 0 40px;}
    #areas-served .results.location-car-feed { padding: 24px 10px 20px; }
    #areas-served .results.location-car-feed .vehicle  { width: 100% !important; }
    #areas-served .recent-used .results.location-car-feed .a.btn.blue.m-auto { display:block; margin: 0 !important; width:96%;}
}

#areas-served .info-card-group { margin-top:50px; }
#areas-served .info-card { display:flex; flex-direction:column; align-items:center; width:25%; margin:20px; }
#areas-served .info-card img { max-width:86px; aspect-ratio:1 /1; width:100%; margin-bottom: 8px; }
#areas-served .info-card h3 { font-size: 22px; margin-bottom: 18px; font-weight: 700;}
#areas-served .info-card p {  margin-bottom:22px; text-align:center; line-height: 27px; font-size:17px; max-width: 330px;flex-grow:1; }
#areas-served .info-card a { align-self:center; }

@media (max-width: 1200px ) {
    #areas-served .info-card-group { flex-wrap:wrap;  }
    #areas-served .info-card {width: calc(50% - 40px); }
}
@media (max-width: 1200px ) {
    #areas-served .info-card {width: 100%; }
}

#areas-served .blog-feed { display:flex; flex-wrap:wrap; align-items:stretch; gap: 67px; margin:0 auto; max-width: 1300px; padding: 32px 0 37px;  }
#areas-served .blog-card { display:flex; flex-direction:column; width: calc(33.3333% - 45px); background: #fff 0% 0% no-repeat padding-box; box-shadow: 0px 0px 6px #00000052; border-radius: 5px; max-width: 448px;}
#areas-served .blog-card img { width: 100%; border-radius: 5px 5px 0 0;  }
#areas-served .blog-card .card-text { padding: 10px; flex-grow:1; }
#areas-served .blog-card h3 { font-size: 24px; font-weight: 700; line-height: 28px; color:#012855; }
#areas-served .blog-card .message { margin:12px 0 25px; }
#areas-served .blog-card .date { color:#9c9b9b; font-size: 15px; margin-top:auto; margin: auto 20px 20px;  }
#areas-served .blog-card .learn-more { color:#0054BC; align-self: flex-end; margin-top: auto; font-weight: 700; margin-bottom:20px; margin-right: 20px; }
#areas-served .blog-card .learn-more i { margin-right: 3px; }
#areas-served .blog.btn { display:inline-block; }

@media (max-width: 1050px ) {
    #areas-served .blog-feed { justify-content: center; }
    #areas-served .blog-card { width: 100%; }
    #areas-served .blog.btn { margin-bottom:10px !important; }
}