/* Base */
body { background-color:#FFFFFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-smoothing: antialiased; }
span { color:#B3B3B3; font-size:1rem; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; text-align:left; }
input { -webkit-appearance:none; border-radius:0; }
optgroup { }

a, a:focus, a:hover, a:visited, a.active { text-decoration:none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:'Barlow-Medium', 'Oswald-Medium', sans-serif; }
p, span, div { color:#2D2D2D; font-family:'Barlow-Medium', 'Oswald-Medium', sans-serif; }
p:empty { display:none !important; }

.mbt { display:none; }

.grey  { background:linear-gradient(2.22deg, #EEEEEE 0%, #EEEEEE 54.25%, #EEEEEE 100%); }
.white { background:#FFFFFF; }
.spacer { height:2rem; }

input[type="number"]:disabled { cursor:not-allowed; }

.wrapper-contain { width:100%; max-width:1280px; margin:0 auto; }
/*.site-content { margin:6rem auto 4rem; }*/
.faq-container, .legal-container,
#findAVehiclePage, .blog-contain, .site-content { margin:10rem auto 4rem; }
/* .finance-container, .automark-container, #vehicleForm { margin:0; }*/

div#findAVehiclePage .results-container .result-block .main-details.find-vehicle { box-shadow:none; border-radius:0px; }
.results-container .result-block .main-details { min-height:192px; max-height:192px; }
.results-container .result-block .main-details img { border-radius:0px; }

/* Header */
.header-wrapper { width:100%; margin:0 auto; }
.header { position:fixed; height:auto; width:100%; padding:1rem 0; z-index:999; background-color: #FFFFFF; }
.header a { color: #cd3132; }

.find-a-vehicle-page .super-filters-wrapper .car-filters-breadcrumb-bar { display:none; }

.background-banner-image { position:absolute; z-index:0; max-height:590px; overflow:hidden; top:5rem; }
.background-banner-image img { background-size:cover; }
.inner-wrapper-container { position:relative; background-color:#FFFFFF; border-radius:13px; padding:3rem; margin:20rem auto 0; max-width:1280px; }
.grey-wrapper-container  {  position:relative; background-color:#E8E8E8; border-radius:13px; padding:3rem; margin:0 auto 3rem; max-width:1280px; }

.underlay { position:absolute; top:0; left:0; width:100%; height:100%; 
            background: -moz-linear-gradient(left,  rgba(0,0,0,0.7) 0%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right,  rgba(0,0,0,0.7) 0%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
}

.vertical-slides-container > .slide { border-bottom:none; }

/* Navigation */
.flag-sa { background: url('../img/flag-south-africa.png'); background-size: cover; background-repeat: no-repeat; width:25px; height:25px; }
.flag-botswana { background: url('../img/flag-botswana.png'); background-size:cover; background-repeat:no-repeat; width:25px; height:25px; }
.flag-namibia  { background: url('../img/flag-namibia.png'); background-size:cover; background-repeat:no-repeat; width:25px; height:25px; }

.favourites-tag { background-color:#D1021E; padding:5px 8px; font-weight:600; font-size:10px; color:#FFFFFF; border-radius:30px; margin:0 0 0 0.5rem; }

.user-nav { position:relative; height:30px; z-index:6; background-color:#FFFFFF; color:#CD313B; display:flex; justify-content:flex-end; width:100%; max-width:1270px; margin:0 auto; }
.user-nav a, 
.user-nav a:hover { color:#7B7B7B; text-decoration:none; -webkit-text-stroke:0.5px rgba(0,0,0,0.1) }
.user-nav div { display:inline-flex; position:relative; align-items:center; width:auto; padding:0 1rem; text-transform:uppercase; color: #7B7B7B; font-size:0.8rem; letter-spacing:0.5px; cursor:pointer; }
.user-nav div:first-child::after { content:""; position:absolute; right:0; height:0.8rem; border-right: 2px solid #E8E8E8;}
.user-nav select { border:none; }

.top-nav-container { background-color: #FFFFFF; color: #cd3132; width:100%; max-width:1280px; margin:0 auto; }
.top-nav-bar .logo { }
.top-nav-bar { z-index:6; background-color:#FFFFFF; color:#cd3132; position:fixed; left:0; right:0; width:100%; text-align:right; -webkit-box-shadow:0 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow:0 5px 5px 0px rgba(0, 0, 0, 0.1); }
.top-nav-bar nav .site-nav li a { color:#2D2D2D; }
.top-nav-bar nav .site-nav li a.selected { color:#D1021E; }
.site-nav-icon { position:absolute; left:-3.5rem; bottom:20px; width:30px; }

.desktop .top-nav-bar nav  { position:relative; display: flex; height:100%; align-items:flex-end; justify-content:flex-end; }
.top-nav-bar nav .site-nav { position:relative; vertical-align:top; opacity:0; visibility:hidden; height:auto; margin-bottom:0;  }
.shortlist-page .secondary-nav { display:none; }

.top-nav-bar nav .site-nav li a:hover:after,
.top-nav-bar nav .site-nav li a.selected:after { content:''; opacity:1; width:80%; height:100%; border-bottom:4px solid #D1021E; position:absolute; left:10%; right:0; bottom:0; display:block; 
                                                -webkit-transition:all .265s cubic-bezier(.39, .58, .57, 1) .6; 
                                                -moz-transition:all .265s cubic-bezier(.39, .58, .57, 1) .6; 
                                                -ms-transition:all .265s cubic-bezier(.39, .58, .57, 1) .6; 
                                                -o-transition:all .265s cubic-bezier(.39, .58, .57, 1) .6; 
                                                transition:all .265s cubic-bezier(.39, .58, .57, 1) .6; }

/* Profile */
.modal-contain .profile { margin:0% auto; }
.modal-contain { margin:13rem auto 4rem; }
.modal-container,
.modal-content { height:100%; overflow:hidden; padding:2rem; margin:20% auto; background-color:#FFFFFF; border-radius:13px; box-shadow:0 0 12px 0 rgba(0,0,0,0.34); }
.modal-container a { color:#D1021E; text-decoration:underline; }
.modal-container p { display:block; color:#2D2D2D; font-size:0.8rem; font-weight:600; margin-bottom:0; }
.modal-contain h3{ text-align:center; font-weight:600; color:#D1021E; }
.modal-contain h4{ text-transform:capitalize; text-align:left; color:#2D2D2D; font-size:1.75rem; font-weight:100; margin:1rem 0 2rem 0; }
.modal-container span,
.modal-content span { display:block; color:#2D2D2D; letter-spacing:0.5px; font-weight:600; font-size:0.8rem; margin:0.5rem 0; } 
.modal-container .alert-preferences span,
.modal-content .alert-preferences span{ color:#B3B3B3; letter-spacing:0.5px; }
.modal-container label,
.modal-content label { display:block; width:100%; color:#2D2D2D; }
.modal-container input[type="text"],
.modal-container input[type="email"],
.modal-container input[type="password"],
.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content input[type="password"]{ width:100%; padding:0.5rem; font-size:0.8rem; font-weight:600; color:#2D2D2D; border-radius:2px; background-color:#FFFFFF; border:1px solid #D5D5D5; }

.modal-container label,
.modal-content label { display:block; margin-bottom:0.5rem; margin-top:1rem; }
.modal-container select, 
.modal-content select { width:100%; border:1px solid #D5D5D5; width:100%; margin:0 auto; font-size:0.9rem; }
.modal-container button.button-primary,
.modal-content button.button-primary{ width:100%; max-width:190px; margin:1rem auto; }
.modal-container .close,
.modal-content .close{ position:absolute; border-radius:30px; border:1px solid #D1021E; color:#D1021E; height:45px; width:45px; top:15px; right:30px; opacity:1; }
.modal-container .modal-body,
.modal-content .modal-body{ padding:0; }
.modal-container .modal-body input, 
.modal-content .modal-body input{ width:100%; padding:0.5rem; font-size:0.8rem; font-weight:600; margin-bottom:1rem; color:#2D2D2D; border-radius:2px; background-color:#FFFFFF; border:1px solid #D5D5D5; }
.modal-container .modal-body select { text-transform:uppercase; }
.modal-container .col-md-6,
.modal-content .col-md-6{ padding-left:0; padding-right:0; }
.modal-container .col-md-6:first-of-type,
.modal-content .col-md-6:first-of-type{ padding-right:0.5rem; }

.modal-container .modal-body select.transmission-item-container,
.modal-container .modal-body select.fuel-item-container,
.modal-content .modal-body select.transmission-item-container,
.modal-content .modal-body select.fuel-item-container { margin-bottom:1rem; }
.profile-alerts { height: 100%; overflow: hidden; padding: 2rem; border-radius: 13px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.34);}
.alert-list { padding: 1rem; border-radius: 13px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.34); background-color: #ffffff; margin: 2rem; display: flex;}


input[type="checkbox"] { padding:0 0.5rem; -webkit-appearance:none; height:2rem; width:2rem !important; cursor:pointer; position:relative; -webkit-transition:.15s; border-radius:0; background-color:#FFF;
 border-radius:2px; border:1px solid #D5D5D5; }
input[type="checkbox"]:checked { background-color:#D1021E; }
input[type="checkbox"]:before, 
input[type="checkbox"]:checked:before { top:0; left:0; width:100%; height:100%; text-align:center; color:#FFFFFF; content:'✔'; border:none; padding:0; }
input[type="checkbox"]:hover:before   { background:rgba(255,255,255,0.3); }

/* Homepage */
.homepage-slider-containers {}
.homepage-slider-content { margin:0 auto; }

#landing-slide-one { position:relative; max-height:600px; min-height:600px; width:100%; background-image:url('../img/bg/img-homepage-hilux.jpg'); background-size:cover; background-repeat:no-repeat; background-position:0 -25%; }
.landing-slide-one-content { position:absolute; left:0; width:100%; top:0; }
.landing-slide-one-content-contain { max-width:1280px; margin:12rem auto 0; /*margin:15% auto 0;*/ }
#landing-slide-three { display:flex; align-items:center; background:linear-gradient(3.75deg, #FEFEFE 0%, #EEEEEE 54.25%, #E8E8E8 100%); padding:60px 0; }
#landing-slide-two,
#landing-slide-four, 
#landing-slide-five { display:flex; align-items:center; height:100%; }
#landing-slide-five .results-container .result-block-wrapper { margin-top:0.5rem; }

#landing-slide-two,
#landing-slide-five { margin-top:3rem; }

.result-block-wrapper.home-result-block-wrapper { border:none !important; box-shadow:0 2px 16px 0 rgba(45,45,45,0.15); }
.results-container .result-block .main-details-home { display:flex; max-height:295px; height:100%; border-radius:3px 3px 0 0; overflow:hidden; }
.results-container .result-block .main-details-home > img { -webkit-background-size:cover; 
                           -moz-background-size:cover; 
                           -o-background-size:cover; 
                           background-size:cover; background-repeat:no-repeat; min-width:100%; min-height:100%; }
.results-container .result-block .main-details { border-radius:1px; }
/*.results-container .result-block .main-details img { min-height:192px; max-height:192px; }*/
.home-minor-details{ height:100%; padding:0.9rem 1rem; }

.home-post-listitem-category { color:#D1021E; font-weight:600; line-height:2rem; text-transform:uppercase; letter-spacing:1px; font-size:0.8rem; }
.home-post-listitem-date { color:#B3B3B3; line-height:2rem; font-size:0.8rem; text-transform:uppercase; text-align:left; }
.home-post-listitem-title{ color:#414346; font-weight:600; font-size:0.9rem; text-transform:uppercase; }
p.home-post-listitem-excerpt { color:#7B7B7B; font-size:0.8rem; letter-spacing:0.35px; }

.home-minor-details-articles { padding:0 1rem; }
.home-minor-details-articles .home-listitem-category { color:#D1021E; font-weight:600; text-transform:uppercase; font-size:0.8rem; margin-bottom:0.5rem; letter-spacing:1px; }
.home-minor-details-articles .home-listitem-date { color:#B3B3B3; font-size:0.8rem; text-transform:uppercase; letter-spacing:0.5px; }
.home-minor-details-articles .home-listitem-title{ color:#414346; font-weight:600; text-transform:uppercase; font-size:0.9rem; }

.home.content-section { border-bottom:2px solid #E8E8E8; margin:0; padding:0.5rem 1rem 0.5rem 0; }

.vertical-slides-container > .slide article a.action-button.news-and-reviews-link { position:relative; width:100%; margin:0 0 1rem 0; padding:0 1rem; text-align:right; color:#D1021E; text-decoration:underline; font-weight:600; letter-spacing:0.5px; }
.vertical-slides-container > .slide article a.action-button.news-and-reviews-link:after { content:""; background-image:url('../img/img-footer-pseudo.svg'); background-repeat:no-repeat; font-size: 12px; color: #D1021E; font-weight: bold; position: absolute; right:0; height:10px; width:10px; margin-top:3px; }

.tab-module { position:relative; width:600px; text-align:center; background-color:#EEEEEE; padding:0 1rem; border-radius:0 0 5px 5px; text-decoration:none; }
.tab-module-header { position:absolute; display:inline-flex; border:none; text-decoration:none; color:inherit; width:100%; top:-44px; left:0; }
.tab-module-header .active:after { display:none; }
.tab-module .tab-content select,
.tab-module .tab-content label  { width:100%; text-transform:uppercase; font-weight:100; letter-spacing:0.5px; }
.tab-module .tab-content select { text-transform:uppercase; }

.tab-module .homepage-rzslider .rzslider .rz-bubble { visibility:hidden !important; }
.tab-content .homepage-rzslider .max-value.ng-binding,
.tab-content .homepage-rzslider .min-value.ng-binding { width:auto; margin-bottom:0; }
.tab-content .range-slider-lhs { margin-bottom:0; }
.tab-content .homepage-rzslider .input-block { margin-bottom:0; }

.tablink { border:none; box-shadow:inset 1px 0 23px 0 rgba(0,0,0,0.26); font-size:0.85rem; letter-spacing:0.5px; width:100%; max-width:300px; font-weight:600; text-transform:uppercase; padding:0.8rem 0; vertical-align:middle; overflow:hidden; cursor:pointer; background-color:#B3B3B3; border-radius:5px 5px 0 0; }
.tablink .hotspot-trigger .info-icon { background-color:#7B7B7B; color:#FFFFFF; border-radius:30px; font-size:0.8rem; }
.tab-active { color:#D1021E; background-color:#EEEEEE; box-shadow:none; }
.tab-active .hotspot-trigger .info-icon { background-color:#D1021E; color:#FFFFFF; border-radius:30px; font-size:0.8rem; }
.tab-module .tabs { background-color:#EEEEEE; }
.tab-module .tab-header { margin-bottom:0rem !important; color:#2D2D2D; background-color:#EEEEEE; }
.tab-module .tab-content label { width:100%; }

/* You May Also Like */
.you-may-also-like { text-align:center; position:relative; margin:0 0 0 -10px; }
.you-may-also-like header { position:relative; display:inline-block; z-index:1; position:relative; margin:1rem 0; text-align:left; text-transform:uppercase; width:100%; }
.you-may-also-like header:before { content:' '; position:absolute; bottom:40%; left:0; width:100%; height:2px; background:#E8E8E8; z-index:0; }
.you-may-also-like header span { position:relative; color:#7B7B7B; background:#FFFFFF; padding:0 1rem 0 0; z-index:2; font-size:1.8rem; font-weight:500; text-transform:initial; line-height:unset; }

/* Tab Headings */
.tab-headings { text-align:center; position:relative; }
.tab-headings header { display:inline-block; z-index:1; position:relative; margin-top:1rem; margin-bottom:1.5rem; text-align:left; text-transform:uppercase; width:100%; }
.tab-headings header:before { content:' '; position:absolute; bottom:-10px; left:0; width:100%; height:2px; background:#E8E8E8; z-index:0; }
.tab-headings header heading{ position:relative; color:#2D2D2D; z-index:2; font-size:1.5rem; font-weight:400; text-transform:initial; line-height:24px; }
.tab-headings header span   { position:absolute; bottom:0; right:0; color:#7B7B7B; font-size:0.8rem; letter-spacing:0.5px; font-weight:400; font-style:italic; text-transform:initial; }

/* Slider */
.results-container, .content-container { max-width:1280px; margin:0 auto; }
.wrapper-contain.results-container { border-top:none; padding-top:0; }
.slide-container-content { position:relative; max-width:450px; }
.slide-container-content h1 { position:relative; font-family:'Oswald-Medium', sans-serif; color:#FFFFFF; font-size:52px; font-weight:bold; letter-spacing:3px; padding-left:1.5rem; }
.slide-container-content h1:before { content:""; position:absolute; left:0; bottom:0; border-left:0.5rem solid #D1021E; height:95%; }

.cta-column { width:20%; height:100%; margin-bottom:3rem; }
.cta-column p,
.cta-column span { text-align:center; font-size:1rem; color:#2D2D2D; font-weight:500; margin:0 auto; width:80%; }
.cta-column img  { max-width:102px; display:flex; margin:0 auto; }

.cta-column { position:relative; }
.cta-column:after { position:absolute; content:""; bottom:20px; right:0; height:65px; border-right:2px solid #C8C8C8; }
.cta-column:last-child:after { border-right:none; }

.cta-row { display:flex; justify-content:space-between; width:100%; height:auto; margin:auto; }
.cta-row:after { content:""; display:table; clear:both; height:auto; }

.slidecontainer { width:100%; }
.slider { -webkit-appearance:none; width:100%; height:4px; border-radius:2px; background:#d3d3d3; outline:none; opacity:0.7; -webkit-transition:.2s; transition:opacity .2s; }
.slider:hover { opacity: 1; }
.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #d33; cursor: pointer; }
.slider::-moz-range-thumb { width:25px; height:25px; border-radius: 50%; background: #d33; cursor: pointer; }

.finance-hollard-wrapper { max-width:1280px; margin:1rem auto; }
.finance-hollard { background-color:#FFFFFF; color:#7B7B7B; width:100%; padding:1rem; }
.finance-hollard h4   { font-size:1rem; font-weight:600; color:#2D2D2D; text-transform:unset; margin-bottom:0.5rem; }
.finance-hollard img  { box-shadow:0 2px 14px 0 rgba(0,0,0,0.2); border-radius:5px; padding:1rem 2.5rem; }
.finance-hollard span { font-style:italic; margin-bottom:0.5rem; }
.finance-hollard .column-1,
.finance-hollard .column-2 { margin:1rem 0; padding:0; font-size:0.8rem; line-height:1.5rem; }
.finance-hollard .column-1 { position:relative; }
.finance-hollard .column-1:after { content:""; position:absolute; top:0; right:15%; height:100%; border-right:1px solid #E8E8E8; }
.finance-hollard .column-2 {}

.monthbutton { color: #cccccc; }

/* Icons */
i.icon-star.demo-icon { display:inline-flex; align-items:center; font-size:1rem; width:30px; height:30px; border-radius:100%; box-shadow: 0 1px 6px 0 rgba(45,45,45,0.16); transition:all 400ms ease-in-out; }
i.icon-star.demo-icon:hover,
span.save-to-shortlist-button.is-shortlisted > i.icon-star.demo-icon { content:''; background-color:#D1021E; -webkit-text-fill-color:#FFFFFF; 
                                                                       -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); 
                                                                       border:1px solid #D5D5D5; box-shadow:0 1px 6px 0 rgba(0,0,0,0.16); }
i.icon-star.demo-icon:hover::before, 
span.save-to-shortlist-button.is-shortlisted { color:#FFF; -webkit-text-fill-color:#FFFFFF;}

.description regular-text { display:inline-flex; align-items:flex-start; }
.save-to-shortlist-button { display:inline-flex; justify-content:flex-end; width:18%; }
span.bull { color:#B3B3B3 !important; width:4px!important }

/* Content Area */
.faq-container h3,
.automark-container h3,
.automark-container h4,
.finance-container h3 { text-align:center; color:#D1021E; text-transform:initial; font-weight:600; }
.automark-container h4 { font-size:2.125rem; margin-top:2rem; }
.automark-container p  { text-align:center; }
.automark-container-wrapper  { margin:2rem 0; }
.automark-container-benefits { width:100%; height:100%; display:flex; align-items:center; padding:2rem 0; border-bottom:1px solid #E8E8E8; }
.automark-container-benefits:last-of-type { border-bottom:none; }
.automark-container-benefits p { text-align:left; }
.automark-container-benefits .ico { margin:1rem auto 1rem; }

/*.results-content { margin-bottom:1.5rem; }*/
.results-container .result-block .minor-details { text-align:left; }
.results-container .result-block .minor-details .location { text-transform:capitalize; font-size:0.8rem !important; text-align:left; }
.results-container .result-block .minor-details .insurance-estimate { margin-bottom:1rem; }
.results-container .result-block .minor-details .vehicle-tags { display:flex !important; justify-content:space-between; }

/* Create List Alert */
.list-alert { width:100%; background-color:#FFFFFF; box-shadow:0 0 8px 0 rgba(0,0,0,0.29); border-radius:5px; padding:1rem; }
.list-alert .button-primary { display:block; color:#FFFFFF; border-radius:30px; background-color:#D1021E; width:70%; margin:1rem auto; }
.list-alert p { font-size:0.95rem; color:#7B7B7B; }
.list-alert label { display:block; display:-ms-inline-flexbox; font-size:0.85rem; margin-bottom:0.5rem; margin-top:1rem; }
.list-alert input,
.list-alert input[type="email"] { width:100%; padding:0.35rem 0.5rem; border-radius:2px; background-color:#FFFFFF; border:1px solid #D5D5D5; }
.list-alert span a { display:block; text-align:center; color:#D1021E; font-size:0.8rem; font-weight:bold; letter-spacing:0.1px; text-decoration:underline !important; margin:1rem; }
.underlined-link { display:block; text-align:center; color:#D1021E !important; font-size:0.8rem; font-weight:bold; letter-spacing:0.1px; text-decoration:underline !important; margin:0.2rem 0 0 0; }
.profile-alert-list{ width:100% !important;}
.list-alert h4.contact-title { font-family:'Barlow-Bold', 'Oswald-Bold',sans-serif; text-transform:unset; font-size:1.25rem; }
::placeholder { opacity:0.9; font-style:italic; }
:-ms-input-placeholder { opacity:0.9; font-style:italic; }
::-ms-input-placeholder { opacity:0.9; font-style:italic; }
option.italic { opacity:0.9; font-style:italic; }

/* Carousel */
.carousel-image { width:100%; max-width:1280px; max-height:350px; overflow:hidden; }
.carousel-image  img { width:100%; }

/* Accordion */
.accordion { position:relative; color: #444; cursor: pointer; width: 100%; border: none; text-align: left; outline: none; font-size: 1rem; padding:1rem 1rem 1rem 0; transition: 0.4s; border-bottom: 1px solid #ddd; }
.accordion:after { position:absolute; right:0; content:'\002B'; color:#777; font-weight:bold; border:0.5px solid #D5D5D5; box-shadow:0 0 10px 0 rgba(156, 156, 156, 0.22); padding:3px 10px; }
.active:after { content: "\2212"; background-color: #D1021E; color:#FFF; }

.panel span { display:block; font-weight:500; color:#7B7B7B; font-size:0.8rem; letter-spacing:0.5px; padding:0.5rem 0; }

/* Buttons */
button.button-primary { font-family: 'Oswald-Regular', sans-serif; width:100%; max-width:320px; min-width:175px; font-size:1rem; letter-spacing:2.5px; vertical-align:middle; text-align:center; text-transform:uppercase; background:#cd3132 none; 
                  background-color:#D1021E; border:2px solid #D1021E; color:#FFFFFF; text-decoration:none; padding:0.75rem 1rem 0.95rem 1rem; border-radius:30px; font-weight:bold; 
                -webkit-transition: background-color 1s ease-out;
                -moz-transition: background-color 1s ease-out;
                -o-transition: background-color 1s ease-out;
                transition: background-color 1s ease-out; }
a.button-primary { font-family: 'Oswald-Regular', sans-serif; width:100%; max-width:320px; min-width:175px; font-size:1rem; letter-spacing:2.5px; vertical-align:middle; text-align:center; text-transform:uppercase; background:#cd3132 none; 
                  background-color:#D1021E; border:2px solid #D1021E; color:#FFFFFF; text-decoration:none; padding:0.75rem 1rem 0.95rem 1rem; border-radius:30px; font-weight:bold; 
                -webkit-transition: background-color 1s ease-out;
                -moz-transition: background-color 1s ease-out;
                -o-transition: background-color 1s ease-out;
                transition: background-color 1s ease-out; }
button.button-secondary { font-family:'Oswald-Regular', sans-serif; width:100%; max-width:320px; min-width:175px; font-size:1rem; letter-spacing:2.5px; vertical-align:middle; text-align:center; text-transform:uppercase; background:#FFFFFF none; 
                 background-color:#FFFFFF; border:2px solid #D1021E; color:#D1021E; text-decoration:none; padding:0.75rem 1rem 0.95rem 1rem; border-radius:30px; font-weight:bold; 
                -webkit-transition: background-color 1s ease-out;
                -moz-transition: background-color 1s ease-out;
                -o-transition: background-color 1s ease-out;
                transition: background-color 1s ease-out; }
button.button-delete { font-family: 'Oswald-Regular', sans-serif; width: 100%; min-width: 100px; max-width: 100px; max-height: 30px; font-size: 1rem; letter-spacing: 2.5px; vertical-align: middle; text-align: center; text-transform: uppercase; background: #cd3132 none;
                background-color: #D1021E; border: 2px solid #D1021E; color: #FFFFFF; text-decoration: none; border-radius: 30px; font-weight: bold;
                -webkit-transition: background-color 1s ease-out;
                -moz-transition: background-color 1s ease-out;
                -o-transition: background-color 1s ease-out;
                transition: background-color 1s ease-out;
}

button.button-primary:hover { background-color:#FFFFFF; border:2px solid #D1021E; color:#D1021E;} 
button.button-delete:hover { background-color:#FFFFFF; border:2px solid #D1021E; color:#D1021E;}
button.button-secondary:hover { background-color:#D1021E; border:2px solid #D1021E; color:#FFFFFF;}



a.post-read-more { font-family: 'Oswald-Regular', sans-serif; display:block; max-width:175px; margin:1rem 0; padding:0.25rem 1rem 0.5rem 1rem; border-radius:30px; background-color:#D1021E; border:2px solid #D1021E; color:#FFFFFF; font-size:1.15rem; letter-spacing:2.5px; font-weight:bold; }

.thank-you-page-wrap .action-container .button-primary { display:block; max-width:338px; margin:1rem auto; border-radius:30px; background-color: #D1021E; color:#FFFFFF; }
.thank-you-page-wrap .action-container .button-primary:hover { background-color:#FFFFFF; color:#D1021E; }


/* Forms */
select { font-family: 'Oswald-Medium', sans-serif; width:100%; max-width:380px; margin:0 auto; border:1px solid #D5D5D5; text-transform:uppercase; font-size:12px; font-size:0.9rem; letter-spacing:0.5px; padding:0.5rem; -webkit-border-radius:3px; border-radius:3px; background-clip:padding-box; }
input[type="button"] { width:100%; max-width:338px; color:#FFFFFF; border:0; font-weight:bold; font-size:1rem; text-align:center; text-transform:uppercase; border-radius:30px; background-color:#D1021E; padding:1rem; }
input[type="number"] { font-size:1rem; }
optgroup[label="South Africa"] { font-weight:normal; }

.range-slider input[type="number"] { font-size:1rem; }
.tab-content .label { display:inline-flex; text-align:left; font-weight:normal; justify-content: flex-start; font-weight:bold; height:100%; width:20%; vertical-align:top; margin-bottom: 0; color: #252525; }

.wrapper-demo { margin:0; *zoom:1; font-weight:400; }
.wrapper-demo:after { clear:both; content:""; display:table; }

.no-opacity .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown { display:none; opacity:1; pointer-events:auto; }
.no-opacity .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown { display:block; }

.select-wrapper-dropdown { position:relative; width:100%; font-size:0.9rem; padding:6px 12px; background:#fff; border:1px solid #D5D5D5; border-radius:3px; box-shadow:0 1px 0 rgba(0,0,0,0.2); cursor:pointer; outline:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.select-wrapper-dropdown:after { content:""; width:0; height:0; position:absolute; top:50%; right:15px; margin-top:-3px; border-width:6px 4px 0 4px; border-style:solid; border-color:#B3B3B3 transparent; }
.select-wrapper-dropdown.active:after { background-color:transparent !important; }
.select-wrapper-dropdown .dropdown {  position:absolute; top:100%; left:0; right:0; background:#fff; border-radius:0 0 5px 5px; border-top:none; border-bottom:none; list-style:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; max-height:0; overflow:hidden; }
.select-wrapper-dropdown.dropdown li { padding:0 ; }
.select-wrapper-dropdown .dropdown li a { display:block; text-decoration:none; color:#333; padding:10px; transition:all 0.3s ease-out; }
.select-wrapper-dropdown .dropdown li i { margin-right:5px; color:inherit; vertical-align:middle; }
.select-wrapper-dropdown .dropdown li.active::after { display:none; }
.select-wrapper-dropdown .dropdown li:hover a { background-color:#D1021E; color:#FFFFFF; }
.select-wrapper-dropdown.active { box-shadow:none; border-bottom:none; }
.select-wrapper-dropdown.active .dropdown { border-bottom:1px solid rgba(0,0,0,0.2); max-height:400px; }

.btn-primary.dropdown-toggle:hover, 
.btn-primary.dropdown-toggle:focus, 
.btn-primary.dropdown-toggle.focus,
.btn-primary.dropdown-toggle { background-color:#FFFFFF; color:#555; width:100%; max-width:380px; text-align:left; border-radius:4px; border:1px solid #D5D5D5; }
.caret { position:absolute; right:10px; top:15px; }
.dropdown-menu { width:100%; padding:0; color:#555; font-size:11px; font-size:.6875rem; }
.dropdown-menu > li:hover,
.dropdown-menu > li:focus { background-color:#cd3132; color:#FFFFFF; }
.dropdown-menu > li > a { height:auto; padding:0; text-align:left; border-bottom:none; }
.dropdown-menu > li::after { display:none; }

/* Finance */
.finance-container-services { max-width:800px; width:100%; margin:0 auto; height:100%; overflow:hidden; }
.finance-container-services h5 { font-family: 'Oswald-Regular', sans-serif; font-weight:600; font-size:2rem; letter-spacing:1.05px; display:block; text-transform:uppercase; text-align:center; color:#D1021E; margin-bottom:0.8rem; padding-bottom:0.8rem; border-bottom:2px solid #E8E8E8; }
.finance-container-services .row { display:flex; width:100%; max-height:150px; margin:1rem 0;  }
.finance-container-services .col-md-12 { display:flex; }
.finance-container-services p,
.finance-container-services .benefits p { display:block; width:90%; margin:0 auto; text-align:center; font-size:0.95rem; margin-bottom:1rem; line-height:22px; }
.finance-container-services .benefits { flex:1; align-items:center; height:80%; box-shadow:0 2px 14px 0 rgba(0,0,0,0.17); border-radius:5px; padding:1rem; margin:1rem 0; }

.finance-container a.button-primary { background-color:#FFFFFF; color:#D1021E; border-radius:30px; width:100%; max-width:100%; margin:0 auto; }
.finance-container a.button-primary:hover { display:block; background-color:#e2161a; color:#FFFFFF; }

.finance-calculator-container { margin-top:2rem; width:90%; margin:0 auto; }

.finance-container .results-container .result-block .main-details { min-height:100%; max-height:100%; }
.range-slider.finance-slider { position:relative; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:2px solid #D5D5D5; }
.range-slider.finance-slider #intrestRate { position:absolute; top:0; right:0; padding:0.35rem 1rem; text-align:right; font-weight:600; color:#e2161a; border:1.5px solid #D5D5D5; background-color:#FFFFFF; border-radius:5px; max-width:152px; width:100%; }
.finance-slider.interest-slider .rz-slider-container .rz-slider .rz-ticks,
.finance-slider.balloon-slider .rz-slider-container .rz-slider .rz-ticks { display:none; }

.homepage-rzslider .rzslider .rz-bubble { font-weight:600; font-size:0.8rem; color:#252525; margin:0 0 0.5rem 0; }
span.rz-bubble.rz-limit.rz-ceil { visibility:hidden !important; }

button.monthbutton.repayment-term span { font-weight:bold; }
button.monthbutton.repayment-term.active span { color:#FFFFFF; }
button.monthbutton.repayment-term.active:after { display:none; }

.finance-repayment { display:flex; font-weight:bold; text-transform:capitalize; font-size:0.8rem; justify-content:space-between; height:100%; margin:0 auto; border:1.5px solid #D5D5D5; overflow:hidden; /*max-width:520px;*/ width:100%; background-color:#FFFFFF; border-radius:5px; }
.finance-repayment .active:after { display:none; }
.finance-repayment .monthbutton  { font-weight:bold; padding:1.5rem 0; background:0; border:0; width:20%; border-right:1px solid #D5D5D5; }
.finance-repayment .monthbutton:last-of-type { border-right:none; }
.finance-repayment .monthbutton.active { background:#e2161a; color:#FFFFFF; border:1px solid #e2161a; }
.finance-repayment .monthbutton span { display:block; text-align:center; color:#2D2D2D; }
.finance-repayment .monthbutton span.active { color:#FFFFFF; }
.finance-repayment input[type="number"] { padding:0; margin:0; border:1.5px solid #D5D5D5; background-color:#FFFFFF; border-radius:2px; }
.finance-repayment input[type="text"] { border:none; width:100%; background-color:#FFFFFF; border-radius:0; font-size:1rem; padding:0.35rem 1rem }

.calculator-outputs { text-align:left; height:100%; overflow:hidden; margin-bottom:1rem; padding:1rem; border-radius:6px; color:#2D2D2D; background-color:#FFFFFF; box-shadow:0 2px 14px 0 rgba(45,45,45,0.2); }
.calculator-outputs span { display:block; color:#2D2D2D; font-style:italic; letter-spacing:0.1px; font-size:0.6rem; padding:1rem 0; }
.calculator-inputs label { text-align:left; height:30px; margin-bottom:.51rem; font-size:0.85rem; }
.calculator-inputs label span { color:#7B7B7B; margin-left:1rem; }
.calculator-inputs label img { position:absolute; padding:5px; left:-3rem; border:2px solid #D1021E; border-radius:30px; }
.calculator-inputs .rates .lead-text:first-child { text-transform:uppercase; text-align:center; border:1.5px solid #D5D5D5; border-radius:2px; background-color:#FFFFFF; padding:1rem 0; }
.calculator-inputs .rates .lead-text input[type="number"] { background-color:#FFFFFF; margin-bottom:0; }
.calculator-outputs label,
.calculator-outputs .lead-text { text-align:left; color:#2D2D2D; letter-spacing:0.15px; font-weight:bold; font-size:0.8rem; letter-spacing:0.5px; }
.calculator-outputs .general-heading { color:#D1021E; letter-spacing:1px; font-size:2rem; }
.calculator-outputs hr { border-bottom:2px solid #E8E8E8; margin:0; }
.calculator-disclaimer { text-align: left; font-size: 85%;}
.calculate-installment input[type="submit"] { display:block; width:100%; max-width:400px; margin:1rem auto; background-color:#D1021E; font-weight:bold; color:#FFF; text-transform:uppercase; border-radius:30px; }

#financing .calculator-outputs .col-md-6:first-child { border-right:1px solid #E8E8E8; }
#financing .calculator-outputs .lead-text { text-align:center; }
#financing .calculator-outputs .general-heading { text-align:center; font-size:1.35rem; margin-bottom:0; }
#financing .calculator-results { display:block; overflow:hidden; margin:2rem auto; } 
#financing .calculator-results button.button-primary, 
#financing .calculator-results button.button-secondary { min-width:100%; }

.finance-block-wrapper { background-color:#FFFFFF; padding:1rem; border-bottom:2px solid #E8E8E8; border-radius:0 0 5px 5px; box-shadow:0 2px 14px 0 rgba(0,0,0,0.2); }
.finance-block-wrapper h3 { text-align:left; color:#2D2D2D; font-size:1.5rem; font-weight:600; margin-bottom:0.5rem; font-family:'Barlow-Regular', sans-serif; }
.finance-block-wrapper p  { text-align:left; color:#787878; font-size:1rem; }

.col-md-10.no-padding { padding-left:0; }
.col-md-2.no-padding { padding-right:0; }
.img-padding { padding:2rem 0; }

/* Financing Toggle */
.vehicle-switch { position:relative; display:inline-block; width:68px; height:38px; border-radius:2px; }
.vehicle-switch input { opacity:0; width:0; height:0; }
.deposit-slider { position:absolute; cursor:pointer; top:0; left:15px; right:-15px; bottom:0; border: 1.5px solid #D5D5D5; background-color:transparent; -webkit-transition:.4s; transition:.4s; }
.deposit-slider:before { position:absolute; content:""; height:34px; width:34px; left:0; bottom:0; background-color:#D1021E; -webkit-transition:.4s; transition:.4s; border-radius:2px; }
input:checked + .deposit-slider { background-color:transparent; }
input:focus + .deposit-slider {  }
input:checked + .deposit-slider:before { -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px); }

.percentage .toggle { border:1.5px solid #D5D5D5 !important; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:68px !important; height:36.5px; display: inline-block; position: relative; border-radius: 3px; overflow: hidden; outline: none; border: none; cursor: pointer; background-color:#FFFFFF; color:#FFFFFF; transition: background-color ease 0.3s; }
.percentage input[type="checkbox"].toggle:before { content:"% R"; display: block; position: absolute; z-index: 2; width:30px; height:29px; background:#D1021E; left:2px; top:2px; border-radius:2px; text-transform: uppercase; font-weight: bold; text-indent: -25px; word-spacing:43px; font-size:21px; color:#2D2D2D; white-space: nowrap; transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s; }
.percentage input[type="checkbox"].toggle:checked { background-color:#FFFFFF; }
.percentage input[type="checkbox"].toggle:checked:before { left:32px; }

/* Find A Vehicle*/
.vehicle-filter-tabs-container label.lead-text { font-size:13px; }
.vehicle-filter-tabs-container .range-slider input[type="number"] { border:1px solid #D5D5D5; }
.vehicle-filter-tabs-container .range-slider input[type="text"],
.vehicle-filter-tabs-container .range-slider input[type="text"]:disabled { border:1px solid #D5D5D5; }
.vehicle-filter-tabs-container .presentation { margin-bottom:1.5rem; }
.vehicle-filter-tabs-container span.rz-bubble,
.vehicle-filter-tabs-container span.rz-bubble.rz-limit.rz-floor { display:none; color:transparent; }
.vehicle-filter-tabs-container .range-slider .input-wrapper { width:49%; margin:0; padding:0; }

.range-slider-lhs { overflow:hidden; display:flex; justify-content:flex-end; text-align:right; width:100% !important; }
.range-slider-lhs span { padding:0 0.5rem; }

#findAVehiclePage select { border:1px solid #D5D5D5; max-width:380px; width:100%; margin:0 auto; text-transform:uppercase; font-size:0.9rem; padding:0.5rem; }
#findAVehiclePage .minor-details { padding:1rem; }
#findAVehiclePage .page-title-wrapper  { display:flex; width:100%; justify-content:space-between; padding:0 1rem; border-bottom:2px solid #E8E8E8; }
#findAVehiclePage h1.page-title { display:flex; align-items:flex-end; font-size:24px; text-transform:capitalize; }

#vehicleDetailPage .page-title-wrapper { margin:0; height:auto; padding:2rem 1rem 0; }
#vehicleDetailPage .page-title-wrapper-cost { justify-content:flex-end; }
#vehicleDetailPage .page-title-wrapper-cost h2 { font-family: 'Oswald-Regular', sans-serif; font-size:42px; text-align:right; font-weight:600; letter-spacing:1px; color:#D1021E; margin:0; }
#vehicleDetailPage .page-title-wrapper-heading { justify-content:flex-start; text-align:left; height:auto; margin:0; padding:0;}
#vehicleDetailPage .page-title-wrapper-heading h1 { text-align:left; font-family: 'Oswald-Regular', sans-serif; font-size:42px; font-weight:600; letter-spacing:1px; padding:0; margin:0; }
#vehicleDetailPage .page-title-wrapper-heading h2 { text-align:right; font-family: 'Oswald-Regular', sans-serif; color:#D1021E; font-weight:600; letter-spacing:1px; padding:0; margin:0; }

.vehicle-repayment-calculator .finance-title-wrapper h3 { display:block; text-align:center; font-family:'Barlow-SemiBold','Oswald-SemiBold', sans-serif; padding:0; margin:1rem; color:#D1021E; }
.vehicle-repayment-calculator .finance-title-wrapper p,
.finance-container .finance-title-wrapper p { display:block; text-align:center; margin:1rem;  }

.finance-title-wrapper { margin-bottom:1rem; }
.main-details.find-vehicle { cursor:default; }

.results-container .result-block { padding:0 10px; }
.results-container .result-block .minor-details .price { font-weight:600; font-size:1.25rem !important; padding:0.5rem 0; }
.results-container .result-block .main-details .action-button.grey-button.save-to-shortlist-button { display:none !important; }
.results-container .result-block .main-details.find-vehicle { border-radius:5px; /*box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);*/ }
.results-container .result-block .minor-details .insurance-estimate,
.results-container .result-block .minor-details .insurance-estimate span { font-size:0.65rem !important; color:#B3B3B3 !important; }

.finance-disclaimer { display:block; line-height:2rem; border-radius:5px; box-shadow:0 2px 14px 0 rgba(45,45,45,0.2); padding:1.5rem; }
.finance-disclaimer h4 { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; text-transform:capitalize; text-align:left; font-weight:600; font-size:16px; }
.finance-disclaimer p  { font-size:13px;  }

.vehicle-repayment-calculator { display:inherit; width:100%; margin:2rem 0; padding:1rem; border-radius:5px; box-shadow:0 2px 14px 0 rgba(45,45,45,0.2); }

.vehicle-detail-grid { display:block; height:100%; overflow:hidden; margin:1.5rem 0; }
.vehicle-detail-grid .vehicle-detail-item { display:flex; justify-content:space-between; padding:0; margin:0.5rem 0px; border-bottom:2px solid #E8E8E8; }
.vehicle-detail-grid .vehicle-detail-item span:nth-child(odd) { justify-content:flex-start; }
.vehicle-detail-grid .vehicle-detail-item span:nth-child(even){ justify-content:flex-end; font-weight:bold; }
.vehicle-detail-grid .vehicle-detail-item span:last-of-type { border-bottom:none; }

.vehicle-detail-btn-contain .col-md-6.col-sm-12 { border:none; margin:0 auto; }
.vehicle-detail-btn-contain button.button-primary { width:100%; margin:1rem auto; }

.vehicle-detail-grid .row:after { display:none; }
.vehicle-detail-grid-result { height:auto; overflow:hidden; }
.vehicle-detail-grid-result span { display:block; margin:1rem 0; }
.vehicle-detail-grid-result .button-primary { max-width:100%; width:100%; margin:0 auto; }

.model-detail-heading { display:flex; justify-content:space-between; }

.model-detail-heading .model-detail-vehicle h2 { text-transform:uppercase; margin:0; color:#2D2D2D; }
.model-detail-heading .model-detail-vehicle h3 { color:#2D2D2D; margin:0; }
.model-detail-heading .model-detail-vehicle h3 span { font-size:13px; font-weight:600; color:#2D2D2D; }

.model-detail-heading .model-detail-vehicle,
.model-detail-heading .model-price { display:grid; }
.model-detail-heading .model-price h3 { color:#2D2D2D; }

/* Find A Vehicle Sharing */
.share-container { display:block; margin:1rem auto; height:40px; }

/* Sell A Vehicle */
#vehicleForm { position:relative; }
#vehicleForm p  { color:#7B7B7B; font-size:16px; line-height:1.5rem; letter-spacing:0.5px; text-align:center; max-width:900px; margin:1rem auto; }
#vehicleForm h3 { font-family:'Barlow-Bold', 'Oswald-Bold', sans-serif; text-align:center; color:#D1021E; text-transform:initial; }

/*#vehicleForm span  { max-width:160px; }*/
#vehicleForm input, 
.tab-content input[type="file"],
.tab-content input[type="text"],
.tab-content select { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; display:inline-flex; justify-content:flex-end; width:80%; padding:0.5rem; max-width:700px; background-color:#FFFFFF; border-radius:2px; margin-bottom:0; border:1.5px solid #D5D5D5; }

.tab-content .inputfile { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1; }
.tab-content .inputfile + label,
.tab-content textarea { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; box-shadow:0 2px 7px 0 rgba(0,0,0,0.22); max-width:700px; border:1.5px solid #D5D5D5; background-color:#FFFFFF; width:80%; text-align:center; font-size:20px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; display:inline-block; overflow:hidden; padding:1rem 1rem 2rem; }
.tab-content textarea { font-style:italic; color:#7B7B7B; font-size:13px; text-align:left; }
.tab-content textarea:focus { font-style:initial; font-size:13px; text-align:left; }
.tab-content .inputfile + label span { font-size:13px; font-style:italic; display:inline-block; margin-bottom:1rem; }
.tab-content figure:after { content:' \002B'; color:#e2161a; border:1.5px solid #D5D5D5; padding:0.5rem 0.85rem; box-shadow:0 0 5px 0 rgba(0,0,0,0.20); }

.tab-content div .condition-item-container { display:inline-flex; justify-content:flex-start; width:75%; margin-bottom:0; }
.condition-item-container .option { cursor:pointer; width:25%; max-width:125px; margin-bottom:0; padding:0.5rem; background-color:#FFFFFF; border-radius:0px; color:#7B7B7B; border:1.5px solid #D5D5D5; font-weight:600; font-size:14px; text-align:center; letter-spacing:1px; }
.condition-item-container .option:after  { display:none; }
.condition-item-container .option.active { background:#e2161a; color:#fff; border:1px solid #e2161a; }

.sell-a-vehicle .tab-content{ max-width:960px; }
.sell-a-vehicle-btn-contain { margin:0 auto; }
.sell-a-vehicle-btn-contain .col-md-6.col-sm-12 { width:50%; }
/*.sell-a-vehicle-btn-contain { max-width:375px; }*/

/* Dealer Location */
.dealer-location { border-radius:5px; background-color:#EEEEEE; padding:1rem; margin:1rem 0; }
.dealer-location h4, 
.dealer-details-inner h4 { font-family:'Barlow-Bold', 'Oswald-Bold', sans-serif; text-transform:uppercase; color:#2D2D2D; text-align:center; font-weight:600; text-transform:uppercase; font-size:13px; letter-spacing:0.5px; margin-bottom:1rem; }
.dealer-details-inner h5 { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; text-transform:capitalize; color:#7B7B7B; text-align:center; font-weight:600; font-size:13px; }
.dealer-details-inner h5 span img { display:inline-block; height:1.15rem; width:1.35rem; }
.dealer-location h5 { text-transform:capitalize; display:inline-block; height:25px; vertical-align:middle; }
.dealer-location img { border:2px solid #E1E1E1; }
.dealer-location span { color:#7B7B7B; font-size:16px; line-height:1.35rem; }
.dealer-location span > span img { border:none; width:20px; height:20px; }
.dealer-location .address { display:flex; width:100%; margin:1rem 0; }
.dealer-location .pin {}
.dealer-location .map-container { margin-bottom:1rem; }

.dealer-details, 
.dealer-details .map-container { margin:1rem auto; }
.dealer-details-inner { border-radius:5px; box-shadow:0 2px 4px 0 rgba(45,45,45,0.5); padding:1rem; margin:1rem 0; background-color:#FFFFFF; }

.map-container > div#map { min-height:220px; }
.map-container button.gm-control-active.gm-fullscreen-control { display:none; }

.finance-holder button.button-primary, 
.dealer-details-inner button.button-primary { display:block; max-width:90%; width:100%; margin:1rem auto; }

/* Tabs */
.tab { display:none; background-color:#EEEEEE; border-radius:13px; }
.tab-content { max-width:1100px; margin:0 auto; padding:1rem; }
.tab-content div { height:100%; width:100%; margin-bottom:1rem; border-radius:0 5px 5px 5px; } 
.tab-content label { text-align:left; display:inline-flex; justify-content:flex-start; width:20%; margin-bottom:0; }

.tab-header span { background-color:inherit;  border:none; outline:none; cursor:pointer; transition:0.3s; font-size:16px; }
.tab-header span.active { background-color:#CCCCCC; }
.tab-content .button-primary { margin:1rem auto 0; width:100%; }

/* Social Icons */
.social-icon.img-twitter { background-image: url("../img/ico/ic_twitter_footer_inactive.svg"); width:2.5rem; transition:all .2s ease-in-out; }
.social-icon.img-facebook { background-image: url("../img/ico/ic_facebook_footer_inactive.svg"); width:2.5rem; transition:all .2s ease-in-out; }
.social-icon.img-email { background-image: url("../img/ico/ic_mail_footer_inactive.svg"); width:2.5rem; transition:all .2s ease-in-out; }

.social-icon.img-twitter:hover,
.social-icon.img-facebook:hover,
.social-icon.img-email:hover { transform:scale(1.1); }

.social-icon { width:40px; height:40px; display:inline-block; background-repeat:no-repeat; margin:auto; text-align:center; background-position:50% 50%; }

/* Validation */

/* Owl Carousel */
.owl-controls { bottom:initial; }
.owl-page.active:after { display:none; }
.owl-carousel { max-width:1280px; }
.owl-carousel .owl-wrapper-outer { padding:0; }
.owl-carousel .owl-item { max-width:320px; }

.owl-buttons { width:100%; position:absolute; top:-200px; z-index:9; }
.owl-prev,
.owl-next { width:30px; height:30px; top:0; background-color:transparent !important; margin:0 !important; }

.owl-prev:after { position:absolute; left:-20px; content:""; width: 0; height: 0; border-top:8px solid transparent; border-right:10px solid #cd3132; border-bottom:8px solid transparent; border-radius:0 !important;}
.owl-next:after { position:absolute; right:-30px; content:""; width: 0; height: 0; border-top:8px solid transparent; border-left:10px solid #cd3132; border-bottom:8px solid transparent; border-radius:0 !important;}

i.fa.fa-chevron-left.gallery-slider-arrow.prev { position:absolute; z-index:1; width:35px; height:35px; background:transparent; border:2px solid #cd3132; border-radius:30px; left:-30px; top:-2px; }
i.fa.fa-chevron-right.gallery-slider-arrow.next { position:absolute; z-index:1; width:35px; height:35px; background:transparent; border:2px solid #cd3132; border-radius:30px; right:-40px; top:-2px; }

/* Automark Promises */
.automark-promise { position:relative; }
.automark-promise-slider-background { background-color:#000000; height:100%; overflow:hidden; opacity:0.4; }
.automark-promise-slider { position:absolute; bottom:35%; left:15%; z-index:9; opacity:1; }
.automark-promise-slider span { display:block; color:#FFFFFF; font-size:16px; margin-top:1rem; max-width:250px; line-height:initial; text-transform:initial; }
.automark-promise-slider .sell-vehicle { width:100%; max-width:370px; }
.automark-promise-slider img { max-width:85px; max-height:170px; }
.automark-promise-slider p {color:#FFFFFF !important}
.automark-promise img { width:100%; }
.automark-promise .cta-column img { margin-bottom:1rem; }
.automark-promise h4 { position:relative; font-family:'Oswald-Regular', sans-serif; color:#FFFFFF; font-size:32px; max-width:400px; font-weight:300; }
.automark-promise h3 { text-align:center; color:#D1021E; margin-top:2rem; }
.automark-promise h4:before { position:absolute; background-image:url('http://stage.automark.creativespark.co.za/media/1079/tfs-logo-revised-final.png'); content:""; border:3px solid #D1021E; left:-1rem; height:100%; } 

.trending-searches { height:100%; }
.trending-searches.results-container h3 { position:relative; color:#7B7B7B; text-align:left; font-size:1.8rem; font-weight:500; margin:2rem 0 1rem 1rem; padding:0; line-height:unset; }
.trending-searches.results-container h3 > span  { position:relative; z-index:1; font-size:1.8rem; font-weight:500; background-color:#FFFFFF; padding:0 1rem 0 0; color:#7B7B7B; }
.trending-searches.results-container h3:after { content:""; position:absolute; bottom:0; border-bottom:2px solid #E8E8E8; left:0; width:100%; bottom:30%; z-index:0; }

.automark-container-checklist { text-align:left; margin:0 auto; display:inline-block; }
.automark-container-checklist h3 { font-family:'Barlow-Medium', 'Oswald-Medium', sans-serif; font-size:32px; letter-spacing:1.5px; }
.automark-container-checklist ul { margin:0 0 0 1rem; width:100%; } 
.automark-container-checklist li { position:relative; padding:0.5rem; font-size:13px; }
.automark-container-checklist li:before { position:absolute; left:-2rem; content: "✓"; text-align:center; width:20px; height:20px; font-size:small; border:2px solid #2D2D2D; font-weight:600; padding:0px 3px; margin:0 0.5rem; }

.automark-container-checklist .col-1 h3 { color:#000000; }
.automark-container-checklist .col-2 li:before { color:#D1021E; border:2px solid #D1021E; }
.automark-container-checklist-products { text-align:left; margin:0 auto; }
.automark-container-checklist-products .col-md-4.col-sm-12 { font-size:15px; }
.automark-container-checklist-products .col-md-6.col-sm-12 { font-size:15px; }
.automark-container-checklist-products .col-md-12{margin-bottom:1rem; opacity:1}
.automark-container-checklist-products img { max-width:320px; margin:2rem 0 2rem 0.9rem; }
.certified-product-container h3{text-align: center; color: #D1021E; margin-top: 2rem;}
.certified-product-container { padding-bottom: 2rem;}
.auto-overlay{ background-color: rgba(154, 154, 154, 0.88);}
.toyota-overlay {
    background-color: rgba(204, 204, 204, 0.88);
}
.cert-container span{ font-size: 0.8rem;}

.why-automark {margin: 2rem 0 0;}
.automark-warranty { margin:1.5rem 0 0; }
title-contain {
}

.ico { display:flex; margin:0 auto 1rem; }

.content-section .thumb { max-width:150px; max-height:100px; }

.news-minor-details { display:inline-block; padding:1rem; width:100%; }
.content-section .post-listitem-excerpt {}

/* News & Reviews */
.home-results-container .content-section { flex-direction:unset; -ms-flex-direction:row; }
.content-section { display:flex; flex-direction:column; height:100%; margin:3% auto; }
h3.desktop-view.section-title.news-and-reviews-title { color:#414346; margin:1rem; }

/* Favourites */
.favourites { display:block; height:auto; overflow:hidden; }
.favourites-container { height:auto; overflow:hidden; box-shadow:0 0 12px 0 rgba(0,0,0,0.34); background-color:#FFFFFF; border-radius:13px; margin:1.5rem 1rem; /*padding:2rem 1rem;*/ }
.favourites-container .result-block.col-sm-12.col-md-6.col-lg-6.ng-scope { /*height:550px;*/ border:1px solid rgba(0, 0, 0, .15); padding:1rem; }

.favourites .icon-star{ -webkit-text-fill-color:#E8E8E8; font-size:48px; }
.favourites .icon-star[class^="icon-"]:before, 
.favourites .icon-star[class*=" icon-"]:before { width:100%; }
.favourites .button-primary { display:block; max-width:338px; margin:1rem auto; border-radius:30px; background-color: #D1021E; color:#FFFFFF; }
.favourites h4 { text-transform:unset; }

.favourites-lsiting-container { background-color:#EEEEEE; box-shadow:0 0 12px 0 rgba(0,0,0,0.34); border-radius:5px; margin:1.5rem 1rem; padding:1rem; }
.favourites-lsiting-container .alert-container { background-color:#EEEEEE; }
.favourites-lsiting-container .alert-container p { display:block; text-align:center; font-weight:normal; color:#7B7B7B; margin:0 auto; width:70%; font-size:15px; }
.favourites-lsiting-container .alert-container a { display:block; text-transform:uppercase; text-align:center; color:#D1021E; font-size:15px; font-weight:bold; letter-spacing:0.1px; text-decoration:underline; margin:1rem; }
.favourites-lsiting-container .alert-container h4 { position:relative; text-align:center; color:#2D2D2D; }
.favourites-lsiting-container .alert-container h4:after { position:absolute; bottom:-10px; content:""; border-bottom: 2px solid #D5D5D5; width:115px; left:33%; }

/* Blog */
.blog-title { display:inline-flex; justify-content:flex-start; margin:1rem; color:#D1021E; }
h3.blog-title { position:relative; align-items:center; padding:0; margin:0; width:100%; }
.menu-content-wrapper { display:flex; width:100%; justify-content:space-around; }
.menu-content { justify-content:flex-end; }
.menu-content h3 {}
section.related-articles-posts { background-color:#FFFFFF; padding:1rem; font-size:13px; box-shadow:0 2px 16px 0 rgba(0,0,0,0.22); border-radius:5px; }

.related-articles-wrapper { text-align:left; }
.related-articles-posts .col-md-12 { margin-bottom:1rem; }
.related-articles-posts .post-listitem-category,
.related-articles-posts .post-listitem-excerpt  { height:auto; text-transform:uppercase; }

.blog-articles { flex-direction:column; width:100%; }
.blog-articles .post-listitem-excerpt { font-size:13px; margin-bottom:0.5rem; }

.minor-details { padding:1rem; }

.result-block-wrapper.home-result-block-wrapper { position:relative; }
.result-block-wrapper.home-result-block-wrapper img { width:100%; }

.blog-contain .results-content .blog-articles a.blog-read-more { display:none; }

.blog-contain .results-container .result-block { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; margin-bottom:1.5rem; }
.blog-contain .results-container .result-block-first .post-listitem-category,
.blog-contain .results-container .result-block-first .post-listitem-title, 
.blog-contain .results-container .result-block-first .post-listitem-excerpt { height:auto; margin-bottom:0.5rem; }
.blog-contain .results-container .result-block:nth-child(n+1)  { position:relative; }
.blog-contain .results-container .minor-details:nth-child(n+1) { position:absolute; width:100%; bottom:0; left:0; }
.blog-contain .results-container .minor-details:nth-child(n+1) .home-post-listitem-date,
.blog-contain .results-container .minor-details:nth-child(n+1) .post-listitem-title,
.blog-contain .results-container .minor-details:nth-child(n+1) .post-listitem-category { color:#FFFFFF; }
.blog-contain .results-container .result-block:nth-child(n+4) { width:100%; max-height:255px; overflow:hidden; box-shadow:0 2px 16px 0 rgba(0,0,0,0.15); border-radius:5px; padding:0; }
.blog-contain .results-container .result-block:nth-child(n+4) img.thumb { float:none; display:flex; display:-ms-flexbox; height:100%; }
.blog-contain .results-container .result-block:nth-child(n+4) .results-content { box-shadow:none; }
.blog-contain .results-container .result-block:nth-child(n+4) .news-details { max-width:330px; display:inline-flex; justify-content:flex-start; }
.blog-contain .results-container .result-block:nth-child(n+4) .news-minor-details { width:60%; display:inline-flex; justify-content:flex-end; padding:0 1rem; }
.blog-contain .results-container .result-block:nth-child(n+4) .home-post-listitem-date { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
.blog-contain .results-container .result-block:nth-child(n+4) .results-content p.post-listitem-excerpt { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; height:auto; font-weight:normal; }
.blog-contain .results-container .result-block:nth-child(n+4) .blog-articles a.blog-read-more { display:block; font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; font-weight:600; letter-spacing:0.8px; font-size:0.8rem; color:#D1021E; text-transform:uppercase; text-decoration:underline !important; margin:1rem 0 2rem 0; width:100%; text-align:right; }

.blog-contain .right-block-content span,
.blog-contain .related-articles-posts span { display:block; color:#2D2D2D; text-align:center; text-transform:uppercase; font-weight:600; margin:0 0 1rem; font-size:1.5rem; }

.blog-contain .right-block-content .related-vehicles { margin-top:0; }

.blog-contain .results-content { background:#FFFFFF; box-shadow:0 2px 16px 0 rgba(0,0,0,0.22); border-radius:5px; }
.blog-contain .results-content .news-main { height:248px; display:-ms-flexbox; }
.blog-contain .results-content .news-main img.thumb { min-height:255px; }
.blog-contain .results-content p.post-listitem-excerpt { font-size:13px; line-height:1.5rem; height:125px; font-weight:normal; line-height:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; max-height:60px; }

.blog-container { max-width:1280px; }
.blog-container { margin:0 auto; }
.blog-container .post-content, 
.blog-container .right-block-content { padding:2rem; border-radius:13px; background-color:#FFFFFF; box-shadow:0 0 12px 0 rgba(0,0,0,0.34); }

.blog-contain .save-to-shortlist-button { display:inline-flex !important; }

.article-container article.post { background-color:#FFFFFF; }

.post-content h1 { font-family: 'Oswald-Bold', sans-serif; color:#D1021E; text-transform:uppercase; letter-spacing:1px; font-size:40px; margin:0; padding:0.5rem 0; }
.post-content h2 { color:#464646; text-transform:uppercase; margin:0; padding:0.5rem 0; display:none; }
.post-content h4 { color:#2D2D2D; text-transform:uppercase; font-weight:600; margin:0; }
.post-content .post-meta { margin:0 0 0.5rem 0; }
.post-content .post-meta > span { color:#464646; font-size:13px; }
.post-content .share { margin-bottom:1.5rem; }
.post-content .post-body { text-align:left; border-bottom:2px solid #E8E8E8; padding-bottom:2rem; }
.post-content .post-body p, 
.post-content .post-body span {  font-size:13px; color:#2D2D2D !important; }
.post-content p:first-of-type { font-weight:600; color:#2D2D2D; font-size:16px; }
.post-content p:last-of-type  { font-size:13px; }
.post-content p.info.prompt { width:100%; display:inline; text-transform:uppercase; padding:0 1rem 0 0; letter-spacing:0.5px; }
.post-content .share-footer { display:inline-flex; margin:1rem 0; }
.post-content-wrapper { display:block; margin:4rem 0 1rem; height:auto; overflow:hidden; }
.post-content-wrapper .button-primary,
.post-content-wrapper .button-secondary { max-width:100%; }

.post-listitem-category { font-size:1rem; line-height:1; letter-spacing:0.5px; color:#D1021E; }
.post-listitem-title, 
.post-listitem-category { display:flex; align-content:center; height:1.5rem; text-transform:uppercase; font-size:13px; font-weight:700; }
p.post-listitem-excerpt { font-size:13px; font-weight:600; line-height:1.2; margin-top:5px; height:65px; overflow:hidden; }
div.post-listitem-excerpt { font-size:16px; }

/* Footer */
footer .footer-site-nav .site-links { font-size:13px; font-weight:bold; letter-spacing:0.5px; }
footer .footer-site-nav .site-links.automark-features-links li a { cursor:pointer; }
footer a { font-weight:normal; }
footer .footer-site-nav nav { margin:40px auto 0; }
footer .footer-site-nav .site-links.automark-features-links { color:#B3B3B3; }

.footer-site-nav-heading { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; color:#B3B3B3; font-weight:bold; letter-spacing:0.5px; text-transform:uppercase; font-size:16px; margin:0 1rem 1rem; }
.footer-site-nav .col-md-8 { position:relative; }
.footer-site-nav .col-md-8:after { position:absolute; content:""; right:2rem; border-right:2px solid #5F5F5F; height:100%; }

.footer-nav { max-width: 1280px; width: 100%; margin: 0 auto; display: flex; align-items: flex-start; color: #B3B3B3; }
.footer-nav span { font-size:13px; letter-spacing:0.5px; color:#B3B3B3; }
.footer-nav-top  { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; font-size:13px; letter-spacing:1px; margin-bottom:0.8rem; }
.footer-site-scroll-top { display:flex; align-items:center; width:100%; background-color:#D1021E; padding:1rem 0; }
.footer-site-nav-contact-us,
.footer-site-nav-contact-us span { display:inline-flex; color:#B3B3B3; font-size:13px; width:60%; }
.footer-site-scroll-wrapper { display:flex; width:100%; max-width:1280px; margin:0 auto; justify-content:space-between;align-items:center; }
.footer-site-images { padding:0 15px; } 
.footer-site-back-to-top { display:flex; align-items:center; height:100%; width:auto; padding:0 15px; }
.footer-site-scroll-wrapper span { color:#FFFFFF; font-weight:500; padding:0 1rem; text-transform:uppercase; letter-spacing:1px; }
.click-to-call { color:#B3B3B3; margin-top:1.3rem; }
.click-to-call a span { color:#B3B3B3; font-size:13px; display:inline-flex; text-decoration:underline; margin-left:0.25rem; }

/* Contact Us */
.site-content h3 { text-align:center; font-weight:600; color:#D1021E; text-transform:initial; }
.site-content .dealer-block { background-color:#EEEEEE; border-radius:7px; box-shadow:0 0 2px 0 rgba(0,0,0,0.34); padding:3rem 3rem 1rem; margin:0 0 1rem; }
.site-content .dealer-block h3 { text-align:center; margin-bottom:1rem; color:#2D2D2D; font-weight:600; font-size:16px; text-transform:uppercase; }
.site-content .dealer-block span { display:block; margin-bottom:1rem; text-align:center; color: #7B7B7B; }
.site-content .dealer-block select { display:flex; max-width:591px; width:100%; margin:0 auto; }

.page-footer { padding:2rem 1rem; height:100%; overflow:hidden; text-align:center; background:linear-gradient(2.22deg, #FEFEFE 0%, #EEEEEE 54.25%, #E8E8E8 100%); font-size:16px; color:#2D2D2D; }
.page-footer h4 { position:relative; letter-spacing:0.5px; text-transform:capitalize; display:inline-flex; color:#D1021E; font-weight:600; font-size:32px; }
.page-footer h4:after { position:absolute; bottom:-1rem; content:""; width:100%; max-width:100px; border:1px solid #D5D5D5; left:30%; }
.page-footer p,
.page-footer span { font-size:16px; line-height:2rem; letter-spacing:0.5px; color:#2D2D2D; }
.page-footer a,
.page-footer a:hover { display:block; margin-bottom:1rem; font-weight:400; color:#D1021E; }

.dealership-container-list { overflow-y:scroll; max-height:550px; }
.dealership-results span { position:relative; display:block; margin:1rem 0; color:#7B7B7B; font-weight:bold; font-size:24px; overflow:hidden; }
.dealership-results span:after { position:absolute; content:""; width:75%; border-bottom: 2px solid #E8E8E8; top:45%; right:0; }

.dealership-container { border-radius:5px; background-color:#FFFFFF; box-shadow:0 2px 14px 0 rgba(0,0,0,0.2); margin:1rem 0 1.5rem 0; padding:1rem 8%; }
.dealership-container:nth-child(2n+1) { border-radius:5px; background-color:#EEEEEE; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); margin:1rem 0; padding:1rem 8%; }
.dealership-container h4 { color:#2D2D2D; margin:1rem; padding:0; text-align:center; color:#2D2D2D; font-size:16px; text-transform:uppercase; }
.dealership-container p,
.dealership-container div { color:#D1021E; }
.dealership-container .button-primary { display:block; max-width:338px; margin:1rem auto; border-radius:30px; background-color: #D1021E; color:#FFFFFF; }

.contact-form-container { border-radius:5px; background-color:#EEEEEE; box-shadow:none; }
.list-alert.contact-form-container { margin: 1rem auto;}
.contact-form-container .contact-title h4 { text-align:center; }

.current-location { width:100%; margin:1rem 0; text-align:center; }
.current-location a { color:#D1021E !important; font-weight:600; text-decoration:underline; margin:0 1rem; }
.current-location img { width:30px; height:30px; }

.dealership-container img { display:inline-block; width:25px; margin:0 0.5rem 0 0; }
.contact-email, 
.contact-address,
.contact-phone,
.contact-phone span,
.dealership-container p { font-size:13px; font-weight:500; margin-bottom:0.85rem; }
.contact-email { color:#D1021E; text-decoration:underline; }
.contact-address{ color:#2D2D2D !important; }
.contact-phone { color:#D1021E; font-size:22px; letter-spacing:1px; line-height:1.5rem; text-align:center; }
.contact-phone span { text-decoration:underline; color:#D1021E; }
.contact-me-agree { width:90%; margin:0 auto; }
.contact-me-agree span { color:#2D2D2D; font-family:'Barlow-Medium', 'Oswald-Medium', sans-serif; font-size:14px; padding:0; } 
.contact-me-agree span a { color:#2D2D2D; display:inline; margin:0; padding:0; font-weight:normal; font-size:14px; }
.contact-disclaimer { font-family:'Barlow-SemiBold', 'Oswald-SemiBold', sans-serif; text-align:center; color:#7B7B7B; font-style:italic; font-size:12px; margin-top:1em; }

/* Pagination */
.pagination .active:after { display:none; }

/* Backgrounds */
.grey-wrapper { font-size:16px; font-weight:bold; letter-spacing:0.5px; padding:4rem 1rem; text-align:center; background:linear-gradient(2.22deg, #FEFEFE 0%, #EEEEEE 54.25%, #E8E8E8 100%); color:#2D2D2D; border-radius:13px; }
.white-wrapper { font-size:16px; font-weight:bold; letter-spacing:0.5px; padding:4rem 1rem; text-align:center; color:#2D2D2D; border-radius:13px; }

/* Media Queries */
@media only screen and (min-width:1280px){
    .slide-container-content { left:0; top:15px; }
}
@media only screen and (min-width:990px){
    .automark-container-checklist-products{
        display:flex
    }
    .cert-container {
        height: 100%;
        background-image: url(../img/automark_cert.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 50%;
    }
    .automark-container-checklist-products .auto-overlay {
        padding: 0 0 0 130px;
    }
    .automark-container-checklist-products .toyota-overlay {
        padding: 0 0 0 140px;
    }
}
@media only screen and (max-width:1280px) {
        .site-nav-icon { display:none; }
    .tab-module  { width:500px; left:5%; }
    /*.faq-container, .site-content, .legal-container, 
    #findAVehiclePage, .finance-container { margin:3rem auto 4rem; }*/
    span.bull { display:none; }
    .automark-promise-slider { left:5%; }
    #landing-slide-two .results-container .result-block { box-shadow:none; }
    .results-container .result-block .main-details { width:100%; max-width:100%; max-height:100%; height:100%; }
}
@media only screen and (max-width:768px) {
    .faq-container, .site-content,
    .legal-container, .automark-container,
    #findAVehiclePage { margin:5rem 0rem 4rem; }
    .owl-controls .active:after { display:none; }
    .site-nav-icon { display:none; } 
    .col-2 { margin-top:1.5rem;}
    .automark-container-checklist-products .col-sm-12{ float:none}
    #landing-slide-two .results-container .result-block { width:96%; margin:0.5rem; border:1px solid rgba(0, 0, 0, .15); }
    
    .landing-slide-one-content { position:relative; }    
    .footer-site-nav .col-md-8:after { position:relative; border-bottom:2px solid #5F5F5F; right:0; display:block; margin-bottom:1rem; }

/* Homepage */
    .automark-promise-slider { position:relative; top:0; left:0; height:100%; padding:1rem; }

    .automark-promise .underlay { display:none; }
    .automark-promise-slider .sell-vehicle h4,
    .automark-promise-slider span { color:#000000; }
    .automark-promise-slider .sell-vehicle p span { color:#FFFFFF; }
    .automark-promise-slider h4:before { display:none; }

    .cta-column p,
    .cta-column span { width:100%; }
    
    .tab-module { position:relative; border-top:0; left:0; width:90%; margin:4rem auto 1rem; }
    .trending-searches.results-container h3:after { display:none; }
    .result-block-wrapper.home-result-block-wrapper .news-minor-details { padding:1rem; }

    .slide-container-content { position:relative; left:0; top:3.5rem; max-width:100%; }
    .slide-container-content h1 { width:90%; }
    .landing-slide-one-content-contain { margin:80px auto 0; }

    #landing-slide-one { background-position:75% 0; }
    #landing-slide-one .tab-module { display:none; }

    .result-block-wrapper.home-result-block-wrapper { box-shadow:none; }
    .home-minor-details { border-bottom:2px solid #E8E8E8; }
    .vertical-slides-container > .slide article a.action-button.news-and-reviews-link { width:96.5%; padding:1rem; }
    .desktop-view.page-title-wrapper.home-results-wrapper { display:block !important; }

/* mbt - Mobile Tabs Styling */
    .mbt { display:block; max-width:85%; margin:3rem auto; }
    .mbt .button-primary,
    .mbt .button-secondary { max-width:100%; }
    .mbt .search-vehicles  { font-family:'Barlow-Regular', 'Oswald-Regular', sans-serif; text-align:center; font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-size:13px; letter-spacing:1px; font-weight:600; display:block; }
    .mbt .search-vehicles a{ color:#FFFFFF; text-decoration:underline;  }
    .mbt hr { border-top:2px solid #5F5F5F; }

/* Header */
    .top-nav-bar nav .site-nav li a:hover:after, 
    .top-nav-bar nav .site-nav li a.selected:after { left:-15px; top:-15px; border-bottom:0; border-left:3px solid #D1021E; }
    .user-nav { display:none; } 
    .user-nav, 
    .top-nav-container { width:100%; box-shadow:0 4px 4px 0 rgba(0, 0, 0, .16); }
    .top-nav-bar .logo { width:70%; padding:0.35rem; }

/* Carousel */
    .carousel-wrapper { width:100%; }

/* Footer */    
    .footer-site-nav-contact-us, 
    .footer-site-nav-contact-us span,
    .click-to-call { font-size:14px; width:100%; }    
    .page-footer { padding:4rem 0; }
    .footer-site-scroll-wrapper { margin:0 auto; }    
    .footer-site-images { display:none; }
    .footer-site-back-to-top { margin:0 auto; }
     footer .footer-site-nav nav { margin:1rem 1rem 0; padding-bottom:1rem; }

/* Related Articles */
    section.post-list-content { width:100%; }

/* Why Automark*/
    .automark-container-benefits { display:block; width:100%; margin:0 auto; }
    .automark-container p, 
    .automark-container span { padding:0; font-size:13px; }
    .automark-container-benefits .ico { display:flex; max-width:102px; margin:1rem auto 2rem; }
    .automark-container-checklist h3 { text-align:center; font-size:32px; border-bottom:1px solid #E8E8E8; }
    .automark-container-checklist .col-2 h3 { display:none; }
    .automark-container-checklist { width:100%; }
    .col { margin:0 0 1rem 0; }
    .cta-column:after { display:none; }

/* CTA row */
    .cta-row { display:block; }
    .cta-column { width:90%; margin:0 auto; border-right:0; border-bottom:1px solid #E8E8E8; padding:2rem 0; }     
    .cta-column:last-child { border-bottom:none; }

/* Filters Results */
    .results-container .result-block { height:100%; border-radius:4.75px; box-shadow:0 1px 10px 0 rgba(0,0,0,0.15); margin-bottom:1rem; padding-bottom:1rem; }
    .results-container .result-block .main-details  { width:50%; }
    .results-container .result-block .minor-details { width:100%; }
    .results-container .result-block-wrapper,
    .results-container .result-block .main-details, .results-wrapper,
    .results-container .result-block .minor-details .description, 
    .results-container .result-block .minor-details .insurance-estimate,
    .results-container .result-block .minor-details .price { font-family:"Barlow-Regular", 'Oswald-Regular', sans-serif; width:100%; padding-left:0; padding-right:0; }
    .results-container .result-block .minor-details .location { font-family:"Barlow-Regular", 'Oswald-Regular', sans-serif; }
    .results-container .result-block .minor-details .vehicle-tags > span:after { display:none; }
    .results-container .result-block .minor-details .vehicle-tags { padding:0.5rem 0; border-top:1.5px solid #E8E8E8; border-bottom:1.5px solid #E8E8E8; }
    .results-wrapper header .page-title-wrapper > *,
    #vehicleDetailPage .page-title-wrapper { display:block; }
    #vehicleDetailPage .page-title-wrapper-heading h1,
    #vehicleDetailPage .page-title-wrapper-cost h2 { font-size:32px; text-align:left; }

    .icon-map-pin-small:before { background-image:none !important; }

    .sort-results-wrapper.filter-results-wrapper { }
    .vehicle-filter-tabs-container { margin-top:2rem; }
    #findAVehiclePage .page-title-wrapper { display:block; padding:1rem 0; font-size:16px; font-weight:bold; }

/* Dealership */
    .dealership-results span { padding-bottom:1rem; text-align:center; }

    .dealership-results span:after { bottom:0; width:100%; }
/* Favourites */
    .shortlist-page .secondary-nav { display:none; }

/* Blog */
    .blog-contain .results-container { margin:0 1rem; }
    .blog-contain .results-container .result-block { padding:0; }
    .blog-contain .results-container .result-block:nth-child(n+4), 
    .blog-contain .results-content .news-main img.thumb { max-height:100%; }
    .blog-contain .results-container .result-block:nth-child(n+4) .news-minor-details,
    .blog-contain .results-container .result-block:nth-child(n+5) .news-minor-details{ width:100%; }
    .blog-contain .results-container .result-block:nth-child(n+5) .news-details { display:block; max-width:100%; }    
    .blog-contain .results-content .news-details { min-height:100%; }
    .blog-contain .post-listitem-title, 
    .blog-contain .post-listitem-category { display:inherit; }

    .menu-content-wrapper { padding:0 1rem; }
    .blog-contain .results-content .news-main img.thumb { max-height:100%; }
    .blog-contain .results-content .news-main { width:100%; }

/* Find A Vehicle */
    .results-wrapper { max-width:100%; }
    .results-container .result-block .minor-details .price { padding-left:0; }
    .vehicle-detail-grid .vehicle-detail-item, 
    .finance-calculator-container, .list-alert { width:100%; margin:0 auto; }
    .vehicle-detail-grid .vehicle-detail-item { padding:0.25rem 0; }
    .vehicle-repayment-calculator .calculator-outputs { padding:0; }
    .vehicle-detail-grid-result .button-primary { margin:1rem auto; }
    .dealer-location, .dealer-details-inner { margin:1rem; }
    .nav.nav-filter-tabs { height:100% !important; }
    .super-filters-wrapper { display:inline-block; }
    #findAVehiclePage select { max-width:100%; }    
    #financing .calculator-outputs .col-md-6:first-child { border-right:none; border-bottom:1px solid #E8E8E8; }
    .vehicle-repayment-calculator .calculator-outputs { padding:1rem; }
    .finance-slider.balloon-slider.disabled-year .notification-year { position:relative !important; }
    .finance-repayment .monthbutton { padding:0.5rem 0; }
    .calculator-inputs label img { position:inherit; left:0; width:24px; height:24px; margin-right:0.5rem; }

    .vehicle-repayment-calculator .finance-title-wrapper h3 { font-size:24px; }
    .vehicle-repayment-calculator .finance-title-wrapper h3,
    .vehicle-repayment-calculator .finance-title-wrapper p { text-align:left; color:#2D2D2D; margin:0; }

/* Sell A Vehicle */
    .tab-content, 
    .vehicle-details { padding:1rem 0; }
    #vehicleForm { margin-top:5rem; }
    #vehicleForm input, 
    .tab-content input[type="file"], 
    .tab-content input[type="text"], 
    .tab-content select, 
    .tab-content label, 
    .tab-content .label,
    .tab-content .inputfile + label,
    .tab-content div .condition-item-container,
    .sell-a-vehicle-btn-contain .col-md-6.col-sm-12 { width:100%; }   
    .inner-wrapper-container { padding:1rem 0 0; margin:5rem auto 0; width:90%; }
    .tab-headings header span{ position:relative; }
    .tab-headings header heading { display:block; }

/* Finance */
    
   .finance-container-services .col-md-12 { display:contents; }
   .results-container .result-block .main-details,
   .results-container .result-block .main-details img { width:100%; max-width:100%; max-height:100%; height:100%; }
   .finance-hollard { padding:1rem 0; }
   .finance-hollard img { margin-bottom:2rem; }
   .finance-hollard .column-1:after { width:100%; border-right:none; border-bottom:1px solid #E8E8E8; right:0; top:5px; }
   span.currency { font-size:16px; padding: 0 0 0 20px; color: #414346; border-right: 0; line-height: 2.1; background: white; font-weight: bold; }
   .init-amount input[type="text"] { padding: 0 0 0 2px !important;}
/* Contact Us */
   .dealership-container-list {overflow-y:visible; max-height:100%; }

/* Modals */
    .modal-container .col-md-6:first-of-type { padding-right:0; }

/* Carousel */
    .owl-controls { width:50%; top:95% !important; bottom:0; left:0; }
    .owl-buttons  { display:none; }
    .owl-pagination { width:30%; }
    .owl-carousel .owl-wrapper { margin-bottom:25px; }
    .results-container .result-block { padding:0; }
    .results-container .result-block-wrapper { min-height:400px; }
}

/*  Country Dropdown */

select#selectCountry {
    padding: 0;
}

/*     Site Alert    */
    .alert-message { position: fixed; top: 0; right: 0; z-index: 5000; padding: 20px; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
    .alert-container { position: relative; background: #D1021E; max-width: 760px; max-height: 100%; padding: 20px; margin: auto auto; }
    .alert-container h3 { font-size: 19px; margin-bottom: 10px; color: #FFF; }
    .alert-container p { font-size: 14px; line-height: 1.3; color: #FFF; }
    .alert-container .close-button { position: absolute; display: block; top: 15px; right: 15px; width: 25px; height: 24px; cursor: pointer; }
    .alert-container .close-button { position: absolute; border-radius: 30px; border: 1.5px solid #FFF; color: #FFF;  height: 35px; width: 35px; top: 15px; right: 30px; opacity: 1; text-align: center; }
    .alert-container .close-button span { position: relative; color: #FFF; top: 4px; }

/* Fonts */

@font-face {
	font-family: 'GiorgioSans-Regular';
	src: url('../fonts/GiorgioSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'GiorgioSans-RegularItalic';
    src: url('../fonts/GiorgioSans-RegularItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'GiorgioSans-Thin';
    src: url('../fonts/GiorgioSans-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'GiorgioSans-ThinItalic';
    src: url('../fonts/GiorgioSans-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'GiorgioSans-Bold';
    src: url('../fonts/GiorgioSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'GiorgioSans-BoldItalic';
    src: url('../fonts/GiorgioSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: "Barlow-Bold";
    src:url('../fonts/Barlow-Bold.ttf') format('truetype'),
        url('barlow-bold-webfont.woff2') format('woff2'),
        url('barlow-bold-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-BoldItalic";
    src:url('../fonts/Barlow-BoldItalic.ttf') format('truetype'),
        url('barlow-bolditalic-webfont.woff2') format('woff2'), 
        url('barlow-bolditalic-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-ExtraLight";
    src:url('../fonts/Barlow-ExtraLight.ttf') format('truetype'), 
        url('barlow-extralight-webfont.woff2') format('woff2'), 
        url('barlow-extralight-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-ExtraLightItalic";
    src:url('../fonts/Barlow-ExtraLightItalic.ttf') format('truetype'), 
        url('barlow-extralightitalic-webfont.woff2') format('woff2'),
        url('barlow-extralightitalic-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-Italic";
    src:url('../fonts/Barlow-Italic.ttf') format('truetype'),
        url('barlow-italic-webfont.woff2') format('woff2'), 
        url('barlow-italic-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-Light";
    src:url('../fonts/Barlow-Light.ttf') format('truetype'),
        url('barlow-light-webfont.woff2') format('woff2'),
        url('barlow-light-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-LightItalic";
    src:url('../fonts/Barlow-LightItalic.ttf') format('truetype'),
        url('barlow-lightitalic-webfont.woff2') format('woff2'),
        url('barlow-lightitalic-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-Medium";
    src:url('../fonts/Barlow-Medium.ttf') format('truetype'),
        url('barlow-medium-webfont.woff2') format('woff2'), 
        url('barlow-medium-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-MediumItalic";
    src:url('../fonts/Barlow-MediumItalic.ttf') format('truetype'),
        url('barlow-mediumitalic-webfont.woff2') format('woff2'),
        url('barlow-mediumitalic-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-Regular";
    src:url('../fonts/Barlow-Regular.ttf') format('truetype'),
        url('barlow-regular-webfont.woff2') format('woff2'),
        url('barlow-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-SemiBold";
    src:url('../fonts/Barlow-SemiBold.ttf') format('truetype'),
        url('barlow-semibold-webfont.woff2') format('woff2'),
        url('barlow-semibold-webfont.woff') format('woff');
}
@font-face {
    font-family: "Barlow-SemiBoldItalic";
    src:url('../fonts/Barlow-SemiBoldItalic.ttf') format('truetype'),
        url('barlow-semibolditalic-webfont.woff2') format('woff2'),
        url('barlow-semibolditalic-webfont.woff') format('woff');
}
@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Oswald-Medium';
    src: url('../fonts/Oswald-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Oswald-SemiBold';
    src: url('../fonts/Oswald-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Oswald-Bold';
    src: url('../fonts/Oswald-Bold.ttf') format('truetype');
}