/* CMS ovveride */
    #page-body>div>div {
        max-width: unset !important;
        padding: 0 !important;
    }

    /* GLOBAL */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        /* outline: 1px solid lightgreen; */
    }

    /* text color */
    .textwhite {
        color: #ffffff;
    }

    .textdark {
        color: #000000;
    }

    /* .justplain:visited, .justplain{ text-decoration: none; color: inherit; } */
    .dblock {
        display: block;
    }

    /* font family */
    #mainid {
        font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #mainid p,
    #mainid ul {
        font-weight: 400;
        line-height: 1.3em;
    }

    #mainid p {
        margin-top: 2%;
    }

    #mainid .title3848 {
        font-weight: 400;
        line-height: 1.3em;
    }

    #mainid .title2936 {
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .title2430 {
        font-weight: 700;
        line-height: 1.3em;
    }

    #mainid .title1924 {
        font-weight: 600;
        line-height: 1.3em;
    }

    /* font weight */
    #mainid .w700 {
        font-weight: 700;
    }

    #mainid .w600 {
        font-weight: 600;
    }

    #mainid .w500 {
        font-weight: 500;
    }

    #mainid .w400 {
        font-weight: 400;
    }

    /* line height */
    #mainid p,
    #mainid ul,
    #mainid .title3848,
    #mainid .title2936,
    #mainid .title2430,
    #mainid .title1924 {
        line-height: 1.3em;
    }

    #mainid .button1 {
        font-weight: 700;
        line-height: 1em;
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        outline: 1px solid #fff;
    }

    /* BUTTON styling*/
    #mainid a.button1 {
        cursor: pointer;
    }

    #mainid .button1:visited {
        color: white;
    }

    #mainid .button1:hover {
        text-decoration: none;
        color: white;
    }

    /* IMAGES styling animation */
    #mainid img.img-responsive:hover {
        transform: scale(1.1);
    }

    #mainid img.img-responsive {
        transition: all 0.3s;
        width: 100%;
    }

    /* IMAGE parents is figure with class name .imgcontainer */
    #mainid figure.imgcontainer {
        position: relative;
        padding: 0px;
        overflow: hidden;
    }

    .height100per {
        height: 100%;
    }

    #mainid figure>img.img-responsive {
        object-fit: cover;
        object-position: center;
    }

    .thistheme-color {
        background-color: #000000;
        color: #ffffff;
        padding: 3%;
    }

    /* Background Image tempalte */
    /* #bgimage1{ background: linear-gradient(0deg, rgb(255, 255, 255, 1)0%, rgb(255, 255, 255,0))0%, url(); background-repeat: no-repeat; background-position: center; background-size: cover; } */
    /* display flex */
    .thisflex {
        display: flex;
    }

    /* .thisrow.thisflex { display: flex; } */
    /* div[id^='bgimage'] .thisrow.thisflex{ column-gap: 10px; background-color: rgb(154, 154, 255); } */
    [class*="thiscol-"] {
        margin-top: 1%;
        /* padding: 0 15px; */
    }

    [class*="row-max"] {
        width: 100%;
        margin: auto;
    }

    /* .row-maxed{ max-width: 1300px; } */
    .parallax-scroll>div>* {
        padding: 2% 0;
    }

    .parallax-scroll>div {
        margin: auto 0;
    }

    .parallax-scroll {
        display: flex;
        flex-direction: column;
    }

    /* CUSTOM GLOBAL below*/
    .headh1 {
        line-height: 0.9em;
    }

    .headh1,
    .textalign-center {
        text-align: center;
    }

    /* BG IMAGES */
    .bg-fullwidth-5 {
        background-image: url('https://pictures.dealer.com/b/billwalshtoyota/1234/c45abe8b35894f6e8f265d01d0d84328.webp');
    }

    .parallax-scroll {
        margin-top: 3%;
        margin-bottom: 3%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 75vh;
        overflow-y: auto;
    }

    #mainid div.cols3item {
        padding: 3% 0;
    }

    #mainid div.cols3item>div.thisflex>div {
        margin-top: 0;
        padding: 2%;
    }

    #mainid div.cols3item>div.thisflex {
        align-items: center;
    }

    /* MOBILE */
    @media(max-width:767px) {

        /* mobile height */
        .height300m {
            height: 300px;
        }

        /* For mobile phones: */
        [class*="thiscol-"] {
            width: 100%;
            padding: 3%;
        }

        .hidein-xs {
            display: none;
        }

        /* mobile font */
        #mainid p,
        #mainid ul {
            font-size: 18px;
        }

        #mainid ul>ul,
        #mainid ul>li {
            margin-left: 22px;
        }

        #mainid .title3848 {
            font-size: 38px;
        }

        #mainid .title2936 {
            font-size: 29px;
        }

        #mainid .title2430 {
            font-size: 24px;
        }

        #mainid .title1924 {
            font-size: 19px;
        }

        #mainid .button1 {
            font-size: 18px;
            width: 100%;
            text-align: center;
        }

        .parallax-scroll {
            height: 300px;
        }

        /* Custom mobile below*/
        /* #bgimage9 > div{ flex-direction: column; } */
        /* [id^="bgimage"] > [class*="thisnormal"]{ flex-direction: column; } [id^="bgimage"] > [class*="thisreverse"]{ flex-direction: column-reverse; } */
        #mainid .text2column {
            margin: 3% auto 10%;
        }

        #mainid div.cols3item>div>div:nth-child(2) {
            border-color: #000000;
            border-style: solid;
            border-left: unset;
            border-right: unset;
        }

        /* ovveride */
        .headh1 {
            color: #000000;
        }

        #lastbgimage>div>div.twobuttonrow>div {
            display: unset;
        }

        #mainid div.cols3item>div.thisflex {
            display: unset;
        }
    }

    /* DESKTOP */
    @media(min-width:768px) {

        /* custom height */
        /* flex tablet and up */
        .thisrow.rowcenter {
            display: flex;
            flex-wrap: nowrap;
            overflow: hidden;
        }

        .thisrow .colcenter {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        #mainid p,
        #mainid ul {
            font-size: 22px;
        }

        #mainid ul>ul,
        #mainid ul>li {
            margin-left: 44px;
        }

        #mainid .title3848 {
            font-size: 48px;
        }

        #mainid .title2936 {
            font-size: 36px;
        }

        #mainid .title2430 {
            font-size: 30px;
        }

        #mainid .title1924 {
            font-size: 24px;
        }

        #mainid .button1 {
            font-size: 18px;
            width: 100%;
            max-width: 200px;
            text-align: center;
        }

        /* column cutom css */
        .thiscol-1 {
            width: 8.33%;
        }

        .thiscol-2 {
            width: 16.66%;
        }

        .thiscol-3 {
            width: 25%;
        }

        .thiscol-4 {
            width: 33.33%;
        }

        .thiscol-5 {
            width: 41.66%;
        }

        .thiscol-6 {
            width: 50%;
        }

        .thiscol-7 {
            width: 58.33%;
        }

        .thiscol-8 {
            width: 66.66%;
        }

        .thiscol-9 {
            width: 75%;
        }

        .thiscol-10 {
            width: 83.33%;
        }

        .thiscol-11 {
            width: 91.66%;
        }

        .thiscol-12 {
            width: 100%;
        }

        .parallax-scroll {
            background-attachment: fixed;
        }

        /* Custom desktop below*/
        /* #bgimage1 { width: 90%; } */
        [class*="row-max"] {
            width: 90%;
        }

        #mainid .text2column {
            margin: 10% auto;
        }

        /* show in mobile only */
        .showinxs {
            display: none;
        }

        #mainid div.cols3item>div>div:nth-child(2) {
            border-color: #000000;
            border-style: solid;
            border-top: unset;
            border-bottom: unset;
        }

        /* override */
        #bgimage1 {
            background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(https://pictures.dealer.com/b/billwalshtoyota/1234/17ff70a1c2924ff296664df468a4e7f4.webp);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: cover;
            height: 70vh;
        }

        .headh1 {
            color: #ffffff;
            margin-top: 10%;
            text-shadow: 0 1px 2px #000000;
        }
    }

    @media(max-width:992px) {
        [id^="bgimage"]>[class*="thisnormal"] {
            flex-direction: column;
        }

        [id^="bgimage"]>[class*="thisreverse"] {
            flex-direction: column-reverse;
        }
    }

    /* TABLET */
    @media all and (min-width: 768px) and (max-width: 1024px) {

        /* For mobile phones: */
        [class*="thiscol-"] {
            width: 100% !important;
        }

        /* Custom tablet below*/
    }

    /* WIDE SCREEN */
    @media(min-width:1980px) {
        [class*="row-max"] {
            width: 80%;
        }
    }