/* 
Theme Name: Porsche Australia
Author:Interactive Partners
Author URI:http://www.interactivepartners.com.au
Version:1.0
Created:September 2017
* */
/* 1 Typography
----------------------------------------------------------------------------- */

html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'PorscheNextRegular', 'Arial Narrow', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.container {
	padding-left: 7.14286%;
    padding-right: 7.14286%;
    width: auto !important;
}
#site-menus .container {
	margin-left: -3.09%;
}
.navbar-header  {
    margin-left: -3.09%;
}
@media only screen and (min-width: 63.9375em) {
	.navbar-header  {
    	margin-left: -1.01%;
	}
	#site-menus .container {
		margin-left: -1.01%;
	}
}
.module-container {
    padding-left: 7.14286%;
    padding-right: 7.14286%;
    padding-top: 30px;
    padding-bottom: 40px;
    clear: both;    
}
@media only screen and (min-width: 1760px) {
    .module-container {
        padding-left: 10%;
        padding-right: 10%;
    }
}
.module-grid {
    margin-left: -3.09%;
    background-color: inherit;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .module-grid {
        margin-left: -2.04%;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .module-grid {
        margin-left: -2.04%;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .module-grid {
        margin-left: -1.01%;
    }
}
@media only screen and (min-width: 1200px) {
    .module-grid {
        margin-left: -1.01%;
    }
}
.module-container-full {
    padding-left: 7.14286%;
    padding-right: 7.14286%;
    padding-top: 30px;
    padding-bottom: 40px;
}
@media only screen and (min-width: 1760px) {
    .module-container-full {
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media only screen and (max-width: 479px) {
    .module-container-full {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
.module-headline {
    width: 97%;
    margin-left: 3%;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 0;
    background-color: inherit;
}
@media only screen and (min-width: 1200px) {
	.module-headline {
    	width: 99%;
    	margin-left: 1%;
	}
}
.HeaderDiv {
    position: relative;
    border-color: transparent;
    z-index: 100;
}
.BannerDiv {
    position: relative;
    float: left;
    width: 990px;
    background: transparent;
    padding-top: 0px;
    margin-left: 0px;
    z-index: 100;
}
.LogoDiv {
    position: relative;
}
.NavigationDiv {
    position: relative;
    z-index: 1000;
    /*
	top: -2px;
	background-color: #2f6cab;
	*/
    
    height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.modal {
    /*-- This fix for file not found when user download brochure file in dealer site --*/
    
    z-index: 999999999 !important;
}

.RotatingImages {
    position: relative;
    float: left;
    width: 996px;
    height: 253px;
    z-index: 100;
    margin-top: 36px;
}
.ContentDiv {
    position: relative;
    float: left;
    z-index: 10;
    width: 680px;
    height: auto;
    background-color: #f4f4f4;
    min-height: 500px;
    padding: 10px;
    vertical-align: top;
    z-index: 100;
}
.ContentFollowingDiv {
    position: relative;
    float: left;
    z-index: 10;
    width: 680px;
    height: auto;
    background-color: #f4f4f4;
    min-height: 800px;
    padding: 10px;
    vertical-align: top;
    z-index: 100;
}
.FooterDiv {
    position: relative;
    float: none;
    margin: auto;
    width: 996px;
    background-color: #dddddd;
    height: auto;
}
.SearchBox {
    float: right;
    width: 200px;
    height: 30px;
}
.ContentHolder {
    position: relative;
    width: 990px;
    height: auto;
    z-index: 200;
    vertical-align: top;
    z-index: 100;
}
.ContentHolderFollowing {
    position: relative;
    width: 990px;
    height: auto;
    vertical-align: top;
    z-index: 100;
    margin-top: 110px;
}
.PageTitle {
    position: relative;
    float: left;
    width: 680px;
    z-index: 100;
    height: 20px;
}
.Breadcrumbs {
    position: relative;
    float: right;
    width: 680px;
    height: 15px;
    z-index: 100;
    text-align: right;
}
.Highlight {
    position: relative;
    float: right;
    width: 273px;
    padding: 8px;
}
.HighlightFollowing {
    position: relative;
    float: right;
    width: 273px;
    padding: 8px;
}
/* Sitemap styles */

.SitemapMainUL {
    color: #000000;
    margin-top: 5px;
}
.SitemapMainUL a {
    font-size: 12px !important;
    color: #2A4B6D;
}
.SitemapMainUL li {
    margin-bottom: 3px;
}
.SitemapUL1 {
    color: #110000;
    padding-left: 15px;
    margin-top: 3px;
}
.SitemapUL1 li {
    color: #110000;
}
.SitemapUL2 {
    color: #220000;
    padding-left: 15px;
    margin-top: 3px;
}
.SitemapUL2 li {
    color: #220000;
}
.SitemapUL3 {
    color: #330000;
    padding-left: 15px;
    margin-top: 3px;
}
.SitemapUL3 li {
    color: #330000;
}
.SitemapUL4 {
    color: #440000;
    padding-left: 15px;
    margin-top: 3px;
}
.SitemapUL4 li {
    color: #440000;
}
.SitemapUL5 {
    color: #550000;
    padding-left: 15px;
    margin-top: 3px;
}
.SitemapUL5 li {
    color: #550000;
}
.SitemapUL6 {
    color: #660000;
    padding-left: 15px;
    margin-top: 3px;
}
.SitemapUL6 li {
    color: #770000;
}
/*Search box table & Results Styles */

.SearchResultTable {
    border-bottom: 1px dashed #B9C6FA;
    margin-top: 20px;
}
.SearchResultTable tr {
    text-align: left;
}
.SearchResultTable td {
    border: none !important;
    padding: 2px !important;
}
.SearchResultTitle {
    font-weight: bold;
}
.SearchResultCaption {
    font-size: 12px;
}
.SearchResultMoreLink {
    text-decoration: none;
}
.SearchResultMoreTD {
    text-align: right;
}
.SearchForm {
    width: 100%
}
.SearchForm td {
    vertical-align: middle;
    background: #FFF;
}
.SearchFormTextBox {} .SearchButton {
    background-color: #3d84cc;
    color: #ffffff;
    border-left: solid 1px #EDEDED;
    border-top: solid 1px #EDEDED;
    border-right: solid 1px #848284;
    border-bottom: solid 1px #848284;
    padding: 2px;
    font-weight: bold;
    font-size: 85%;
    font-family: Tahoma;
}    

/* Under this line are new Styles by dan july 23 2012*/
/* the default style */

html,
body,
object,
iframe,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0px;
    padding: 0px;
    border: none;
}
a img {
    border: none;
}
ul {
    list-style: none;
    /*margin:7px; commented due to extra padding in footer link group*/
}
p {
    margin: 0 0 10px;
}

.header {
    padding-top: 10px;
    padding-left: 10px;
}
.main-navigation {} .content {
    /*margin-left:10px;
	margin-right:10px;*/
    
    padding-bottom: 10px;
    background: #FFFFFF;
}
.header-content {
    background-color: #e4e4e4;
    padding: 10px;
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.right-column {
    width: 235px;
    float: left;
    background-color: #ffffff;
    margin-left: 10px;
}
.middle-column {
    width: 45%;
    float: left;
}
.left-content-column,
.right-content-column {
    width: 644px;
    float: left;
    margin-left: 10px;
}
.middle-content-column {
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}
.left-column {
    width: 25%;
    float: left;
    background-color: #ffffff;
    margin-left: 10px;
}
ul.content-link-group li:first-child {
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
}
ul.content-link-group li {
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
    width: 212px;
    list-style-type: none;
}
.content-footer {
    clear: both;
    margin-left: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
}
.footer {
    text-align: center;
}
.handheld-viewmainsite {
    display: none;
}
/* style for show_location()  - breadcrumLink
*/

.BreadCrumbLink {
    color: #333;
    font-weight: bold;
}
.BreadCrumbLinkOpen {
    color: #333;
    font-weight: normal;
}
a.BreadCrumbLink:link {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
a.BreadCrumbLink:hover,
a.BreadCrumbLink:active {
    color: #333;
    font-weight: bold;
    text-decoration: underline;
}
.footerLink {
    color: white;
}
/* Styles for Copyright & Footer */

.footer-container {
    width: 960px;
    margin: 0px auto;
    background-color: #1b62a9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    margin-top: 10px;
}
.footer,
.footer-link-group {
    color: #fff;
}
.footer-link-group {
    padding-top: 10px;
    padding-left: 10px;
    float: left;
}
.footer-link-group ul li:first-child {
    font-size: 16px;
    line-height: 36px;
}
.footer-link-group ul li {
    font-size: 10px;
    line-height: 30px;
    border-bottom: 1px dotted #fff;
    width: 212px;
    list-style-type: none;
}
.footer {
    clear: both;
    font-size: 10px;
    line-height: 30px;
    padding-top: 15px;
}
.footer-link-group ul li a:link {
    color: #ffffff;
    text-decoration: none;
}
.footer-link-group ul li a:active {
    color: #ffffff;
    text-decoration: none;
}
.footer-link-group ul li a:visited {
    color: #ffffff;
    text-decoration: none;
}
.footer a:link {
    color: #ffffff;
    text-decoration: none;
}
.footer a:active {
    color: #ffffff;
    text-decoration: none;
}
.footer a:visited {
    color: #ffffff;
    text-decoration: none;
}
/* Styles for Used Cars */

.container_usedCarList {
    padding-top: 10px;
    border-top: 1px solid #d4d4d4;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 10px;
    margin-right: 10px;
}
.container_usedCarList .container_thumbnails {
    width: 254px;
    float: left;
}
.container_usedCarList .container_details {
    width: 360px;
    float: right;
    line-height: 20px;
    padding-left: 7px;
}
.container_usedCarList .container_details .container_text {
    height: 83px;
    overflow: hidden;
    padding-top: 5px;
}
.container_usedCarList .container_details {
    line-height: 20px;
}
.container_usedCarList .container_details .container_moredetails {
    float: right;
    background-color: #1f53b2;
    width: 117px;
    height: 20px;
    padding-top: 4px;
    text-align: center;
}
.container_moredetails a:link,
.container_moredetails a:hover,
.container_moredetails a:visited {
    color: #ffffff;
    text-decoration: none;
}
.title2,
.title4 {
    font-size: 16px;
    font-weight: bold;
}
.dateposted {
    padding-bottom: 15px;
}
.ProductsListTable td {
    margin: 0px;
    padding: 0px;
}
.ProductsListTable {
    border-collapse: collapse;
    width: 100%;
}
/*end news products used cars styles*/
/* booking summary */

.BookingSummary {
    /* background: #A0A0A0;
	border-radius: 5px 5px 5px 5px !important;
	padding-top: 8px;
	width: 260px;
	float: right; */
}
.BookingSummary h4 {
    color: white;
    font-size: 16px;
    padding-left: 10px;
}
.BookingSummaryContentHolder {
    /* background: #ffffff;
	border-radius: 0px 0px 5px 5px !important;
	border: 1px #A0A0A0 solid;
	padding-bottom: 15px; */
}
.BookingSummaryContent {
    /* padding-left: 10px; */
}
.BookingSummaryContent thead th {
    color: #333;
    font-weight: bold;
    white-space: nowrap;
    border-bottom: 2px solid #B1B1B1;
}
.BookingSummaryContent table {
    border-spacing: 0;
    /* width: 240px; */
}
.BookingSummaryContent td {
    width: auto;
    padding-top: 3px;
    vertical-align: top;
    font-weight: normal;
}
.BookingSummaryContent thead th.qty {
    padding: 0;
    text-align: center;
}
.BookingSummaryContent td.qty {
    text-align: center;
}
.BookingSummaryContent thead th.desc {
    padding-left: 8px;
    text-align: left;
}
.BookingSummaryContent td.desc {
    padding-left: 8px;
}
.BookingSummaryContent td div {
    font-size: 11px;
    line-height: 1.2em;
    color: #999;
}
/* end booking summary*/
/* booking registration*/

.BookingForOptions {
    padding-top: 10px;
}
.whiteText,
tr.whiteText td {
    color: white;
    margin: 0;
    padding: 0 5px 5px 12px;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.25em;
}
.BookingFor {
    background: #A0A0A0;
    border-radius: 5px 5px 5px 5px !important;
    padding-top: 8px;
    font-size: 12px;
}
.BookingForOptions {
    background: #ffffff;
    border-radius: 5px 5px 5px 5px !important;
    border: 1px #A0A0A0 solid;
    padding: 13px 10px 8px 10px;
}
.BookingForOptions table tr th {
    font-size: 12px;
}
.BookingFor td input[type=text] {
    background: none repeat scroll 0 0 white;
    border: 1px solid #E6E6E6;
    color: #333333;
    font-size: 12px!important;
    margin: 0;
    padding: 3px 4px;
    width: 68px;
}
.ddlIndustry > select {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100% !important;
}
.contentError {
    display: block;
    margin: 0 0 10px 0;
    border: 1px dashed #9A9A9A;
    color: red;
}
.ErrorValidation {
    padding: 24px 10px 0.5em 100px;
    height: 40px;
}
.contentError h6,
.contentError span {
    font-weight: bold;
    font-size: 13px;
    display: inline;
}
.contentError ul {
    margin: 0 0 0 15px;
    /* padding: 0 0 20px 100px; */
    
    list-style: disc outside;
}
.contentError ul li {
    font-size: 10px;
}
/* duplicate by dan
.BookingSummary
{
	background: #A0A0A0;
	border-radius: 5px 5px 5px 5px !important;
	padding-top: 8px;
	width: 260px;
	float: right;
}
*/

.BookingSummaryContentHolder {
    /* background: #ffffff;
	border-radius: 0px 0px 5px 5px !important;
	border: 1px #A0A0A0 solid;
	padding-bottom: 15px; */
}
.BookingSummaryContent {
    /* padding-left: 10px; */
}
.BookingSummaryContent thead th {
    color: #333;
    font-weight: bold;
    white-space: nowrap;
    border-bottom: 2px solid #B1B1B1;
}
.BookingSummaryContent table {
    border-spacing: 0;
    /* width: 240px; */
}
.BookingSummaryContent td {
    width: auto;
    padding-top: 3px;
    vertical-align: top;
    font-weight: normal;
}
.BookingSummaryContent thead th.qty {
    padding: 0;
    text-align: center;
}
.BookingSummaryContent td.qty {
    text-align: center;
}
.BookingSummaryContent thead th.desc {
    padding-left: 8px;
    text-align: left;
}
.BookingSummaryContent td.desc {
    padding-left: 8px;
}
.BookingSummaryContent td div {
    font-size: 11px;
    line-height: 1.2em;
    color: #999;
}
.BookingEventTitle {
    font-weight: bold;
    color: #2f6cab !important;
    font-size: 12px !important;
}
.BookingEventType {
    font-style: italic;
}
.PromoCode {
    width: 100%;
    background-color: #F2F2F2;
    margin: 10px 0 5px 0;
    padding: 10px 0;
}
.PromoCode input {
    margin: 0;
    padding: 3px 4px;
    color: #999;
    font-size: 11px;
    border: solid 1px #E6E6E6;
    background: white;
    /* width: 149px!important; */
}
.border2 {
    display: block;
    border: 1px solid #D8D8D8;
    margin-left: 10px;
}
.border3 {
    margin-left: 0px;
    margin-bottom: 10px;
}
.border4 {
    margin-left: 0px;
}
.ValidateButton input {
    padding-right: 12px !important;
    font-weight: bold !important;
    width: auto !important;
    padding-left: 12px !important;
    border-radius: 0px 3px 6px 0px !important;
    margin-left: 8px !important;
    color: white !important;
    border: none !important;
    height: 23px !important;
    padding-top: 0px !important;
    margin-top: 6px;
}
.PaymentSummary {
    /* width: 240px; */
    
    border-collapse: collapse;
    border-bottom: 1px dotted #B1B1B1;
    /* margin-bottom: 8px; */
}
.col1 {
    width: 160px !important;
}
.PaymentSummary td {
    text-align: right;
    font-size: 11px;
    border-top: none !important;
}
.PaymentSummary tr {
    height: auto;
}
.grandtotal td {
    font-weight: bold;
    color: #333;
}
.OthersBooking {
    font-weight: bold;
    font-size: 13px;
}
.border3 input,
textarea {
    margin: 0;
    padding: 3px 4px;
    color: #333;
    font-size: 1.0em;
    border: solid 1px #E6E6E6;
    background: white;
    width: 100%;
}
.SmallTexts {
    font-size: 10px;
    width: 240px;
    padding-bottom: 3px;
}
.Attendeedetailscourse th {
    font-weight: normal;
    color: #333333;
    padding: 0 5px 0 12px;
    vertical-align: top;
}
.Attendeedetailscourse td {
    vertical-align: top;
    padding-bottom: 0px !important;
}
.Attendeedetailscourse tr {
    height: auto;
}
/******************************************************************************************/
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

.col-lg-oneSeventh,
.col-md-oneSeventh {
    position: relative;
    min-height: 1px;
}
.div7Models {
    /*margin-top: 30px !important;
    margin-bottom: 30px !important;*/
}
.col-centered {
    float: none;
    margin: 0 auto;
  text-align: center;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar {
    background-color: #FFFFFF !important;
}
.navbar-wrapper {
    margin-bottom: -20px;
}
.navbar-header {
    text-align: center;
    width: 100%; 
}

@media only screen and (min-width: 63.9375em) {
	.wrapperBrandLogo:before {
    	content: '';
    	border-bottom: 1px solid #e3e4e4;
    	font-size: 0;
    	position: absolute;
    	bottom: 2px;
    	right: 0;
    	left: 0;
    	height: 1px;
    	overflow: hidden;
    	z-index: -1;
	}
}
@media only screen and (min-width: 75em) {
	.wrapperBrandLogo:before {
    	right: 242px;
	}
}	
@media only screen and (max-width: 63.875em) and (min-width: 45em) {
	.wrapperBrandLogo:before  {
    	content: '';
    	border-bottom: 1px solid #e3e4e4;
    	font-size: 0;
    	position: absolute;
    	bottom: 2px;
    	right: 0;
    	left: 0;
    	height: 1px;
    	overflow: hidden;
    	z-index: -1;
	}
}	
@media only screen and (max-width: 74.9375em) and (min-width: 45em) {
	.wrapperBrandLogo:before  {
    	right: 170px;
    }	
}
.navbar-brand {
    float: none;
}
/* Navbar Nav */

.myNavbarNav {
    margin-top: 7px !important;
	width: 100%;
}
.myNavbarNav p,
.myNavbarNav span,
.myNavbarNav a,
.myNavbarNav div {
    font-size: 16px;
}
.myNavbarNav ul,
.myNavbarNav ul li {
    list-style: none;
}
.myNavbarNav ul li {
    margin-left: 0;
    padding-left: 0;
}
.myNavbar .myNavbarNav > li > a {
    color: #000000 !important;
    padding: 20px 15px 8px !important;
    outline: 0;
    font-weight: normal;
}
.myNavbar .myNavbarNav > li.active > a,
.myNavbar .myNavbarNav > li.active > a:focus {
    background: none !important;
}
.myNavbarNav > li {
    margin-left: 0;
    padding-left: 0;
}
.myNavbarNav > li:first-child > a {
    padding-left: 0px !important;
}
.myNavbar .myNavbarNav > li > a:hover,
.myNavbar .myNavbarNav > li > a:focus {
    background: none !important;
    color: #d5001c !important;
}
/* Brand Logo */

.wrapperBrandLogo {
    margin-top: 0px;
    margin-bottom: -3px;
    width: 99%;
    position: relative;
}
.wrapperSpanBrandLogo {
    background-color: #FFFFFF;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 1;
    margin-left: 3%;
}
@media only screen and (min-width: 63.9375em) {
	.wrapperSpanBrandLogo {
   		margin-left: 1%;
	}
}

/* Form on the right */

.parentWrapperFormOnNavbar {
    position: absolute;
    top: 0;
    right: 0;
    height: 130px;
    width: 200px;
    z-index: 1;
    background: #F2F2F2;
    /*border-bottom: 1px solid #2A4B6D;*/
}
.wrapperFormOnNavbar {
    padding: 10px 0px 0;
}
.formOnNavbar {
    margin-top: 0px !important;
    margin-bottom: 13px !important;
}
.divBuildPorsche {
    padding: 10px 20px;
}
.shoppingToolPlusIcon {
    padding-right: 5px;
    padding-top: 4px;
}
a.linkBuildPorsche,
a.linkBuildPorsche > span {
    outline: 0;
    text-decoration: none;
    color: #3A6B9B;
    font-size: 16px;
    font-weight: normal;
    padding-top: 5px;
}
a.linkBuildPorsche:hover {
    color: #d5001c;
    text-decoration: none;
}
.buildPorscheNextArrow {
    font-size: 25px !important;
    margin-top: -8px;
}
.divShoppingTools {
    padding: 5px 15px 10px 20px;
    background: #2A4B6D;
    color: #FFFFFF;
}
.textShoppingTools {
    margin-top: 4px;
}
a.linkShoppingTools,
a.linkShoppingTools:hover,
a.linkShoppingTools > span {
    text-decoration: none;
    outline: 0;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: normal;
}
.divDetailShoppingTools {
    position: absolute;
    top: 0;
    left: 0;
}
.divContactPorsche {
    padding: 10px 10px 10px 10px;
    background: #2A4B6D;
    color: #FFFFFF;
}
.textContactPorsche {
    margin: 0 -6px;
    text-align: center;
}
.contactPorscheContent span,
.contactPorscheLink a {
    color: #fff !important;
    line-height: 18px;
}
.contactPorscheLocation {
    padding: 5px 0;
    margin-top: 5px;
    text-align: center;
}
.contactPorschePhone {
    padding: 5px 0;
    text-align: center;
}
.contactPorscheLink {
    margin-top: 8px;
    color: #fff;
    background: #d5001c;
    padding: 7px;
    text-align: center;
}
a.linkContactPorsche,
a.linkContactPorsche:hover,
a.linkContactPorsche > span {
    text-decoration: none;
    outline: 0;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: normal;
}
input::-webkit-input-placeholder {
    color: #3E4146 !important;
}
input:focus::-webkit-input-placeholder {
    color: #DFDFDF !important;
}
/* Firefox < 19 */

input:-moz-placeholder {
    color: #3E4146 !important;
}
input:focus:-moz-placeholder {
    color: #DFDFDF !important;
}
/* Firefox > 19 */

input::-moz-placeholder {
    color: #3E4146 !important;
}
input:focus::-moz-placeholder {
    color: #DFDFDF !important;
}
/* Internet Explorer 10 */

input:-ms-input-placeholder {
    color: #3E4146 !important;
}
input:focus:-ms-input-placeholder {
    color: #DFDFDF !important;
}
input.inputSearchOnNav {
    border: 1px solid #DFDFDF;
    box-shadow: none;
    border-right: none;
    height: 2.1em;
}
input.inputSearchOnNav:focus,
input.inputSearchOnNav:active {
    box-shadow: none;
    border: 1px solid #DFDFDF;
    border-right: none;
    height: 2.1em;
}
button.btnSearchOnNav {
    background-color: #FFFFFF;
    border-color: #DFDFDF;
    border-left: none;
    padding: 5px;
    height: 2.1em;
    color: #000000;
}
button.btnSearchOnNav:hover,
button.btnSearchOnNav:focus {
    background-color: #FFFFFF;
    border-color: #DFDFDF;
    border-left: none;
    padding: 5px;
    height: 2.1em;
    color: #000000;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */

.carousel {
    height: auto;
}
.carousel-inner>.item>img {
    width: 100%;
}
/* Since positioning the image, we need to help out the caption */

.carousel-caption {
    z-index: 10;
}
/* ENABLE VISIBILITY */

.enableVisible {
    visibility: visible;
}
.carousel .carousel-control {
    visibility: hidden;
}
.carousel:hover .carousel-control {
    visibility: visible;
}
.carousel-control {
    background-color: rgba(0,0,0,0);
}
a.leftCarouselCtrl,
a.rightCarouselCtrl {
    background-image: none !important;
    width: 40px !important;
    opacity: 1 !important;
    font-weight: normal;
}
a.leftCarouselCtrl:hover,
a.rightCarouselCtrl:hover {
    font-weight: normal;
}
a.leftCarouselCtrl span.leftCarouselCtrlInside,
a.rightCarouselCtrl span.rightCarouselCtrlInside {
    color: #FFFFFF;
    display: block;
    position: absolute;
    top: 41%;
    width: 50px;
    z-index: 5;
    padding-bottom: 10px;
}
a.leftCarouselCtrl:hover span.leftCarouselCtrlInside,
a.rightCarouselCtrl:hover span.rightCarouselCtrlInside {
    color: #d5001c;
}
a.rightCarouselCtrl span.rightCarouselCtrlInside { 
	right: 10px;
}	
.divCarouselCaptionWrapper {
    position: absolute;
    left: 7.14286%;
    bottom: 45px;
    display: inline-block;
}
.linkTextInnerCarouselCaption,
.linkTextInnerCarouselCaption:hover {
    text-decoration: none;
    outline: 0;
}
.linkTextInnerCarouselCaption:hover div {
    color: #d5001c;
}
.biggerTextCarouselCaption,
.biggerTextCarouselCaption:hover {
    line-height: 1;
    font-size: 60px;
    line-height: 72px;
    color: #FFFFFF;
    font-family: 'PorscheNextRegular', 'Arial Narrow', sans-serif;
}
.smallerTextCarouselCaption {
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    font-family: 'PorscheNextRegular', 'Arial Narrow', sans-serif;
}
/*smallcarousel*/

#smallCarousel .item {
    margin: 3px;
}
#smallCarousel.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}
#smallCarousel.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -30px;
    top: 35%;
}
#smallCarousel.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -30px;
    top: 35%;
}
.pag-iconfont-icon:before,
a.linkContent8Item .captionContent8ITem .captionContent8ITemInner .shortTextContent8Item:before,
.biggerTextCarouselCaption:before,
div[data-anchor] a.next-arrow:after,
a.next-arrow:after,
.listItemContentWithImageOnLeft a .longDescriptionItemContent:before,
li.subMenuModelsBoxster > a.linkSubMenuModelsBoxster:after,
li.childBoxsterItem > a.linkChildBoxsterItem:after,
.blackLinkAtLastLevel span:before,
a.imageAtLastLevel > .captionAtLastLevel:before,
.blueLinkAtLastLevel span:before,
.rightCarouselCtrlInside:after,
.fa-chevron-circle-right:before {
    font-family: 'pag-iconfont' !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e024" !important;
}
.biggerTextCarouselCaption:before {
    content: "\e01f" !important;
    color: #d5001c !important;
}
li.othersChildItem > a.linkChildBoxsterItem.NoContent:after {
    content: '' !important;
}
.rightCarouselCtrlInside:after {
    font-size: 60px !important;
}
.fa-chevron-circle-left:before,
.leftCarouselCtrlInside:before {
    font-family: 'pag-iconfont' !important;
    speak: none;
    /* Better Font Rendering =========== */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e025" !important;
    font-size: inherit !important;
}
.leftCarouselCtrlInside:before {
    font-size: 60px !important;
}
/* 8 ITEMS BELOW CAROUSEL
-------------------------------------------------- */

.divContent8Item {
    margin-bottom: 10px;
}
a.linkContent8Item {
    color: black;
}
a.linkContent8Item:hover,
a.linkBuildPorsche:hover,
a.linkContent8Item:hover span,
a.linkBuildPorsche:hover span,
div.divBuildPorsche:hover a * {
    color: #d5001c;
    text-decoration: none;
}
a.linkContent8Item .captionContent8ITem .captionContent8ITemInner .shortTextContent8Item {
    line-height: 1;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 20px;
    font-weight: normal;
}
a.linkContent8Item .captionContent8ITem .captionContent8ITemInner .shortTextContent8Item:before {
    color: #d5001c;
    font-size: 12px;
    line-height: 16px;
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 5px;
}
a.linkContent8Item .imgContent8Item {
	position: relative;
}
a.linkContent8Item:hover .imgContent8Item:after {
    background-color: #d5001c;
    bottom: 0;
    content: "";
    height: 5px;
    margin-top: -5px;
    position: absolute;
    left: 0px;
    right: 0px;
}
/* FOOTER
-------------------------------------------------- */

.divWrapperLinksAtFooter {
    background: #FFFFFF;
}
.divLinksAtFooter, .changeRegionCountry {
    padding-bottom: 30px;
    margin-left: -1.01%;
}
.divLinksAtFooter > hr {
    margin-bottom: 10px;
    background: #CCCCCC;
    height: 1px;
    border: none;
    margin-left: 3%;
    margin-right: 0px;
}
.divLinksAtFooter, .changeRegionCountry {
    margin-left: -3.09%;
}
.module-grid .owl-carousel {
	margin-left: 3% !important;
}
.module-grid #sliderContainer {
	margin-left: 3% !important;
}
@media only screen and (min-width: 63.9375em) {
	.divLinksAtFooter > hr {
    	margin-left: 1%;
	}
	.divLinksAtFooter, .changeRegionCountry {
		margin-left: -1.01%;
	}	
	.module-grid .owl-carousel {
		margin-left: 1% !important;
	}
	.module-grid #sliderContainer {
	margin-left: 1% !important;
	}    
}
.headingLinkAtFooter,
.headingSocialLinkAtFooter {
    font-size: 20px;
    line-height: 40px;
    font-family: 'PorscheNextThin';
    color:#959899;
    margin-top: 14px;
    margin-bottom: 7px;
}
.containerLinkAtFooter,
.containerSocialLinkAtFooter {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.containerLinkAtFooter > li,
.containerSocialLinkAtFooter > li {
    list-style: none;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.containerLinkAtFooter a,
.containerLinkAtFooter a:hover,
.containerSocialLinkAtFooter a,
.containerSocialLinkAtFooter a:hover {
    line-height: 36px;
    color: #000000;
    text-decoration: none;
}

.containerLinkAtFooter a:hover,
.containerLinkAtFooter a:hover span {
    color: #d5001c !important;
}
.containerLinkAtFooter li a,
.containerLinkAtFooter li a span {
    font-size: 16px;
    font-weight: normal;
}
.iconSocialAtFooter {
    background: #3E4146;
    height: 50px;
    width: 50px;
    text-decoration: none;
    outline: 0;
    color: #FFFFFF !important;
    display: inline-block;
    font-family: 'FontAwesome' !important;
    font-size: 22px !important;
    font-weight: normal !important;
    text-align: center;
    line-height: 50px !important;
}
.iconSocialAtFooter:hover {
    background: #d5001c;
}
.facebookIcon:hover {
    background: #2753A7;
}
.googleIcon:hover {
    background: #DA4237;
}
.youTubeIcon:hover {
    background: #C91602;
}
.twitterIcon:hover {
    background: #1DC8E9;
}
.pinterestIcon:hover {
    background: #CD242B;
}
.changeRegionCountry {
    background: #1B1D1F;
}
.textChangeCountry {
    text-align: center;
    margin-top: 22px;
    color: #FFFFFF;
    font-size: 16px;
}
.divSelectRegion,
.divSelectCountry {
    margin-bottom: 30px;
    margin-top: 22px;
}
.changeRegionCountry span,
.changeRegionCountry div,
.changeRegionCountry p,
.changeRegionCountry a,
.changeRegionCountry a:hover {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: normal;
}
.custom-dropdown {
    position: relative;
    /* Enable absolute positionning for children and pseudo elements */
    
    padding: 6px 13px;
    margin: 0 auto;
    background: #3E4146;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
    font-weight: normal;
    border-radius: 3px;
    line-height: 24px;
}
.custom-dropdown .dropdown {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    max-height: 202px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background: #fff;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    z-index: 1;
    padding-left: 0px;
    border: 1px solid #AAAAAA;
    border-bottom: 0;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    margin-top: 1px;
    list-style: none;
}
.custom-dropdown .dropdown li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.custom-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    padding: 8px 12px;
    color: #000000;
}
/* Hover state */

.custom-dropdown .dropdown li:hover a {
    color: #d5001c;
}
/* Active state */

.custom-dropdown.active .dropdown {
    opacity: 1;
}
.custom-dropdown.active:after {
    border-color: #9bc7de transparent;
    border-width: 6px 6px 0 6px;
}
.custom-dropdown.active {
    border-radius: 0;
}
.ddlSelectArrow {
    position: absolute;
    right: 0;
    border-left: 2px solid #5E6166;
    display: inline;
    line-height: 35px;
    margin-top: -5px;
    padding: 10px 13px;
}
footer.copyrightInfo {
    border-top: 1px solid #3C3C3C;
    padding-top: 1.875em;
    color: #FFFFFF;
}
footer.copyrightInfo > p {
    display: inline-block;
}
footer.copyrightInfo a {
    color: #FFFFFF;
    text-decoration: underline;
}
footer.copyrightInfo i {
    padding: 0 0 0 5px;
}
footer.copyrightInfo a:hover {
    color: #d5001c;
    text-decoration: none;
}
/**************************************/
/********START FOLLOWING PAGES*********/
/**************************************/

.fixedNavigation {
    position: fixed;
    z-index: 1011;
    transition-timing-function: ease-in;
    transition-duration: 1.5s;
    transition-delay: 1s;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 1.5s;
    -webkit-transition-delay: 1s;
}
.fixedNavigation .MemberNavigation {
    border: 1px solid #959899;
    list-style: none;
    margin: 0;
    padding: 0;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child {
    background: #212121;
    border-top: none;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation {
    border-top: 1px solid #959899;
    background: #FFFFFF;
    height: 40px;
    margin: 0;
    padding: 0;
    position: static;
    width: 40px;
    text-align: center;
    list-style: none;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > a {
    color: #FFFFFF;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul {
    bottom: auto;
    top: -40px;
    list-style: none;
    background-color: #212121;
    position: absolute;
    width: 300px;
    border: 1px solid #959899;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 1010;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul li {
    height: 40px;
    position: relative;
    text-align: left;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul li:first-child {
    border-bottom: 1px solid;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul li:hover {
    background: #d5001c;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul li a {
    color: #FFFFFF;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
    line-height: 2.5;
    padding-left: 15px;
    outline: none;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation > a {
    color: #000000;
    line-height: 40px;
    padding: 11px;
    outline: none;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation ul li {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}
.fixedNavigation .MemberNavigation .smallItemFixedNavigation ul li a {
    font-size: 16px;
    font-weight: normal;
}

img.bigImageInFollowingPages {width: 100% !important;}

.mainContent {
    margin: 25px 0;
}

.mainContent label.radio-inline label {
    font-weight: normal;
}
.mainContent td,
.mainContent th {
    vertical-align: middle !important;
    font-size: 16px;
}
.mainContent table.carListResult td:first-child,
.mainContent table.carListResult th:first-child {
    text-align: center;
}
.mainContent table.carListResult td:first-child img {
    margin: 0 auto;
}
.mainContent iframe {
    width: 100%;
    height: 100%;
  	/* hidden by JM 12/11/2017 causimg issues with iFrmes, set height, width & padding on individual iFrame.
  	margin-top: 20px;
    min-height: 500px;
    padding-left: 0;*/
}
.mainContent img {
    margin: 0 auto;
}
.mainContent p {
    padding-top: 10px;
}
.mainContent p.withPaddingLeft {
    padding-left: 30px;
}
.mainContent p .colorRed {
    color: #d5001c;
}
.mainContent div.smallerFont13 {
    font-size: 13px;
}
.mainContent ul {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mainContent li {
    font-size: 16px;
    list-style-position: outside;
    margin-left: 20px;
    padding-left: 0;
    margin-bottom: 4px;
}
.textHeaderMainContent,
.mainContent .textHeaderContentLevel1,
.pageNotFoundHeader {
    text-align: left;
    background: #eff0f1;
    padding-top: 1.25em;
    padding-bottom: .625em;
}
.textHeaderMainContent#subnav {
    padding-top: 0;
    padding-bottom: 0;
}
.mainContent .textHeaderMainContent.textVehicleDetail,
.mainContent .textHeaderMainContent.textVehicleDetail > h1 {
    margin-bottom: 0 !important;
}
.mainContent .textHeaderContentLevel1,
.mainContent .textHeaderContentLevel2 {
    font-size: 25px;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #454545;
    font-weight: normal;
}
.mainContent .textHeaderContentLevel2,
.mainContent .textHeaderContentLevel2 span {
    font-size: 18px;
}
.mainContent .textHeaderContentLevel1.WithRedColor {
    color: #990000;
}
.mainContent .textHeaderContentLevel1.WithBlueColor {
    color: #336699;
}
.mainContent .textHeaderContentLevel1.WithBlackColor {
    color: #000000;
}
.mainContent .multiPartMainContent .itemPartMainContent {
    margin-bottom: 10px;
}
.mainContent .multiPartMainContent .itemPartMainContent .staffInfo,
.mainContent .multiPartMainContent .itemPartMainContent .staffImage {
    margin-bottom: 10px;
}
.mainContent .multiPartMainContent .itemPartMainContent .staffImage > img {
    margin: 0 auto;
}
.listing4PriceText {
    color: #000000;
}
.panelItemSearchResult.listing4Result {
    border-radius: 0;
}
.panelItemSearchResult.listing4Result .panel-heading {
    background: #FFFFFF;
    border-bottom: 1px solid #444444;
}
.panelItemSearchResult.listing4Result .panel-heading a,
.panelItemSearchResult.listing4Result .panel-heading a:hover {
    color: #767676;
    text-decoration: underline;
}
.regNoDiv {
    padding-left: 15px;
    padding-bottom: 40px;
}
.table-hover td:first-child {
    width: 40%;
}
.dropdown.NorthAmericaCountries,
.dropdown.LatinAmericaCountries,
.dropdown.EuropeCountries,
.dropdown.MiddleEastCountries,
.dropdown.AfricaCountries,
.dropdown.AsiaCountries,
.dropdown.AustraliaOceanCountries {
    display: none;
}
.divBackToVehicleListing {
    text-align: right;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
}
.divBackToVehicleListing a {
    padding: 10px 30px;
    float: right;
    display: block;
    background: #F2F2F2;
    color: #315072;
    width: 100%;
    text-align: center;
}
.carBrandAndYear,
.carModel {
    font-size: 18px !important;
    color: #666666;
    font-weight: bold !important;
}
.carModel {
    font-weight: normal !important;
}
.wrapperImageThumbnail > div.col-sm-3 {
    margin-top: 15px;
}
.imageGalleryDescription {
    margin-top: 20px;
}
.rightContentCarDetail table td:first-child {
    color: #BAB7B2;
}
.rightContentCarDetail table td:last-child {
    color: #666;
}
.rightContentCarDetail hr {
    margin-top: -18px;
}
.rightContentCarDetail .car-detail-box {
    margin-top: 68px;
}
.rightContentCarDetail table tr:first-child td {
    border-top: none;
}
.TellAFriendBtn {
    background: none repeat scroll 0 0 #3d4045;
    border-radius: 3px;
    color: #ffffff;
    padding: 15px 10px;
    text-align: center;
    font-weight: bold;
}
.TellAFriendBtn i {
    color: red;
}
.space-20 {
    height: 20px;
}
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
.no-padding-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.space-5 {
    height: 5px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}
.divTellAFriend {
    background: #E9E6E2;
    margin-bottom: 10px;
}
.divTellAFriend > a,
.divTellAFriend > a:hover {
    display: block;
    width: 100%;
    line-height: 2;
    color: #666666;
    font-size: 18px;
    padding-left: 15px;
    text-decoration: none;
}
.panelRequestInfo {
    border-radius: 0;
    border: 1px solid #E9E6E2;
    margin-bottom: 10px;
}
.panelRequestInfo > .panel-heading {
    background: none;
    padding: 0;
    border-bottom: 1px solid #E9E6E2;
    border-radius: 0;
}
.RequestMoreInfobutton,
.RequestMoreInfobutton:hover {
    background: none repeat scroll 0 0 #3d4045;
    color: #fff !important;
    font-weight: bold;
    padding: 10px 50px;
}
.hasRealPerson {
    float: right;
}
.divRequestInfo {
    margin-bottom: 0;
}
.dealershipInfo {
    margin-bottom: 20px;
}
.subscribeForm div {
    color: #336699;
    background: #F1F3F8;
}
.subscribeForm > .contactDealerName {
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 5px;
}
.subscribeForm > .addressAndEmailDiv {
    padding-bottom: 5px;
}
.subscribeForm > .phoneAndFaxDiv {
    padding-bottom: 5px;
}
#vehiclesNotExist {
    font-size: 20px !important;
    margin-top: 10px;
    text-align: center;
}
.panelItemSearchResult {
    margin-top: 20px;
    border: 1px solid #444;
}
.panelItemSearchResult > .panel-heading {
    background: #444;
    border-bottom: #444;
}
.panelItemSearchResult > .panel-heading div.pull-right {
    color: #FFFFFF;
}
.panelItemSearchResult.listing4Result > .panel-heading div.pull-right {
    color: #000000;
}
.panelItemSearchResult a.btnInSearchResult {
    background: #7d7e7d;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
    /* W3C */
    
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}
.searchResultWithMultiImg {
    border-top: 1px solid #959899;
    margin-top: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
}
.searchResultWithMultiImg .priceAndMoreDetailDiv {
    padding-right: 0;
    padding-left: 0;
}
.searchResultWithMultiImg .priceAndMoreDetailDiv > div {
    padding-right: 0;
}
.searchResultWithMultiImg .priceAndMoreDetailDiv > a {
    margin-top: 40px;
    padding-right: 0;
}
.searchResultWithMultiImg .priceAndMoreDetailDiv .priceItemSearch {
    background: #EDEDED;
    padding: 5px 10px;
}
.searchResultWithMultiImg .priceAndMoreDetailDiv .priceItemSearch span {
    font-size: 16px;
}
.searchResultWithMultiImg .priceAndMoreDetailDiv .moreDetailItemSearch {
    background: #3D4045;
    padding: 5px 10px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
}
.page-not-found div,
.page-not-found span,
.page-error div,
.page-error span,
.page-error a {
    font-size: 16px;
}
.search-suggestion .search-box {
    margin-top: 10px;
}
#map-canvas {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
}
.infoBelowMap {
    text-align: center;
}
.infoBelowMap span,
.infoBelowMap a {
    font-size: 16px;
    color: #000000;
    font-weight: normal;
}
.infoBelowMap address {
    margin-bottom: 15px;
}
.bigTitle {
    min-height: 80px;
    background: #333333;
}
.bigTitle .bigTitleText {
    font-size: 30px;
    font-family: 'PorscheNextThin', 'Arial Narrow', sans-serif;
    color: #FFFFFF;
    line-height: 2.5;
}
.listItemContentWithImageOnLeft a,
.listItemContentWithImageOnLeft a div {
    color: #000000 !important;
    text-decoration: none;
    outline: none;
    font-size: 16px;
    font-weight: normal;
}
.listItemContentWithImageOnLeft a:hover,
.listItemContentWithImageOnLeft a:hover div {
    color: #d5001c !important;
    font-size: 16px;
}
.listItemContentWithImageOnLeft a .imageOnLeftItem,
.listItemContentWithImageOnLeft a .longDescriptionItemContent {
    margin-bottom: 30px;
}
.listItemContentWithImageOnLeft a .longDescriptionItemContent:before {
    top: 2px;
    margin-left: -20px;
    color: #d5001c;
    font-size: 13px;
    position: absolute;
    content: '\f054';
    font-family: 'FontAwesome';
}
.divHeaderCalendarEvents:before {
    top: 2px;
    margin-right: 10px;
    color: #d5001c;
    font-size: 13px;
    content: '\f054';
    font-family: 'FontAwesome';
}
.divHeaderCalendarEvents {
    margin-bottom: 10px;
}
table thead {
    background: #F5F5F5;
}
/**************************************/
/*********END FOLLOWING PAGES**********/
/**************************************/

.linkAtOneSeventh.showLinkOneSeventh:hover,
.oneSeventhPartImg {
    text-decoration: none !important;
}
.oneSeventhPartImg {
    color: #000000;
}
.oneSeventhPartImg img {
    margin: 0 auto;
  	width: 100%;
}
.linkAtOneSeventh.showLinkOneSeventh:hover span,
.oneSeventhPartWrapper:hover .oneSeventhPartImg {
    color: #d5001c;
}
.priceOfModelItem {
    height: 40px;
}
.linkAtOneModel,
.priceOfModelItem {
    visibility: hidden;
}
.linkAtOneModel.enableLinkAtOneModel,
.priceOfModelItem.enableLinkAtOneModel {
    visibility: visible;
}
div.divWrapperModelsDetail {
    margin-top: 50px;
    margin-bottom: 50px;
}
div.divWrapperModelsDetail > div.divOneModel {
    min-height: 100px;
    margin-bottom: 100px;
}
div.oneModelParentWrapper {
    bottom: -95px;
    padding-bottom: 0.825em;
    position: absolute;
    width: 95%;
    border: 1px solid rgba(0, 0, 0, 0);
    z-index: 29;
}
div.oneModelParentWrapper.showBorderOneModel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0.3125em;
    color: #1B1D1F;
    cursor: pointer;
    z-index: 1011;
}
div.oneModelParentWrapper.showBorderOneModel:after {
    border-bottom: 0.25em solid #d5001c;
    border-radius: 0 0 0.3125em 0.3125em;
    bottom: 0;
    content: "";
    height: 0.25em;
    width: 100%;
    position: absolute;
}
div.oneModelInnertWrapper {
    margin: 0 auto;
    max-width: 95%;
    padding-bottom: 0.5em;
    padding-top: 1.25em;
}
.linkAtOneModel.enableLinkAtOneModel,
.priceOfModelItem.enableLinkAtOneModel {
    display: block;
    color: #000000 !important;
    visibility: visible;
}
.linkAtOneModel.enableLinkAtOneModel {
    padding-left: 1.25em;
    line-height: 2;
}
.linkAtOneModel.enableLinkAtOneModel span:before {
    content: "\f054";
    color: #d5001c;
    margin-top: 4px;
    margin-right: 10px;
    font-family: 'FontAwesome';
}
.linkAtOneModel.enableLinkAtOneModel:hover,
.oneModelImg {
    text-decoration: none !important;
}
.oneModelImg {
    color: #000000;
}
.oneModelImg img {
    margin: 0 auto;
}
.linkAtOneSeventh.enableLinkAtOneModel:hover span,
.oneModelParentWrapper:hover .oneModelImg {
    color: #d5001c;
}
.linkAtOneSeventh.m-107-tile-headline.showLinkOneSeventh {
    display: block !important; top: 20px;
}
.listItemContentWithImageOnLeft.bodyTemplate1 .clearfix {
    border-bottom: 1px dashed #CCC;
    margin-bottom: 10px;
}
.listItemContentWithImageOnLeft.sportsAndEvents .clearfix {
    border-bottom: 1px solid #d5001c;
    margin-bottom: 20px;
}
.linkChildBoxsterItem.specialModelItems:after {
    content: '' !important;
}
.divWrapperSearchResult {
    padding-top: 20px;
}
.searchResultHeading a {
    color: #000000;
    text-decoration: underline;
    font-size: 16px;
    font-weight: normal;
}
.searchResultHeading a:hover {
    color: #d5001c;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}
.greenTextColor {
    color: #008000;
}
.searchResultShortDescription {
    margin-bottom: 10px;
}
.searchResultShortDescription span {
    font-size: 16px;
}
.childrenResult {
    margin-left: 50px;
}
.rightContentAtLastLevel a.btn {
    background-color: #3E4146;
    color: #FFFFFF !important;
    border: none;
    font-weight: normal;
}
.contentWithOffset0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.listItemContentWithImageOnLeft a .longDescriptionItemContent.withMarginTop0 {
    margin-top: 0 !important;
}
.divTitleWithBg {
    background: #848484;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 5px;
    color: #FFF;
}
.divTitleWithBg * {
    color: #FFF !important;
    font-weight: bold !important;
}
.divTitleWithBg div.textOnTheRight {
    display: inline;
    float: right;
    text-align: right;
}
.eventsTable table tr td {
    border-top: none;
    border-bottom: 1px dashed #CCCCCC;
}
.eventsTable table tr td:first-child {
    width: 70%;
}
.formEventRegistration {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #CCCCCC;
}
.formEventRegistration > .offsetLeft0 {
    padding-left: 0;
}
.eventCheckbox {
    background: #F2F2F2;
    padding: 10px !important;
    margin-top: 10px !important;
}
.eventCheckbox input {
    margin-left: 0 !important;
    margin-right: 5px;
}
.newWayShowing {
    background-color: slategrey;
    margin: 0 auto;
    display: none;
    position: absolute;
    z-index: 1000;
}
.newWayShowing.fixed {
    position: fixed;
    top: 0 !important;
}
.marginLeftEqual0 {
    margin-left: 0 !important;
}
.paddingLeftEqual0 {
    padding-left: 0 !important;
}
.paddingRightEqual0 {
    padding-right: 0 !important;
}
.btn-primary {
    background-color: #3E4146;
    border-color: #3E4146;
    background: #3E4146;
    color: #FFF;
}
.form-submit btn {
    text-align: right;
}
.form-render {
    background: #f8f6f6;
    padding-top: 15px;
}
.btnSearchForm:hover {
    background: #d5001c;
    color: #FFF;
}
button.btnResetForm {
    background: #8C8D91;
    text-align: left !important;
    color: #FFF;
}
button.btnResetForm:hover {
    background: #3E4146;
}
.titleOfCar {
    margin-bottom: 5px;
}
.colorLightGray {
    color: #D6D2CD;
}
.colorMedGray {
    color: #8F8F8F;
}
.colorDarkGray {
    color: #5A5A5A;
}
.priceBigFontSize {
    font-weight: bold;
    font-size: 18px !important;
    color: #5A5A5A;
}
.searchVehicleText {
    font-size: 24px !important;
    color: #5A5A5A;
    line-height: 24px;
    font-family: 'PorscheNextThin', 'Arial Narrow', sans-serif;
    padding-left: 0;
}
.btnSearchForm > span {
    float: left;
    color: #FFF;
}
.btnSearchForm > .fa.fa-search {
    float: right;
    margin-top: 2px;
}
.btnSearchForm:hover > .fa.fa-search,
.btnSearchForm:focus > .fa.fa-search {
    color: #FFF;
}
.specialAndEquipment table td {
    border-top: none !important;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: top !important;
}
.specialAndEquipment.newCars table td {
    border-bottom: none !important;
}
.specialAndEquipment.modelTemplate table td {
    border-bottom: 1px dashed #CCCCCC !important;
}
.specialAndEquipment table td.imageContainer {
    width: 40%;
    min-width: 160px;
}
.specialAndEquipment.newCars table td.imageContainer {
    width: 20%;
    min-width: 98px;
}
.specialAndEquipment.modelTemplate table td.imageContainer {
    width: 28%;
    min-width: 110px;
}
.specialAndEquipment table td.imageContainer > img {
    width: 100%;
}
.specialAndEquipment table td.divTextWithBigImgOnLeft {
    padding: 0 40px 40px 40px;
    width: 60%;
}
.specialAndEquipment table td.divTextWithBigImgOnLeft a.linkTitle {
    font-weight: bold;
    font-size: 18px;
    font-family: 'PorscheNextRegular';
}
.specialAndEquipment table td.divTextWithBigImgOnLeft div.textDescription div {
    margin-top: 25px;
}
.specialAndEquipment table td.divTextWithBigImgOnLeft div.textDescription a.linkTitle {
    text-decoration: none;
}
.specialAndEquipment table td.divTextWithBigImgOnLeft div.textDescription a.linkTitle > .fa {
    color: #d5001c;
}
.specialAndEquipment table td.divTextWithBigImgOnLeft a.btn {
    background: #3D4045;
    color: #FFF;
    border: none;
    margin-top: 25px;
}
.norecord > td {
    display: none;
}
.modal_popup_container {
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 410px;
    height: auto !important;
    border: none;
    padding: 5px;
    background-color: #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9500;
}
.modal_popup_container_xbutton {
    text-align: right;
    width: 410px;
}
.modal_popup_container_iframe {
    height: 450px;
    width: 410px;
}
.modal_popup_container_contentcover {
    background-color: black;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9400;
    display: none;
    opacity: .5;
}
.BookingForOptions table tr td {
    padding: 6px !important;
}
.BookingForOptions table tr td ul,
.BookingForOptions table tr td ul li {
    list-style-type: none !important;
}

.h1bigTitleText {
    text-align: left !important;
    display: inline !important;
}
/*testimonials styles -added 2014 jun27 -dan*/

.TestimonialBody {
    quotes: "\201C""\201D""\2018""\2019";
    font-style: italic;
    font-size: 16px;
    margin-top: 30px;
}
.TestimonialBody:before,
.TestimonialBody:after {
    color: #959899;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
    margin-right: 10px;
}
.TestimonialBody:after {
    color: #959899;
    content: close-quote;
    /* font-size: 4em; commented for ie fix*/
    
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    margin-left: 10px;
}
.TestimonialTag,
TestimonialTag,
.TestimonialTag a:link,
.TestimonialTag a:hover,
.TestimonialTag a:visited {
    font-family: 'PorscheNextRegular', sans-serif;
    font-size: 18px !important;
    color: #959899;
}
/* end template styles */

.marquesHr {
    background: none repeat scroll 0 0 #cccccc;
    border: medium none;
    height: 1px;
    margin-bottom: -18px;
}
.firstMarque {
    border-top: none !important;
    padding: 0 !important;
}
.myNavbar .myNavbarNav > li.menuItemOnMobile.NoContent:after {
    content: '';
}
#ace-settings-btn {
    width: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border-radius: 0px;
    color: #fff;
    background: #222;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 6px;
    margin: 0 !important;
}
#ace-settings-btn a {
    color: #fff;
}
#ace-settings-btn a:hover,
#ace-settings-btn:hover {
    background: #d5001c;
}
#ace-settings-btn i {
    font-size: 21px;
}
.space10 {
    height: 10px;
}
.space15 {
    height: 15px;
}
.space20 {
    height: 20px;
}
.space30 {
    height: 30px;
}
.navbar-form .input-group {
    padding-right: 10px;
}
.contacts {
    margin-bottom: 30px;
}
.help-block {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.checkbox {
    display: inline-block;
}


/*----------- Models content  -----------*/

.module-grid {
    box-sizing: border-box;
    position: relative;
    display: block;
    clear: both;
}
.module-grid:before, .module-grid:after {
	content: "";
    display: table;
    line-height: 0;
}
.module-grid:after {
	clear: both;
}
.m-107-tile {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
}
.m-107-tile:before {
    content: '';
    float: left;
    padding-bottom: 112.5%;
}
.m-107-tile-headline::before,
.m-107-info__headline::before,
.m-107-info__link::before {
    font-family: 'pag-iconfont';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}
.m-107-tile__info {
    font-family: inherit;
}
.m-107-tile-headline::before,
.m-107-info__headline::before,
.m-107-info__link::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    speak: none;
    text-transform: none;
    line-height: 1;
}
.m-107-tile-headline::before,
.m-107-info__headline::before,
.m-107-info__link::before {
    content: "\e024" !important;
}
.m-107-info__headline,
.m-107-info__headline::before,
.m-107-info__link {
    transition: color .24s
}
@media only screen and (max-width: 479px) {
    .m-107-car-range {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
.m-107-car-range .pricedisclaimer {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
@media only screen and (max-width: 479px) {
    .m-107-car-range .pricedisclaimer {
        padding-left: 7.14286%;
        padding-right: 7.14286%;
    }
}
@media only screen and (max-width: 479px)and (min-width: 1760px) {
    .m-107-car-range .pricedisclaimer {
        padding-left: 10%;
        padding-right: 10%;
    }
}
.m-107-list-wrapper {
    list-style: none;
    padding: 0;
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-107-hide-on-desktop {
        display: none!important;
    }
}
@media only screen and (min-width: 1200px) {
    .m-107-hide-on-desktop {
        display: none!important;
    }
}
.m-107-tile {
    width: 47%;
    margin-bottom: 3%;
    color: #fff;
}
.m-107-tile:before {
    content: '';
    float: left;
    padding-bottom: 112.5%;
}
.m-107-tile:after {
    content: '';
    display: table;
    clear: both;
}
.m-107-tile {
    float: left
}
.m-107-tile {
    margin-left: 3%;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-107-tile {
        width: 48%;
    }
    .m-107-tile {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-107-tile {
        width: 31.33333%;
    }
    .m-107-tile {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-107-tile {
        width: 19%;
    }
    .m-107-tile {
        margin-left: 1%;
    }
}
@media only screen and (min-width: 1200px) {
    .m-107-tile {
        width: 19%;
    }
    .m-107-tile {
        margin-left: 1%;
    }
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-107-tile {
        margin-bottom: 2%;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-107-tile {
        margin-bottom: 2%;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-107-tile {
        margin-bottom: 1%;
    }
}
@media only screen and (min-width: 1200px) {
    .m-107-tile {
        margin-bottom: 1%;
    }
}
.m-107-tile__link {
    display: block;
}
.m-107-tile-headline {
    position: absolute;
    bottom: 30px;
    left: 25px;
    color: #fff;
    font-size: 20px;    
}
.m-107-tile-headline span, span.m-107-tile-headline {
    vertical-align: middle;
}
.Hidem-107-tile-headline {
    display: none;
}
.m-107-tile-headline a {
    line-height: 28px;
    font-weight: normal;
    color: #fff;
}
.m-107-tile-headline-display {
    position: absolute;
    top: 0px;
    left: 25px;
    color: #fff;
    font-size: 20px;    
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-107-tile-headline {
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-107-tile-headline {
        font-size: 22px;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-107-tile-headline {
        font-size: 22px;
    }
}
@media only screen and (min-width: 1200px) {
    .m-107-tile-headline  {
        font-size: 24px;
    }
}
.m-107-tile-headline:before {
	color: #d5001c;
    vertical-align: top;
}
.m-107-tile-headline:before, .m-107-tile-headline:before, .m-107-tile-headline:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    speak: none;
    text-transform: none;
    line-height: 1;
}
.m-107--is-hovered .m-107-tile-headline {
    display: none;
}
.m-107-tile-headline span {
    vertical-align: middle;
}
.m-107-tile__info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    padding: 25px 0 25px 25px;
    background-color: rgba(25, 31, 34, .5);
    transition: all .5s;
}
.m-107--is-hovered .m-107-tile__info {
    opacity: 1;
    visibility: visible;
    transition: opacity .24s;
}
.m-107-info__headline {
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-107-info__headline {
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-107-info__headline {
        font-size: 22px;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-107-info__headline {
        font-size: 22px;
    }
}
@media only screen and (min-width: 1200px) {
    .m-107-info__headline {
        font-size: 24px;
    }
}

}

.m-107-info__headline:before {
    color: #d5001c;
    vertical-align: middle;
}
.m-107-info__headline:hover {
    color: #d5001c
}
.m-107-info__headline span {
    vertical-align: middle
}
.m-107-info__price {
    display: block;
    padding-left: 24px;
    padding-right: 12px;
}
.m-107-info__link-wrapper {
    position: absolute;
    bottom: 25px;
    left: 25px;
}
.m-107-info__link {
    display: block;
    padding-top: 18px;
    text-decoration: none;
    opacity: 0;
}
.m-107-info__link:hover {
    color: #d5001c;
}
.m-107-info__link::before {
    color: #d5001c;
    padding-right: 3px;
}
.m-107-info__link:nth-child(1) {
    animation-delay: .1s;
}
.m-107-info__link:nth-child(2) {
    animation-delay: .2s;
}
.m-107-info__link:nth-child(3) {
    animation-delay: .3s;
}
.m-107--is-hovered .m-107-info__link {
    animation-name: slideUp;
    animation-duration: .24s;
    animation-fill-mode: forwards;
}
@keyframes slideUp {
    from {
        transform: translate3d(0, 40%, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/*----------- Syndicated content -----------*/

.slider-title span {
    font-size: 24px !important;
    line-height: 60px!important;
    font-family: 'PorscheNextThin', 'arial narrow', sans-serif !important;
}

.syndicate-breadcrumb-container ul {
    margin: 0;
    padding: 0;
    background: transparent;
}
.syndicate-breadcrumb-container ul li {
    list-style: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
    background-color: #3c3c3c;
    border-right: 1px solid #ccc;
}
.syndicate-breadcrumb-container ul li a:focus {
    text-decoration: none;
}
.syndicate-breadcrumb-container ul li.active a,
.syndicate-breadcrumb-container ul li:hover a {
    background-color: #900;
    color: #fff;
    -webkit-transition: color .24s;
    -moz-transition: color .24s;
    -o-transition: color .24s;
    transition: color .24s;
}
.syndicate-breadcrumb-container ul li a {
    height: 40px;
    display: block;
    color: #fff;
    font-size: 1em;
    padding: 0 25px;
    line-height: 40px;
}
.breadcrumb-absolute {
    position: fixed;
    top: 0;
    width: 100%;
}
.syndicate-breadcrumb-real {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
.syndicate-breadcrumb-real-container {
    padding-right: 0;
    padding-left: 0;
}
.syndicate-breadcrumb-container {
    text-align: center;
}
body {
    position: relative;
}
.jump-to {
    padding: 15px 0 0;
}
.hidden-important {
    display: none !important;
}
nav.primarynav {
    border: none !important;
    margin-bottom: 0 !important;
}
@media (max-width: 1366px) and (min-width: 992px) {
    .syndicate-breadcrumb-container ul li a {
        font-size: 15px;
        padding: 15px 12px;
    }
}
div[data-anchor] {
    padding: 25px 0;
}
/*div[data-anchor]:nth-of-type(2n+2) > div.form-group {*/
div[data-anchor]:nth-of-type(2n+2) {
	background: grey;
  	/*background: #eff0f1;
    padding: 15px 0;*/
}
div[data-anchor]:nth-of-type(2n+2) h3,
div[data-anchor]:nth-of-type(2n+2) p,
div[data-anchor]:nth-of-type(2n+2) a,
div[data-anchor]:nth-of-type(2n+2) span,
div[data-anchor]:nth-of-type(2n+2) div,
div[data-anchor]:nth-of-type(2n+2) td {
    color: #fff;
}

div[data-anchor]:nth-of-type(2n+1) h3,
div[data-anchor]:nth-of-type(2n+1) p,
div[data-anchor]:nth-of-type(2n+1) a,
div[data-anchor]:nth-of-type(2n+1) span,
div[data-anchor]:nth-of-type(2n+1) div,
div[data-anchor]:nth-of-type(2n+1) td {
    color: #333;
}

div[data-anchor]:nth-of-type(2n+2) h3,div[data-anchor]:nth-of-type(2n+1) h3{margin-top: 0 !important;margin-bottom: 5px !important;}

div[data-anchor] h3 {
    font-family: "PorscheNextRegular", Arial, sans-serif;
    font-size: 1.25em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: normal;
}
div[data-anchor] a.next-arrow {
    background-color: #960014;
    color: #fff;
}
div[data-anchor] a.next-arrow:hover {
    background-color: #000;
    -webkit-transition: color .24s;
    -moz-transition: color .24s;
    -o-transition: color .24s;
    transition: color .24s;
}
div[data-anchor] a.next-arrow:hover:after {
    margin-left: 3px;
    margin-right: 2px;
    -webkit-transition: margin .2s linear;
    -moz-transition: margin .2s linear;
    -o-transition: margin .2s linear;
    transition: margin .2s linear;
}
div[data-anchor] a.next-arrow:after {
    content: '\f054';
    font-family: 'FontAwesome';
    color: #fff;
    padding-left: 5px;
    margin-right: 5px;
}
/*----------- Syndicated content -----------*/

.padding-bottom-15 {
    padding-bottom: 15px !important;
}
.padding-top-15 {
    padding-top: 15px !important;
}
.g-recaptcha {
    padding-bottom: 15px;
}
.error {
    color: #c00000 !important;
    line-height: 27px;
}
.required-control .control-label:after {
    content: " *";
    color: #fc4c5e;
}
@media(max-width: 992px) {
    .padding-left-sm-0 {
        padding-left: 0;
    }
}
#pbOverlay {
    z-index: -1 !important;
}
#pbOverlay.show {
    z-index: 9999 !important;
}
/* Edit icons on WebEd CMS */

.wedEd-cms-btn-editor {
    position: fixed;
    bottom: 8%;
    right: 4px;
    display: block;
    z-index: 999 !important;
    background-color: transparent;
    width: 69px;
    text-align: right;
    z-index: 999;
}
@-moz-document url-prefix() {
    .wedEd-cms-btn-editor {
        height: 56% !important;
    }
}
.webEdbtn-icon.logout i {
    /* background-color: #838d95; */
}
.webEdbtn-icon.sitemap i {
    /* background-color: #208aac;  */
}
.webEdbtn-icon.dashboard i {
    /* background-color: #4e555a;  */
}
.webEdbtn-icon.edit i {
    /* background-color: #b6d741;  */
    
    background-color: #114e60 !important;
}
.webEdbtn-icon.create i {
    /* background-color: #4fb1b9;  */
    
    background-color: #239abd !important;
}
.wedEd-cms-btn-editor i {
    font-size: 20px;
    display: inline-block;
    border-radius: 40px;
    padding: 22px 25px;
    margin-bottom: 5px;
    /*background-color: #0d596f;*/
    
    background-color: #0e1d22;
    cursor: pointer;
    -webkit-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
}
.wedEd-cms-btn-editor i:hover {
    color: #fff !important;
    background-color: #000 !important;
}
.wedEd-cms-btn-editor a {
    color: #fff !important;
}
.webEdbtn-icon i {
    font-size: 24px;
    display: inline-block;
    border-radius: 50px;
    box-shadow: 0px 0px 2px #888;
    padding: 12px 13px;
    -webkit-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    background-color: #3d4041
}
span#webEd-edit-btn {
    padding: 7px 10px 7px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
}
#webEd-icons-edit {
    color: #fff !important;
    text-align: center;
    height: auto;
    width: 100%;
}
.active-show-btns #webEd-icons-edit {
    display: inline-block !important;
}
#webEd-edit-btn {
    margin-right: 10px;
}
@media (max-width: 767px) {
    .wedEd-cms-btn-editor {
        height: 54%;
    }
}
@media (max-width: 480px) {
    .wedEd-cms-btn-editor {
        height: 65%;
    }
}
/************* BUtton style for form **************/

.btn-red .btn-primary,
.btn-red .btn-warning,
.btn-red .btn-danger,
.btn-red .btn-info,
.btn-red .btn-success,
.btn-red .btn-default {
    background-color: #d5001c !important;
    border-color: #d5001c !important;
}

/*************  Home page 2017 update **************/
.home-config-buttons {
	display: block;
    clear: both;
    text-align: center;
    padding-top: 1.25em;
    padding-bottom: 1.5625em;
    border-bottom: 1px solid #c8cacb;   
    line-height: 40px; 
}

a.gui-btn-round-blue {
    margin-right: 21px;
    display: inline-block;
    color: #196a99;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 0 21px;
}
a.gui-btn-round-blue span {
    color: #196a99;
}
a.gui-btn-round-blue:hover, a.gui-btn-round-blue:hover span {
    color: #d5001c;
}
.gui-btn-round-blue:before {
    font-family: 'pag-iconfont';
    font-style: normal;
    margin-right: .24em;
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px!important;
    vertical-align: middle;
    text-align: center;
    color: inherit;
    font-size: 25px;
}
a.gui-btn-round-blue.configure:before {
	content: '\e02e';
}
a.gui-btn-round-blue.compare:before {
	content: '\e035';
}
a.gui-btn-round-blue.finance:before {
	content: '\e02c';
}
/*----------- Shopping tools -----------*/

.m-128-shopping-tools__tile,
.m-128-shopping-tools__tile:first-of-type,
.m-128-shopping-tools__tile--nogutter,
.m-128-shopping-tools__tile--nogutter:first-of-type {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
}
.m-128-table-row::before {
    font-family: 'pag-iconfont';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}
.m-128-table-row::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    speak: none;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
}
.m-128-table-row::before {
    content: "\e024";
}
.m-128-tile__headline {
    transition: color .24s;
}
.m-128-shopping-tools__tile {
    overflow: hidden;
    color: #fff;
}
.m-128-shopping-tools__tile:first-of-type::before,
.m-128-shopping-tools__tile:first-of-type .m-128-link-wrapper::before {
    content: ' ';
    float: left;
    padding-bottom: 64.9%;
}
.m-128-shopping-tools__tile:first-of-type .m-128-link-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}
.m-128-shopping-tools__tile:first-of-type .m-128-link-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
}
@media only screen and (max-width: 479px) {
    .m-128-shopping-tools {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
.m-128-shopping-tools__tile {
    width: 47%;
    margin-bottom: 3%;
}
.m-128-shopping-tools__tile {
    float: left;
}
.m-128-shopping-tools__tile {
    margin-left: 3%;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-128-shopping-tools__tile {
        width: 48%;
    }
    .m-128-shopping-tools__tile {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-128-shopping-tools__tile {
        width: 23%;
    }
    .m-128-shopping-tools__tile {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile {
        width: 19%;
    }
    .m-128-shopping-tools__tile {
        margin-left: 1%;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile {
        width: 19%;
    }
    .m-128-shopping-tools__tile {
        margin-left: 1%;
    }
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-128-shopping-tools__tile {
        margin-bottom: 2%;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-128-shopping-tools__tile {
        margin-bottom: 2%;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile {
        margin-bottom: 1%;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile {
        margin-bottom: 1%;
    }
}
.m-128-shopping-tools__tile:first-of-type {
    width: 97%;
}
.m-128-shopping-tools__tile:first-of-type {
    float: left;
}
.m-128-shopping-tools__tile:first-of-type {
    margin-left: 3%;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-128-shopping-tools__tile:first-of-type {
        width: 98%;
    }
    .m-128-shopping-tools__tile:first-of-type {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-128-shopping-tools__tile:first-of-type {
        width: 48%;
    }
    .m-128-shopping-tools__tile:first-of-type {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile:first-of-type {
        width: 39%;
    }
    .m-128-shopping-tools__tile:first-of-type {
        margin-left: 1%;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile:first-of-type {
        width: 39%;
    }
    .m-128-shopping-tools__tile:first-of-type {
        margin-left: 1%;
    }
}
.m-128-shopping-tools__tile:last-of-type {
    display: none;
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile:last-of-type {
        display: block;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile:last-of-type {
        display: block;
    }
}
.m-128-shopping-tools__tile--nogutter {
    width: 50%;
    margin-bottom: 0;
}
.m-128-shopping-tools__tile--nogutter {
    float: left;
}
.m-128-shopping-tools__tile--nogutter {
    margin-left: 0;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-128-shopping-tools__tile--nogutter {
        width: 50%;
    }
    .m-128-shopping-tools__tile--nogutter {
        margin-left: 0;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-128-shopping-tools__tile--nogutter {
        width: 25%;
    }
    .m-128-shopping-tools__tile--nogutter {
        margin-left: 0;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile--nogutter {
        width: 20%;
    }
    .m-128-shopping-tools__tile--nogutter {
        margin-left: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile--nogutter {
        width: 20%;
    }
    .m-128-shopping-tools__tile--nogutter {
        margin-left: 0;
    }
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-128-shopping-tools__tile--nogutter {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-128-shopping-tools__tile--nogutter {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile--nogutter {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile--nogutter {
        margin-bottom: 0;
    }
}
.m-128-shopping-tools__tile--nogutter:first-of-type {
    width: 100%;
}
.m-128-shopping-tools__tile--nogutter:first-of-type {
    float: left;
}
.m-128-shopping-tools__tile--nogutter:first-of-type {
    margin-left: 0;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        width: 100%;
    }
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        margin-left: 0;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        width: 50%;
    }
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        margin-left: 0;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        width: 40%;
    }
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        margin-left: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        width: 40%;
    }
    .m-128-shopping-tools__tile--nogutter:first-of-type {
        margin-left: 0;
    }
}
.m-128-shopping-tools__tile--nogutter:last-of-type {
    display: none;
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-shopping-tools__tile--nogutter:last-of-type {
        display: block;
    }
}
@media only screen and (min-width: 1200px) {
    .m-128-shopping-tools__tile--nogutter:last-of-type {
        display: block;
    }
}
.m-128-link-wrapper {
    text-decoration: none;
    display: block;
}
.m-128-link-wrapper:hover .m-128-tile__headline,
.m-128-link-wrapper:hover .m-128-table-row::before {
    color: #d5001c
}
.m-128-tile__headline {
    position: absolute;
    bottom: 30px;
    left: 10px;
    display: table;
    width: calc(100% - 10px);
}
.m-128-tile__headline a span {
    color:#fff;
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
}
.m-128-tile__headline a:hover span {
    color: #d5001c;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .m-128-tile__headline a span {
        font-size: 20px;
    }
    .m-128-table-row::before {
    	font-size: 20px;
	}
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .m-128-tile__headline a span {
        font-size: 22px;
    }
    .m-128-table-row::before {
    	font-size: 22px;
	}    
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .m-128-tile__headline a span {
        font-size: 22px;
    }
    .m-128-table-row::before {
    	font-size: 22px;
	}
}
@media only screen and (min-width: 1200px) {
    .m-128-tile__headline a span {
        font-size: 24px;
    }
}

.m-128-table-row {
    display: table-row;
}
.m-128-table-row::before {
    color: #d5001c;
    display: table-cell;
    width: 1em;
    padding-right: 6px;
}
.m-128-table-row span {
    display: table-cell;
}

/*-------------------------------------------------- */
/* RESPONSIVE CSS
-------------------------------------------------- */

@media(max-width:767px) {
    .test {
        color: blue;
    }
    .specialAndEquipment.table-responsive {
        border: none !important;
    }
    .navbar-brand.myBrandLogo {
        width: 123px;
		height: 75px;
		background-size: 123px auto;
		transform: translate3d(0,13px,0);
        float: none;
        max-width: none;
        background-image: url("/Media/Porsche/logo.svg");
        background-repeat: no-repeat;
        margin: 0px !important;
        position: relative;
        display: inline-block;
    }
    .navbar-toggle {
        background: #FFFFFF;
        margin-right: -25px;
        padding: 13px;
        border-left: 1px solid #DDD !important;
        border: none;
        border-radius: 0;
        z-index: 10;
    }
    .navbar-toggle:focus,
    .navbar-toggle:hover {
        background: #F2F2F2 !important;
    }
    .navbar-toggle .icon-bar {
        border-radius: 0;
        height: 4px;
        width: 30px;
        background: #000000 !important;
    }
    .navbar-toggle:focus .icon-bar,
    .navbar-toggle:hover .icon-bar {
        background: #d5001c !important;
    }
    .wrapperBrandLogo {
        margin-top: 27px;
    }
    .wrapperSpanBrandLogo {
        padding-left: 70px;
        padding-right: 0;
    }
    .navbar-header {
        border-bottom: none;
    }
	
    .myNavbarNav > li:first-child:after {
        border-right: none;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile {
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid #DFDFDF;
        color: #000000;
        cursor: pointer;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile:after {
        content: "\f078";
        font-family: 'FontAwesome';
        position: absolute;
        right: 0;
        top: 12px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile.AfterExpand:after {
        content: "\f077";
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile .menuItemContainerLevel2OnMobile {
        display: none;
        margin-left: -25px;
        margin-top: 13px;
        padding-left: 40px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li {
        list-style: none;
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid #DFDFDF;
        position: relative;
        display: block;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile.containerLevel1OnMobileWithoutSubLevel > li {
        border-top: none;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile.containerLevel1OnMobileWithoutSubLevel > li:after {
        content: '';
        display: none;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile.containerLevel1OnMobileWithoutSubLevel > li:before {
        font-size: 12px;
        margin-right: 15px;
        color: #d5001c;
        content: '\f054';
        font-family: 'FontAwesome';
        position: relative;
        top: 0;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile.containerLevel1OnMobileWithoutSubLevel > li > a {
        color: #000000;
        font-weight: normal;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile.containerLevel1OnMobileWithoutSubLevel > li:hover > a {
        color: #d5001c;
        text-decoration: none;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile:hover > div,
    .myNavbar .myNavbarNav > li.menuItemOnMobile:hover:after,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li:hover > div,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li:last-child:hover a,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li:hover:after,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile .menuItemContainerLevel2OnMobile > li:hover a {
        color: #d5001c;
        text-decoration: none;
    }
    li.modelSpecialItemOnMobile:after {
        content: '' !important;
    }
    li.modelSpecialItemOnMobile a {
        color: black;
        font-weight: normal;
        text-decoration: none;
    }
    li.modelSpecialItemOnMobile:hover a {
        color: #d5001c;
        text-decoration: none;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li:after {
        content: "\f078";
        font-family: 'FontAwesome';
        position: absolute;
        right: 0;
        top: 13px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.AfterExpand:after {
        content: "\f077";
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li:last-child:after,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.AfterExpand:last-child:after,
    li.modelSpecialItemOnMobile:after {
        content: '';
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li:last-child:before,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.AfterExpand:last-child:before,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile .menuItemContainerLevel2OnMobile > li:before {
        font-size: 12px;
        margin-right: 15px;
        color: #d5001c;
        content: '\f054';
        font-family: 'FontAwesome';
        position: relative;
        top: 0;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.subMenuWithImage:before {
        right: -2px;
        background-image: url("/Media/Porsche/carsAndBrandLogo.png");
        background-position: 0 -1181px;
        background-repeat: no-repeat;
        height: 52px;
        width: 109px;
        position: absolute;
        top: -13px;
        content: "\00a0";
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.subMenuWithImage.subMenuCaymanOnMobile:before {
        background-position: 0 -1135px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.subMenuWithImage.subMenu911OnMobile:before {
        background-position: 0 -1089px;
        top: -12px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.subMenuWithImage.subMenu918SpyderOnMobile:before {
        background-position: 0 -1227px;
        height: 55px;
        top: -23px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.subMenuWithImage.subMenuPanameraOnMobile:before {
        background-position: 0 -1043px;
        top: -10px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.subMenuWithImage.subMenuMacanOnMobile:before {
        background-position: 0 -1367px;
        top: -15px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile > li.subMenuWithImage.subMenuCayenneOnMobile:before {
        background-position: 0 -997px;
        top: -9px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile .menuItemContainerLevel2OnMobile > li {
        list-style: none;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile li:last-child a,
    .myNavbar .myNavbarNav > li.menuItemOnMobile .menuItemContainerLevel1OnMobile .menuItemContainerLevel2OnMobile > li > a {
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }
    .searchDealerOnMobile {
        padding: 15px 20px 20px !important;
        background: #F2F2F2;
    }
    .searchDealerOnMobile > div {
        color: #3A6B9B;
    }
    .searchDealerOnMobile > form {
        margin-top: 5px;
    }
    .searchDealerOnMobile > form input.inputSearchOnNav,
    .searchDealerOnMobile > form button.btnSearchOnNav,
    .searchTermsOnMobile > form input.inputSearchOnNav,
    .searchTermsOnMobile > form button.btnSearchOnNav {
        height: 41px;
    }
    .buildYourPorscheOnMobile {
        background: #2A4B6D;
        border-bottom: 1px solid #405D7B;
    }
    .buildYourPorscheOnMobile:hover {
        background: #687D92;
    }
    .buildYourPorscheOnMobile:after {
        color: #FFFFFF;
        content: '\f054';
        font-family: 'FontAwesome';
        position: absolute;
        top: 13px;
        right: 15px;
    }
    .myNavbar .myNavbarNav > li.buildYourPorscheOnMobile > a,
    .myNavbar .myNavbarNav > li.buildYourPorscheOnMobile > a:hover,
    .buildYourPorscheOnMobile > a,
    .buildYourPorscheOnMobile > a:hover {
        color: #FFFFFF !important;
        padding: 12px 15px !important;
        text-decoration: none;
    }
    .shoppingToolsOnMobile {
        background: #2A4B6D;
        border-top: none !important;
        padding-left: 15px !important;
        padding-right: 15px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        color: #FFFFFF !important;
    }
    .shoppingToolsOnMobile:after,
    .shoppingToolsOnMobile:hover:after {
        right: 15px !important;
        color: #FFFFFF !important;
    }
    .shoppingToolsOnMobile > .linkItemLevel1OnMobile,
    .shoppingToolsOnMobile > .linkItemLevel1OnMobile:hover,
    .shoppingToolsOnMobile > .containerLevel1OnMobileWithoutSubLevel li:before,
    .shoppingToolsOnMobile > .containerLevel1OnMobileWithoutSubLevel li a,
    .shoppingToolsOnMobile > .containerLevel1OnMobileWithoutSubLevel li:hover a {
        color: #FFFFFF !important;
    }
    .shoppingToolsOnMobile .containerLevel1OnMobileWithoutSubLevel li:hover {
        color: #FFFFFF !important;
        background: #687D92;
    }
    .shoppingToolsOnMobile > .containerLevel1OnMobileWithoutSubLevel > div {
        font-family: 'PorscheNextThin', 'Arial Narrow', sans-serif;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        color: #FFFFFF;
    }
    .searchTermsOnMobile {
        /*position: absolute !important;*/
        
        top: 0;
        background-color: #F2F2F2;
        padding-bottom: 13px;
        padding-top: 8px;
        padding-left: 15px !important;
        width: 100%;
        z-index: 9;
    }
    .searchTermsOnMobile div.input-group {
        width: 95%;
    }
    .nav.navbar-nav.myNavbarNav {
        margin-bottom: 0;
    }
    .myNavbar .navbar-collapse {
        border-top: none;
        max-height: none;
    }
    a.leftCarouselCtrl,
    a.rightCarouselCtrl {
        display: none;
    }

    /* JM update to mobile hero slides 02102017 */
	    .biggerTextCarouselCaption,
    .biggerTextCarouselCaption:hover {
        font-size: 28px;
        line-height: 36px;
    }
    .biggerTextCarouselCaption:before {
        margin-left: -23px;
    }
    .smallerTextCarouselCaption {
        font-size: 20px;
        line-height: 28px;
    }
    /* JM update to mobile hero slides 02102017 */
    .divCarouselCaptionWrapper {
        width: 80%;
        left: 7.14%;
    }
    .carousel-indicators li {
        background: #959899;
        border: none;
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }
    .carousel-indicators .active {
        background: #fff;
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }
    .carousel-inner>.item>img {
    	width: auto;
    	top: 0;
    	left: 50%;
    	transform: translateX(-50%);
    	max-width: none;
    	height: 460px;
    }
    /*Links at footer*/
    
    .containerLinkAtFooter {
        display: none;
        font-size: 15px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .containerLinkAtFooter li {
        padding: 4px 0;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .containerLinkAtFooter li a,
    .containerLinkAtFooter li a span {
        font-size: 15px;
        font-weight: normal;
    }
    .headingLinkAtFooter {
        cursor: pointer;
        padding-bottom: 5px;
        border-bottom: 1px solid #CCCCCC;
        color: #000000;
        margin-top: -7px;
        padding-top: 10px;
    }
    .headingLinkAtFooter:after {
        content: "\f078";
        font-family: 'FontAwesome';
        position: absolute;
        right: 0;
        margin-right: 15px;
        margin-top: -5px;
    }
    .headingLinkAtFooter.AfterExpand:after {
        content: "\f077";
    }
    .headingSocialLinkAtFooter {
        margin-top: 40px;
    }
    .textChangeCountry {
        text-align: left;
        padding-left: 30px;
        font-size: 16px;
    }
    .divSelectRegion,
    .divSelectCountry {
        margin-bottom: 20px;
    }
    .changeRegionCountry span,
    .changeRegionCountry div,
    .changeRegionCountry p,
    .changeRegionCountry a,
    .changeRegionCountry a:hover {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: normal;
    }
    /**************************************/
    /********START FOLLOWING PAGES*********/
    /**************************************/
    
    .col-lg-oneSeventh.col-md-oneSeventh {
        margin-bottom: 10px;
    }
    .comparePart {
        text-align: center;
        color: #000000;
    }
    .comparePart img {
    	width: 100% !important;
	}
    .comparePart em {
        color: #3A6B9B;
    }
    #smallCarousel.owl-theme .owl-controls .owl-buttons {
        text-align: center;
    }
    #smallCarousel.owl-theme .owl-controls .owl-buttons div {
        position: relative;
        display: inline-block;
    }
    #smallCarousel.owl-theme .owl-controls .owl-buttons .owl-prev,
    #smallCarousel.owl-theme .owl-controls .owl-buttons .owl-next {
        left: 0;
        top: 0;
        margin: 2px;
    }
    .fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul {
        width: 277px;
    }
    .mainContent > hr {
        margin-top: 5px;
    }
    .mainContent .textHeaderMainContent {
        margin-bottom: 5px;
    }
    .mainContent .textHeaderContentLevel1 {
        font-size: 22px;
    }
    .mainContent .textHeaderContentLevel2 {
        font-size: 18px;
    }
    .btnSearchForm {
        width: 45% !important;
        float: left;
    }
    button.btnResetForm {
        width: 45% !important;
        float: right;
    }
    .titleOfCar {
        margin-top: 20px;
    }
    .searchResultWithMultiImg > div.paddingLeftEqual0 {
        padding-right: 0;
        margin-bottom: 10px;
    }
    .searchResultWithMultiImg > div.priceAndMoreDetailDiv {
        padding-left: 0;
        padding-right: 0;
    }
    .searchResultWithMultiImg > div.priceAndMoreDetailDiv > div.col-xs-6,
    .searchResultWithMultiImg > div.priceAndMoreDetailDiv > a.col-xs-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .searchResultWithMultiImg > .priceAndMoreDetailDiv > .kmsInfoDiv,
    .searchResultWithMultiImg > .priceAndMoreDetailDiv > a.moreDetailBtn {
        width: 45%;
        float: left;
    }
    .searchResultWithMultiImg > .priceAndMoreDetailDiv > .priceInfoDiv,
    .searchResultWithMultiImg > .priceAndMoreDetailDiv > a.enquireBtn {
        width: 45%;
        float: right;
    }
    .searchResultWithMultiImg .priceAndMoreDetailDiv > a {
        margin-top: 10px;
    }
    .searchResultWithMultiImg > a > img {
        padding-right: 0;
        border: 2px solid #FFF;
    }
    .searchResultWithMultiImg * {
        font-size: 12px !important;
    }
    .priceBigFontSize {
        display: inline;
    }
    .enquireText {
        line-height: 1.42857;
    }
    .specialAndEquipment table td.divTextWithBigImgOnLeft {
        padding: 10px;
    }
    .specialAndEquipment table td.divTextWithBigImgOnLeft div.textDescription div {
        margin-top: 5px;
        margin-bottom: 10px;
        white-space: normal;
    }
    .specialAndEquipment table td.divTextWithBigImgOnLeft a.btn {
        margin-top: 5px;
    }
}

    /*********END FOLLOWING PAGES**********/
    /**************************************/
@media only screen and (max-width: 767px) {
     .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        padding-right: 0;
    	padding-left: 0;
    	margin-left: 2%;
    	margin-bottom: 3%;
    	width: 48%;
    }
}
@media only screen and (max-width: 479px) {
	.module-container {
    	padding-left: 0!important;
    	padding-right: 0!important;
	}
}
.col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
    width: 47%;
    margin-bottom: 1%;
    color: #fff;
    padding-right: 0px;
    padding-left: 0px; 
}
.col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
    margin-left: 3%;
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        width: 48%;
    }
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        width: 31.33333%;
    }
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        margin-left: 2%;
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        width: 19%;
    }
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        margin-left: 1%;
    }
}
@media only screen and (min-width: 1200px) {
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        width: 19%;
    }
    .col-lg-oneSeventh.col-md-oneSeventh.col-sm-4, .col-lg-oneSeventh.col-md-oneSeventh.col-sm-6 {
        margin-left: 1%;
    }
}
    
@media(min-width:768px) {
    .myNavbarNav > li:nth-of-type(1) > a {
    	padding: 20px 25px 10px 0 !important;
	}
	.myNavbarNav > li:nth-of-type(2) > a {
    	padding: 20px 15px 10px 25px !important;
	}
	.myNavbarNav > li:nth-of-type(1):after {
        content: "\e929";
    	position: absolute;
    	right: 0;
    	top: 50%;
    	margin-top: -.20em;
    	font-size: 1em;
    	font-family: 'pag-iconfont';
    	line-height: 1em;
    }
    .navbar-brand.myBrandLogo {
        width: 123px;
		height: 75px;
		background-size: 123px auto;
		transform: translate3d(0,13px,0);
        float: none;
        max-width: none;
        background-image: url("/Media/Porsche/logo.svg");
        background-repeat: no-repeat;
        margin: 0px !important;
        position: relative;
        display: inline-block;
    }
    /**** Hovering Menu ****/
    
    ul.nav li.parentDropdownMenu:hover > ul.dropdown-menu {
        display: block;
    }
    .myNavbarNav .dropdown > .dropdown-menu:before {
        position: absolute;
        top: -10px;
        left: 26px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }
    .myNavbarNav .dropdown > .dropdown-menu:after {
        position: absolute;
        top: -9px;
        left: 26px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
        border-left: 10px solid transparent;
        content: '';
    }
    .myNavbarNav .dropdown > .dropdown-menu.firstMenuItemWithRedUpwardArrow:after {
        border-bottom: 10px solid #d5001c;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: 0px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 1px solid #DFDFDF;
        border-bottom: none;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
    /* Menu Items - MODELS*/
    
    .dropdown-menu {
        min-width: 220px;
        box-shadow: none;
    }
    .othersMenuContainer {
        min-width: 255px;
        box-shadow: none;
    }
    .dropdown-menu.lastLevelModelsBoxsterContainter {
        width: 130%;
        background: #F2F2F2;
    }
    .dropdown-menu.lastLevelModelsBoxsterContainter a,
    .dropdown-menu.lastLevelModelsBoxsterContainter span,
    .dropdown-menu.lastLevelModelsBoxsterContainter div,
    .dropdown-menu.lastLevelModelsBoxsterContainter p,
    .dropdown-menu.lastLevelModelsBoxsterContainter td {
        font-size: 16px;
        color: #000000;
    }
    .menuModelsContainer,
    .childModelsBoxsterContainer,
    .lastLevelModelsBoxsterContainter,
    .othersMenuContainer {
        border: 1px solid #DFDFDF;
        margin-left: -1.475em;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 0px;
    }
    .menuModelsContainer,
    .othersMenuContainer {
        border-bottom: none;
    }
    .othersMenuContainer {
        margin-left: 0;
    }
    .subMenuModelsBoxster:hover > .linkSubMenuModelsBoxster,
    .subMenuModelsBoxster:hover > .linkSubMenuModelsBoxster > span {
        background: #d5001c;
        color: #FFFFFF !important;
    }
    .childBoxsterItem:hover > .linkChildBoxsterItem {
        background: #d5001c;
        color: #FFFFFF !important;
    }
    .linkSubMenuModelsBoxster:before {
        right: -2px;
        background-image: url("/Media/Porsche/carsAndBrandLogo.png");
        background-position: 0 -1181px;
        background-repeat: no-repeat;
        height: 52px;
        margin-top: -37px;
        width: 109px;
        position: absolute;
        top: 50%;
        content: "\00a0";
    }
    .linkSubMenuModelsBoxster.CaymanModelSubMenu:before {
        background-position: 0 -1135px;
    }
    .linkSubMenuModelsBoxster.Nine911ModelSubMenu:before {
        background-position: 0 -1089px;
    }
    .linkSubMenuModelsBoxster.Nine918SpyderModelSubMenu:before {
        background-position: 0 -1227px;
        height: 55px;
        top: 40%;
    }
    .linkSubMenuModelsBoxster.PanameraModelSubMenu:before {
        background-position: 0 -1043px;
    }
    .linkSubMenuModelsBoxster.MacanModelSubMenu:before {
        background-position: 0 -1367px;
    }
    .linkSubMenuModelsBoxster.CayenneModelSubMenu:before {
        background-position: 0 -997px;
    }
    .linkSubMenuModelsBoxster {
        line-height: 5.375em !important;
    }
    .linkChildBoxsterItem {
        line-height: 2.429em !important;
        border-bottom: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        margin-top: -1px;
    }
    /* small right arrow at sub menu */
    
    li.subMenuModelsBoxster > a.linkSubMenuModelsBoxster:after,
    li.childBoxsterItem > a.linkChildBoxsterItem:after {
        position: absolute;
        right: 0;
        left: auto;
        font-size: 14px !important;
        padding-right: 12px;
        margin-top: -2px;
    }
    li.childBoxsterItem > a.linkChildBoxsterItem:after {
        margin-top: -2px;
    }
    li.othersChildItem > a.linkChildBoxsterItem:after {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 25px;
        padding-right: 7px;
        margin-top: -2px;
    }
    li.reducedMenuItems > a.linkChildBoxsterItem.menuLinkNoArrow:after {
        content: "" !important;
    }
    a.imageAtLastLevel {
        padding: 0px !important;
    }
    a.imageAtLastLevel > img {
        width: 100%;
    }
    a.imageAtLastLevel > .captionAtLastLevel {
        color: #FFFFFF;
        font-size: 12pt;
        font-weight: bold;
        margin-left: 1.5em;
        margin-top: -2em;
        position: absolute;
    }
    a.imageAtLastLevel > .captionAtLastLevel:before {
        color: #d5001c;
        content: "\f054";
        margin-right: 3px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .leftContentAtLastLevel {
        float: left;
        width: 40%;
        display: block;
        background-color: #FFFFFF;
    }
    .leftContentAtLastLevel:after {
        background-color: #F2F2F2;
        bottom: 0px;
        content: "";
        position: inherit;
        top: 0;
        width: 100%;
        z-index: -1;
        left: 40%;
    }
    .rightContentAtLastLevel {
        float: left;
        width: 100%;
        display: block;
        background: #F2F2F2;
        color: #000000;
    }
    .rightContentAtLastLevel tr {
        display: block;
        padding-bottom: 8px;
        padding-top: 5px;
        width: 100%;
    }
    .rightContentAtLastLevel tr td {
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        line-height: 22px;
        width: 100%;
        float: left;
        font-size: 14px;
    }
    .rightContentAtLastLevel tr td:last-child {
        padding-bottom: 10px;
    }
    .blackLinkAtLastLevel,
    .blueLinkAtLastLevel {
        padding-left: 2.25em;
        line-height: 3em;
        display: block;
        color: #000000 !important;
        font-weight: normal !important;
    }
    .blueLinkAtLastLevel,
    .blueLinkAtLastLevel > span {
        color: #3A6B9B !important;
    }
    .blackLinkAtLastLevel:hover,
    .blueLinkAtLastLevel:hover {
        text-decoration: none !important;
    }
    .blackLinkAtLastLevel:hover span,
    .blueLinkAtLastLevel:hover span {
        color: #d5001c;
    }
    .blackLinkAtLastLevel span:before {
        content: "\f054";
        color: #d5001c;
        margin-top: 4px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .blueLinkAtLastLevel span:before {
        content: "\f054";
        color: #3A6B9B;
        margin-top: 4px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .divBlueLinksAtLastLevel {
        margin-top: 1.25em;
    }
    .myNavbarNav > li:first-child:after {
        border-right: 1px solid #000000;
        content: "\00a0";
        position: absolute;
        right: 0;
        top: 20px;
    }
    /**** Shopping Tools ****/
    
    .shippingToolsContent {
        display: none;
        background: #2A4B6D;
        left: 0;
        position: absolute;
        right: 0;
        top: 130px;
        padding-top: 50px;
        padding-left: 6.14286%;
        color: #FFFFFF;
        padding-bottom: 100px;
    }
    .shippingToolsContent .container {
        padding-left: 0;
        padding-right: 5em;
        width: 100%;
    }
    .shippingToolsContent .headingShippingToolsContent {
        font-size: 20px !important;
        font-family: 'PorscheNextThin', 'Arial Narrow', sans-serif;
        margin-top: 10px;
        margin-bottom: 15px;
        color: #FFFFFF !important;
    }
    .oneChildItemInShippingContent {
        border-top: 1px solid #405D7B;
        border-bottom: 1px solid #405D7B;
        display: block;
        color: #FFFFFF !important;
        text-decoration: none;
        outline: none;
        padding-top: 1px;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent:hover,
    .oneChildItemInShippingContent:focus {
        background: #687D92;
        color: #FFFFFF !important;
        text-decoration: none;
        outline: none;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent div {
        margin: 10px 11px 10px 10px;
        color: #FFFFFF !important;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent div:before {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 20px;
        padding-right: 20px;
        margin-top: -6px;
    }
    .carConfigurator,
    .modelComparison,
    .paymentEstimator,
    .searchInventory {
        margin-left: -10px;
    }
    .carConfigurator {
        padding-right: 5px;
    }
    .modelComparison {
        padding-right: 5px;
    }
    .paymentEstimator {
        padding-right: 5px;
    }
    .searchInventory {
        padding-left: 2px;
        padding-right: 7px;
    }
    .itemShippingNoBorderTop {
        border-top: none;
    }
    .biggerTextCarouselCaption,
    .biggerTextCarouselCaption:hover {
        font-size: 34px;
        line-height: 38px;
    }
    .biggerTextCarouselCaption:before {
        font-size: 26px;
        margin-left: -30px;
    }
    .smallerTextCarouselCaption {
        font-size: 21px;
        line-height: 21px;
    }
    /**************************************/
    /********START FOLLOWING PAGES*********/
    /**************************************/
    
    .fixedNavigation {
        left: -42px;
        top: 231px;
        transition-property: left;
        -webkit-transition-property: left;
    }
    .fixedNavigation.move {
        left: 0;
    }
    .fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul {
        left: 41px;
    }
    /**************************************/
    /**************************************/
    /*********END FOLLOWING PAGES**********/
    /**************************************/
    
    .col-lg-oneSeventh.col-md-oneSeventh {
        margin-bottom: 10px;
    }
    .comparePart {
        text-align: center;
        margin-top: 0px;
        color: #000000;
    }
    .comparePart em {
        color: #3A6B9B;
    }
    .myNavbar .myNavbarNav > li.active > a:after {
        background: none repeat scroll 0 0 #d5001c;
        bottom: -1px;
        content: " ";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    .priceBigFontSize {
        display: block;
    }
    .enquireText {
        line-height: 40px;
    }
}
@media(min-width:992px) {
    .test {
        color: red;
    }
    .navbar-brand.myBrandLogo {
        width: 123px;
		height: 75px;
		background-size: 123px auto;
		transform: translate3d(0,13px,0);
        float: none;
        max-width: none;
        background-image: url("/Media/Porsche/logo.svg");
        background-repeat: no-repeat;
        margin: 0px !important;
        position: relative;
        display: inline-block;
    }
    /**** Hovering Menu ****/
    
    ul.nav li.parentDropdownMenu:hover > ul.dropdown-menu {
        display: block;
    }
    .myNavbarNav .dropdown > .dropdown-menu:before {
        position: absolute;
        top: -10px;
        left: 26px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }
    .myNavbarNav .dropdown > .dropdown-menu:after {
        position: absolute;
        top: -9px;
        left: 26px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
        border-left: 10px solid transparent;
        content: '';
    }
    .myNavbarNav .dropdown > .dropdown-menu.firstMenuItemWithRedUpwardArrow:after {
        border-bottom: 10px solid #d5001c;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: 0px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 1px solid #DFDFDF;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
    /* Menu Items - MODELS*/
    
    .dropdown-menu {
        min-width: 276px;
        box-shadow: none;
    }
    .othersMenuContainer {
        min-width: 255px;
        box-shadow: none;
    }
    .dropdown-menu.lastLevelModelsBoxsterContainter {
        width: 157%;
    }
    .dropdown-menu.lastLevelModelsBoxsterContainter a,
    .dropdown-menu.lastLevelModelsBoxsterContainter span,
    .dropdown-menu.lastLevelModelsBoxsterContainter div,
    .dropdown-menu.lastLevelModelsBoxsterContainter p,
    .dropdown-menu.lastLevelModelsBoxsterContainter td {
        font-size: 16px;
        color: #000000;
    }
    .menuModelsContainer,
    .childModelsBoxsterContainer,
    .lastLevelModelsBoxsterContainter,
    .othersMenuContainer {
        border: 1px solid #DFDFDF;
        margin-left: -1.475em;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 0px;
    }
    .menuModelsContainer,
    .othersMenuContainer {
        border-bottom: none;
    }
    .othersMenuContainer {
        margin-left: 0;
    }
    .subMenuModelsBoxster:hover > .linkSubMenuModelsBoxster,
    .subMenuModelsBoxster:hover > .linkSubMenuModelsBoxster > span {
        background: #d5001c;
        color: #FFFFFF !important;
    }
    .childBoxsterItem:hover > .linkChildBoxsterItem {
        background: #d5001c;
        color: #FFFFFF !important;
    }
    .linkSubMenuModelsBoxster:before {
        right: 25px;
        background-image: url("/Media/Porsche/carsAndBrandLogo.png");
        background-position: 0 -873px;
        background-repeat: no-repeat;
        height: 36px;
        margin-top: -18px;
        width: 109px;
        position: absolute;
        top: 50%;
        content: "\00a0";
    }
    .linkSubMenuModelsBoxster.CaymanModelSubMenu:before {
        background-position: 0 -816px;
    }
    .linkSubMenuModelsBoxster.Nine911ModelSubMenu:before {
        background-position: 0 -759px;
    }
    .linkSubMenuModelsBoxster.Nine918SpyderModelSubMenu:before {
        background-position: 0 -343px;
        height: 45px;
        top: 40%;
    }
    .linkSubMenuModelsBoxster.PanameraModelSubMenu:before {
        background-position: 0 -460px;
    }
    .linkSubMenuModelsBoxster.MacanModelSubMenu:before {
        background-position: 0 -610px;
    }
    .linkSubMenuModelsBoxster.CayenneModelSubMenu:before {
        background-position: 0 -285px;
    }
    .linkSubMenuModelsBoxster {
        line-height: 5.375em !important;
    }
    .linkChildBoxsterItem {
        line-height: 2.429em !important;
        border-bottom: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        margin-top: -1px;
    }
    /* small right arrow at sub menu */
    
    li.subMenuModelsBoxster > a.linkSubMenuModelsBoxster:after,
    li.childBoxsterItem > a.linkChildBoxsterItem:after {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 25px;
        padding-right: 12px;
        margin-top: -2px;
    }
    li.childBoxsterItem > a.linkChildBoxsterItem:after {
        margin-top: -2px;
    }
    li.othersChildItem > a.linkChildBoxsterItem:after {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 25px;
        padding-right: 7px;
        margin-top: -2px;
    }
    a.imageAtLastLevel {
        padding: 0px !important;
    }
    a.imageAtLastLevel > img {
        width: 100%;
    }
    a.imageAtLastLevel > .captionAtLastLevel {
        color: #FFFFFF;
        font-size: 15pt;
        font-weight: bold;
        margin-left: 1.5em;
        margin-top: -2em;
        position: absolute;
    }
    a.imageAtLastLevel > .captionAtLastLevel:before {
        color: #d5001c;
        content: "\f054";
        margin-right: 3px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .leftContentAtLastLevel {
        float: left;
        width: 40%;
        display: block;
        background-color: #FFFFFF;
        font-size: 14px;
    }
    .leftContentAtLastLevel:after {
        background-color: #F2F2F2;
        bottom: 0px;
        content: "";
        position: inherit;
        top: 0;
        width: 100%;
        z-index: -1;
        left: 40%;
    }
    .rightContentAtLastLevel {
        float: left;
        width: 60%;
        display: block;
        background: #F2F2F2;
        color: #000000;
    }
    .rightContentAtLastLevel tr {
        display: block;
        padding-bottom: 8px;
        padding-top: 5px;
        width: 100%;
    }
    .rightContentAtLastLevel tr td {
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        line-height: 22px;
        width: 100%\9;
        float: left\9;
    }
    .rightContentAtLastLevel tr td:last-child {
        padding-bottom: 10px;
    }
    .blackLinkAtLastLevel,
    .blueLinkAtLastLevel {
        padding-left: 2.25em;
        line-height: 3em;
        display: block;
        color: #000000 !important;
        font-weight: normal !important;
    }
    .blueLinkAtLastLevel,
    .blueLinkAtLastLevel > span {
        color: #3A6B9B !important;
    }
    .blackLinkAtLastLevel:hover,
    .blueLinkAtLastLevel:hover {
        text-decoration: none !important;
    }
    .blackLinkAtLastLevel:hover span,
    .blueLinkAtLastLevel:hover span {
        color: #d5001c;
    }
    .blackLinkAtLastLevel span:before {
        content: "\f054";
        color: #d5001c;
        margin-top: 4px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .blueLinkAtLastLevel span:before {
        content: "\f054";
        color: #3A6B9B;
        margin-top: 4px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .divBlueLinksAtLastLevel {
        margin-top: 1.25em;
    }
    .myNavbarNav > li:first-child:after {
        border-right: 1px solid #000000;
        content: "\00a0";
        position: absolute;
        right: 0;
        top: 20px;
    }
    /**** Shopping Tools ****/
    
    .shippingToolsContent {
        display: none;
        background: #2A4B6D;
        left: 0;
        position: absolute;
        right: 0;
        top: 130px;
        padding-top: 50px;
        padding-left: 6.14286%;
        color: #FFFFFF;
        padding-bottom: 100px;
    }
    .shippingToolsContent .container {
        padding-left: 0;
        padding-right: 5em;
    }
    .shippingToolsContent .headingShippingToolsContent {
        font-size: 20px !important;
        font-family: 'PorscheNextThin', 'Arial Narrow', sans-serif;
        margin-top: 10px;
        margin-bottom: 15px;
        color: #FFFFFF !important;
    }
    .oneChildItemInShippingContent {
        border-top: 1px solid #405D7B;
        border-bottom: 1px solid #405D7B;
        display: block;
        color: #FFFFFF !important;
        text-decoration: none;
        outline: none;
        padding-top: 1px;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent:hover,
    .oneChildItemInShippingContent:focus {
        background: #687D92;
        color: #FFFFFF !important;
        text-decoration: none;
        outline: none;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent div {
        margin: 10px 11px 10px 10px;
        color: #FFFFFF !important;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent div:before {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 20px;
        padding-right: 20px;
        margin-top: -6px;
    }
    .oneChildItemInShippingContent div i {
        display: inline-block !important;
    }
    .carConfigurator,
    .modelComparison,
    .paymentEstimator,
    .searchInventory {
        margin-left: -10px;
    }
    .carConfigurator {
        padding-right: 5px;
    }
    .modelComparison {
        padding-right: 5px;
    }
    .paymentEstimator {
        padding-right: 5px;
    }
    .searchInventory {
        padding-left: 2px;
        padding-right: 7px;
    }
    .itemShippingNoBorderTop {
        border-top: none;
    }
    .biggerTextCarouselCaption,
    .biggerTextCarouselCaption:hover {
        font-size: 42px;
        line-height: 46px;
    }
    .biggerTextCarouselCaption:before {
        font-size: 33px;
        margin-left: -34px;
    }
    .smallerTextCarouselCaption {
        font-size: 26px;
        line-height: 28px;
    }
    /**************************************/
    /********START FOLLOWING PAGES*********/
    /**************************************/
    
    .fixedNavigation {
        left: -42px;
        top: 231px;
        transition-property: left;
        -webkit-transition-property: left;
    }
    .fixedNavigation.move {
        left: 0;
    }
    .fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul {
        left: 41px;
    }
    .listItemContentWithImageOnLeft a .longDescriptionItemContent {
        margin-top: 20px;
    }
    /**************************************/
    /*********END FOLLOWING PAGES**********/
    /**************************************/
    
    .col-md-oneSeventh {
        float: left;
    }
    .col-md-oneSeventh {
        width: 19%;
    	margin-right: 0%;
    }
	
	.myNavbar {
		width: 100%;
	}
	
    .myNavbar .myNavbarNav > li.active > a:after {
        background: none repeat scroll 0 0 #d5001c;
        bottom: -1px;
        content: " ";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    .priceBigFontSize {
        display: inline;
    }
    .enquireText {
        line-height: 1.42857;
    }
}
@media(min-width:1200px) {
    .test {
        color: black;
    }
    .parentWrapperFormOnNavbar {
        margin-right: 7.14286%;
    }
    .navbar-brand.myBrandLogo {
		width: 123px;
		height: 75px;
		background-size: 123px auto;
		transform: translate3d(0,13px,0);
        float: none;
        max-width: none;
        background-image: url("/Media/Porsche/logo.svg");
        background-repeat: no-repeat;
        margin: 0px !important;
        position: relative;
        display: inline-block;
    }
    /**** Hovering Menu ****/
    
    ul.nav li.parentDropdownMenu:hover > ul.dropdown-menu {
        display: block;
    }
    .myNavbarNav .dropdown > .dropdown-menu:before {
        position: absolute;
        top: -10px;
        left: 26px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }
    .myNavbarNav .dropdown > .dropdown-menu:after {
        position: absolute;
        top: -9px;
        left: 26px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
        border-left: 10px solid transparent;
        content: '';
    }
    .myNavbarNav .dropdown > .dropdown-menu.firstMenuItemWithRedUpwardArrow:after {
        border-bottom: 10px solid #d5001c;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: 0px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 1px solid #DFDFDF;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
    /* Menu Items - MODELS*/
    
    .dropdown-menu {
        min-width: 330px;
        box-shadow: none;
    }
    .othersMenuContainer {
        min-width: 255px;
        box-shadow: none;
    }
    .dropdown-menu.lastLevelModelsBoxsterContainter {
        width: 157%;
    }
    .dropdown-menu.lastLevelModelsBoxsterContainter a,
    .dropdown-menu.lastLevelModelsBoxsterContainter span,
    .dropdown-menu.lastLevelModelsBoxsterContainter div,
    .dropdown-menu.lastLevelModelsBoxsterContainter p,
    .dropdown-menu.lastLevelModelsBoxsterContainter td {
        font-size: 16px;
        color: #000000;
    }
    .menuModelsContainer,
    .childModelsBoxsterContainer,
    .lastLevelModelsBoxsterContainter,
    .othersMenuContainer {
        border: 1px solid #DFDFDF;
        margin-left: -1.475em;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 0px;
    }
    .menuModelsContainer,
    .othersMenuContainer {
        border-bottom: none;
    }
    .othersMenuContainer {
        margin-left: 0;
    }
    .subMenuModelsBoxster:hover > .linkSubMenuModelsBoxster,
    .subMenuModelsBoxster:hover > .linkSubMenuModelsBoxster > span {
        background: #d5001c;
        color: #FFFFFF !important;
    }
    .childBoxsterItem:hover > .linkChildBoxsterItem {
        background: #d5001c;
        color: #FFFFFF !important;
    }
    .linkSubMenuModelsBoxster:before {
        right: 25px;
        background-image: url("/Media/Porsche/carsAndBrandLogo.png");
        background-position: 0 -873px;
        background-repeat: no-repeat;
        height: 36px;
        margin-top: -18px;
        width: 109px;
        position: absolute;
        top: 50%;
        content: "\00a0";
    }
    .linkSubMenuModelsBoxster.CaymanModelSubMenu:before {
        background-position: 0 -816px;
    }
    .linkSubMenuModelsBoxster.Nine911ModelSubMenu:before {
        background-position: 0 -759px;
    }
    .linkSubMenuModelsBoxster.Nine918SpyderModelSubMenu:before {
        background-position: 0 -343px;
        height: 45px;
        top: 40%;
    }
    .linkSubMenuModelsBoxster.PanameraModelSubMenu:before {
        background-position: 0 -460px;
    }
    .linkSubMenuModelsBoxster.MacanModelSubMenu:before {
        background-position: 0 -610px;
    }
    .linkSubMenuModelsBoxster.CayenneModelSubMenu:before {
        background-position: 0 -285px;
    }
    .linkSubMenuModelsBoxster {
        line-height: 5.375em !important;
    }
    .linkChildBoxsterItem {
        line-height: 2.429em !important;
        border-bottom: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        margin-top: -1px;
    }
    /* small right arrow at sub menu */
    
    li.subMenuModelsBoxster > a.linkSubMenuModelsBoxster:after,
    li.childBoxsterItem > a.linkChildBoxsterItem:after {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 25px;
        padding-right: 12px;
        margin-top: -2px;
    }
    li.childBoxsterItem > a.linkChildBoxsterItem:after {
        margin-top: -2px;
    }
    li.othersChildItem > a.linkChildBoxsterItem:after {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 25px;
        padding-right: 7px;
        margin-top: -2px;
    }
    a.imageAtLastLevel {
        padding: 0px !important;
    }
    a.imageAtLastLevel > img {
        width: 100%;
    }
    a.imageAtLastLevel > .captionAtLastLevel {
        color: #FFFFFF;
        font-size: 15pt;
        font-weight: bold;
        margin-left: 1.5em;
        margin-top: -2em;
        position: absolute;
    }
	
    a.imageAtLastLevel > .captionAtLastLevel:before {
        color: #d5001c;
        content: "\f054";
        margin-right: 3px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .leftContentAtLastLevel {
        float: left;
        width: 40%;
        display: block;
        background-color: #FFFFFF;
    }
    .leftContentAtLastLevel:after {
        background-color: #F2F2F2;
        bottom: 0px;
        content: "";
        position: inherit;
        top: 0;
        width: 100%;
        z-index: -1;
        left: 40%;
    }
    .rightContentAtLastLevel {
        float: left;
        width: 60%;
        display: block;
        color: #000000;
    }
    .rightContentAtLastLevel tr {
        display: block;
        padding-bottom: 8px;
        padding-top: 5px;
        width: 100%;
    }
    .rightContentAtLastLevel tr td {
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        line-height: 22px;
        width: 100%\9;
        float: left\9;
    }
    .rightContentAtLastLevel tr td:last-child {
        padding-bottom: 10px;
    }
    .blackLinkAtLastLevel,
    .blueLinkAtLastLevel {
        padding-left: 2.25em;
        line-height: 3em;
        display: block;
        color: #000000 !important;
        font-weight: normal !important;
    }
    .blueLinkAtLastLevel,
    .blueLinkAtLastLevel > span {
        color: #3A6B9B !important;
    }
    .blackLinkAtLastLevel:hover,
    .blueLinkAtLastLevel:hover {
        text-decoration: none !important;
    }
    .blackLinkAtLastLevel:hover span,
    .blueLinkAtLastLevel:hover span {
        color: #d5001c;
    }
    .blackLinkAtLastLevel span:before {
        content: "\f054";
        color: #d5001c;
        margin-top: 4px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .blueLinkAtLastLevel span:before {
        content: "\f054";
        color: #3A6B9B;
        margin-top: 4px;
        margin-right: 10px;
        font-family: 'FontAwesome';
    }
    .divBlueLinksAtLastLevel {
        margin-top: 1.25em;
    }
    /**** Shopping Tools ****/
    
    .shippingToolsContent {
        display: none;
        background: #2A4B6D;
        left: 0;
        position: absolute;
        right: 7.14286%;
        top: 130px;
        padding-top: 50px;
        padding-left: 6.14286%;
        color: #FFFFFF;
        padding-bottom: 100px;
    }
    .shippingToolsContent .container {
        padding-left: 0;
        padding-right: 5em;
        width: 100%;
    }
    .shippingToolsContent .headingShippingToolsContent {
        font-size: 20px !important;
        font-family: 'PorscheNextThin', 'Arial Narrow', sans-serif;
        margin-top: 10px;
        margin-bottom: 15px;
        color: #FFFFFF !important;
    }
    .oneChildItemInShippingContent {
        border-top: 1px solid #405D7B;
        border-bottom: 1px solid #405D7B;
        display: block;
        color: #FFFFFF !important;
        text-decoration: none;
        outline: none;
        padding-top: 1px;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent:hover,
    .oneChildItemInShippingContent:focus {
        background: #687D92;
        color: #FFFFFF !important;
        text-decoration: none;
        outline: none;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent div {
        margin: 10px 11px 10px 10px;
        color: #FFFFFF !important;
        font-weight: normal;
        font-size: 16px;
    }
    .oneChildItemInShippingContent div:before {
        position: absolute;
        right: 0;
        left: auto;
        content: '\203A';
        font-size: 20px;
        padding-right: 20px;
        margin-top: -6px;
    }
    .oneChildItemInShippingContent div i {
        display: inline-block !important;
    }
    .carConfigurator,
    .modelComparison,
    .paymentEstimator,
    .searchInventory {
        margin-left: -10px;
    }
    .carConfigurator {
        padding-right: 5px;
    }
    .modelComparison {
        padding-right: 5px;
    }
    .paymentEstimator {
        padding-right: 5px;
    }
    .searchInventory {
        padding-left: 2px;
        padding-right: 7px;
    }
    .itemShippingNoBorderTop {
        border-top: none;
    }
    .biggerTextCarouselCaption,
    .biggerTextCarouselCaption:hover {
        font-size: 60px;
        line-height: 70px;
    }
    .biggerTextCarouselCaption:before {
        font-size: 37px;
        margin-left: -37px;
    }
    .smallerTextCarouselCaption {
        font-size: 25px;
        line-height: 30px;
    }
    /**************************************/
    /**************************************/
    /**************************************/
    /**************************************/
    /********START FOLLOWING PAGES*********/
    /**************************************/
    /**************************************/
    /**************************************/
    /**************************************/
    
    .fixedNavigation {
        left: -42px;
        top: 231px;
        transition-property: left;
        -webkit-transition-property: left;
    }
    .fixedNavigation.move {
        left: 0;
    }
    .fixedNavigation .MemberNavigation .smallItemFixedNavigation:first-child > ul {
        left: 41px;
    }
    .listItemContentWithImageOnLeft a .longDescriptionItemContent {
        margin-top: 40px;
    }
    /**************************************/
    /**************************************/
    /**************************************/
    /**************************************/
    /*********END FOLLOWING PAGES**********/
    /**************************************/
    /**************************************/
    /**************************************/
    /**************************************/
    
    .col-lg-oneSeventh {
        float: left;
    }
    .col-lg-oneSeventh {
        width: 19%;
    	margin-right: 0%;
    }
    .col-lg-oneSeventh.col-md-oneSeventh {
        display: inline-block;
        position: relative;
        padding-left: 0;
    }
    div.oneSeventhPartWrapper {
		position: absolute;
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	opacity: 0;
    	background-color: rgba(25,31,34,.5);
    	transition: all .5s;
    	z-index: 100;
    }
    div.oneSeventhPartWrapper.showBorderOneSeventh {
        cursor: pointer;
    }
    div.oneSeventhPartWrapper.showBorderOneSeventh {
        opacity: 100;
    }
    div.oneSeventhParInnertWrapper {
    	padding: 25px 0 25px 25px;
    	text-align: left;
    	overflow: hidden;
    }
    .linkAtOneSeventh {
        visibility: hidden;
    }
    .linkAtOneSeventh.showLinkOneSeventh {
        padding-left: 0;
        line-height: 1.8;
        display: block;
        visibility: visible;
        animation-name: slideUp;
    	animation-duration: .24s;
    	animation-fill-mode: forwards;
    }
	.linkAtOneSeventh.m-107-tile-headline.showLinkOneSeventh {
        display: block !important; top: 40px; line-height: 1;
    }
    .m-107-info__link-wrapper a span {
        color: #fff !important;
        line-height: 1em;
    }
    .m-107-info__link-wrapper a:hover span {
        color: #d5001c !important;
    }
    
    .m-107-info__link-wrapper a:hover span {
        color: #d5001c !important;
    }
    
    .linkAtOneSeventh.showLinkOneSeventh:nth-child(1) {
    	animation-delay: .1s;
	}
	.linkAtOneSeventh.showLinkOneSeventh:nth-child(2) {
   	 	animation-delay: .2s;
	}
	.linkAtOneSeventh.showLinkOneSeventh:nth-child(3) {
   		 animation-delay: .3s;
	}
	@keyframes slideUp {
    	from {
        	transform: translate3d(0, 40%, 0);
    	}
    	to {
        	transform: translate3d(0, 0, 0);
        	opacity: 1;
    	}
	}
    .wrapperCarDetail .leftContentCarDetail img.img-responsive {
        width: 100%;
    }
    .myNavbar .myNavbarNav > li.active > a:after {
        background: none repeat scroll 0 0 #d5001c;
        bottom: -1px;
        content: " ";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    .priceBigFontSize {
        display: inline;
    }
    .enquireText {
        line-height: 1.42857;
    }
	.m-128-shopping-tools__tile:first-of-type {
    	width: 39%;
	}
	.shopping-tools-headline {
    	line-height: 30px;
   		font-size: 24px;
	}
}

.line-item{
	height: 1px;
    width: 90%;
    background: #ccc;
    text-align: center;
    margin-left: 15px;
}

.item-menu-module-container{
    min-width: 330px;
    height: 100%;
    z-index: 1;
    position: absolute;
  	background: rgba(255, 255, 255, 0.9);
}

.last-level-item-menu{
  	position: relative;
  	margin-top: 20px;
}

.last-level-item-menu a:first-child{
  	margin-top: 20px;
}

.last-level-item-menu-caption:hover{
  	background-color: #d5001c;
    color: #fff;
	border-bottom: transparent;
	opacity: 1;
}

.last-level-item-menu a .active{
  	background-color: #d5001c;
    color: #fff;
	border-bottom: transparent;
	opacity: 1;
}

.last-level-item-menu-caption{
  	padding-left: 30px;
  	padding-right: 15px;
  	padding-top: 8px;
  	padding-bottom: 8px;
}

.flyout-image{
  	position: absolute;
  	width: 100%;
    height: 53%;
}

.flyout-model-image{
  	width: 54%;
    max-width: 54%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate3d(290px,26%,0);
    z-index: 2;
}

.flyout-background{
  	overflow: hidden;
}

.flyout-data{
  	position: absolute;
  	width: 100%;
    height: 35%;
  	z-index: 2;
  	float: none;
  	display: table;
  	padding-top: 60px;
}

.flyout-data-item{
  	vertical-align: top;
    display: table-cell;
    float: none;
  	padding-left: 24px;
  	border-left: 1px solid #ccc;
}

.flyout-data-item-price{
	border: none;
  	min-width: 210px;
}

.flyout-data-item .data-value{
  	font-size: 28px;
  	line-height: 32px;
  	color: #000;
}

.flyout-data-item .data-title{
  	font-size: 14px;
}

.flyout-link{
  	display: table-cell;
  	float: none;
    padding-bottom: 0;
	text-align: center;
}

.flyout-data-link{
  	clear: both;
    float: right;
    margin-bottom: 2px;
}

.flyout-data-link a{
  	border: 1px solid #e3e4e4;
    padding-top: 13px;
    padding-bottom: 13px;
    min-width: 170px;
    float: right;
    line-height: 1;
	margin-left: 2em;
    margin-right: 1.375em;
}

.flyout-data-link a:hover span{
	color: #d5001c;
}

.m-60-explore{
	background: #d5001c;
}

.m-60-explore span{
	color: #fff !important;
}

.flyout-data-link a span{
    display: inline-block;
    width: 100%;
  	margin: 0;
    margin-left: 6px;
    text-align: left;
    line-height: inherit;
}

.flyout-text{
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 2;
}

.flyout-text span{
  	font-size: 14px;
}

.flyout-text span{
	padding-left: 24px;
}

.flyout-link-bottom{
  display:none;
}

.last-level-item-menu-caption:after {
  content: "\e024" !important;
  right: 0;
  font-size: 16px;
  left: auto;
  position: absolute;
  padding-right: 12px;
  font-family: 'pag-iconfont' !important;
  margin-top: -2px;
  }

.menuModelsContainer > .dropdown-submenu > .dropdown-menu {
  	border: none !important;
}

.menuModelsContainer{
  	height: 644px;
}

.menuModelsContainer > .dropdown-menu{
  	border: none !important;
}

.m-60-build span:before{
  	content: "\e02e" !important;
    font-size: 26px;
  	padding-right: 5px;
    font-family: 'pag-iconfont';
  	position: relative;
  	top: 6px;
}

.m-60-compare span:before{
  	content: "\e035" !important;
    font-size: 26px;
  	padding-right: 5px;
    font-family: 'pag-iconfont';
  	position: relative;
  	top: 6px;
  	font-weight: 500;
}

.m-60-explore span:before{
  	content: "\e024" !important;
    font-size: 16px;
  	padding-right: 5px;
  	padding-left: 10px;
    font-family: 'pag-iconfont';
  	position: relative;
  	top: 2px;
}

@media only screen and (max-width: 1199px) and (min-width: 768px){
  	.flyout-data{
      	display: block;
  	}
  
  	.flyout-link{
      	display:none;
  	}
  
  	.flyout-link-bottom{
      	display:block;
      	position: absolute;
      	z-index: 2;
      	bottom: 30px;
      	display: flex;
        align-items: right;
        width: 100%;
        justify-content: flex-end;
  	}
  
  	.flyout-data-link-bottom{
      	float: right;
  	}
  
  	.flyout-data-link a{
      	margin-left: 2px;
      	margin-right: 2px;
      	padding-top: 8px;
    	padding-bottom: 8px;
      	min-width: auto;
  	}
  
  	.flyout-data-link a span{
      	font-size: 14px;
      	padding-right: 15px;
  	}
  
  	.flyout-data-item .data-value{
      	font-size: 22px;
      	line-height: 26px;
  	}
}

.mobile-menu{
  	display: none;
}

@media only screen and (max-width: 767px){
  	#site-menus{
      	display: none;
  	}
  
  	.mobile-menu{
      display: block;
  	}
}

.flyout-data-item-price .gui-btn-with-arrow {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    cursor: pointer;
    background-color: #313639;
    display: inline-block;
    color: #fff;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 21px;
  	transition: background-color .24s;
  	min-width: 170px;
}

.flyout-data-item-price .gui-btn-with-arrow span {
    color: #fff;
}

.flyout-data-item-price .gui-btn-with-arrow:hover {
    background-color: #d5001c;
  
}

.gui-btn-with-arrow span:before  {
  	content: "\e024";
    text-align: center;
    padding-right: 5px;
    padding-left: 19px;
    line-height: inherit;
    vertical-align: bottom;
  	font-family: 'pag-iconfont';
}

.flyout-data-item-price .no-price {
	display: none;
  	font-size: 28px;
}

/**************************************/
/********* Over play page when menu hover over ***************/
/**************************************/

.b-page-overlay{
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    background-color: transparent;
    zoom: 1;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    top: 65px;
    z-index: 19;
    display: none; 
}

.m-01-main-navigation-show-overlay {
    display: block;
    animation: m-01-main-navigation-show-overlay-animation .5s
}

@keyframes m-01-main-navigation-show-overlay-animation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.myNavbarNav .dropdown > .dropdown-menu.firstMenuItemWithRedUpwardArrow:after{
  	border-bottom: 10px solid #cc0000;
}

.table th {background: #eff0f1; font-family 'PorscheNextBold';}
.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th 
{
   border-top: 0px solid #ddd; 
   border-bottom: 1px solid #eff0f1; 
}

#vehicle-compare-content table th
{
   background-color: white;
}


/*----------------- Set width Iframe Book-a-Service -----------------*/ 
.iframe-container{ position: relative; padding-bottom: 46%; } 
.iframe-book-service{ width: 100%; position: absolute; margin: auto; } @media(max-width: 1200px){ .iframe-container{ padding-bottom: 50%; } } @media(max-width: 1100px){ .iframe-container{ padding-bottom: 55%; } } @media(max-width: 1000px){ .iframe-container{ padding-bottom: 60%; } } @media(max-width: 900px){ .iframe-container{ padding-bottom: 70%; } } @media(max-width: 800px){ .iframe-container{ padding-bottom: 80%; } } @media(max-width: 700px){ .iframe-container{ padding-bottom: 90%; } } @media(max-width: 600px){ .iframe-container{ padding-bottom: 110%; } } @media(max-width: 500px){ .iframe-container{ padding-bottom: 140%; } } @media(max-width: 400px){ .iframe-container{ padding-bottom: 150%; } } @media(max-width: 360px){ .iframe-container{ padding-bottom: 170%; } } @media(max-width: 330px){ .iframe-container{ padding-bottom: 200%; } } @media(max-width: 250px){ .iframe-container{ padding-bottom: 230%; } } 
/*----------------- End Set width Iframe Book-a-Service -----------------*/


/* Full width iframe */
.container-iframe {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.container-iframe-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.container-iframe-4x3 {
  padding-bottom: 75%;
}

/* 19x16 Aspect Ratio */
.container-iframe-19x16 {
  padding-bottom: 78.95%;
}
 
.container-iframe iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* End of Full width iframe */