/************ // General HTML Tags // ************/



/************ // Site Structure // ************/

body {
    overflow-x: hidden;
}

header.entry-header {
    display: none;
}

.site-inner,
.wrap {
    margin: 0 auto;
    max-width: 100%;
}

.wrap {
    max-width: 1600px;
    margin: 0 auto;
}

.entry {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0;
}

.site-inner {
    clear: both;
    padding-top: 0;
    word-wrap: break-word;
}

@font-face {
    max-width: 1600px;
    margin: 0 auto;
    font-family: boldfont;
    src: url(/wp-content/themes/genesis-sample/fonts/bold.woff2) format("woff2"), url(/wp-content/themes/genesis-sample/fonts/bold.woff2) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: mediumfont;
    src: url(/wp-content/themes/genesis-sample/fonts/medium.woff2) format("woff2"), url(/wp-content/themes/genesis-sample/fonts/medium.woff2) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: textregular;
    src: url(/wp-content/themes/genesis-sample/fonts/regular.woff2) format("woff2"), url(/wp-content/themes/genesis-sample/fonts/regular.woff2) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
p,
a,
label,
input,
textarea,
select,
option,
span {
    font-family: textregular;
}


p,
a,
li,
label,
input,
textarea,
select,
option {
    font-size: 18px;
    font-family: textregular;
}

.site-footer {
    padding: 20px 0 0;
}

/************ // Header // ************/

.site-header .widget-area {
    float: left;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: fixed;
    z-index: 999;
    padding-top: 75px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #fff;
    top: -75px;
    transition: top 0.3s ease;
}

.site-header #custom_html-3 {
    display: none;
}

.site-header>.wrap {
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid;
}

.TankLogoHeader {
    padding-top: 10px;
    margin-left: 70px;
}

.TankLogoHeader a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-area {
    display: none;
}

.site-header .widget-area .widget {
    margin-bottom: 0px;
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 0px !important;
}


.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff !important;
}

.bx-wrapper {
    margin: 0 auto 0px !important;
}

.limitWidth {
    max-width: 1200px;
    margin: auto;
}


.single-post header.entry-header {
    display: block;
    padding-top: 150px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.single-post .entry-content {
    max-width: 1200px;
    margin: 0 auto;
}

/* .single-post h1.entry-title {
    font-family: orafunkyheadlineregular;
    font-weight: 400;
    color: #5ca3a7;
} */

p.entry-meta {
    visibility: hidden;
}

/************ // Menu // ************/

.genesis-nav-menu a {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
}


.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover,
.genesis-nav-menu .sub-menu .current-menu-item>a:focus {
    color: #535353;
    text-decoration: none;
}

section#nav_menu-2 {
    margin-right: 80px;
}

.genesis-nav-menu a {
    font-weight: 600;
}

.brownButtonHome span {
    background-color: #bfa779;
    padding: 10px 20px;
    color: #fff;
}

.sub-menu-toggle {
    left: 0;
    background-color: transparent !important;
    text-align: end;
    outline: unset !important;
}

/*********** // Home page // ************/

.firstImageCenter {
    position: absolute;
}

.firstImageLeft {
    width: 40%;
    margin-left: 250px;
    position: relative;
    bottom: -50px;
}

.firstImageCenter {
    position: absolute;
    transform: translate(7px, 100px);
}

.firstImageRight {
    position: relative;
    top: -50px;
}

.hometop {
    background-color: #0f101b;
    position: relative;
    display: flex;
    padding: 5%;
    overflow: hidden;
}

.imagewithOverlayHolder {
    position: relative;
}

.overlayHolder {
    position: absolute;
    top: 13%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.overlaySmall p {
    border: 1px solid #fff;
    margin: 0;
    font-size: 12px;
    width: 247px;
    margin: 0 auto;
    color: #fff;
}

.overlayHeading {
    font-family: 'boldfont';
}

.overlayHeading h2 {
    font-size: 47px;
    width: 470px;
    color: #fff;
    font-family: 'boldfont';
}

.overlayHeadingNew {
    font-family: 'boldfont';
}

.overlayHeadingNew h2 {
    font-size: 47px;
    width: 530px;
    color: #fff;
    font-family: 'boldfont';
}

.advantages-item {
    opacity: 1;
    transition: opacity .8s ease 1s;
    will-change: opacity;
    position: absolute;
    box-sizing: border-box;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}

.advantages-item-button-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #bfa679;
    border-radius: 50%;
    transition: background-color .5s cubic-bezier(.73, .29, 0, 1), transform .5s cubic-bezier(.73, .29, 0, 1);
    will-change: background-color, transform;
}

