/************* // Import fonts // **************/

@font-face {
    font-family: "exo2";
    src: url("/wp-content/uploads/site/fonts/Exo2-Regular.ttf");
}

@font-face {
    font-family: "exo2Italic";
    src: url("/wp-content/uploads/site/fonts/Exo2-Italic-VariableFont_wght.ttf");
}

@font-face {
    font-family: "robotoitalic";
    src: url("https://use.typekit.net/af/75987d/00000000000000007735a0a8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/75987d/00000000000000007735a0a8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/75987d/00000000000000007735a0a8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "roboto";
    src: url("https://use.typekit.net/af/7f1b26/00000000000000007735a0ac/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/7f1b26/00000000000000007735a0ac/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/7f1b26/00000000000000007735a0ac/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/wp-content/uploads/site/fonts/OpenSans-VariableFont_wdth,wght.ttf");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

/************ // General HTML Tags // ************/
body {
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: 22px;

}

a:hover,
a:focus {
    color: #8b1313;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "exo2";

}

h3 {
    font-size: 26px;
}

p,
span {
    font-size: 13px;
}

/*em{
    font-family: "exo2Italic";
}*/

h2 {
    line-height: 1.2;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 24px;
}

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

.siteLoader {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: white;
    overflow: hidden;
    z-index: 9999;
    display: flex;
    align-content: center;
    justify-content: center;
}

.siteLoader img {
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.entry-title {
    display: none;
}

.site-container {
    background-color: #fff;
}

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

.limitWidth {
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    padding: 0 15px;
}

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


.title-area {
    float: revert;
}


.site-header>.wrap {
    padding: 0 0;
}

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

.wrap {
    max-width: 1400px;
}

/*h1, h2, h3, h4, h5, h6, strong {
    font-family: robotobold;
    font-style: normal;
}


p {
    margin: 0 0 14px;
    font-size: 13px;
    font-family: roboto;
}*/

/*li{
    font-size: 14px;
}
i{
    font-family: robotoitalic;
}*/

.aboutList p {
    margin-bottom: 10px;
}

.redFont {
    color: #e72525;
}

.homeList li {
    margin-bottom: 10px;
}

table {
    font-size: 12px;
}


h5 {
    margin-bottom: 7px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 700;
}

td.greyText {
    color: #888;
}

.blackBackround {
    background: #000;
    color: #fff;
    padding: 50px 0;
}

.header-image .title-area {
    margin: 0 auto;
    max-width: 415px;
    padding: 0;
}

.homeContentTop {
    padding: 80px 0;
}

.blackBackground {
    background: #000;
    color: #fff;
}

.full_row {
    overflow: hidden;
}

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


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

.nav-primary {
    background-color: #df1d1d;
    border-top: none;
    position: sticky;
    top: 0;
    z-index: 9;
}

.genesis-nav-menu {
    text-align: center;
    padding: 10px;
}

.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 {
    text-decoration: none;
    text-decoration-color: #000;
    text-decoration-thickness: 3px;
    color: #fff;
    border-bottom: 3px solid #000;
}

.genesis-nav-menu a,
{
text-decoration: none;
text-decoration-color: transparent;
text-decoration-thickness: 3px;
color: #fff;
border-bottom: 3px solid transparent;
}

.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 {
    text-decoration: none;
    text-decoration-color: #000;
    text-decoration-thickness: 3px;
    color: #fff;
    border-bottom: 3px solid #000;
}

.genesis-nav-menu a {
    padding: 13px 6px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    border-color: #000;
    border-bottom: 3px solid transparent;
}

.genesis-nav-menu .menu-item {
    font-family: 'exo2';
    font-size: 13px;
    letter-spacing: 1px;
}


/************ // Content // ************/
#top_slider img {
    width: 100%;
}

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

.seritiButton a {
    text-align: center;
    color: #fff;
    background: #df1d1d;
    text-decoration: none;
    min-width: 200px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}

p.BoldFont {
    font-weight: bold;
}

.twoLines {
    margin-bottom: 30px;
    overflow: hidden;
}

.redButton {
    display: block;
}

.redline {
    border: solid 1px #f00;
    width: 25%;
    float: left;
}

.blackLine {
    border-top: solid 1px #000;
    margin-bottom: 20px;
    margin-top: 20px;
}

.whiteline {
    border: solid 1px;
    width: 70%;
    float: right;
}

.redButton a {
    background-color: #f00;
    color: #fff;
    font-size: 14px;
    padding: 14px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.greyBackround {
    background-color: #333333;
    width: 100%;
    overflow: hidden;
    color: #fff;
}

.lightBackround {
    background-color: #eeeeee;
    width: 100%;
    overflow: hidden;
    color: #888888;
}

.greyBackLight {
    background-color: #00000087;
    width: 100%;
    overflow: hidden;
    color: #fff;
}

.greyBacksmall {
    background-color: #00000087;
    width: 100%;
    overflow: hidden;
    color: #fff;
    padding: 50px;
    border: solid 7px;
    height: 315px;
}

.newModel {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin-bottom: 40px;
    transition: 1.5s ease-in-out;
    text-align: center;
}
.newModel a{
    color: #fff;
    text-decoration: unset;
}
.newModelArchiveContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newModelArchiveContainer .newModel{
    width: calc(98%/3);
}
.innerContent {
    padding: 20px 60px;
    overflow: hidden;
}

.home-image {
    background-image: url("/wp-content/uploads/site/images/HOME-PAGE.webp");
    overflow: hidden;
    width: 100%;
    padding: 50px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-imageSecond {
    background-image: url("/wp-content/uploads/site/images/X-RIDER-scaled.webp");
    overflow: hidden;
    width: 100%;
    padding: 50px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}


.homeText {
    float: right;
    width: 80%;
}

.homeIcon {
    float: left;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.oneFlex {
    width: 25%;
    padding: 0 15px;
}

.greyFont {
    color: #888888;
}

.formHolder {
    padding: 60px;
}

.quform .quform-field-captcha,
.quform .quform-field-date,
.quform .quform-field-email,
.quform .quform-field-file,
.quform .quform-field-multiselect,
.quform .quform-field-password,
.quform .quform-field-select,
.quform .quform-field-text,
.quform .quform-field-time,
.quform .select2-container--quform .select2-selection {
    height: 38px;
    /* height: var(--field-height); */
    line-height: 1.3;
    border-radius: 5px;
}

.quform-element-row,
.quform-options-columns {
    margin-bottom: 40px !important;
}

.quform-label>label {
    font-size: 14px;
}

.threeFlex {
    width: 75%;
}

/******* / service / **********/
.serviceList p {
    margin-bottom: 10px;
}

.serviceList i {
    color: #e72525;
    padding-right: 27px;
}

.serviceList {
    margin-bottom: 30px;
    overflow: hidden;
}

.topContent {
    margin-bottom: 0px;
    overflow: hidden;
}

.serviceBackgroudSection {
    background-image: url("/wp-content/uploads/2022/11/iesc-dark.webp");
    overflow: hidden;
    width: 100%;
    padding: 130px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.operatingTimeHolder {
    background: #243136;
    padding: 20px;
}

.pageHeading span {
    font-size: 36px;
}

.serviceMidContent .formHolder {
    padding: 20px 0px;
}

td.rightTextAlign {
    text-align: right;
}

.quform .quform-field-select,
.quform .select2-container--quform .select2-selection {
    font-size: 14px;
}


.service-special .special-container {
    display: flex;
    flex-wrap: wrap;
}

.service-special .special-container .each-special {
    width: calc(100%/2);
    padding: 15px;
}

.service-special .special-container .each-special a {
    color: #fff;
    text-decoration: unset;
}

.service-special .special-container .each-special a h4 {
    font-size: 18px;
    font-weight: 400;
}

/************ // About us slider // *************/

.myControls {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    float: right;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 3px;
    margin-top: 0;
}

a.next:hover,
a.prev:hover {
    color: #fff;
    color: #fff;
}

a.next,
a.prev {
    color: #4c4f51;
    color: #4c4f51;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.slideshow-container {
    padding: 38px 0 27px;
    border-top: 1px solid #4c4f51;
    border-bottom: 1px solid #4c4f51;
    position: relative;
}

.slideshow-container h5 {
    margin-bottom: 19px;
    font-size: 14px;
}

.mySlides p {
    margin-bottom: 0;
}

.author {
    text-transform: uppercase;
    margin-top: 15px;
}

.author span {
    margin-left: 25px;
    text-transform: capitalize;
    color: #4c4f51;
}

.myControls .prev {
    padding-right: 15px;
    text-decoration: none;
    font-size: 30px;
}

.myControls .next {
    padding-left: 15px;
    text-decoration: none;
    font-size: 30px;
}

/************ // Contact Us // ***********/
.pageBanner {
    max-height: 350px;
    overflow: hidden;
}

.pageBanner img {
    /* object-fit: revert; */
    object-fit: cover;
    width: 100%;
    height: 350px;
}

.lableHolder {
    display: flex;
}

.contactLable {
    width: 40%;
    text-align: center;
    background: #243136;
    color: #fff;
    padding: 10px 0;
    border-top: 4px solid #df1d1d;
}


.redLable {
    width: 60%;
    background: #df1d1d;
    border-top: 4px solid #fff;
}

.contactContentHolder {
    background: #243136;
    color: #fff;
    margin-top: 50px !important;
    margin-bottom: 40px !important;
}

.contactMapHolder {
    margin-top: 50px !important;
    margin-bottom: 40px !important;
}

.contactSection {
    display: flex;
    padding: 17px 30px;
    width: 100%;
    flex-wrap: wrap;
}

.contactSection p {
    margin: 0;
}

.contactSectionContent a {
    text-decoration: none;
    color: #fff;
}

.contact-icon {
    font-size: 31px;
    margin-top: 2px !important;
    margin-right: 23px !important;
    margin-left: 4px !important;
}

.contactFormHolder {
    background: #243136;
    margin-top: 100px;
    overflow: hidden;
    width: 100%;
    color: #fff;
    box-shadow: 0px 3px 18px rgb(35 38 40 / 30%);
    padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 30px !important;
}

.contactFormHolder label {
    color: #aaa;
}

.lightgreyBorder {
    border-bottom: 1px solid #596063;
    padding-bottom: 20px;
}

.special-desciption1 li {
    list-style-type: circle !important;
}

/************ // Finance // *************/
.orangeButton {
    color: #fff;
    background-color: #ff675b;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}

.orangeButton:hover {
    color: #f7f7f7;
    background-color: #ff4b3c;
}

.greyButton {
    color: #fff;
    background-color: #555;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    text-decoration: none;
}

.flexButtonHolder {
    overflow: hidden;
    display: flex;
    margin-bottom: 30px;
}

.greyButton:hover {
    color: #f7f7f7;
    background-color: #464646;
}

.flexHolderCenter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.flexHalf {
    flex: 0 0 50%;
    padding: 0 1%;
    min-width: 300px;
}

.financeServiceHolder li {
    margin-bottom: 8px;
}

.finance-section p {
    margin-bottom: 15px;
}

.finance-section ul li {
    list-style: circle;
}

.finance-section .button_holder span {
    background-color: #df1d1d;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

/************ // Preowned // ****************/

.preownedTitle {
    background-color: #2a2a2a;
    width: 100%;
    padding: 28px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    margin-top: 170px;
}

.preownedTitlepost {
    /* background-color: #2a2a2a; */
    width: 100%;
    padding-bottom: 22px;
    margin-bottom: 10px;
    color: #fff;
    /* text-align: center; */
    border-bottom: 1px solid rgba(170, 170, 170, 0.4);
}

.preownedTitle h1 {
    max-width: 1400px;
    margin: 0 auto;
    font-size: 50px;
    padding: 10px;
    font-weight: 700;
}

.single-preowned .product_page_vehicle_info_cotainer_buttons {
    display: flex;
}

.savingsRibbon {
    width: 175px;
    /* height: 100px; */
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -35px;
    top: 30px;
    /* width: 250px; */
    transform: rotate(45deg);
    background-color: #fff;
    color: #ec2127;
    z-index: 9999;
    text-align: center;
    /* padding: 0 26px; */
    box-shadow: -10px 5px 10px #333;
    font-weight: 600;
}

.imageGallaryHolder {
    position: relative;
    overflow: hidden;
}

.imageGallaryHolder .savingsRibbon {
    right: -36px;
    width: 200px;
    top: 40px;
}

.single_page_price {
    text-align: center;
    color: #fff;
    font-weight: 800;
    background: #000;
    font-size: 28px;
    padding: 10px;
}

.enquireButton span {
    display: block;
    border: 2px solid #fdba14;
    margin-top: 12px;
    text-align: center;
    border-radius: 5px;
    font-weight: 800;
    transition-duration: 0.3s;
    color: #fff;
}

.enquireButton a {
    text-decoration: none;
}

.enquireButton,
.enquire-btn {
    display: block;
    border: 2px solid #df1d1d;
    margin-top: 12px;
    text-align: center;
    border-radius: 5px;
    font-weight: 800;
    text-transform: uppercase;
    transition-duration: 0.3s;
    background-color: #df1d1d;
    padding: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    max-width: 100%;
    width: unset;
    color: #fff;
}

.singleVehicleContent .enquireButton {
    margin: 6px auto;
}

.archive-pagination a {
    background-color: #243136;
    color: #fff;
    font-weight: 400;
}

.archive-pagination .active a {
    background-color: #df1d1d;
    color: #fff;
    font-weight: 400;
}

.archive-pagination a:hover {
    background-color: #df1d1d;
    color: #fff;
    font-weight: 400;
}

div#testdriveSection2 {
    color: #fff !important;
}

.terms {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #E4E6EA;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 20px 20px 11px;
    margin-bottom: 16px;
}


.enquireButton a {
    color: #fff;
}

.enquireButton span:hover {
    background: #fdba14;
}

.singleVehicleStatsTable table {
    width: 100%;
    padding: 12px;
    display: block;
    border-top: 4px solid #df1d1d;
    background: rgba(36, 49, 54, 0.8);
}

.singleVehicleStatsTable td {
    border: unset;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px;
    min-width: 160px;
}

.financeHolder label {
    font-size: 11px;
}

.financeHolder select,
.financeHolder input {
    padding: 5px;
    background-color: #e7e7e7;
}

.calc p {
    margin: 0;
}

.mobileInfoContainer {
    display: none;
}

.singleVehicleStatsTable {
    margin-top: 12px;
}

.product_image {
    padding: 5px;
    display: block;
}

.vehicleTitle h2 {
    max-width: 900px;
}

.compareVehicleHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px 0;
}

.compareVehicle {
    flex: 0 0 250px;
    margin: 0 1%;
    overflow: hidden;
}

.compareVehicle .archiveUsedTitle h3,
.compareVehicle .archiveUsedPrice h3 {
    font-size: 15px;
}

.compareVehicle .archiveContent {
    min-height: unset;
}

.compareTop {
    min-height: 300px;
    position: relative;
    overflow: hidden;
}

.headingList li {
    color: #686868 !important;
    text-transform: uppercase;
}

.compareList li {
    color: #fff;
    height: 36px;
    border-bottom: 1px solid;
    font-size: 13px;
}

.compareHeading {
    position: relative;
    margin-top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px solid;
}

h3.widgettitle.widget-title::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    margin: 0px 3px;
}

.testDriveButton a {
    text-decoration: none;
}

.usedArchiveHolder .archiveContent {
    border-bottom: 1px solid #ccc;

}

.archiveContent span {
    font-size: 16px;
    color: #24a599;
}

.archivePrice {
    color: #000;
    font-weight: 600;
}

span.archivePrice {
    color: #003145;
}

.archiveBottom p {
    color: #a3a3a3;
    padding-inline: 15px;
    font-size: 15px;
    display: inline;
}

#archive_holder {
    display: flex;
    padding: 15px 0;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}


ul.specs_featured_list {
    display: inline-flex;
    /* min-height: 50px; */
    flex-wrap: wrap;
    font-size: 12px;
}

.archiveUsedPrice::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: -14px;
    height: 100%;
    width: 32px;
    background-color: #df1d1d;
    transform: skew(-18deg, 0deg);
    z-index: 5;
}

.pt-cv-ifield img {
    width: 100% !important;
    height: 285px !important;
}

.pt-cv-title a {
    text-transform: uppercase;
    color: #1a394e;
}

.backSearchButton a {
    display: block;
    text-align: center;
    background-color: #0c0c0c;
    padding-top: 15px;
    margin-top: 10px;
    padding: 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.singleVehicleStatsTable table {
    border-top: 4px solid #df1d1d;
    background: rgba(36, 49, 54, 0.8);
}

.vehicleCountHolder {
    color: #ccc;
    text-align: right;
    max-width: 1200px;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 16px;
}

.single-post .entry-title {
    display: block;
    padding: 25px 0 0px;
}

.single-post .site-inner {
    max-width: 1200px;
}

.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button {
    width: 50% !important;
    white-space: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 7px !important;
    margin-top: 19px !important;
}

.widget-area .widget .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.widget .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button {
    border-color: #00adef !important;
    background-color: #00adef !important;
    color: #f5f5f5;
}

.widget .wpc-filters-widget-controls-container a,
.widget-area .widget .wpc-filters-widget-controls-container a,
.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a,
.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button {

    padding: 8px 40px !important;

}

.archive-description,
.author-box {
    display: none;
}

.wpc-filter-content select {
    background-color: #eceff3 !important;
    border: 1px solid #eceff3;
}

.nb-notice-outer-wrap-1311 .nb-notice-wrap {
    text-align: center;
    box-shadow: 0 0 2px;
    width: 100%;
    /* z-index: 99 !important;*/
}

.post-type-archive .bx-viewport {
    display: none;
}

.post-type-archive .bx-controls-direction {
    display: none;
}

.post-type-archive-preowned .content-sidebar-wrap {
    display: flex;
    justify-content: center;
    padding-bottom: 90px;
    padding-top: 40px;
}

.post-type-archive-preowned .site-inner {
    clear: both;
    padding-top: 0px;
    word-wrap: break-word;
    background: #000;
}

.greyBackground #financeForm {
    color: #fff;
}

.product_page_container.grid {
    background: rgba(36, 49, 54, 0.8);
    position: relative;
}

.product_page_container a {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.image_container {
    width: 33%;
}

.product_page_vehicle_info_cotainer {
    width: 67%;
    padding: 20px;
    text-decoration: none;
    color: #fff;
    padding-right: 0;
}

.compareVehicle .product_page_vehicle_info_cotainer {
    width: 100%;
    padding: 20px;
    text-decoration: none;
    color: #fff;
    padding-right: 0;
}

.product_page_container a {
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.icon,
.first_part {
    color: #888;
}

li.specs_featured_list_item {
    display: flex;
    /* margin-right: 10px; */
    padding-right: 24px;
    font-size: 12px;
}

.specs_featured_list_item div {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}

.product_page_vehicle_info_cotainer_top.archiveContent {
    display: flex;
    align-items: start;
}

.archiveUsedPrice h3 {
    font-size: 16px;
    padding: 8px 17px 7px 4px;
    margin: 0;
    position: relative;
    z-index: 9999;
}

.archiveUsedTitle h3 {
    font-size: 22px;
    line-height: 30px;
}

.archiveUsedTitle {
    width: 83%;
    padding-right: 10px;
    margin-bottom: 27px;
}

.compareVehicle .archiveUsedTitle {
    width: 60%;
    padding-right: 10px;
    margin-bottom: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compareVehicle .archiveUsedPrice {
    background: #df1d1d;
    display: inline-flex;
    width: 35%;
    position: relative;
    right: -13px;
}

.compareVehicle .product_page_vehicle_info_cotainer_top.archiveContent {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.archiveUsedPrice {
    background: #df1d1d;
    display: inline-flex;
    width: 17%;
    position: relative;
}

span.vehicleCount {
    font-size: 14px;
    color: #aaa !important;
    text-transform: uppercase;
    font-weight: 200;
    width: 100%;
    display: block;
}

.compareButton {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: inline-block;
    padding: 0 6px 2px 5px;
    vertical-align: top;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 15px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    opacity: 0;
    transition-duration: 0.2s;
    z-index: 999;
    color: #fff;
    cursor: pointer;
}

.product_page_container:hover .compareButton {
    opacity: 1;
}

.product_archive:hover .compareButton {
    opacity: 1;
}

.sidebar .widget {
    background-color: #000;
    padding: 40px;
    color: #fff;
}

.wpc-filters-widget-top-container {
    display: none;
}

.widget-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 700;
}

.wpc-filter-title {
    display: none !important;
}

.wpc-filters-section-1203 .wpc-filter-title {
    display: inherit !important;
    background: rgba(39, 46, 54, 0.8) !important;
    border-top: 3px solid #df1d1d;
    padding: 15px 20px 15px 25px;
}

.wpc-wrap-icons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    line-height: 1;
    /* border-top: 3px solid #df1d1d; */
    ine-height: 22px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.wpc-filter-content select {
    width: 100% !important;
    margin-bottom: 0px !important;
    transition: all 0.3s ease;
    background-color: #2f3c40 !important;
    border: 1px solid #2f3c40;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    font-size: 14px;
}

.wpc-filters-section {
    margin-bottom: 16px !important;
    position: relative;
    padding: 0 15px;
}

.wpc-filters-section-1203 {
    padding: 0 !important;
}

.widget .wpc-filters-widget-controls-container a,
.widget-area .widget .wpc-filters-widget-controls-container a,
.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a,
.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button {
    padding: 8px 0px !important;
}

.widget-area .widget .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.widget .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-submit-button,
.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button {
    border-color: #df1d1d !important;
    background-color: #df1d1d !important;
    color: #f5f5f5;
}

.wpc-filters-widget-main-wrapper a.wpc-filters-reset-button {
    background-color: #fff;
    /* display: inline-block; */
    vertical-align: top;
    margin-top: 13px;
    padding: 0 !important;
    background-color: #243136 !important;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-color: #243136 !important;
    border-radius: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 !important;
}

.wpc-filters-section {
    position: inherit !important;
}

.wpc-filter-layout-submit-button {
    flex-direction: row !important;
}

.wpc-filters-widget-main-wrapper li.wpc-term-item a {
    color: #fff;
}

.wpc-filters-ul-list .wpc-checkbox-item {
    width: 50%;
    float: left;
}

.product_page_container:hover .archiveUsedTitle h3 {
    color: #df1d1d;
}

.single_product_price {
    /* overflow: hidden; */
    /* height: 12px; */
    /* line-height: 12px; */
    font-size: 12px;
    margin-bottom: 2px;
    text-transform: uppercase;
    /* opacity: 0.5; */
    font-weight: 400;
    /* display: block; */
    /* overflow: hidden; */
    display: block;
    margin: 0 auto;
}

.single_product_price span {
    padding-top: 8px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: block;
    /* color: #fff !important; */
    opacity: 1 !important;
}


.singleUsedPrice {
    background: #df1d1d;
    display: inline-flex;
    min-width: 135px;
    position: absolute;
    text-align: center;
    top: 10px;
    right: 0;
    /* overflow: hidden; */
}

.singleUsedPrice::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: -14px;
    height: 100%;
    width: 32px;
    background-color: #df1d1d;
    transform: skew(-18deg, 0deg);
    z-index: 5;
}

.vehicleTitle {
    position: relative;
}

.firstTab {
    color: #888;
}

.singleVehiocleFormHolders {
    font-size: 14px;
}

.site-footer {
    background-color: #232323;
    border-top: 1px solid #232323;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 10px 0;
    text-align: center;
}

.site-footer .wrap {}

.footerImageone {
    width: 200px;
    float: left;
    overflow: hidden;
}

.footerImagetwo img {
    width: 135px;
}

.footerImagetwo {
    float: right;
    color: #fff;
    display: flex;
    align-items: center;
    /* justify-content: space-around; */
}

.footerImagetwo span {
    margin-right: 15px;
}

.footer-widgets .wrap,
footer .wrap {
    max-width: 1140px;
}

.footerSocials i {
    padding: 0 10px;
}

.lastFooter {
    width: 100%;
    overflow: hidden;
    text-align: left;
    color: #fff;
    border-top: 1px solid #000;
    padding-top: 15px;
    /* margin-top: 40px; */
    display: flex;
    justify-content: space-between;
}

/*.rokkitLogo {
    float: left;
}*/

/*.footerSocials {
    float: right;
}*/


/************ // New vehicles // ************/

.MoreButton a {
    background-color: #2a2a2a;
    padding: 8px;
    text-decoration: none;
    color: #fff;
    border-radius: 10px;
    width: 205px;
    display: inline-block;
}

.MoreButton {
    text-align: center;
    margin-bottom: 30px;
}


.BrochureButton a {
    background: #f4534e;
    color: #fff;
    text-decoration: none;
    padding: 8px;
    border-radius: 10px;
    width: 205px;
    display: inline-block;
}

.BrochureButton {
    text-align: center;
}

.newVehicleButtons {
    min-height: 100px;
}

.priceHolder {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.smallWord {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #d81e05 !important;
    margin: 0 10px 0 0;
}

.priceSection {
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 19px;
    color: #d81e05 !important;
    margin: 0 10px 0 0;
}

.veriantName {
    padding-top: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    color: #242424 !important;
    margin: 0;
}

.modelName {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    color: #242424 !important;
    margin: 0;
}

.terms h3 {
    color: #000 !important;
}

.terms h4 {
    color: #000 !important;
}

.with_frm_style .frm_top_container .frm_primary_label,
.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_top {
    color: #ffffff !important;
}

.with_frm_style .frm_form_field.frm_html_container,
.with_frm_style .frm_form_field .frm_show_it {
    color: #ffffff !important;
}

.contentHolder {
    overflow: hidden !important;
}



.headingHolder h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 26px;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #242424 !important;
    margin: 0 0 30px;
    position: relative;
}

.headingHolder h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 35px;
    line-height: 36px;
}

.buttonHolder {
    margin-top: 20px;
    height: 0;
    transition: all 0s ease 0s;
    overflow: hidden;
}

.display {
    height: 170px;
    transition: height .85s ease-in-out;
}

.vehicleButton {
    width: auto;
    margin: auto auto 10px;
    max-width: 400px;
}

.vehicleButton {
    transition: .5s;
    padding: 9px 5px;
    border: none;
    background: #ebebeb;
    border-radius: 2px;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #242424;
    width: 100%;
    cursor: pointer;
    display: block;
}

.imageHolder {
    position: relative;
    height: 100px;
    margin: auto;
}

.vehicleHolder {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 20px;
    min-height: 250px;
    cursor: pointer;
}

.fullVehicleHolder {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#holder {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
    background: #f8f8f8;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-bottom-left-radius: 450px 156px;
    border-bottom-right-radius: 450px 156px;
    padding: 38px 0 20px;
    width: 87.5%;
    margin: 0 auto;
    position: relative;
    top: -50px;
    overflow: hidden;
    max-width: 1280px;
}


.vehicleButton:hover {
    transition: .5s;
    font-style: italic;
    text-decoration: none;
    font-weight: 800;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background: linear-gradient(91.71deg, #d81e05 20.96%, #9d1810 194.01%);
}

.rightSlide {
    padding: 20px;
    width: 7px;
    height: 13px;
    position: absolute;
    right: -10px;
    top: 17.7%;
    cursor: pointer;
}

.leftSlide {
    transform: rotate(180deg);
    padding: 20px;
    width: 7px;
    height: 13px;
    position: absolute;
    left: -10px;
    top: 21%;
    cursor: pointer;
}

.slideButtons {
    display: none;
}

.newVehicleBanner {
    position: relative;
}

.newVehicleTitleOverlay {
    position: absolute;
    bottom: 40px;
    color: #fff;
    max-width: 1140px;
    left: 10%;
    /* margin: 0 auto; */
}

.redBackground {
    background: #e72525 !important;
    overflow: hidden;
    color: #fff;
    padding-bottom: 0px;
}

h2 span {
    font-size: 36px;
}

.redBackground span {
    font-size: 30px;
}

.redBackground .limitWidth {
    display: flex;
}

.redBackground .two-thirds i {
    font-size: 55px;
    bottom: -12px;
    position: relative;
}

.redBackground a {
    color: #fff;
    text-decoration: none;
    margin-top: 25px;
    display: inline-block;
}

.greyBackground {
    background-color: #333333;
    color: #fff;
    overflow: hidden;
}

.newVehicleBanner p {
    margin: 0;
}

.imageHolderNewVehicle img {
    display: block;
}

.topContentNewVehicle {
    padding-top: 60px;
    padding-bottom: 20px;
}

.centerFlex {
    align-content: center;
    align-items: center;
}

.brochureDownload a,
.enquireButtonnewVehicle a,
.doenButton a {
    color: #f2f2f2;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 12px;
    display: inline-block;
    border-radius: 5px;
    margin-right: 10px;
    text-decoration: none;
}

.brochureDownload a {
    background-color: #559d50;
}

.enquireButtonnewVehicle a {
    background-color: #ff675b;
}

.doenButton a {
    background-color: #5aa1e3;
}

.topContentNewVehicle img {
    margin-bottom: 35px;
}

.midContent {
    padding: 20px 0;
}

.reverseFlex {
    flex-direction: row-reverse;
}

.flexThird {
    width: 31%;
    margin: 1%;
    min-width: 250px;
}

.flexThird img {
    margin-bottom: 25px;
}

.newVehicleContactNumbers {
    justify-content: space-between;
}

.greyBackground>p {
    margin: 0;
}

.newVehicleBottomBanner {
    max-height: 450px;
    overflow: hidden;
}

.newVehicleBottomBanner {
    max-height: 450px;
    overflow: hidden;
}

.newVehicleBottomBanner {
    max-height: 450px;
    overflow: hidden;
}

.noMargin {
    margin: 0;
}

.smallRedLine {
    color: #df2422;
    width: 50px;
    display: block;
    height: 3px;
    background: #df2422;
}

.textCenter {
    text-align: center;
}

.imageHolderNewVehicle img {
    width: 100%;
}

.flexColumn {
    flex-direction: column;
}

.isuzuButton a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #737373;
    width: 250px;
    margin: 10px auto;
    border-radius: 25px;
    padding: 13px 10px;
    text-align: center;
}

.textCenter .newVehicleHeading {
    text-align: left;
    margin: 0 auto;
    display: inline-block;
}

.flexFour {
    width: 23%;
    margin: 0 1%;
    min-width: 250px;
}

/************ // Meet // ************/
.flexTeam {
    display: flex;
    flex-wrap: wrap;
}

.meetMemberHolder {
    display: inline-block;
    margin: 0 1%;
    text-align: center;
}

.meetMemberImageHolder {
    max-width: 200px;
    position: relative;
}

.flexTeam h2 {
    width: 100%;
}

.meetMemberNumber {
    color: #333;
}

.meetMemberNumber i {
    color: #df1d1d;
}

.meetMemberContactHoverHolder a {
    position: absolute;
    min-width: 160px;
    max-width: 100%;
    /* margin-top: 8px; */
    display: inline-block;
    padding-left: 36px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 32px;
    background-color: #fff;
    border-radius: 20px;
    text-align: left;
    text-decoration: none;
    opacity: 0;
    transition-duration: 0.2s;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.meetMemberHolder:hover a {
    opacity: 1;
}

.meetMemberContactHoverHolder {
    position: absolute;
    bottom: 0;
    width: 100%;
    top: 0;
    background: #0000001f;
    opacity: 0;
}

.meetMemberContentHolder h5 {
    margin: 0;
    text-transform: uppercase;
    color: #0e1315;
}

.meetMemberContentHolder {
    background-color: #fff;
    padding: 21px 10px 23px 10px;
    text-align: center;
    transition-duration: 0.2s;
    margin-top: 13px;
    max-width: 200px;
}

.meetMemberHolder:hover .meetMemberContentHolder {
    background-color: #2f3c40;
}

.meetMemberHolder:hover .meetMemberContactHoverHolder {
    opacity: 1;
}

.meetMemberPosition {
    color: #888;
}

.meetMemberHolder:hover .meetMemberPosition {
    color: #fff;
}

.bigPadding {
    padding-top: 80px;
    padding-bottom: 40px;
}

.meetMemberImageHolder img {
    display: block;
    height: 295px;
    object-fit: cover;
}

/************ // new vehicles // ************/
.trucksTopBanner {
    height: 350px;
    overflow: hidden;
}

.trucksTopBanner {
    height: 450px;
    overflow: hidden;
    position: relative;
}

.trucksTopBannerOverlay {
    background-color: rgba(216, 30, 5, 0.77) !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 20px 0;
}

.trucksTopBannerOverlay p {
    margin: 0;
}

.trucksTopBanner img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.lightGreyBackground {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f4f4f4;
    overflow: hidden;
}

.topList p {
    margin-bottom: 10px;
}

.topList i {
    padding-right: 10px;
}

.brochureButton a {
    color: #f2f2f2;
    background-color: #555;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
}

.brochureButton a:hover {
    background-color: #464646;
}

.featureSection {
    margin-top: 40px;
    border-color: rgba(198, 198, 198, 0.79);
    border-bottom: 1px solid rgba(198, 198, 198, 0.79);
    justify-content: center;
}

.halfFlex {
    width: 46%;
    margin: 0 2%;
}

.thirdFlex {
    width: 29%;
    margin: 0 2%;
}


.featureSection img {
    width: 100%;
    margin-bottom: 25px;
}

.truckTabSection {
    overflow: hidden;
}

.truck {
    overflow: hidden;
    background: #243136;
    color: #fff;
    padding: 30px;
}

.truckTabButton {
    background: #df1d1d;
    font-size: 12px;
    border-top: 4px solid #fff;
}

.w3-red {
    background: #243136 !important;
    border-top: 4px solid #df1d1d;
}


.tabBrochureButton a {
    color: #f7f7f7;
    background-color: #f23630;
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 5px;
    text-decoration: none;
}

.tabBrochureButton a:hover {
    color: #f2f2f2;
    background-color: #f22d27;
}

.truck p {
    font-size: 16px;
}

.bottomSectionOne,
.secondSection {
    margin-top: 50px;
}

.bottomSectionOneList i {
    margin-right: 10px;
}

.bottomSectionOneList p {
    margin-bottom: 10px;
}

.bottomSectionOneList {
    padding: 40px 0;
}

.formSection {
    padding: 40px 0;
}

.lightBorder {
    border-bottom: 1px solid #596063;
    padding-bottom: 25px;
}

.tableSection {
    padding: 40px 0;
}

.tableSection td {
    border-top: 0px;
}

.tableSection tbody {
    border-bottom: 0px;
}

.noticeSection p {
    margin-bottom: 0px;
    font-size: 12px;
}

.noticeSection {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tabBrochureButton {
    text-align: center;
    margin-top: 50px;
}

.bottomSectionOneHalf img {
    display: block;
    margin-bottom: 25px;
    margin-top: 35px;
}

.featureSection img {
    width: 100%;
    margin-bottom: 25px;
    height: 210px;
}

ul.sub-menu li a {
    background-color: #000000C4 !important;
    border-style: solid !important;
    border-width: 0px 0px 0px 1px !important;
    border-color: #DF1D1D !important;
}

.genesis-nav-menu .sub-menu {
    border-top: 0;
}

.textwidget.custom-html-widget a {
    text-decoration: none;
    font-weight: 800;
}

.pt-cv-ifield img {
    object-fit: cover;
    object-position: top;
}

.newVehicleBottomBanner img {
    height: 450px;
    object-fit: cover;
    width: 100%;
}

.brochureButton {
    margin-top: 25px;
}

.pt-cv-view .pt-cv-ifield {
    background: #707070 !important;
}

.pt-cv-view .pt-cv-ifield {
    background: #707070 !important;
    color: #fff;
    font-size: 14px;
}

.pt-cv-view .pt-cv-title {
    padding: 12px 10px;
}

.pt-cv-content,
.pt-cv-content * {
    font-weight: 400;
    padding: 0 10px;
}

.pt-cv-wrapper .btn-success.active.focus,
.pt-cv-wrapper .btn-success.active:focus,
.pt-cv-wrapper .btn-success.active:hover,
.pt-cv-wrapper .btn-success:active.focus,
.pt-cv-wrapper .btn-success:active:focus,
.pt-cv-wrapper .btn-success:active:hover,
.pt-cv-wrapper .open>.dropdown-toggle.btn-success.focus,
.pt-cv-wrapper .open>.dropdown-toggle.btn-success:focus,
.pt-cv-wrapper .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #f22d27 !important;
    color: #f2f2f2;
    background-color: #f22d27 !important;
}

.pt-cv-wrapper .btn-success.active,
.pt-cv-wrapper .btn-success:active,
.pt-cv-wrapper .btn-success:hover,
.pt-cv-wrapper .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    border-color: #f22d27 !important;
    color: #f2f2f2;
    background-color: #f22d27 !important;
}

.pt-cv-wrapper .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border-color: #f22d27 !important;
    color: #f2f2f2;
    background-color: #f22d27 !important;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.pt-cv-view .pt-cv-ifield {
    margin-bottom: 0 !important;
    background: #707070 !important;
    color: #fff;
    font-size: 14px;
    padding-bottom: 20px;
    min-height: 682px;
}

.pt-cv-title a {
    text-transform: uppercase;
    color: #333333 !important;
}

.genesis-nav-menu .sub-menu a:hover {
    background-color: #55595c !important;
}

.genesis-nav-menu .sub-menu a {
    font-size: 8px !important;
    padding: 20px;
    padding: 13px 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.genesis-nav-menu .sub-menu a span {
    font-size: 12px;
    font-family: 'Open Sans';
}

.homeContentTop {
    padding: 60px 60px;
    overflow: hidden;
}

.homeContentTop .twoLines {
    margin: 0;
}

.homeContentTop p {
    margin: 5px;
}

.homeContentTop h2 {
    line-height: 1.2;
    font-size: 33px;
    font-weight: 800;
    margin-bottom: 24px;
}

/************ // WooCommerce // ************/


/************ // Footer // ************/
.footer-widgets {
    background-color: #232323;
    font-size: 18px;
    font-size: 1.8rem;
    clear: both;
    padding: 60px 0;
    color: #fff;
}

.widget-area.footer-widgets-1 a {
    color: #fff;
    text-decoration: none;
}

#genesis-footer-widgets p {
    margin: 15px 0;
}

/* ================= Share ================= */
.share-button-container {
    width: 100%;
}

.sharepopoutholder {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #0000007a;
    right: 0;
    display: none;
    z-index: 100;
    height: 100dvh;
}

.essb_morepopup {
    z-index: 99999 !important;
}

.sharepopout {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    transform: translate(-50%, -50%);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.display {
    display: block !important;
}

span.closeShare {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 19px;
    cursor: pointer;
    padding: 5px;
    z-index: 9999;
}

.closeShare i {
    color: #000;
}

.sharepopout .essb_links_list {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-left: 70px !important;
}

.sharepopout .essb_links_list a {
    width: 118px;
}

.single-newtruck .sharepopout .essb_links_list a {
    width: unset;
}

.sharepopout .essb_links_list .essb_item {
    margin: 10px 0 !important;
}

.muxButtons .trigger-btn-container a {
    background-color: #c62128;
    color: #fff;
    /* color: #fff;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    margin-left: 15px; */
}

.trigger-btn-container a {
    color: #fff;
    text-decoration: none;
}

.single-offers .trigger-btn-container {
    text-align: center;
}

.single-offers .trigger-btn-container a {
    background-color: #ed1c24;
    padding: 10px 0;
    margin: 10px 0px;
    border-radius: 7px;
    display: inline-block;
    font-size: 13px;
}

.single-offers .sharepopout .essb_links_list a,
.MoreButton .sharepopout .essb_links_list a {
    width: unset;
}

.muxButtons p,
.isuzuButton p {
    margin-bottom: 0;
}

.pt-cv-view .pt-cv-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 15px;
    color: #333333
}

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

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

}

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

}

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

    /* iPad */
    .genesis-nav-menu a {
        padding: 13px 6px;
        color: #000;
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        border-color: #000;
        border-bottom: 3px solid transparent;
        text-align: center;
    }

    ul.sub-menu li a {
        background-color: #fff !important;
        border-width: 0px 0px 0px 0px !important;
    }

    .post-type-archive-preowned .content-sidebar-wrap {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .singleVehicleContentHolder {
        display: flex;
        flex-direction: column-reverse;
    }

    .product_thumbnails div {
        width: 31%;
        margin: 0 1%;
    }

    .product_thumbnails {
        display: flex;
        flex-wrap: wrap;
    }


    .singleVehicleStatsTable table {
        max-width: 400px;
        margin: 0 auto;
    }

    .backSearchButton {
        max-width: 400px;
        margin: 0 auto;
    }


}

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

    .homeList ul {
        margin: 0;
    }

    .newVehicleTitleOverlay {
        bottom: 0;
    }

    .site-footer .wrap {
        line-break: anywhere;
    }

    .footerImageone {
        width: 100%;
        float: unset;
        margin-bottom: 25px;
        overflow: hidden;
        max-width: 200px;
        margin: 10px auto;
    }

    .lastFooter {
        display: block;
        flex-direction: column;
        justify-content: space-around;
    }

    .lastFooter {
        text-align: center;
    }

    .footerImagetwo {
        display: unset;
        align-items: center;
    }

    .footerImagetwo img {
        width: 180px;
        margin: 10px auto;
    }

    .lastFooter div {
        margin: 14px;
    }

    .site-inner {
        padding: 0;
    }

    .redBackground .limitWidth {
        display: flex;
        flex-wrap: wrap;
    }

    .newModel {
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        margin-bottom: 40px;
        transition: 1.5s ease-in-out;
        text-align: center;
    }

    .oneFlex {
        width: 100%;
        padding: 0 15px;
    }

    .threeFlex {
        width: 100%;
    }

    .newVehicles {
        width: 100%;
        display: flex;
    }

    .home-imageSecond iframe {
        width: 100% !important;
    }

    .flexHalf {
        flex: 0 0 100%;
        padding: 0 1%;
        min-width: 300px;
    }

    .formHolder {
        padding: 60px !important;
    }

    .midContent {
        padding: 20px 20px;
    }

    .newVehicleContactNumbers {
        justify-content: center;
    }

    .product_page_vehicle_info_cotainer {
        width: 100%;


    }

    .product_archive.gridContainer {
        width: 48%;
        float: left;
        margin: 1%;
    }

    .image_container {
        width: 100%;
    }

    .archiveUsedPrice {
        width: 46%;
    }

    .archiveUsedTitle {
        width: 100%;
    }

    .product_page_vehicle_info_cotainer_top.archiveContent {
        display: flex;
        align-items: start;
        flex-wrap: wrap;
    }

    .archiveUsedPrice {
        display: initial;
        width: 100%;
        text-align: center;
    }

    .truckTabButton {
        width: 50% !important;
    }

    li.specs_featured_list_item {
        width: 50%;
    }

    .enquireButton,
    .enquire-btn {
        width: 100%;
    }

}

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

    /* iPhone 6 Plus, Landscape Display */
    .product_archive.gridContainer {
        width: 98%;
    }

    .innerContent {
        padding: 20px 20px;
        overflow: hidden;
    }

    .formHolder {
        padding: 20px !important;
    }

    .redBackground .two-thirds i {
        bottom: 0;
    }

    .quform-element-row,
    .quform-options-columns {
        margin-bottom: 0 !important;
    }

    .newVehicles {
        width: 100%;
        display: block;
    }

    .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 {
        background: #f00 !important;
    }

    .newVehicles img {
        display: block;
        margin: 0 auto;
    }


    .leftSlide {
        top: 29.8%;
    }

    .rightSlide {
        top: 21%;
    }

    .tableSection {
        padding: 40px 13px;
    }

    .singleUsedPrice {
        top: 104%;
        right: 20px;
        z-index: 999;
    }

    .discription {
        padding: 4%;
    }

    .tg {
        max-width: 380px !important;
    }

    .disclaimer {
        padding: 4%;
    }

    .single .specialContentHolder {
        padding: 4%;
    }

    .bigPadding {
        padding-top: 15px;
    }

    .service-special .special-container .each-special {
        width: 100%;
    }

}

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

}

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

    .flexfull {
        width: 100%;
    }

    .flexThird {
        width: 100%;
    }

    .flexFour {
        width: 100%;
    }

    .isuzuButton a {
        width: 300px;
    }

    .reverseFlex {
        flex-direction: row;
    }

    .flexThird {
        width: 100%;
        margin: 1%;
        min-width: 250px;
    }

    .truckTabButton {
        width: 100% !important;
    }

    .tableSection td {
        border-top: 0px;
        font-size: 10px;
    }

    .halfFlex {
        width: 100%;
    }

}

