/********** Fonts */

@font-face { font-family: "Lato Light"; src: url(../fonts/Lato-Light.ttf) format("truetype"); font-weight: 100; font-style: normal; }
@font-face { font-family: "Lato Regular"; src: url(../fonts/Lato-Regular.ttf) format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: "Lato Medium"; src: url(../fonts/Lato-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Lato Black"; src: url(../fonts/Lato-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Napacons'; src: url('../fonts/napacons2.ttf?-3o5cqa') format('truetype'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'Napacons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-barcode:before { content: "\e600"; }
.icon-butterfly:before { content: "\e601"; }
.icon-caret:before { content: "\e602"; }
.icon-chat:before { content: "\e603"; }
.icon-close:before { content: "\e604"; }
.icon-plus:before { content: "\e604"; }
.icon-plus { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.icon-email:before { content: "\e605"; }
.icon-minus:before { content: "\e606"; }
.icon-next:before { content: "\e607"; }
.icon-back { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.icon-back:before { content: "\e607"; }
.icon-person:before { content: "\e608"; }
.icon-phone:before { content: "\e609"; }
.icon-question:before { content: "\e60a"; }
.icon-cart:before { content: "\e60b"; }
.icon-eye:before { content: "\e60c"; }
.icon-help:before { content: "\e60d"; }
.icon-search:before { content: "\e60e"; }
.icon-settings:before { content: "\e60f"; }
.icon-check:before { content: "\e610"; }
.icon-car:before { content: "\e611"; }
.icon-farm:before { content: "\e612"; }
.icon-industrial:before { content: "\e613"; }
.icon-heavyduty:before { content: "\e614"; }
.icon-rec:before { content: "\e615"; }
.icon-cartruck:before { content: "\e616"; }
.icon-qrcode:before { content: "\e617"; }

/********* Global Elements */

body { font-size: 16px; }
p, li, h1, h2, h3, h4, h5, h6, select, input, label, a { font-family: "Lato Regular"; font-weight: 300; font-style: normal; font-size: 16px; }
h2 { text-transform: uppercase; }
button { outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
a { color: #6facf1; }

/********** Global Classes */

.hide { display: none !important; }
.show { display: block !important; }
.lato-light { font-family: "Lato Light"; font-weight: 100; }
.logo { width: 48.1%; margin: 1em auto; display: block; }
.logo.sm { width: 33%; }
.btn-yellow { background: #fdb927; border: none; margin: 1.25em auto 0; border-radius: 0; padding: 0; color: #f8f8f8; letter-spacing: 0.1em; height: 3.2em; line-height: 3.2em; font-size: 1.3em; padding: 0; letter-spacing: 0.1em; margin-top: 0; font-family: "Lato Black"; font-weight: 800; text-transform: uppercase; letter-spacing: 0.02em; }
.btn-napablue { background: #00569e; border: none; margin: 1em auto; border-radius: 0; height: 3em; line-height: 3em; padding: 0; color: #f8f8f8; letter-spacing: 0.1em; text-transform: uppercase; font-family: "Lato Black"; font-weight: 800; }
.btn-orange { background: #fbb83c; border: none; margin: 1em auto; border-radius: 0; padding: 0; color: #f8f8f8; letter-spacing: 0.1em; text-transform: uppercase; }
.btn-orange.btn-block { height: 3.2em; line-height: 3.2em; }
.btn-red { background: #ef4135; border: none; margin: 1em auto; border-radius: 0; padding: 0; color: #f8f8f8; letter-spacing: 0.1em; text-transform: uppercase; }
.btn-clear { background: none; border: 1px solid #00569e; border-radius: 0; padding: 0; color: #00569e; letter-spacing: 0.1em; text-transform: uppercase; }
header.bar { height: 3.625em; }
/*header.bar.scroll { height: auto; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85); box-shadow: 0 0 1px rgba(0,0,0,.85); }*/
/*header.scroll h1 { display: none; }*/
.info-sm.scroll, .info-sm.scroll.bar.bar-header-secondary { display: block; }
header.bar.bar-nav, .bar.bar-header-secondary, .bar.bar-footer { -webkit-transform: translateZ(0); }
header.bar.blue {background: rgba(0, 86, 158, 1); box-shadow: none; }
header.bar.blue .title { color: #fff; }
header.bar.blue a { color: #fff; line-height: 1.7em; }
header.bar.white, #stick.white { background: #fbfbfb; box-shadow: none; }
header.bar.white .title, header.bar.white a, #stick.white a { color: #00569e; }
header.bar.white a { line-height: 1.7em; }
.content > header.bar-nav { position: relative; }
.bar-tab~.content.no-nav { padding-top: 0; }
#stick.white { height: auto; display: none; top: 0; border-bottom: 1px solid #c8c8c8; }
#stick.white.scroll { display: block; }
.info-sm { display: inline-block; width: 87.2%; top: 0; height: auto; }
.info-sm img { width: 25%; margin: -0.5em 0.5em 0; vertical-align: middle; display: inline-block; }
.info-sm .media-body { width: 66.7%; display: inline-block; vertical-align: middle; }
.info-sm p { overflow: hidden; }
.info-sm h3 { font-size: 0.85em; text-overflow: ellipsis; margin-bottom: 1em; }
.inline-list { display: block; margin: 0; padding: 0;}
.inline-list li {display: inline-block; list-style: none; }
.bar-tab~.content, .bar-nav~.content { padding-bottom: 6.25em; padding-top: 3.625em; }
.title { text-transform: uppercase; line-height: 3.625em; }
.toggle.active { border-color: #00569e; -webkit-box-shadow: inset 0 0 0 13px #00569e; box-shadow: inset 0 0 0 13px #00569e; }
.toggle.active .toggle-handle { border-color: #00569e; -webkit-transform: translate3d(0.975em,0,0) !important; transform: translate3d(0.975em,0,0) !important;}
.choose li a { color: #00569e; background: #fbfbfb; }
.choose li a.active { color: #fbfbfb; background: #00569e; }
.choose li a.active:before { content: "\e610"; position: absolute; right: 2em; font-family: "Napacons"; color: #fbfbfb; }

/********* Alert Modal */

.alert-overlay { position: fixed; z-index: 9998; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; -webkit-transition: 1ms opacity ease; transition: 1ms opacity ease; background: rgba(0, 0, 0, .5); }
.alert-modal { position: absolute; z-index: 9999; top: 10%; left: 3.33%; opacity: 0; width: 93.3%; padding: 1em 1.25em; -webkit-transition: 1ms opacity ease; transition: 1ms opacity ease; background: #fbfbfb; height: 85%; }
/* Removed -webkit-transform: translate(-50%, -50%;); transform: translate(-50%, -50%); from .alert-modal since it was moving the modal off-screen for Android and iOS 9 devices and wasn't even working for iOS 8 devices */
.alert-modal.alert-open.alert-anchored { top: 1.25em; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.alert-modal.alert-open { opacity: 0; }
.alert-overlay.alert-open { opacity: 0; }
.alert-close { color: #00569e; }
.alert-overlay.fade-then-drop { display: block; opacity: 0; }
.alert-modal.fade-then-drop { top: -300%; opacity: 1; display: block; }
.alert-modal.fade-then-drop.alert-open { top: 10%; -webkit-transition: 500ms top 500ms ease; transition: 500ms top 500ms ease; }
.alert-modal.fade-then-drop.alert-open.alert-anchored { -webkit-transition: 500ms top 500ms ease; transition: 500ms top 500ms ease; }
.alert-overlay.fade-then-drop.alert-open { top: 0; -webkit-transition: 500ms opacity ease; transition: 500ms opacity ease; opacity: 1; }
.alert-modal.fade-then-drop { -webkit-transition: 500ms top ease; transition: 500ms top ease; }
.alert-overlay.fade-then-drop { -webkit-transition: 500ms opacity 500ms ease; transition: 500ms opacity 500ms ease; }
.alert-content { text-align: center; }
.alert-content h2 { font-size: 1.74em; margin: 2.7em auto 0; color: #505050; width: 83.2%; line-height: 125%; }
.alert-content p { width: 83.2%; margin: 1.25em auto 0; font-family: "Lato Light"; font-weight: 100; }
.alert-content p:first-of-type { margin-top: 1.8em; }
/*.alert-content .btn { margin: 8.73em auto 0; height: 3.2em; line-height: 3.2em; font-size: 1.3em; padding: 0; letter-spacing: 0.1em; }*/
.alert-content .btn { height: 3.2em; line-height: 3.2em; font-size: 1.3em; padding: 0; letter-spacing: 0.1em; position: absolute; bottom: 1em; width: 87%; margin-bottom: 0; left: auto; right: auto; }
.alert-content .btn.btn-red { font-family: "Lato Black"; font-weight: 1000; bottom: 4.5em;   }
.alert-content .btn~.btn { margin-top: 0.6em; }
.alert-content .issue { position: absolute; top: 0; width: 50%; left: 25%; }

@media screen and (device-aspect-ratio: 40/71) { /* For iPhone 5 */
    .alert-modal { font-size: 0.9em; }
}

@media screen and (device-aspect-ratio: 2/3) { /* For iPhone 4s */
    .alert-modal { font-size: 0.8em; }
}

/********* Navigation */

nav.bar-tab, div.bar-footer { background: #fbfbfb; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; height: 6.25em; border-top: 1px solid #f0f0f0; }
nav.bar-tab .tab-item, nav.bar-tab .tab-item.active { color: #00569e; height: 3.5em; position: relative; }
nav.bar-tab .tab-item.active { background: #f2f2f2; }
nav.bar-tab .tab-item .icon { font-size: 2.25em; width: auto; height: auto; }
nav.bar-tab .tab-item .icon ~ .tab-label { font-size: 0.86875em; font-family: "Lato Medium"; font-weight: 500;}
nav.bar-tab .tab-item strong { position: absolute; display: block; background: #f00; width: 1.5em; border-radius: 75%; height: 1.5em; top: 25%; z-index: 50; left: 60%; font-size: 0.75em; line-height: 1.5em; color: #fbfbfb; text-align: center; display: none; }

@-webkit-keyframes nav-plus {
    0%   { -webkit-transform: scale(1); transform: scale(1); }
    50%  { -webkit-transform: scale(1.25); transform: scale(1.25); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

nav.bar-tab .tab-item strong.plus { -webkit-animation: nav-plus 1s ease-in; animation: nav-plus 1s ease-in; }

/********* LOGIN */

.pl-login .content, .pl-login .modal { background: #00569e; }
.pl-login .logo { margin: 2.15em auto 2.95em; }
.pl-login .input-group { background: none; }
.pl-login .input-row { background: #0a518f; margin: 0 auto 0.2em; width: 87%; text-align: center; height: auto; position: relative; border: 1px solid #00569e; overflow: visible; }
.pl-login .input-row.submit { background: none; border: 1px solid transparent; }
.pl-login input { line-height: normal; vertical-align: middle; margin: 0 auto; border: 1px solid transparent; color: #f8f8f8; float: none; width: 100%; text-align: center; padding: 0; height: 4.23em; font-size: 1.19em; }
.pl-login input::-webkit-input-placeholder { color: #5383eb; }
#showhide {position: absolute; right: 1em; top: 50%; margin-top: -0.5em; font-size: 2em;}
input[type="password"] ~ #showhide { color: #153779; }
input[type="text"] ~ #showhide { color: #f8f8f8; }
.login button { margin-top: 2.12em; }
.pl-login .options { margin-top: 2em; overflow: auto; }
.loginop { width: 40%; color: #f8f8f8; text-align: center; margin-bottom: 0; }
.loginop span { display: block; font-size: 2em; margin-bottom: 0.25em;}
.loginop a { color: #f8f8f8; }
.loginop.pull-left { margin-left: 11%; }
.loginop.pull-right { margin-right: 9%; }
.pl-login .privacy { text-align: center; width: 100%; margin-top: 4.5em; }
.pl-login .privacy a { color: #72aeed; }
.pl-login h2, .pl-login h2 ~ p { color: #f8f8f8; text-align: center; }
.pl-login h2 { font-size: 1.74em; margin-top: 1.74em; letter-spacing: 0.05em; line-height: 115%; }
.pl-login h2 ~ p { font-family: "Lato Light"; font-weight: 100; margin-bottom: 3.125em; }
.pl-login button { width: 100%; font-size: 1.3em; height: 4.2em; }

.error input.error { border-color: #ef4135; }
.issue, .contact > p, .errorMessage, .successMessage { color: #72aeed; text-align: center; width: 100%; padding: 0; margin: 0.75em auto 0; }
.contact > p { margin: 0 auto; background: #00569e; padding-bottom: 1em; }
.issue, .contact { display: none; }
.error .issue, .trouble .contact { display: block; }
.contact .row { background: #0a518f; padding-top: 1.5em; margin: 0; overflow: auto; }

.pl-login .issue { margin-bottom: -1.9em; }
.trouble .contact { height: 0; background: #0a518f; margin-top: 1em; min-height: 9em; }

.pl-login .modal > a.close { position: absolute; left: 0.5em; top: 0.5em; color: #f8f8f8; font-size: 2em; line-height: 1.7em; }

#newuser h2, #newuser p, #newuser ol { color: #f8f8f8; width: 87.2%; margin-left: auto; margin-right: auto;}
#newuser h2 { margin-bottom: 0; }
#newuser p { margin-top: 1.375em; margin-bottom: 4.5em; }
#newuser ol { padding-left: 0; }
#newuser li { font-family: "Lato Light"; font-weight: 100; margin-bottom: 1.9em; list-style-type: none; counter-increment: newuser; padding: 0 0 0 1.75em; position: relative; font-size: 1.19em; }
#newuser li:before { content: counter(newuser, decimal) "."; font-family: "Lato Regular"; font-weight: 300; margin-right: 0.75em; display: inline-block; position: absolute; left: 0;}
#newuser li a { font-family: "Lato Light"; font-weight: 100; }

@media screen and (device-aspect-ratio: 40/71) { /* For iPhone 5 */
    .pl-login { font-size: 11px; }
    .pl-login .logo { width: 35.1%; }
    .pl-login .loginop, .pl-login .loginop a, .pl-login .privacy { font-size: 1em; }
    .pl-login .privacy { margin-top: 1.5em; }
}


/********* Settings */

.pl-settings .content > .row { background: #fbfbfb; margin: 0.75em auto; width: 93.3%; overflow: auto; }
.pl-settings .content > .row:first-of-type { margin-top: 1.5em; }
.pl-settings .table-view, .pl-settings .table-view-cell { background: none; }
.pl-settings .table-view { width: 92.9%; margin: 0 auto; }
.pl-settings .table-view-cell { padding: 0; font-size: 1.09em; line-height: 4.4em; border-bottom: 1px solid #c8c8c8; color: #505050; }
.pl-settings .table-view-cell > a:not(.btn) { margin: 0; color: #505050; }
.pl-settings .navigate-right:after { content: "\e607"; font-family: "Napacons"; color: #505050; font-weight: bold; }
.pl-settings .btn-yellow { width: 92.9%; height: 3.2em; line-height: 3.2em; font-size: 1.3em; padding: 0; letter-spacing: 0.1em; margin: 1em auto 0.58em; }

.pl-settings .store-select { background: #fbfbfb; padding-bottom: 0; }
.pl-settings .content > .stores { background: #fbfbfb; width: 100%; height: 100%; margin: 0;}
.pl-settings .content > .stores:first-of-type { margin-top: 0; }
.pl-settings .stores ul { margin: 0.5em auto 0; width: 86.67%; padding-left: 0; }
.pl-settings .stores li { list-style: none; border: 1px solid #00569e; display: table; height: 4.5em; margin-bottom: 0.75em; width: 100%; }
.pl-settings .stores li a { color: #00569e; text-transform: uppercase; font-size: 0.87em; display: table-cell; padding-left: 1.5em; height: 100%; letter-spacing: 0.02em; position: relative; vertical-align: middle; }
.pl-settings .stores li a.active { color: #fbfbfb; background: #00569e; }
.pl-settings .stores li a.active:before { content: "\e610"; position: absolute; right: 2em; font-family: "Napacons"; top: 33%; color: #fbfbfb; }
.pl-settings .stores li a span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right: 4em; overflow: hidden; }
.pl-settings .stores li a span:nth-child(2) { font-size: 0.8em; }
.pl-settings .stores .btn { height: 3.2em; line-height: 3.2em; font-size: 1.3em; padding: 0; letter-spacing: 0.1em; width: 86.67%; position: absolute; bottom: 1.25em; margin: 0 6.67%; }

.pl-settings .privacy-policy { background: #fbfbfb; }
.pl-settings .content > .privacy { background: #fbfbfb; width: 78.2%; overflow: auto; margin: 0 auto !important;}
.pl-settings .privacy h2 { font-size: 1.3em; line-height: 150%; margin-top: 1.5em; }
.pl-settings .privacy h3 { font-size: 1.19em; margin-top: 1em; }
.pl-settings .privacy p { font-family: "Lato Light"; font-weight: 100; color: #505050; font-size: 1.19em; line-height: 150%; }
.pl-settings .privacy p a { font-family: "Lato Light"; font-weight: 100; color: #00569e; font-size: 1em; }

/********* Help */

.pl-help .content > .row { background: #fbfbfb; margin: 0.75em auto 0; width: 93.3%; height: 95%; overflow: auto; }
.pl-help .help { display: table; }
.pl-help .help .contactus { display: table-cell; vertical-align: middle; }
.pl-help p:not(.loginop) { color: #505050; width: 80.6%; margin: 0 auto 1em; font-size: 1.19em; }
.pl-help .pnf p:not(.loginop) { font-family: "Lato Light"; font-weight: 100; }
.pl-help .pnf p:not(.loginop) strong { font-family: "Lato Regular"; font-weight: 300; display: block; font-size: 1.1em; margin-bottom: 0.3em; }
.pl-help .loginop a { color: #00569e; }

/********* Vehicle Search */
.device-android .scanVINIssueText {text-align: center; padding-bottom: 10px; color: red;display:block!important;}
.pl-vsearch .content > .row { background: #fff; margin: 0.75em auto; width: 93.3%; overflow: auto; }
.pl-vsearch > .row:first-of-type { margin-top: 1.5em; }
.pl-vsearch .row h2, .pl-vsearch .bar-header-secondary h2 { font-size: 1.09em; text-align: center; margin: 0.863em auto; text-transform: none; color: #505050; }
.pl-vsearch .vin h2 { margin: 1.2em auto 0.863em; }
.pl-vsearch .vin form { text-align: center; }
.pl-vsearch .parts form:before { font-family: "Napacons"; content: "\e60e"; display: block; position: absolute; font-size: 1em; top: 4.8em; left: 10%; color: #989898; z-index: 2; }
.pl-vsearch .segmented-control { border-radius: 0; border: none; }
.pl-vsearch .segmented-control .control-item { border-radius: 0; font-size: 1.15em; text-transform: uppercase; background: #c5c5c5; color: #fff; border: 1px solid #c5c5c5; padding: 0; line-height: 3.55em; letter-spacing: 0.1em; width: 50%; }
.pl-vsearch .segmented-control .control-item.active { background: #00569e; border-color: #00569e; }
.pl-vsearch .vin form a { background: #00569e; border: 1px solid #00569e; border-radius: 0; height: 2.1em; color: #fff; font-size: 2.125em; width: 2.382em; padding: 0; line-height: 2.1em; border-left: 1px solid rgba(0,0,0,.2); }
.pl-vsearch .vin form a + a { margin-left: 0.5em; }
.pl-vsearch .vin > .btn { width: 93.3%; margin-left: auto; margin-right: auto; margin-bottom: 1em; margin-top:0.5em }

.pl-vsearch .parts form:before { top: 66.7%; }
.pl-vsearch .vin input, .pl-vsearch .parts input { display: inline-block; vertical-align: middle; width: 93.3%; border-radius: 0; margin-right: auto; height: 4.5em; padding-left: 2.875em; }
.pl-vsearch .vin .plate-number {padding-left: 1em; }
.pl-vsearch .vin input {padding-left: 1em; }
.pl-vsearch .vin input.plate-number { width: 60%; border-right: 1px solid rgba(0,0,0,0.2); margin-right: 2%; }
.pl-vsearch .vin select.plate-state { width: 30%; height: 4.5em; vertical-align: middle; border-radius: 0; margin-bottom:0 }
.pl-vsearch .parts input { width: 100%; border: 1px solid rgb(200,200,200); border-top: none; }
.pl-vsearch .parts > *, .pl-vsearch .vehicle > * { width: 93.3%; margin-left: auto; margin-right: auto; }

.pl-vsearch .vehicle a, .pl-vsearch .find-vehicle .options a { font-weight: 400; background: none; text-align: left; padding-left: 1em; padding-right: 1em; line-height: 2.9em; color: #505050; border-radius: 0.5em; border-color: #c8c8c8; font-size: 0.869em;}
.pl-vsearch .vehicle a span { position: absolute; right: 1.05em; top: 50%; margin-top: -0.5em; font-size: 2em; }

.searches .card, .searches a.btn-block { border: none; background: none; }
.searches .card { margin: 0.75em auto; width: 91.3%; }
.searches a.btn-block { color: #00569e; }
.pl-vsearch .searches h2 { margin-bottom: 1.726em; }

.pl-vsearch .find-vehicle, .pl-vsearch .options, .pl-vsearch .find-vehicle .input-row, .pl-vsearch .find-vehicle select { background: none; box-shadow: none; }
.pl-vsearch .find-vehicle, .pl-vsearch .pick-vehicle { padding-bottom: 0; background: #fbfbfb; }
.pl-vsearch .options { display: block; background: #fbfbfb; }
.pl-vsearch .options .input-row { width: 87.2%; height: auto; overflow: visible; margin: 0 auto; position: relative; }
.pl-vsearch .options select { text-transform: uppercase; padding: 0 4.5em 0 1em; line-height: 5em; height: 5em; color: #505050; border-radius: 0.5em; border-color: #c8c8c8; font-size: 0.869em; margin-bottom: 0.94em; }
.pl-vsearch .options .input-row:after { content: '\e602'; display: block; position: absolute; right: 1em; top: 50%; margin-top: -0.75em; font-size: 1.5em; font-family: "Napacons"; }
.pl-vsearch .options .input-row.vtype:after { margin-top: -0.4em; }
.pl-vsearch .options .input-row:last-of-type:after { content: ''; }
.pl-vsearch .options .find-vehicle button { margin-top: 2em; }
.pl-vsearch .pick-vehicle ul { margin: 0.5em auto 0; width: 86.67%; padding-left: 0; }
.pl-vsearch .pick-vehicle li { list-style: none; border: 1px solid #00569e; display: table; height: 4.5em; margin-bottom: 0.75em; width: 100%; }
.pl-vsearch .pick-vehicle li a { color: #00569e; text-transform: uppercase; font-size: 0.87em; display: table-cell; padding-left: 1.5em; height: 100%; letter-spacing: 0.02em; position: relative; vertical-align: middle; }
.pl-vsearch .pick-vehicle li a.active { background: #00569e; color: #fbfbfb; }
.pl-vsearch .pick-vehicle li a.active:before { content: "\e610"; position: absolute; right: 2em; font-family: "Napacons"; top: 33%; color: #fbfbfb; }
.pl-vsearch .pick-vehicle a span { vertical-align: middle; font-size: 2.5em; margin-right: 0.5em; }
.pl-vsearch .pick-vehicle a span.icon-farm { font-size: 2em; margin-right: 0.9em; }

@media screen and (min-width: 768px) { /* iPad Portrait and above */
    .pl-vsearch .vin form:before, .pl-vsearch .parts form:before { left: 6%; }
}

/********* Vehicle Details */

.pl-vsearch .bar-header-secondary {background: #fbfbfb; height: auto; top: 3.625em; }
.pl-vsearch .bar-header-secondary h2 { text-transform: none; text-align: center; line-height: 240%; margin: 0; }
.pl-vsearch .bar-footer { background: #fbfbfb; border-top: 1px solid #c8c8c8; height: 4.5em; }
.pl-vsearch .bar-footer .btn-block { width: 93.3%; top: 1.2em; }
.pl-vsearch .content > .row.buoy { background: #fbfbfb; }
.pl-vsearch table { width: 85%; margin: 0 auto; }
.pl-vsearch td { padding-bottom: 2em; font-size: 1.08em; }
.pl-vsearch td:nth-child(1) { width: 38.8%; }
.pl-vsearch td:nth-child(2) { font-family: "Lato Light"; font-weight: 100; }

/********* Vehicle Name */

.pl-vsearch.vname .content { background: #fbfbfb; }
.pl-vsearch.vname .content > .row { background: #fbfbfb; width: 86.67%; margin: 0 auto; }
.pl-vsearch.vname h1, .pl-vsearch.vname p, .pl-vsearch.vname img, .pl-vsearch.vname span { width: 75%; text-align: center; display: block; margin: 1em auto; }
.pl-vsearch.vname h1 { font-size: 1.74em; text-transform: uppercase; color: #505050; margin-bottom: 0; }
.pl-vsearch.vname p { font-family: "Lato Light"; font-weight: 100; color: #505050; }
.pl-vsearch.vname input { padding-left: 2em; border-radius: 0; line-height: 4.23em; height: 4.23em; font-size: 0.9em; border-color: #c8c8c8; background: #fbfbfb; }
.pl-vsearch.vname span { font-family: "Lato Regular"; font-weight: 300; font-size: 0.8em; margin: 0.3em auto 0; letter-spacing: 0.1em; }
.pl-vsearch.vname .btn { height: 3.2em; line-height: 3.2em; font-size: 1.3em; padding: 0; letter-spacing: 0.1em; }
.pl-vsearch.vname .btn~.btn { margin-top: 0.5em; }
.pl-vsearch .vin .input-row { overflow: visible; width: 93.3%; margin: 0 auto; }
.pl-vsearch .vin .input-row label { display: none; }
.pl-vsearch .vin .input-row select { border-radius: 0.5em; color: #505050; width: 38%; box-shadow: none; }

/********* Part Search */

.pl-psearch .row { width: 93.3%; background: #fff; overflow: auto; margin: 0.8em auto; }
.pl-psearch .vinfo { font-family: "Lato Light"; font-weight: 100; width: 81.2%; margin: 1em auto; color: #505050; }
.pl-psearch .vinfo img { display: block; margin: 0 auto 1em; width: 100%; }
.pl-psearch .vinfo strong { font-family: "Lato Regular"; font-weight: 300 !important; font-size: 1.2em; margin-bottom: 0.3em; display: block; }
.pl-psearch form { display: block; width: 92.9%; margin: 2.3em auto 0; }
.pl-psearch label { width: 100%; display: block; position: relative; }
.pl-psearch label span { position: absolute; }
.pl-psearch label:first-of-type span { right: 1em; top: 0.8em; z-index: -1; }
.pl-psearch label:last-of-type span { left: 1em; font-size: 0.8em; color: #505050; top: 1.8em; }
.pl-psearch label b { display: none; }
.pl-psearch select { background: none; height: 4.23em; font-size: 0.9em; border-radius: 0.5em; text-transform: uppercase; color: #505050; }
.pl-psearch input { padding-left: 2em; border-radius: 0; line-height: normal; height: 4.23em; font-size: 0.9em; }
.pl-psearch .btn-yellow { height: 3em; line-height: 3em; margin-bottom: 1em; }


/********* Parts Listing */

.pl-listing .content > .row { background: #fbfbfb; width: 93.3%; margin: 0 auto; overflow: auto; }
.pl-listing .vinfo div, .pl-listing .sorting a, .pl-listing .listing > ul { width: 92.9%; margin-left: auto; margin-right: auto;  }

/*
.pl-listing header.scroll { background: #fbfbfb; border-bottom: 1px solid #c8c8c8; }
.pl-listing header.scroll a { color: #00569e; }
*/
.pl-listing .info-sm .media-body { color: #505050; font-size: 0.87em; font-family: "Lato Light"; font-weight: 100; line-height: 125%; }
.pl-listing .info-sm .media-body strong { font-family: "Lato Regular"; font-weight: 300; }

.pl-listing .content > .row:first-of-type { margin-top: 0.8em; }
.pl-listing .vinfo div, .pl-listing .row.sorting:first-of-type { padding-top: 2em; }
.pl-listing .vinfo div img { display: block; width: 30.8%; margin: 0 0.8em 4.25em 0; }
.pl-listing .vinfo div p { font-family: "Lato Light"; font-weight: 100; color: #505050; }
.pl-listing .vinfo div p strong { font-family: "Lato Regular"; font-weight: 300; }

.pl-listing .sorting a { font-weight: 400; background: none; text-align: left; padding: 0 1em; line-height: 3.4em; color: #505050; border-radius: 0.5em; border-color: #c8c8c8; font-size: 0.869em; letter-spacing: 0.02em; }
.pl-listing .sorting a span { position: absolute; right: 1.05em; top: 50%; margin-top: -0.5em; font-size: 2em; }
.pl-listing .sorting p { text-align: center; font-family: "Lato Light"; font-weight: 100; color: #505050; font-size: 0.8; margin-bottom: 1.7em; }
.pl-listing .sorting p strong { font-family: "Lato Regular"; font-weight: 300; }

.pl-listing .table-view { background: #fbfbfb; }
.pl-listing .listing .table-view .table-view-cell { background: none; color: #505050; padding-right: 0; }
.pl-listing .listing .navigate-right:after { content: ""; }
/*.pl-listing .listing .table-view-cell>a:not(.btn) { padding-right: 4em; margin-right: 0; }*/
.pl-listing .listing .media-object { width: 27.7%; }
.pl-listing .listing h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.91em; line-height: 125%; margin-bottom: 0.5em; padding-right: 0.75em; }
.pl-listing .listing .media-body ul { padding-left: 0; }
.pl-listing .listing .media-body li { list-style: none; font-family: "Lato Light"; font-weight: 100; font-size: 0.8em; line-height: 125%; }
.pl-listing .listing .media-body li span { font-family: "Lato Regular"; font-weight: 300; }

.pl-listing .listing p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-family: "Lato Light"; font-weight: 100; padding-left: 25%; font-size: 0.79em; overflow: hidden; position: relative; line-height: 133%; margin-top: 1.6em; color: #505050; }
.pl-listing .listing p:before { content: "\e603"; font-family: "Napacons"; display: block; position: absolute; top: 0; left: 17%; transform: scaleX(-1); font-weight: 900; font-size: 1.4em; }
.pl-listing .listing p strong { display: block; font-family: "Lato Medium"; font-weight: 500; }


.pl-listing .listing .btn-atcblue { background: #00569e; width: 22.2%; color: #fff; white-space: normal; position: absolute; right: 0; top: 0; border-radius: 0; }
.pl-listing .listing .btn-atcblue strong { display: block; font-weight: 300; margin-bottom: 0.5em; }
.pl-listing .listing .btn-atcblue span { font-family: "Lato Light"; font-weight: 100; }

.pl-listing .content > .row.paging, .pl-history .content > .row.paging { margin-bottom: 0.8em; }
.pl-listing .paging *, .pl-history .paging * { vertical-align: middle; }
.pl-listing .paging nav, .pl-history .paging nav { text-align: center; padding-bottom: 2em; }
.pl-listing .paging a, .pl-history .paging a { color: #00569e; }
.pl-listing .paging strong, .pl-history .paging strong { font-family: "Lato Regular"; font-weight: 300; display: inline-block; margin: 0 20%; text-transform: uppercase; color: #505050; font-size: 0.91em; }

.pl-listing #sortby { background: #fbfbfb; }
.pl-listing #sortby ul { margin: 4em auto 1em; width: 86.67%; padding-left: 0; }
.pl-listing #sortby li { list-style: none; border: 1px solid #00569e; display: block; height: 4.5em; margin-bottom: 0.75em; }
.pl-listing #sortby li a { text-transform: uppercase; font-size: 0.87em; display: block; padding-left: 1.5em; height: 100%; line-height: 4.5em; letter-spacing: 0.02em; position: relative; }
.pl-listing #sortby li a.active:before { content: "\e610"; position: absolute; right: 2em; font-family: "Napacons"; }
.pl-listing #sortby a.btn { height: 3.2em; line-height: 3.2em; font-size: 1.3em; padding: 0; letter-spacing: 0.1em; width: 86.67%; margin-top: 0; }

@media screen and (device-aspect-ratio: 40/71) { /* For iPhone 5 */
    .pl-listing #sortby li { font-size: 0.8em; }
    .pl-listing #sortby a.btn { font-size: 0.9em; }
}

@media screen and (device-aspect-ratio: 2/3) { /* For iPhone 4s */
    .pl-listing #sortby li { font-size: 0.8em; }
    .pl-listing #sortby a.btn { font-size: 0.7em; }
}

@-webkit-keyframes notify-show {
    0%   { opacity: 0; bottom: 6.25em; }
    100% { opacity: 0.9; bottom: 7em; }
}

@-webkit-keyframes notify-hide {
    0%   { opacity: 0.9; bottom: 7em; }
    100% { opacity: 0; bottom: 6.25em; }
}

@-webkit-keyframes notify-show-top {
    0%   { opacity: 0; top: 3.625em; }
    100% { opacity: 0.9; top: 4.375em; }
}

@-webkit-keyframes notify-hide-top {
    0%   { opacity: 0.9; top: 4.375em; }
    100% { opacity: 0; top: 3.625em; }
}

.notify { color: #fbfbfb; background: #000; width: 86.67%; border-radius: 0.5em; line-height: 4.4em; font-family: "Lato Light"; font-weight: 100; position: fixed; z-index: 10; text-align: center; margin: 0 6.67%; opacity: 0; }
.notify.multi-line { line-height: normal; min-height: 4.4em; padding-top: 0.75em; text-align: left; padding-left: 1em; }
.notify.start { -webkit-animation: notify-show 0.2s ease-in; animation: notify-show 0.2s ease-in; }
.notify.shown { opacity: 0.9; bottom: 7em; }
.notify.end { -webkit-animation: notify-hide 0.2s ease-in; animation: notify-hide 0.2s ease-in; }
.notify.startTop { -webkit-animation: notify-show-top 0.2s ease-in; animation: notify-show-top 0.2s ease-in; }
.notify.shownTop { opacity: 0.9; top: 4.375em; }
.notify.endTop { -webkit-animation: notify-hide-top 0.2s ease-in; animation: notify-hide-top 0.2s ease-in; }

/********* PDP */

.pl-pdp header.bar { background: rgba(251, 251, 251, 1); box-shadow: none; }
.pl-pdp header.bar .icon-back { line-height: 1.7em; }
.pl-pdp h1 { color: #00569e; }
.pl-pdp .content { background: #fbfbfb; }
.pl-pdp .row { width: 75.9%; margin: 2em auto 0; }
.slider { background: none; margin: 0 auto; }
.slide img {width: 100%; }
.slide-indicators { display: block; margin: 0 auto; text-align: center; padding: 0;}
.slide-indicators li { display: inline-block; width: 0.5em; height: 0.5em; border: 1px solid #c8c8c8; border-radius: 50%; }
.slide-indicators li.active { background: #c8c8c8; }
.pl-pdp h2 { font-size: 1.12em; text-transform: none; margin-top: 1em; }
.pl-pdp .pinfo { margin-top: 0; }
.pl-pdp .pinfo p span, .pricing .inline-list li { display: inline-block; width: 49%; }
.pl-pdp .pinfo p span { font-size: 0.86em; }
.pl-pdp .pinfo p span strong { font-size: 1.25em; }
.pl-pdp h4 { font-size: 1.12em; margin-bottom: 0.85em; }
.pricing .inline-list li { font-size: 0.8em; font-family: "Lato Light"; font-weight: 100; margin-bottom: 1em; }
.pricing .inline-list strong { font-weight: normal; font-size: 1.4em; }
.pricing .inline-list li:first-of-type { font-family: "Lato Regular"; font-weight: 300; }
.pl-pdp .addtocart { text-align: center; }
.pl-pdp .addtocart form > *:not([type="submit"])  { display: inline-block; vertical-align: middle; margin-bottom: 0; }
.pl-pdp .addtocart h4 { font-size: 1.3em; }
.pl-pdp .addtocart form > button:not([type="submit"]) { border: 1px solid transparent; background: none; color: #505050; font-size: 1.2em; }
.pl-pdp .addtocart input { width: 2em; text-align: center; font-size: 2em; font-family: "Lato Light"; font-weight: 100; height: 2em; padding: 0; }
.pl-pdp [type="submit"] { font-size: 1.3em; line-height: 3.55em; margin-top: 0.5em; }
.pl-pdp .comments dl > * { display: inline-block; margin-left: 0; vertical-align: top; }
.pl-pdp .comments dt { padding-top: 0.3em; }
.pl-pdp .comments dd { padding-left: 1em; width: 90%; font-family: "Lato Light"; font-weight: 100; }
.pl-pdp .features ul, .pl-pdp .attributes ul, .pl-pdp .info ul { padding-left: 0; margin-left: 0; }
.pl-pdp .features li, .pl-pdp .attributes li, .pl-pdp .info li, .pl-pdp .info p { list-style: none; font-family: "Lato Light"; font-weight: 100; }
.pl-pdp .features li strong, .pl-pdp .attributes li strong, .pl-pdp .info li strong, .pl-pdp .info p strong { font-family: "Lato Regular"; font-weight: 300; }
.pl-pdp .warranty a:not(.btn) { color: #00569e; display: block; }

/********* Search History */

.pl-history .content, .pl-history .table-view { background: #fbfbfb; }
.pl-history .content > .row { width: 92.9%; margin: 1em auto; }
.history li.table-view-cell { border: none; background: none; }
.history li { padding: 0; overflow: hidden; white-space: nowrap;}
.history .inline-list { width: 100%; display: inline-block; vertical-align: middle; }
.history .inline-list.thead { border-bottom: 1px solid #505050; color: #505050; }
.history .inline-list li { width: 25%; text-align: left; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; text-overflow: ellipsis; vertical-align: middle; }
.history .inline-list.thead li { padding-bottom: 0.63em; }
.history .inline-list li:nth-child(1), .history .inline-list li:nth-child(2) { width: 20%; }
.history .inline-list li:nth-child(3) { width: 35%; }
.history .inline-list li:nth-child(4) { text-align: right; padding-right: 1em; }
.history .inline-list:not(.thead) li { font-family: "Lato Light"; font-weight: 100; }
.history .panel { display: inline-block; vertical-align: middle; }
.history .panel .btn { height: 3em; width: auto; padding: 0 1em; line-height: 3em; margin-right: -0.4em; }

@-webkit-keyframes btn-reveal {
    0%   { margin-left: 0; }
    100% { margin-left: -9.9em; }
}

@-webkit-keyframes btn-hide {
    0%   { margin-left: -9.9em; }
    100% { margin-left: 0; }
}

.revealed { margin-left: -9.9em; }
.btnrvl { -webkit-animation: btn-reveal 0.2s ease-in; }
.btnhde { -webkit-animation: btn-hide 0.2s ease-in; }

@-webkit-keyframes ghosting {
    0%   { opacity: 1; height: 3.75em; }
    50%  { opacity: 0; height: 3.75em; }
    100% { opacity: 0; height: 0; }
}

.ghost { -webkit-animation: ghosting 0.5s ease-in; animation: ghosting 0.5s ease-in; }

/********* Cart */

.pl-cart header.bar {background: rgba(0, 86, 158, 1); box-shadow: none; }
.pl-cart > header.bar .title { color: #fff; }
.pl-cart > header.bar a { color: #fff; line-height: 1.7em; }
.pl-cart .content > .row { margin: 0.75em auto; width: 93.3%; overflow: auto; }
.pl-cart > .row:first-of-type { margin-top: 1.5em; }
.pl-cart .purchases .table-view { background: none; }
.pl-cart .purchases .table-view-cell { padding-right: 1em; background: none; margin-bottom: 0.9em; background-color: #fff; }
.pl-cart .purchases img.media-object { width: 31%; display: inline-block; vertical-align: top; }
.pl-cart .purchases .table-view-cell p { display: inline-block; vertical-align: top; width: 42%; font-size: 0.85em; color: #505050; padding: 0 0 0 0.5em; }
.pl-cart .purchases .table-view-cell p strong { width: 100%; height: 2.5em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 133%; }
.pl-cart .purchases .table-view-cell p span { font-family: "Lato Light"; font-weight: 100; display: block; margin-top: 0.5em; font-size: 0.9em; }
.pl-cart .purchases .qty { display: inline-block; vertical-align: top; width: 24.5%; }
.pl-cart .purchases .qty label { display: inline-block; font-family: "Lato Light"; font-weight: 100; color: #505050; font-size: 0.6em; vertical-align: middle; margin-left: 0.1em;}
.pl-cart .purchases .qty input { display: inline-block; width: 2.2em; height: 2.2em; margin-bottom: 0; font-size: 1.2em; vertical-align: middle; padding: 0.52em 0; text-align: center;}
.pl-cart .table-view-cell .rmv { font-family: "Lato Medium"; font-weight: 500; font-size: 0.6em; color: #00569e; text-align: center; margin: 0; padding: 2em 1em 0 0.2em; line-height: 100%; position:absolute; bottom:12px }
.pl-cart .table-view-cell .rmv span { display: block; font-size: 1.4em; font-weight: 700; }
.pl-cart .purchases .inline-list li { display: inline-block; float: right; text-align: right; margin-left:2%; margin-right: 0; color: #505050; margin-top: 1.7em; line-height: 125%; font-size: 0.6em; width: 34%; }
.pl-cart .purchases .inline-list li:first-of-type { font-family: "Lato Regular"; font-weight: 300; }
.pl-cart .purchases .inline-list li strong, .pl-cart .purchases .inline-list li span { display: block; font-size: 1.4em; }
.pl-cart .other, .pl-cart .totals { background: #fff; margin-bottom: 0; overflow: auto; }
.pl-cart .other .address { width: 91.3%; margin: 1em auto; font-family: "Lato Light"; font-weight: 100; color: #505050; }
.pl-cart .other .address strong { display: block; font-family: "Lato Regular"; font-weight: 300 !important; font-size: 1.2em; }
.pl-cart .other label { display: none; }
.pl-cart .other input { width: 93.1%; margin: 1em auto 0; display: block; }
.pl-cart .other input:last-of-type { margin-bottom: 2.1em; }
.pl-cart .totals { padding: 0 1em 0.8em; }
.pl-cart .totals > strong { float: left; display: block; }
.pl-cart .purchases .totals li { margin-top: 0; margin-bottom: 2em; }

.pl-cart .content.empty > .row { background: #fbfbfb; margin: 0.75em auto 0; width: 93.3%; height: 95%; overflow: auto; }
.pl-cart .content > .empty-msg, .pl-cart .content.empty > .row:not(.empty-msg) { display: none; }
.pl-cart .content.empty > .empty-msg { display: table; }
.pl-cart .empty-msg p { color: #505050; width: 80.6%; font-size: 1.19em; text-align: center; position: relative; display: table-cell; vertical-align: middle; }
.pl-cart .empty-msg span { font-size: 6em; opacity: 0.1; }

/********* Confirmation */

.pl-confirm .content { padding-top: 2.5em; }
.pl-confirm .confirm { width: 86.9%; text-align: center; margin: 0 auto; }
.pl-confirm .confirm h2 { font-size: 1.74em; margin-bottom: 0; }
.pl-confirm .confirm p { width: 85%; margin: 1.25em auto 0; }
.pl-confirm .confirm p:first-of-type { margin-top: 1.5em; }
.pl-confirm .btn { margin: 2em auto; }
.pl-confirm .options a {color: #00569e; }

/********* More Global */

.bar .btn-twoup, .btn-twoup { width: 48% !important; margin-right: 0.2em; display: inline-block; font-size: smaller; vertical-align: middle; line-height: 2.3em; }
.bar .btn-twoup:nth-child(even), .btn-twoup:nth-child(even) { margin-right: 0; }
.bar .btn-threeup, .btn-threeup { width: 30% !important; margin-right: 0.2em; display: inline-block; font-size: smaller; vertical-align: middle; line-height: 2.3em; }
.bar .btn-threeup:nth-child(3n), .btn-threeup:nth-child(3n) { margin-right: 0; }
.input-row.with-select { height: auto; position: relative; background: none; }
.input-row.with-select:after { content: '\e602'; display: block; position: absolute; right: 1em; top: 50%; margin-top: -0.75em; font-size: 1.5em; font-family: "Napacons"; z-index: -1; }
.input-row.with-select select { background: none; height: 4em; border-radius: 0.5em; color: #505050; }
.input-row.with-select input { float: left; }