.advantages-item-button-border {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    background: transparent url(/wp-content/uploads/site/circle-border.svg) 50% 50% no-repeat;
    background-size: 100% 100%;
    transform: translate3d(-50%, -50%, 0);
    transition: opacity .5s cubic-bezier(.73, .29, 0, 1);
    will-change: opacity;
}

.advantages-item-button {
    cursor: pointer;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.advantages-item-button-bg:hover {
    z-index: 10;
}

.advantages-item-button:after,
.advantages-item-button:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 21px;
    width: 16px;
    height: 2px;
    background: #fff;
    transition: background-color .5s cubic-bezier(.73, .29, 0, 1);
    will-change: background-color;
}

.advantages-item-button:hover:after,
.advantages-item-button:hover:before {
    background: #bfa679;
}


.advantages-item:hover .advantages-item-button-bg:hover {
    background-color: #fff;
    transform: scale(1.273);
}

.advantages-item-button-bg:hover {
    background-color: #ffffff73;
}

.advantages-item-button:after {
    left: 21px;
    top: 14px;
    width: 2px;
    height: 16px;
}


.button1 {
    position: absolute;
    top: 34%;
    left: 53%;
}


.button2 {
    position: absolute;
    top: 48%;
    left: 28%;
}

.button3 {
    position: absolute;
    bottom: 33%;
    left: 62%;
}

.galleryHolderHome {
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 120px;
    padding-left: 20px;
    padding-right: 20px;
}

.informationHoverHolder {
    position: absolute;
    top: 0;
    bottom: 0;
}

.flexInfo {
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 360px;
    font-size: 0;
}

.galleryHolderHome .swiper-button-next,
.swiper-button-prev {
    color: #e3e3e3 !important;
}

.newSwiper .swiper-button-next,
.swiper-button-prev {
    color: #2b2b2b !important;
}

.yellowBackground {
    padding: 6% 0 4% 0;
    background-color: #bfa779;
    margin-top: 120px;
    padding-left: 20px;
    padding-right: 20px;
}

.quform-2 .quform-theme-underlined .quform-field-captcha,
.quform-theme-underlined .quform-field-date,
.quform-theme-underlined .quform-field-email,
.quform-theme-underlined .quform-field-multiselect,
.quform-theme-underlined .quform-field-password,
.quform-theme-underlined .quform-field-select,
.quform-theme-underlined .quform-field-text,
.quform-theme-underlined .quform-field-textarea,
.quform-theme-underlined .quform-field-time,
.quform-theme-underlined .select2-container--quform .select2-selection {
    border-bottom: 2px solid #000000;
    color: #000000;
    font-weight: 300;
}

.quform-2 .quform-button-submit.quform-button-submit-2_2 button,
.quform-2 .quform-element-submit.quform-button-style-theme .quform-button-submit.quform-button-submit-2_2 button {
    background-color: #000;
    border-color: #000;
    color: #fff;
    margin: 0 auto;
}

.quform-2 .quform-button-back-default,
.quform-button-next-default,
.quform-button-submit-default {
    float: unset;
}

.quform-3 .quform-button-back-default,
.quform-button-next-default,
.quform-button-submit-default {
    float: unset;
}

.quform-3 .quform-button-submit.quform-button-submit-3_2 button,
.quform-3 .quform-element-submit.quform-button-style-theme .quform-button-submit.quform-button-submit-3_2 button {
    margin: 0 auto;
}

h2.insideYellow {
    text-align: center;
    font-size: 40px;
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
    font-family: 'boldfont';
    font-weight: 400;
    color: #fff;
}

.info1 {
    position: absolute;
    top: 50%;
    right: -100%;
    transform: translate(140%, -50%);
}

.info2 {
    position: relative;
    top: 33%;
    right: -100%;
}

.info3 {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(170%, -20%);
}


.info4 {
    position: absolute;
    left: 100%;
    bottom: 17%;
    transform: translate(210%, 0%);
}

.info5 {
    position: absolute;
    top: 32%;
    transform: translate(80%, 0%);
}

.flexHomeInfoText img {
    width: 180px;
}

