@media only screen and (max-width: 767px) { .text-xs-left { text-align: left; }
  .text-xs-right { text-align: right; }
  .text-xs-center { text-align: center; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; } }

@media only screen and (min-width: 1200px) { .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; } }

@font-face { font-family: "button-icons"; font-style: normal; font-weight: normal; src: url("../fonts/buttons/button-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/buttons/button-icons.woff") format("woff"), url("../fonts/buttons/button-icons.ttf") format("truetype"), url("../fonts/buttons/button-icons.svg#button-icons") format("svg"); }

.btn-icon { font-family: 'button-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin-right: 5px; }

.btn-icon:hover { text-decoration: none; }

.btn-icon-apply:before { content: "\e600"; }

.btn-icon-close:before { content: "\e601"; }

.btn-icon-email:before { content: "\e602"; }

.btn-icon-photos:before { content: "\e603"; }

.btn-icon-plus:before { content: "\e604"; }

.btn-icon-question:before { content: "\e605"; }

.btn-icon-zoom:before { content: "\e608"; }

.btn-icon-recalculate:before { content: "\e606"; }

.btn-icon-warning:before { content: "\e610"; }

.icon-star:before { font-family: 'button-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0 !important; }

.icon-star-empty:before { content: "\e611"; }

.icon-star-half:before { content: "\e612"; }

.icon-star-full:before { content: "\e613"; }

.icon-free-shipping:before { content: "\e614"; font-family: 'button-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0 !important; width: auto !important; }

.cartDiv, .cartDiv2 { display: inline; }

.soft_add_content_shadow { width: auto; max-height: 500px; padding: 35px 0 0; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; }

.soft_add_header { width: auto; padding: 0; border: 0; background: white; }

.soft_add_header_shadow { position: absolute; top: 0; left: 0; padding: 0; width: 100%; }

.soft_add_header .soft_add_span { font-size: 0; }

.soft_add_header .soft_add_span:before { content: "Items in Cart"; display: inline-block; margin-left: -25px; padding-top: 10px; left: 0; font-size: 16px; }

.soft_add_content_area { padding: 15px; width: auto; max-height: 250px; overflow: auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: none; }

.soft_add_content_wrapper { padding: 0; width: auto; border: none; background: none; }

.soft_add_wrapper { position: fixed; min-width: 265px; max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); max-height: 400px !important; z-index: 1100; top: 50% !important; left: 0 !important; right: 0 !important; bottom: auto !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto !important; padding: 0; line-height: initial; font-family: inherit; font-weight: normal; color: #666666; }

@media only screen and (min-width: 768px) { .soft_add_wrapper { max-width: 400px; } }

@media only screen and (min-width: 992px) { .soft_add_wrapper { min-width: 400px; top: 15% !important; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.ie8 .soft_add_wrapper { border: 1px solid #eee; }

.soft_add_wrapper .cart_table .icon { width: auto; height: auto; }

.soft_add_wrapper ul.anchored-cart { display: table; width: 100%; padding: 0; margin: 0; list-style: none; border-collapse: collapse; }

.soft_add_wrapper li { display: table-row; width: auto; margin: 0; overflow: hidden; vertical-align: middle; text-align: left; }

.soft_add_wrapper li.product-row:not(:last-child) { border-bottom: 1px solid #eee; }

.soft_add_wrapper li img { max-width: 55px !important; }

@-webkit-keyframes recently-added-fadeout { 0% { background-color: rgba(0, 0, 0, 0.1); }
  80% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: transparent; } }

@keyframes recently-added-fadeout { 0% { background-color: rgba(0, 0, 0, 0.1); }
  80% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: transparent; } }

.soft_add_wrapper li.recently-added { -webkit-animation-name: recently-added-fadeout; animation-name: recently-added-fadeout; -webkit-animation-duration: 2s; animation-duration: 2s; background-color: transparent; }

.soft_add_wrapper li div { font-size: 12px; width: 100%; }

.soft_add_wrapper .product-row * { font-size: 14px; line-height: 1.428571429; }

.soft_add_wrapper .product-image { display: table-cell; width: 55px; padding: 10px 4px 10px 10px; }

.soft_add_wrapper .product-detail { display: table-cell; padding: 10px 5px; vertical-align: top; }

.soft_add_wrapper .product-name { display: block; }

.soft_add_wrapper .product-name a { color: #666666; font-size: 12px; font-weight: bold; word-break: break-word; }

@media only screen and (min-width: 992px) { .soft_add_wrapper .product-name a { font-size: 14px; } }

.soft_add_wrapper .product-options a { color: #666666; font-size: 12px; font-weight: normal; word-break: break-all; pointer-events: none; }

.soft_add_wrapper .product-qty, .soft_add_wrapper .product-qty .quantity_text { display: block; color: #666666; }

.soft_add_wrapper .product-qty .quantity_text { display: inline; }

.soft_add_wrapper .product-price { display: table-cell; padding: 8px 8px 10px 0; vertical-align: middle; text-align: right; color: #666666; font-size: 14px; }

.soft_add_wrapper .product-remove { display: table-cell; vertical-align: middle; padding-right: 5px; }

.soft_add_wrapper .product-remove .aremove { background: none; margin-left: 15px; font-size: 0; text-indent: unset; color: #000; }

.soft_add_wrapper .product-remove .aremove:before { display: table-cell; content: "\e601"; font-family: button-icons; speak: none; font-style: normal; font-weight: normal; font-size: 16px; text-transform: none; line-height: 1; font-variant: normal normal; }

.soft_add_wrapper .soft_add_sub_total { padding: 4px 20px 0; height: 24px; background: none; }

.soft_add_wrapper .sub_total { color: #666666; font-size: 12px; }

.soft_add_wrapper span.sub_total_amount { color: #666666; font-size: 14px; }

.soft_add_wrapper .soft_add_action_area { clear: both; height: auto; overflow: hidden; padding: 15px; position: relative; border-top: none; background: none; }

.soft_add_wrapper .check_out, .soft_add_wrapper .continue_shopping { overflow: hidden; position: static; display: inline-block; width: 48%; float: right; height: 45px; margin: 0 auto; padding: 1px 20px 0; border: 1px solid rgba(42, 122, 139, 0); border-radius: 0px; line-height: 43px; font-family: "Open Sans", sans-serif, "google"; font-size: 14px; font-weight: bold; background: #9e8238; color: #fff; text-align: center; text-indent: 0; text-decoration: none; }

.soft_add_wrapper .check_out:hover, .soft_add_wrapper .continue_shopping:hover { background-color: #78632b; border-color: rgba(28, 81, 92, 0); color: #fff; text-decoration: none; }

.soft_add_wrapper .continue_shopping { float: left; padding: 0 10px; background: #666; border-color: #666; text-transform: capitalize; }

.soft_add_wrapper .continue_shopping:hover { background-color: #4d4d4d; border-color: #474747; }

.soft_add_wrapper .close_btn, .soft_add_wrapper .close_btn:link, .soft_add_wrapper .close_btn:visited, .soft_add_wrapper .close_btn:focus, .soft_add_wrapper .close_btn:hover, .soft_add_wrapper .close_btn:active { background: none; z-index: 200; text-indent: initial; font-size: 0; top: 8px; right: 12px; }

.soft_add_wrapper .close_btn { color: #9e8238; }

.soft_add_wrapper .close_btn:hover { color: #53441d; }

.soft_add_wrapper .close_btn:before { content: "\e609"; display: inline-block; font-size: 16px; font-family: 'button-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; }

/* MOBILE STYLINGS */
/* the soft add to cart hides after a couple seconds unless your cursor hovers over it;
mobile devices do not have a cursor, carts with several items could become frustrating to view
shows: only the name, picture, and text "added to cart" of item which was added; hides: details, price, and remove link*/
@media only screen and (max-width: 991px) { .touch-device .soft_add { /* cart title */ }
  .touch-device .soft_add_span:before { content: "Cart" !important; }
  .touch-device .soft_add_content_area { min-height: auto; /* hide all products without .recently-added class */ }
  .touch-device .soft_add_content_area li:not(.recently-added) { display: none; border: none; }
  .touch-device .soft_add_content_area li.recently-added { display: block; background: white; }
  .touch-device .soft_add_content_area li .product-detail, .touch-device .soft_add_content_area li .product-price, .touch-device .soft_add_content_area li .product-remove { display: none; }
  .touch-device .soft_add_content_area li .product-image { display: block; width: 100%; padding: 0; }
  .touch-device .soft_add_content_area li .product-image:after { content: "Added to Cart"; font-size: 14px; font-weight: bold; margin-left: 20px; }
  .touch-device .soft_add_wrapper .check_out, .touch-device .soft_add_wrapper .continue_shopping { font-size: 14px; } }

.vol-logo { display: block; /* Text Logo Styling goes here */ /* Graphic Logo Styling goes here */ }

@media only screen and (max-width: 991px) { .vol-logo { margin-right: auto; margin-left: auto; } }

.vol-logo meta[itemprop="name"] + a { word-break: break-word; line-height: 1; }

.vol-logo meta[itemprop="name"] + a:not(#homepage_title) { display: inline-block; background-image: url("../images/template/header_bg.png"); font-size: 0; background-size: 0; background-repeat: no-repeat; }

.vol-logo meta[itemprop="name"] + a:not(#homepage_title) img { max-height: 100%; }

/* Asssume no left nav until JS verifies */
html:not(.has-sidebar) .sidebar-wrapper, html:not(.category) .sidebar-wrapper { display: none; }

html:not(.has-sidebar) .content_area-wrapper, html:not(.category) .content_area-wrapper { width: 100%; }

.page-wrap:after { z-index: 20; }

.menu-mask { z-index: 25; }

.overflow-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.v-center { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

@media only screen and (max-width: 767px) { .v-center-xs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

@media only screen and (max-width: 991px) { .v-center-sm-and-down { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

@media only screen and (min-width: 992px) { .v-center-md-and-up { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

header .soft_add_wrapper * { line-height: normal; }

.sidebar-wrapper { z-index: 9; padding-top: 0; padding-bottom: 0; }

.sidebar-wrapper .menu-title { padding-right: 15px; padding-left: 15px; }

.sidebar-wrapper .vnav--level1 > .vnav__item { border-top-width: 1px; border-top-style: solid; }

.sidebar-wrapper .vnav--level1 > .vnav__item:last-child { border-bottom-width: 1px; border-bottom-style: solid; }

.sidebar-wrapper .sidebar .menu-title:not(:first-child) { margin-top: 0; }

.vol-scroll-top { border-radius: 0; padding: 20px; }

.vol-scroll-top .icon { display: block; width: 15px; height: 15px; }

.main-menu { width: 100%; }

.main-menu .vnav--level1 > .vnav__item > .vnav__link { border-bottom-width: 3px; }

.push-menu .push-menu__close-btn { margin-bottom: 0; }

.push-menu #push-menu__utility__left, .push-menu #push-menu__search-bar, .push-menu #push-menu__header-promo { padding-top: 15px; padding-bottom: 15px; border-top-width: 1px; border-top-style: solid; }

@media only screen and (max-width: 991px) { .footer .v-center.text-center-sm-and-down { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (min-width: 992px) { .footer .v-center.text-right-md-and-up { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.home .v-product-grid { padding: 15px; margin-right: auto; margin-left: auto; }

@media only screen and (min-width: 768px) { .home .v-product-grid { max-width: 750px; } }

@media only screen and (min-width: 992px) { .home .v-product-grid { max-width: 970px; } }

@media only screen and (min-width: 1200px) { .home .v-product-grid { max-width: 1170px; } }

#fpslider { padding: 15px 25px 30px; }

@media only screen and (min-width: 768px) { #fpslider { padding-right: 45px; padding-left: 45px; } }

#fpslider .owl-item { padding: 5px; }

#content_area #fpslider .owl-item .image img { max-height: 300px; width: auto; margin-right: auto; margin-left: auto; }

#fpslider .owl-nav .arrow-prev, #fpslider .owl-nav .arrow-next { padding: 5px; width: 25px; height: 40px; font-size: 15px; line-height: 30px; text-align: center; cursor: pointer; }

@media only screen and (min-width: 768px) { #fpslider .owl-nav .arrow-prev, #fpslider .owl-nav .arrow-next { padding: 9px; width: 45px; height: 72px; font-size: 27px; line-height: 54px; } }

#fpslider .owl-nav .arrow-prev { right: 100%; left: auto; }

#fpslider .owl-nav .arrow-next { left: 100%; right: auto; }

#fpslider .owl-dots .owl-dot span { cursor: pointer; }

.home .container--content { width: 100%; padding: 0; }

.owl-carousel .owl-nav button, .owl-carousel .owl-dots button { border-width: 0; }

.owl-carousel .owl-dots button { background-color: transparent; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1; }

.cart .cart__count { background-color: #b80000; border-color: #b80000; }

.vnav__item a { font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 400 !important; }

.performance { margin-bottom: 60px; }

.p-heading { font-size: 42px; font-family: 'Oswald', sans-serif; text-align: center; margin-top: 80px; margin-bottom: 30px; }

.p-subtext { font-size: 20px; font-family: 'Source Sans Pro', sans-serif; text-align: center; padding-right: 80px; padding-left: 80px; margin-bottom: 40px; }

.p-card-section { padding-top: 30px; padding-bottom: 30px; }

.p-card:hover { opacity: .7; }

.quick-links { background-image: url("/v/vspfiles/templates/Accent/images/homepage/porsche-parts-bg.jpg"); background-repeat: no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 40px; color: white; }

.link-area { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-right: 0px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 60px; padding-bottom: 60px; }

.quick-links .container .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin-right: 0px; }

.quick-links .container { padding-right: 0px; }

.porsche-heading { font-size: 44px; font-family: 'Oswald', sans-serif; margin-top: 20px; }

.porsche-subtext { font-size: 16px; font-family: 'Source Sans Pro', sans-serif; }

.item-card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; padding-left: 10px; padding-right: 10px; }

.item-card a { background-color: white; color: black; text-align: center; padding: 16px 16px; width: 100%; font-size: 20px; border-radius: 3px; }

.item-card a:hover { opacity: .7; }

.about-section .container .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.about-right { margin-left: 40px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.about-section { padding-top: 30px; padding-bottom: 50px; }

.about-heading { font-size: 42px; font-family: 'Oswald', sans-serif; margin-top: 15px; margin-bottom: 12px; }

.about-subtext { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; }

.fp-heading { width: 100%; text-align: center; font-size: 42px; font-family: 'Oswald', sans-serif; margin-top: 50px; }

#fpslider .owl-stage { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

#fpslider .owl-stage .owl-item { padding: 0 15px; }

#fpslider .owl-stage .owl-item .item { height: 100%; border: 4px solid #eee; padding:30px }

.home #fpslider .item .name a { font-size: 18px; font-weight: 500; }

.home #fpslider .item .sale span, .home #fpslider .item .sale { color: #b80000; }

.home #fpslider .item .price, .home #fpslider .item .price .pricetext { color: #0029a3; font-size: 16px; }

.home #fpslider .item .price { margin-bottom: auto; }

.footer { background-color: #1d2026; }

.footer .footer__top .footer__title { font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 400; }

.main-menu .vnav__subnav > .vnav__item:hover > .vnav__link:hover, .main-menu .vnav__subnav > .vnav__item > .vnav__link--active { color: #b80000; }

.elist .elist__submit.btn:hover, .elist .elist__submit.btn:focus { background-color: #b80000; }

.elist .elist__submit.btn { background-color: #b80000; font-size: 15px; font-weight: 400; }

.footer .footer__top .elist__title .elist__title--large { font-size: 27px; font-family: 'Oswald', sans-serif; font-style: normal; line-height: 35px; }

.home #content_area #fpslider .owl-nav { width: -webkit-calc( 100vw - 14px); width: calc( 100vw - 14px); max-width: 1500px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.home #content_area #fpslider .owl-nav > button > svg { fill: currentColor; color: inherit; }

.home #content_area #fpslider .owl-nav > button { position: relative; top: auto; margin: none; left: auto; right: auto; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 64px; height: 64px; background: #0029a3; color: white; }

.home #content_area #fpslider .owl-nav > button:hover { background: darkblue; color: white; }

@media (max-width: 1199px) { .item-card a { font-size: 16px; padding: 14px 14px; } }

@media (max-width: 768px) { .quick-links .container .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .item-card { width: 100%; }
  .p-heading { font-size: 30px; margin-top: 50px; margin-bottom: 30px; }
  .p-subtext { font-size: 16px; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
  .p-card-section { padding-left: 10px; padding-right: 10px; }
  .about-section .container .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .about-left { padding-left: 10px; padding-right: 10px; }
  .about-heading { font-size: 30px; }
  .about-right { margin-left: 10px; margin-right: 10px; } }
.home .sticky-header ~ #slideshow-container {
    /* margin-top: 220px !important; */
}
@media (max-width:991px) {
.p-card-section {display:flex; flex-direction:column; align-items: center;}
.p-card-section a {margin-top:20px;}
}

.header.sticky-header {
    position: static;
}