@media screen and (max-width: 760px) {
    .vehicleHolder {
        width: 100%;
        min-width: 100%;
        margin: 0;
        transition-duration: 350ms;
    }

    .fullVehicleHolder {
        display: flex;
        justify-content: unset;
        flex-wrap: nowrap;
    }

    .buttonHolder {
        height: 170px;
    }

    .slideButtons {
        display: block;
    }

    .thirdFlex {
        width: 100%;
        margin: 0 2%;
    }


}

@media screen and (max-width: 460px) {
    .columnContent {
        width: 100% !important;

    }


}


@media screen and (max-width: 425px) {
    .flexTeam {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    .meetMemberHolder {
        margin: 0 auto;
        text-align: center;
    }

}



.enquireButton.whatsappButton {}

.whatsappButton,
.whatsappButton span {
    background: #25D366 !important;
    border: none !important;
}

.whatsappButton span {
    margin-top: 0px;
}

.whatsAppDisplay {
    display: none;
    overflow: hidden;
    margin: 10px 0;
    border: 2px solid #25D366;
    border-radius: 3px;
}

.displayWhatsapp {
    display: block !important;
}


.whatsAppCopy i {
    color: #25D366;
}

.whatsAppQRcode {
    min-width: 100px;
    width: 29%;
    float: left;
}

.whatsAppQRcode img {
    display: block;
}

.whatsAppCopy {
    padding: 5px 0;
}

.whatsappButton a {
    display: inline-block;
    width: 100%;
}

a.WhatsappLink {
    font-weight: 600;
    text-decoration: underline;
}


/*// Mobile used call to action buttons*/
.mobileActions {
    display: none;
    overflow: hidden;
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    /* display: flex; */
}

.mobileActionitem {
    width: calc(100%/3);
    text-align: center;
    /* font-size: 40px; */
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    background: #df1d1d;
    color: #fff;
    border-right: 0px solid #fff;
    border-radius: 3px;
    height: 67px;
    margin: 10px 5px 10px 10px;
}

.mobileActionitem span {
    color: #fff;
    display: block;
    font-size: 18px !important;
}

.whatsappButton i {
    font-size: 23px !important;
}

.mobileActionitem a {
    text-decoration: none;
}

@media screen and (max-width: 550px) {
    .mobileActions {
        display: block;
        background: #000000cf;
    }

    .mobileActionHolder {
        display: flex;
    }

}