.flexHomeInfoImage {
    padding: 13px;
}

.frontNback {
    position: absolute;
    left: 43%;
    transform: translate(0, -100%);
    display: flex;
    bottom: -8%;
    gap: 19px;
}

.back,
.front {
    background-color: #fff;
    border-radius: 103px;
    padding-top: 38px;
    width: 120px;
    height: 120px;
    margin-left: 5px;
    cursor: pointer;
}

.invisible {
    visibility: hidden;
}

.button4 {
    position: absolute;
    bottom: 35%;
    left: 50%;
}

.button5 {
    position: absolute;
    top: 48%;
    left: 27%;
}

.hide {
    display: none;
}

.variantholder {
    display: flex;
}

.variantsNew {
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
}


.flexVariant {
    background-color: #fff;
    box-shadow: -1px 3px 12px #00000070;
    margin: 2%;
    padding: 2%;
    text-align: center;
}


.flexVariant {
    background-color: #fff;
    box-shadow: -1px 3px 12px #00000070;
    margin: 2%;
    padding: 2%;
    text-align: center;
    font-family: 'textregular';
}

.variantPriceHolder {
    font-family: 'boldfont';
}

.bookAtTestDriveButton a {
    background-color: #b8a07e;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    display: inline-block;
}


.page-id-27561 .entry-content {
    background: #f3f3f4;
}

.heaDTop h3 {
    font-family: 'boldfont';
}

.quform-2 option {
    color: #000;
}

.vehicleImageNew1,
.vehicleImageNew2 {
    font-size: 0;
}

.smooth {
    transition: 0.5s ease-in-out;
}

.vehicleImageContainer {
    position: relative;
    z-index: revert-layer;
}

.headingHolderAbout h2 {
    font-family: 'boldfont';
}

.headingHolderAbout p {
    color: #b8a07e;
}

.imageLeftTextRight {
    display: flex;
    align-items: center;
    font-size: 0
}

.imageRightTextLeft {
    display: flex;
    align-items: center;
    font-size: 0;
}

.imageRight,
.TextLeft {
    width: 50%;
}


.imageLeft,
.TextRight {
    width: 50%;
}


.TextRight {
    padding: 0px 10% 0 10%;
}


.TextRight h3 {
    width: 450px;
    margin-bottom: 50px;
    font-family: 'boldfont';
}

.TextLeft {
    padding: 0px 10% 0 10%;
}


.TextLeft h3 {
    width: 450px;
    margin-bottom: 50px;
    font-family: 'boldfont';
}

.midImageHolder {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center;
}

.midImageHolder p {
    padding-top: 50px;
}

.halfImageTextImage {
    display: flex;
}

.TextImage {
    padding: 90px 0px 0px 62px;
}

.textTopInfo h2 {
    font-family: 'boldfont';
    font-size: 23px;
}

.textTopInfoSecond h2 {
    font-family: 'boldfont';
    font-size: 23px;
}

.textTopInfoThird h2 {
    font-family: 'boldfont';
    font-size: 23px;
}

.entry-content .textTopInfo ul {
    margin-bottom: 80px;
    margin-left: 23px;
}

.entry-content .textTopInfoSecond ul {
    margin-bottom: 80px;
    margin-left: 23px;
}

.entry-content .textTopInfoThird ul {
    margin-bottom: 80px;
    margin-left: 23px;
}

.entry-content .textTopInfo ul li {
    color: #919191;
    font-size: 14px;
    margin-bottom: 15px;
}

.entry-content .textTopInfoSecond ul li {
    color: #919191;
    font-size: 14px;
    margin-bottom: 15px;
}

.entry-content .textTopInfoThird ul li {
    color: #919191;
    font-size: 14px;
    margin-bottom: 15px;
}


.heaDTopSmall p {
    font-size: 12px;
}

