/* typography */
@font-face {
font-family: "GwmReg";
    src: url(../font/c9a5bc6a7c948fb0-s.p.woff);
    font-style: normal;
    font-weight: 200;}





/* header */
.container-fluid {padding: 0;}
.container {max-width: 100%;padding: 0 96px;}
a {color: #1b1c22;}
a:hover {color: #e30613;text-decoration: none;}
li a:hover .spanHover, .pre-header-link:hover .spanHover {transform: translateX(0);}
.spanHover {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #1b1c22;transform: translateX(-101%);transition: transform .25s cubic-bezier(.73,.29,0,1), background-color .25s cubic-bezier(.73,.29,0,1);will-change: transform, background-color;}
.header-wrapper li a:not(:only-child):after {/* content: '\25bc'; */color: #1b1c22;font-size: 16px;top: 5px;position: relative;}
.header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu {background-color: #f3f5f8;border-radius: 0;padding: 0;}
.header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu a {padding: 10px;color: #858690 !important;width: 100%;text-align: center;}
.header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu a:hover {color: #000 !important;}
.header-wrapper .mainmenu .sub-menu li {padding: 0;}
.header-wrapper .mainmenu li {padding: 0 24px;}
.header-wrapper .header-nav li a {font-size: 13px;line-height: 2;letter-spacing: .05em;text-transform: uppercase;font-weight: 500;color: #1b1c22 !important;position: relative;display: inline-block;vertical-align: top;overflow: hidden;padding: 0;font-family: GwmReg;}
.header-wrapper .header-nav li:last-child, .header-wrapper .mainmenu li:last-child a {padding-right: 0;}
.header-wrapper .header-logo {display: flex;align-items: center;}
.header-wrapper .header-logo img {width: 80px;height: 80px;position: relative;background-color: #000;}
.header-wrapper .header-logo .dealer a {color: #000;padding: 0 0 0 20px;font-weight: 500;}
.header-wrapper .contact {display: flex;justify-content: end;padding: 10px 0 5px;}
.header-wrapper .contact span {padding: 0 6px;}
.header-wrapper .contact .header-wishlist span {margin-right: 0;}
.header-wrapper .navbar {padding: 0;background-color: transparent !important;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0;}
.contactsHeader {border-top: 1px solid #000;}
.header-wrapper .mainmenu li.dropdown.show a:after {content: "";border-bottom: .3em solid;border-right: .3em solid transparent;border-top: 0;border-left: .3em solid transparent;}
.header-wrapper .mainmenu li.dropdown.show div a:after {border: 0;}
.header-wrapper .mainmenu li.dropdown .dropdown-menu a span {display: none;}
.header-wrapper .contact span {padding-right: 0;}
.header-wishlist {margin-left: 12px;}
.header-wrapper .contact .header-wishlist span.w-btn_copy {padding: 0;}







/* body */
body {font-family: 'GwmReg';font-size: 14px;line-height: 1.43;color: #1b1c22;font-weight: 400;text-align: left;background-color: #f3f5f8;overflow-x: hidden;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: bold;font-family: sans-serif;}
h2 {font-size: 28px;}
span.heading:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 1px;background: #858690;}
span.heading {font-weight: 500;letter-spacing: .08em;text-transform: uppercase;color: #858690;padding: 0 0 4px 16px;margin-bottom: 40px;position: relative;display: block;}
.Zone_1.z-wrapper.container {margin: 100px 0;}
.Zone_1 .explore {text-align: center;margin: 50px 0 0;}
.Zone_1 .card {border: 0;/*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*//* height: 472px; *//* position: relative; */margin-top: 40px;border-radius: 0;margin-right: 30px;}
.Zone_1 .card-body {display: flex;flex-direction: column;justify-content: center;}
.Zone_1 img.card-img-top {width: 312px;margin: 100px auto 0;}
.Zone_1 .blockHoverContent a {display: block;position: relative;padding: 23px 40px 24px 0;font-size: 12px;line-height: 1.334;font-weight: 500;color: #fff !important;letter-spacing: .06em;text-transform: uppercase;border-bottom: 1px solid hsla(0,0%,100%,.3);}
.Zone_1 .blockHoverContent span {position: absolute;right: 0;width: 32px;height: 32px;background: #e30613;border-radius: 50%;overflow: hidden;}
.Zone_1 .blockHover {position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all .5s ease;display: none;}
.Zone_1 .blockHoverImage img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;transition: opacity .5s ease .25s;will-change: opacity;}
.Zone_1 .blockHoverImage, .Zone_1 .blockHoverHeader {position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all .5s ease;}
.Zone_1 .blockHoverHeader {color: #fff;padding: 50px;}
.Zone_1 .blockHoverContent {position: absolute;top: 50%;left: 0;right: 0;padding: 20px 50px;}
.Zone_1 .card:hover .blockHover {display: block;}
.Zone_1 .card {transition: 0.5s;}
.Zone_1 .card:hover {/* z-index: 9999; *//* transform: scale(1.1); */;}
.swiperContent {background-color: #1b1c22;}
.Zone_2.z-wrapper {margin: 0 0 150px;}
.Zone_4.z-wrapper {margin: 56px 0 44px;}
.Zone_4.z-wrapper .card {border: 0;background-color: transparent;}
.Zone_4 img.card-img-top {margin-bottom: 30px;}
.Zone_4 .card-body {padding: 5px 5px 25px 5px;}
.Zone_4 .card-body h5 {margin: 25px 0;font-size: 24px;}
.Zone_4 p.card-text {margin-bottom: 50px;font-size: 16px;color: #858690;}
.Zone_4 small.text-muted {border-top: 1px solid #1b1c22;width: 100%;display: block;padding: 35px 30px 35px 0;font-size: 12px;color: #272834 !important;text-transform: uppercase;}
.inner h1 {text-transform: uppercase;font-size: 48px;}
.Zone_4 .card {position: relative;}
.cardImg {display: block;position: relative;overflow: hidden;}
.cardImg img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);transition: transform .5s ease;will-change: transform;background: #1b1c22;}
.cardImg:hover img {transform: scale(1.01);}
ul.multiselect-container.dropdown-menu.show {top: 65px !important;}





/* misc */
.main-menu-mobile, .sv-widget, .header-options {display: none;}
.innerHeader {box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;}
.main-header  #nav-toggler.collapsed {border-color: transparent;background-color: transparent;border-radius: 0;}
.main-header #nav-toggler:after, .main-header #nav-toggler:before {background-color: #1b1c22;content: '';height: 2px;margin-top: 1.5rem;position: absolute;top: 0;transition-delay: 0s;width: 26px;}
.main-header  #nav-toggler.collapsed:before {animation: .3s forwards uncrossTopBar;}
.main-header  #nav-toggler.collapsed:after {animation: .3s forwards uncrossBottomBar;margin-top: 15px;}
.main-header #nav-toggler {display: none;background: 0 0;border: 0;border-radius: 50%;color: #fff;display: -ms-flexbox;-ms-flex-direction: column;flex-direction: column;height: 45px;min-width: 45px;padding: 0;position: relative;transition: border-color .3s .12s;order: 1;}
.navbar-light .navbar-toggler {border: 0;position: relative;display: none;}
.navbar-light .navbar-brand {display: none;}





/* footer */
.post-footer li a {display: block;position: relative;padding: 41px 40px 46px 0;font-size: 18px;line-height: 1.334;font-weight: 700;text-transform: uppercase;color: #1b1c22;border-bottom: 1px solid hsla(235,5%,54%,.5);}
.post-footer ul#menu_10_0 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 2;}
.post-footer li {width: 98%;}
.post-footer li a:before {content: "\f061";background-color: #e30613;border-radius: 50%;width: 32px;height: 32px;position: absolute;font-weight: 600;font-family: "Font Awesome 5 Free";display: flex;justify-content: center;align-items: center;color: #fff;font-size: 12px;right: 0;}
.post-footer li:nth-child(even) a {border: 0;}
.post-footer {padding: 0 0 100px;}
.main-footer .post-f-links .logo {width: 80px;height: 80px;position: relative;background-color: #000;margin-bottom: 44px;}
.main-footer .post-f-links {display: flex;flex-direction: column;}
.main-footer span.system-info-phone {margin-bottom: 12px;font-weight: bolder;font-size: 18px;}
.main-footer .roadsidelinks {margin-bottom: 36px;pointer-events: none;}
.main-footer .roadsidelinks a {color: #000;}
.socials li:first-child {display: block;width: 100%;}
.socials a {color: #858690;padding: 9px 18px 9px 0;}
.socials li:first-child a, .copyright-footer .post-f-links {padding: 0;}
.copyright-footer {position: relative;border-top: 1px solid hsla(235, 5%, 54%, .5);border-bottom: 1px solid hsla(235, 5%, 54%, .5);padding: 19px 0 24px;color: #858690;}
.copyright-footer:after {content: "";position: absolute;top: 0;bottom: 0;left: 50%;width: 1px;background: hsla(235, 5%, 54%, .5);}
.copyright-footer a {color: #858690;pointer-events: none;font-size: 12px;text-transform: uppercase;}
.disclaimer p {font-size: 12px;padding-left: 48px;margin: 0;}
.main-footer {padding-bottom: 80px;}
.footer-links li:first-child a {color: #858690;margin-bottom: 44px;font-size: 16px;font-weight: 600;}
.footer-links li {float: none !important;margin-bottom: 22px;}
.footer-links li a {color: #1b1c22;text-transform: uppercase;position: relative;display: inline-block;vertical-align: top;overflow: hidden;}
.footer-links li:first-child a {pointer-events: none;}
.footer-links li a .spanHover {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #1b1c22;transform: translateX(-101%);transition: transform .25s cubic-bezier(.73,.29,0,1), background-color .25s cubic-bezier(.73,.29,0,1);will-change: transform, background-color;}
.footer-links li a:hover .spanHover {transform: translateX(0);}
.rotator-button {opacity: unset !important;font-size: 20px;}






/*changes*/
.pre-header-link a {overflow: hidden;font-size: 13px;line-height: 2;letter-spacing: .05em;text-transform: uppercase;font-weight: 500;color: #1b1c22 !important;position: relative;display: inline-block;vertical-align: top;overflow: hidden;padding: 0;font-family: GwmReg;}
.dropdown-item.active, .dropdown-item:active {background-color: #f3f5f8;}
.header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu {left: 50% !important;right: auto !important;text-align: center !important;transform: translate(-50%, 0) !important;top: 51px;}
header#header {transform-origin: top;width: 100%;position: fixed;top: 0;/*transform: scaleY(1);*/transition: 1s ease;z-index: 9999;background: #fff;}
header#header.scrolled {position: fixed;top: -80px;width: 100%;transform: scaleY(0);transform-origin: top;transition: 1s ease;}
.main-footer .roadsidelinks a {color: #858690;}
.socials a i {font-size: 18px;}
.post-f-links .footerLogo {width: 80px;}
.footer-links li:first-child {margin-bottom: 0;}
.ix-system-link {margin: 20px 0 !important;}
.main-footer .system-info-phone span.info-details:hover {color: #858690;}
.content-wrapper {display: flex;flex-direction: column;}
.swiperArrows {position: relative;margin-top: 22px;}
.swiperArrows .swiper-button-next, .swiperArrows .swiper-button-prev {width: 100%;position: static;justify-content: flex-start;padding: 17px 8px;height: unset;}
.wysiwig-content {margin-top: 100px;}
.swiperArrows .swiper-button-next {margin-bottom: 20px;}
.swiperArrows .swiper-button-prev::after {content: 'next';right: 8px;}
.swiperArrows .swiper-button-next::after {right: 8px;}
.swiperArrows h4 {color: #fff;margin-bottom: 0;font-size: 18px;font-weight: unset;}
.swiperArrows .swiper-button-prev {border-bottom: 1px solid #e30613;border-top: 1px solid #e30613;}
.swiper-wrapper .col-12 {max-width: 100%;padding: 0;}
.swiper-wrapper .image-container {max-width: 100%;}
.swiper-wrapper .image-container img.img-fluid {<img alt="GWM P-Series Class Winner SA Bakkie of the Year" loading="lazy" width="872" height="773" decoding="async" data-nimg="1" style="color: transparent" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbakkie-of-the-year.d0a0021b.jpg&w=1080&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbakkie-of-the-year.d0a0021b.jpg&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbakkie-of-the-year.d0a0021b.jpg&w=1920&q=75">;<img alt="GWM P-Series Class Winner SA Bakkie of the Year" loading="lazy" width="872" height="773" decoding="async" data-nimg="1" style="color: transparent" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbakkie-of-the-year.d0a0021b.jpg&w=1080&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbakkie-of-the-year.d0a0021b.jpg&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbakkie-of-the-year.d0a0021b.jpg&w=1920&q=75">;width: 100%;object-fit: cover;aspect-ratio: 1;}
.swiper-wrapper .content-container {padding: 0 96px;}
.Zone_1.z-wrapper.container .new-model-navigation {display: none !important;}
.Zone_1 div#new-model-list-gwm .tab-pane {border: 0 !important;}
.Zone_1 div#new-model-list-gwm .tab-pane .card {background-color: transparent;}
.Zone_1 .active.new-model-shape.tab-pane:before {content: ''!important;}
.main-header #nav-toggler:after {content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: 600;color: #1b1c22;font-size: 30px;margin-top: 0;background-color: transparent;}
.main-header #nav-toggler.collapsed:after {content: '';background-color: #1b1c22;}
.main-header #nav-toggler:before {background-color: transparent;}
.main-header #nav-toggler.collapsed:before {background-color: #1b1c22;}
button#nav-toggler {outline: none;}
.post-footer #menu_10_0 li a {border-bottom: 1px solid hsla(235, 5%, 54%, .5);}
.error-template {padding-top: 140px;}
.brandsLogo {background-color: #fff;padding: 20px;height: 300px;transition: all .5s ease;}
.blockBrands .brandsLogo {display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.blockBrands .brandsLogo img {max-width: 100px;}