.heaDTopSmall {
    padding: 60px;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.heaDTopSmall img {
    object-fit: contain;
}

.textLeftImageRight {
    display: flex;
    padding-top: 130px;
}

.ImageRight {
    width: 80%;
}

.textTopInfoSecond {
    width: 35%;
    margin-left: 310px;
}

.ImageLefttextRight {
    display: flex;
    padding-top: 130px;
}

.textTopInfoThird {
    width: 35%;
    margin-left: 90px;
}

.perfomance-section {
    padding-bottom: 100px;
}

.caption-section {
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
}

.caption-section span {
    margin-right: 5px;
    background-image: url('https://www.haval.co.za/icons/link-dark.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 9px;
    height: 9px;
}

.overlayHolderSecond {
    position: absolute;
    top: 4%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.perfomance-list .each-performance {
    display: flex;
    align-items: center;
    padding: 26px 0 38px;
    border-bottom: 1px;
    border-bottom: 1px solid hsla(235, 5%, 54%, .45);
}

.perfomance-list .each-performance:nth-child(4) {
    border-bottom: none;
    margin-bottom: 100px;
}

.perfomance-list .each-performance .title-container {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.perfomance-list .each-performance .title-container .icon-container {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.perfomance-list .each-performance .value-container span {
    font-size: 42px;
    font-weight: 700;
}

.perfomance-list .img-container {
    margin-top: 100px;
}

.characterHolder {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.charaButtons {
    display: flex;
    justify-content: center;
    gap: 200px;
}

.charBtn {
    border: 1px solid;
    padding: 13px 90px;
    text-transform: uppercase;
    margin-bottom: 50px;
    cursor: pointer;
}

.blackActive {
    background-color: #000;
    color: #fff;
    transition: 0.5s ease-out;
}

.textBottom {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.imageBottom img {
    width: 180px;
}

.imageBottom {
    text-align: center;
}

.textTopInfo ul,
.textTopInfoSecond ul,
.textTopInfoThird ul {
    margin-bottom: 100px;
    padding-left: 19px;
}

.textTopInfo ul li,
.textTopInfoSecond ul li,
.textTopInfoThird ul li {
    list-style: disc;
    font-size: 14px;
}

.active {
    border-bottom: 5px solid #bfa679;
}

.darkCar {
    filter: brightness(0.5);
}

.connected-carousels .gallery_1 {
    position: relative;
    background: #F5F5F5;
    padding: 0 0 10px 0;
}

.connected-carousels .stage {
    /* max-width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff; */
    max-height: 720px;
}

.connected-carousels .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.connected-carousels .photo-credits a {
    color: #fff;
}

.entry-content .connected-carousels ul>li {
    list-style-type: none;
}

.connected-carousels .navigation {
    width: 100%;
    margin: 0;
    position: relative;
}


/** Shared carousel styles **/

.connected-carousels .carousel,
.connected-carousels2 .carousel {
    overflow: hidden;
    position: relative;
}

.connected-carousels .carousel ul,
.connected-carousels2 .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    float: left;
    width: 1600px;
}

.connected-carousels2 .carousel li {
    float: left;
    width: 1080px;
}

.connected-carousels .carousel-stage,
.connected-carousels2 .carousel-stage {
    height: unset;
}


/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {}

.connected-carousels .carousel-navigation ul,
.connected-carousels2 .carousel-navigation2 ul {
    width: 100%;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel-navigation li,
.connected-carousels2 .carousel-navigation2 li {
    cursor: pointer;
    float: left;
    width: calc(100%/18);
    list-style-type: none;
}

.connected-carousels .carousel-navigation li img,
.connected-carousels2 .carousel-navigation2 li img {
    display: block;
    padding: 2px;
}

.connected-carousels .carousel-navigation li.active img,
.connected-carousels2 .carousel-navigation2 li.active img {
    border-color: #A5A5A5;
}


/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage,
.connected-carousels2 .prev-stage,
.connected-carousels2 .next-stage {
    display: block;
    position: absolute;
    top: 50%;
    color: #fff;
}

.connected-carousels .prev-stage,
.connected-carousels2 .prev-stage {
    left: 28px;
}

.connected-carousels .next-stage,
.connected-carousels2 .next-stage {
    right: 28px;
}

.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive,
.connected-carousels2 .prev-stage.inactive,
.connected-carousels2 .next-stage.inactive {
    display: none;
}

.connected-carousels .prev-stage span,
.connected-carousels .next-stage span,
.connected-carousels2 .prev-stage span,
.connected-carousels2 .next-stage span {
    width: 400px;
    height: 100%;
}

.connected-carousels .prev-stage span,
.connected-carousels2 .prev-stage span {
    left: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.connected-carousels .next-stage span,
.connected-carousels2 .next-stage span {
    right: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span,
.connected-carousels2 .prev-stage:hover span,
.connected-carousels2 .next-stage:hover span {
    display: block;
}


/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation,
.connected-carousels2 .prev-navigation,
.connected-carousels2 .next-navigation {
    display: block;
    position: absolute;
}

.connected-carousels .prev-navigation,
.connected-carousels2 .prev-navigation {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    width: 100%;
    height: 100px;
    z-index: 998;
}

.connected-carousels .next-navigation,
.connected-carousels2 .next-navigation {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    width: 100%;
    z-index: 998;
    bottom: 0;
}

.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive,
.connected-carousels .next-navigation,
.connected-carousels .prev-navigation,
.connected-carousels2 .prev-navigation.inactive,
.connected-carousels2 .next-navigation.inactive {
    display: none;
}

.flexThreeFourth {
    flex: 0 0 75%;
    max-width: calc(1440px*0.75);
}

.z-content-inner {
    color: #000;
    font-weight: 800;
}

/************* // Test drive // ************/

h2.redHeadingBook {
    text-align: center;
    color: #ea3347;
    font-size: 40px;
    font-family: 'orafunkyheadlineregular';
    font-weight: 400;
}

span.greyHeadingBook {
    color: #333;
    font-family: 'orafunkyheadlineregular';
    font-weight: 400;
}

.whiteFormHolder {
    padding: 80px 0;
}

/************* // About Us // ************/
.headingHolderAbout {
    text-align: center;
    padding-top: 11px;
}

.headingHolderAbout h2 {
    font-family: 'boldfont';
}

/************ // News // ************/

.pt-cv-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}


.pt-cv-view .pt-cv-title {
    margin-bottom: 10px;
    min-height: 94px;
}


.pt-cv-view.iscvblock .pt-cv-content-item a {
    text-decoration: none;
}

.pt-cv-carousel-caption>:not(:last-child),
.pt-cv-collapsible .panel-body>:not(:last-child),
.pt-cv-colwrap>:not(:last-child),
.pt-cv-ifield>*,
.pt-cv-overlay-wrapper>:not(:last-child),
.pt-cv-remain-wrapper>:not(:last-child),
.pt-cv-view .pt-cv-content-item>* {
    margin-bottom: 0;
}

h4.pt-cv-title {
    padding-top: 16px;
}

.iscvblock .pt-cv-readmore.btn {
    background: #b8a07e;
    color: #fff;
}

.iscvblock .pt-cv-readmore.btn:active,
.iscvblock .pt-cv-readmore.btn:focus,
.iscvblock .pt-cv-readmore.btn:hover {
    background: #9f9f9f;
    border-color: transparent;
}

h4.pt-cv-title a {
    font-size: 23px;
    font-weight: 400;
    font-family: 'boldfont';
    color: #000;
}


.pt-cv-content {
    font-family: 'textregular';
}

.headingNews {
    padding-top: 150px;
    text-align: center;
}

.headingNews h2 {
    font-family: 'boldfont';
    font-size: 40px;
}

/************ // WooCommerce // ************/
.post-type-archive-product .content,
.single-product .site-inner,
.archive.tax-dealer .site-inner {
    padding-top: 100px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #f3f5f8;
}

.entry {
    background-color: transparent;
}

.theme-bttn {
    background-color: #b8a07e !important;
    color: #fff;
    text-decoration: none;
    padding: 15px 20px !important;
    text-transform: uppercase;
}

.theme-bttn .second {
    display: none;
}

/************ // Footer // ************/

.footerHolder {
    display: flex;
    width: 100%;
    align-items: center;
    background: #222327;
    padding: 20px 0;
}

.tankFooterLogo {
    width: 33.3%;
    margin-left: 50px;
    font-size: 0;
    display: flex;
    align-items: center;
}

.copyRightsHolder {
    width: 33.3%;
    color: #fff;
    font-family: 'orafunkytextregular';
    text-align: right;
    margin-right: 50px;
}

.copyRightsHolder {
    width: 33.3%;
    color: #fff;
    font-family: 'orafunkytextregular';
}

.footerLogo img {
    width: 26px;
}

.tankFooterLogo img {
    width: 44px;
}

.tankFooterLogo img.cmh-logo {
    width: 70px;
}

.socialLogos {
    display: flex;
    width: 50%;
    height: 43px;
    justify-content: flex-end;
}

.footerLogo {
    background-color: #bfa779;
    width: 35px;
    height: 35px;
    margin: 3px;
    padding: 6px;
    border-radius: 100%;
}

/* Pre-owned */
.single-product {
    background-color: #f3f5f8;
}

.woocommerce ul.products li.product .outstock_button button {
    height: unset !important;
}

/* SPecials */
.special-section {
    background-color: #f3f5f8;
}

.single-special-section {
    background-color: #f3f5f8;
}

/* finance page */
.finance-section {
    width: unset;
    padding-top: 155px;
    padding-bottom: 60px;
}

.finance-section p {
    width: 60%;
}

/* Accesories */
.accessories-section {
    padding: 160px;
}

.accessories-section .quform input,
.accessories-section .quform select,
.accessories-section .quform textarea {
    border: unset !important;
    border-bottom: 2px solid #858690 !important;
    background-color: transparent !important;
}

/* Service */
.book-a-service-section {
    padding-top: 155px;
    padding-bottom: 155px;
}

/* parts */
.parts-section {
    padding-top: 155px;
}


/* News */
.new-lis-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.new-lis-container .each-news-container {
    width: calc(100%/3);
    padding: 15px;
    border: none;
}

.new-lis-container .each-news-container a {
    color: inherit;
    text-decoration: none;
}

.new-lis-container .each-news-container .each-news-wrap .thumbnail-container {
    position: relative;
    max-width: 100% !important;
    overflow: hidden;
}

.new-lis-container .each-news-container .each-news-wrap h2 {
    font-size: 23px;
    font-weight: 400;
    font-family: 'boldfont';
    color: #000;
    margin-bottom: 15px;
}

.new-lis-container .each-news-container .each-news-wrap p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/************ // Responsive // ************/

@media screen and (max-width: 1600px) {
    /* Laptop */

    .newSwiper,
    .textHolder,
    .galleryHolderHome,
    .imageRightTextLeft,
    .imageLeftTextRight {
        max-width: 1200px;
    }

    .variantsNew {
        max-width: 1200px;
    }


}

@media screen and (max-width: 1024px) {
    /* Older Desktop */

}

@media screen and (max-width: 1540px) {

    /* Older Desktop */
    .genesis-nav-menu a {
        padding: 32px 10px;
    }

    .TankLogoHeader {
        margin-left: 0px;
    }

    section#nav_menu-2 {
        margin-right: 0;
    }

}

@media screen and (max-width: 1200px) {

    /* Older Desktop */
    .genesis-nav-menu a {
        font-size: 12px;
        padding: 32px 10px;
    }

    .TankLogoHeader {
        margin-left: 0px;
    }

    section#nav_menu-2 {
        margin-right: 0;
    }

}

@media screen and (max-width: 768px) {
    /* iPad */

    .colour-table-title h2 {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 0
    }

    .table-name {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 10;
        background-color: #f9f9f9;
        min-width: 138px;
        box-shadow: 0 13px 23px #0000000f;
        padding-right: 24px
    }

    .colour-heading {
        min-width: 80px
    }

    .table-space {
        min-width: 20px
    }

    .colour-table-title {
        margin-bottom: 24px
    }

    .colour-table-container {
        margin-bottom: 60px
    }

    section#nav_menu-2 {
        margin-left: 0;
    }

    .site-header .widget-area {
        padding-top: 0px;
    }

    .site-inner {
        padding: 5% 5% 0;
        background-color: #fff;
        padding: 0;
    }

    .site-header .widget-area {
        position: unset;
        text-align: center;
        justify-content: space-between;
        align-items: center;
    }

    .js .nav-primary .genesis-nav-menu .menu-item a,
    .js .site-header .genesis-nav-menu .menu-item a {
        text-align: center;
    }

    .js nav button:hover,
    .js .menu-toggle:hover,
    .js .nav-primary {
        background-color: #fff;
        color: #000;
        text-transform: uppercase;
    }

    #typing-effect {
        font-size: 34px;
    }

    .afterGalleryFlex {
        padding-top: 50px;
        flex-direction: column;
    }

    .home-flex-top {
        flex-direction: column;
    }

    .home-right {
        width: 100%;
        padding-top: 20px;
    }

    .home-left p {
        width: 100%;
    }

    .specSheetButton a {
        display: block;
        text-align: center;
    }

    .home-left {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    h2.WhiteTextHome {
        font-size: 32px;
        font-family: 'orafunkyheadlineregular';
        font-weight: 400;
        max-width: 100%;
        line-height: unset;
        margin-bottom: unset;
    }

    .textHolder p {
        max-width: 100%;
        margin-bottom: unset;
    }

    .absoluteImageHolder {
        position: unset;
        max-width: unset;
    }


    h2.blackHeadingHome.WhiteTextHome {
        max-width: 100%;
        text-align: center;
    }

    .newSwiper,
    .textHolder,
    .galleryHolderHome,
    .imageRightTextLeft,
    .imageLeftTextRight {
        text-align: center;
    }

    .imgHolderGreen {
        max-width: unset;
        padding-left: 0;
        margin-left: 0;
        font-size: 0;
    }

    .textHolder.BottomBlackTextHome {
        margin-left: 0;
    }

    h2.gBlackHeading {
        max-width: 100%;
        font-size: 46px;
        line-height: unset;
        margin-bottom: 0;
    }

    .greenMidHolderHome {
        flex-direction: column;
    }

    .imageRightTextLeft {
        display: flex;
        align-items: center;
        max-width: 1600px;
        margin: 0 auto;
        padding: 60px 0;
        flex-direction: column;
    }

    .imageRightTextLeft {
        flex-direction: column;
    }

    .imageLeftTextRight {
        flex-direction: column-reverse;
    }

    .textRight {
        padding-left: 0;
    }

    .TextLeft,
    .textRight {
        width: 100%;
    }

    .imageRightTextLeftNew .TextLeft,
    .imageRightTextLeftNew .imageRight {
        width: 100%;
    }

    .TextLeftAccordion {
        width: 100%;
    }

    .accordion-header-about {
        width: unset;
    }

    .redOra h2 {
        font-size: 40px;
    }

    .imageRightTextLeftNew {
        flex-direction: column;
    }

    .imgHolderHome {
        margin-right: 0;
        width: 100%;
    }

    .textHolderAfterGal {
        width: 100%;
        padding-top: 100px;
    }

    h2.insideYellow {
        font-size: 43px;
    }

    .hometop {
        padding: 20% 4% 20% 4%;
    }

    .firstImageCenter {
        position: absolute;
        transform: translate(0px, 140px);
        width: 90%;
    }

    .firstImageLeft {
        width: 70%;
        margin-left: 0;
        position: relative;
        bottom: -70px;
    }

    .overlayHolder {
        position: absolute;
        top: 18%;
        text-align: center;
        left: 0;
        transform: translate(0, -50%);
        z-index: 1;
        width: 100%;
    }

    .frontNback {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .halfImageTextImage {
        flex-direction: column;
    }

    .TextImage {
        padding: 15px 0px 0px 0;
    }

    .textTopInfo {
        padding: 2%;
    }

    .imageHolderInfo img {
        width: 100%;
    }

    .textTopInfo ul,
    .textTopInfoSecond ul,
    .textTopInfoThird ul {
        margin-bottom: 20px;
    }

    .textLeftImageRight {
        padding-top: 20px;
        flex-direction: column;
    }

    .textTopInfoSecond {
        width: 100%;
        margin-left: 0;
        padding: 2%;
    }

    .textTopInfoThird {
        padding: 2%;
    }

    .ImageRight,
    .ImageRight img {
        width: 100%;
    }

    .ImageLefttextRight {
        padding-top: 20px;
        flex-direction: column-reverse;
    }

    .textTopInfoThird {
        width: 100%;
        margin-left: 0;
    }

    .overlayHeadingNew h2 {
        font-size: 17px;
        width: 100%;
    }

    .overlayHeading h2 {
        width: 100%;
        font-size: 21px;
    }

    .back,
    .front {
        width: 90px;
        height: 90px;
        padding: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .js nav.nav-primary,
    .js .site-header nav {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #fff;
        padding-bottom: 15px;
    }

    .connected-carousels .carousel-navigation ul,
    .connected-carousels2 .carousel-navigation2 ul {
        display: flex;
        flex-wrap: wrap;
        left: unset !important;
    }

    .connected-carousels .carousel-navigation li,
    .connected-carousels2 .carousel-navigation2 li {
        width: calc(100%/6);
    }

    .connected-carousels .stage {
        max-height: 390px;
    }

    .connected-carousels .carousel-stage,
    .connected-carousels2 .carousel-stage {
        height: 100%;
    }

    .connected-carousels .carousel-stage li {
        width: 100dvw;
    }

    .yellowBackground {
        margin-top: 50px;
    }

    .finance-section {
        padding-top: 40px;
    }

    .finance-section p {
        width: 100%;
    }

    .accessories-section,
    .book-a-service-section,
    .parts-section {
        padding-top: 40px;
    }

    .wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .new-lis-container {
        padding-top: 0px;
    }

    .headingNews {
        padding-top: 40px;
    }

    .new-lis-container .each-news-container {
        width: calc(100%/2);
    }

    .single-post header.entry-header {
        padding-top: 40px;
    }

    .single-post .site-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 480px) {

    /* iPhone 6 Plus, Landscape Display */
    .galleryHolderHome {
        padding: 14% 2% 0 2%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 28%) !important;
    }

    .firstImageLeft {
        width: 100%;

    }

    .firstImageCenter {
        transform: translate(0px, 80px);
    }

    .tankFooterLogo {
        margin-left: unset;
        margin-right: auto;
    }

    .overlaySmall p {
        margin: 0;
        font-size: 12px;
        width: 70%;
        margin: 0 auto;
    }

    .frontNback {
        position: absolute;
        left: 0;
        transform: translate(50%, -115%);
        display: flex;
        bottom: -30%;
        gap: 52px;
    }

    .back,
    .front {
        padding-top: 21px;
        width: 73px;
        height: 73px;
    }

    .advantages-item-button-border {
        width: 36px;
    }

    .advantages-item-button-bg {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .advantages-item-button:after,
    .advantages-item-button:before {
        left: 7px;
        top: 15px;
        width: 17px;
        height: 1px;
    }

    .advantages-item-button:after {
        left: 15px;
        top: 7px;
        width: 1px;
        height: 16px;
    }



    .advantages-item-button {
        display: none;
    }


    .variantholder {
        flex-direction: column;
    }

    .overlayHolderSecond {
        top: 2%;
        transform: translate(-50%, -70%);
    }



    .heaDTopSmall {
        padding: 6% 2%;
    }



    .characterHolder {
        padding: 2%;
    }

    .imageLeft,
    .TextRight {
        width: 100%;
    }

    .TextRight h3 {
        width: 100%;
    }

    .TextLeft,
    .TextRight {
        padding: 2%;
    }

    .midImageHolder p {
        padding: 5% 2% 2% 2%;
    }

    .imageRightTextLeft {
        padding: 21px 0;
    }

    .headingNews {
        padding-top: 30px;
    }

    .pt-cv-wrapper {
        padding-top: 40px;
        padding-left: 2%;
        padding-right: 2%;
    }

    .TextLeft h3 {
        width: 100%;
    }

    .imageRight,
    .TextLeft {
        width: 100%;
    }

    .textTopInfo ul,
    .textTopInfoSecond ul,
    .textTopInfoThird ul {
        margin-bottom: 25px;
    }

    .charaButtons {
        gap: 0;
        flex-direction: column;
    }

    .charBtn {
        text-align: center;
    }

    .perfomance-list .each-performance .value-container span {
        font-size: 18px;
    }

    .variantsNew {
        padding-top: 500px;
    }

    .info1 {
        position: relative;
        top: 215px;
        right: 0;
        transform: unset;
    }

    .info2 {
        position: relative;
        top: 215px;
        right: 0;
        transform: unset;
    }

    .info3 {
        position: relative;
        top: 215px;
        left: 0;
        transform: unset;
    }

    .flexInfo {
        width: 100%;
        flex-direction: column;
    }

    .flexHomeInfoText {
        width: 100%;
        max-width: 96px;
    }

    .info4 {
        position: relative;
        left: 0;
        top: 215px;
        transform: unset;
    }

    .info5 {
        position: relative;
        top: 215px;
        transform: unset;
    }

    .invisible {
        visibility: visible;
    }

    .site-inner {
        padding: 0;
    }

    .informationHoverHolder {
        width: 100%;
    }

    .yellowBackground {
        padding: 6% 10px 4% 10px;
    }

    .TankLogoHeader {
        margin-left: 0px;
    }

    section#nav_menu-2 {
        margin-right: 0px;
    }

    .site-header .widget-area {
        padding-left: 20px;
        padding-right: 20px;
    }

    .book-a-service-section .call-to-action-container a .theme-bttn span {
        padding: 0;
    }

}

@media screen and (max-width: 320px) {
    /* iPhone 4,5, Portrait Display */

}