#rHK022674 .position-relative .boxright {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    min-height: 80px;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.0);
    overflow: auto;
    padding: 25px 40px;
}

.position-relative .box-omg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 400px;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.0);
    overflow: auto;
    padding: 40px 30px;
    border: solid 1px #dddddd;
}

.position-relative .roar-lab-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.10);
    overflow: hidden;
    padding: 40px 30px;
    border: solid 1px #dddddd;
    z-index: 10;
}

.roar-lab-overlay .text-box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    transform: translate(-0%,-0%);
    border: solid 0px #ffffff;
    background-color: #1A73E8;
    padding: 30px 30px;
}

#newnav {
    position: fixed;
    top: 64px;
    z-index: 1000000;
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    height: 70px;
    transform: translate(-0%,-0%);
}

    #newnav .container {
        height: 70px;
    }

    #newnav .position-relative .navbar {
        position: absolute;
        bottom: 15px;
        left: 0px;
        right: 0px;
        max-width: 100%;
        transform: translate(0%, -0%);
    }

    #newnav .navbar {
        position: absolute;
        bottom: 5px;
        left: 0px;
        right: 0px;
        max-width: 100%;
        transform: translate(0%, -0%);
        width: 100%;
        background-color: #ffffff;
        overflow: auto;
    }

        #newnav .navbar a {
            float: left;
            padding: 12px;
            color: #666666;
            text-decoration: none;
            font-size: 18px;
            font-family: 'agbBold',Arial,Verdana;
            letter-spacing: -1px;
            width: 25%; /* Four links of equal widths */
            text-align: center;
            border-bottom: solid 3px #fff;
        }

            #newnav .navbar a:hover {
                background-color: #fafafa;
                border-bottom: solid 3px #1A73E8;
                color: #1A73E8;
            }

            #newnav .navbar a.active {
                background-color: #ffffff;
                border-bottom: solid 3px #1A73E8;
                color: #1A73E8;
            }

.position-relative div.dailybrew {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 80%;
    min-height: 15px;
    transform: translate(-50%,-0%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 30px 30px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 150%;
}

.position-relative div.phero a {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.0);
    overflow: auto;
    z-index: 10;
}

    .position-relative div.phero a:hover {
        background-color: rgba(0,0,0,0.4);
    }

.position-relative div.dmhero {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 50%;
    min-height: 15px;
    transform: translate(-50%,-0%);
    background-color: rgba(0,0,0,0.33);
    overflow: auto;
    padding: 30px 30px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 150%;
}

.position-relative div.jmhero {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 80%;
    min-height: 15px;
    transform: translate(-50%,-60%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 30px 30px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 150%;
    text-align: center;
}

.position-relative div.dmhero {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 50%;
    min-height: 15px;
    transform: translate(-50%,-0%);
    background-color: rgba(0,0,0,0.33);
    overflow: auto;
    padding: 30px 30px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 150%;
}

.position-relative div.homehero {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 90%;
    min-height: 15px;
    transform: translate(-50%,-0%);
    background-color: rgba(0,0,0,0.33);
    overflow: auto;
    padding: 30px 30px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 150%;
}

.position-relative div.hkhero {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 80%;
    min-height: 15px;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 10px 10px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 200%;
    text-align: left;
}

.position-relative div.hjkhero {
    position: absolute;
    bottom: 80px;
    left: 50%;
    width: 80%;
    transform: translate(-50%,-0%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 10px 10px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 200%;
    text-align: center;
}

.position-relative div.rslt-img-date {
    position: absolute;
    top: 15px;
    left: 12px;
    transform: translate(-0%,-0%);
    background-color: rgba(255,255,255,0.65);
    overflow: hidden;
    padding: 0px 8px;
    border-radius: 3px;
    color: #575757;
    font-size: 9px;
    text-align: center;
}

.position-relative div.rslt-img-url {
    position: absolute;
    bottom: 15px;
    left: 12px;
    transform: translate(-0%,-0%);
    background-color: rgba(255,255,255,0.0);
    overflow: hidden;
    padding: 0px 8px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 9px;
    text-align: center;
}

.position-relative div.rslt-img-name {
    position: absolute;
    top: 70%;
    left: 12px;
    transform: translate(-0%,-70%);
    background-color: rgba(255,255,255,0.0);
    overflow: hidden;
    padding: 0px 8px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
}

.position-relative div.fuel-home-search {
    position: absolute;
    top: 17.5%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-17.5%);
    background-color: rgba(255,255,255,0.0);
    overflow: hidden;
    padding: 0px 0px;
}

.position-relative div.fuel-text-name {
    position: absolute;
    top: 70%;
    left: 50%;
    width: 100%;
    min-height: 15px;
    transform: translate(-50%,-70%);
    background-color: rgba(0,0,0,0.00);
    overflow: hidden;
    padding: 30px 30px;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
}

.profile-dob-text {
    font-size: 9.5vw;
    letter-spacing: -1.1vw;
    line-height: 1.1;
    font-family: 'agbBold', sans-serif;
    padding: 0px;
    overflow: hidden;
}

.position-relative div.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,0.00);
    overflow: hidden;
    padding: 20px 30px;
    border-radius: 0px;
    color: #ffffff;
    text-align: left;
}

.position-relative div.today {
    position: absolute;
    bottom: 0%;
    left: 50%;
    min-width: 100px;
    transform: translate(-50%,-0%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 30px 40px;
    border-radius: 0px;
    color: #000000;
    background-color: rgba(0,0,0,0.00);
    text-align: center;
}

.fuel-home-screen {
    -webkit-calc(100vh - 82px);
    height: calc(100vh - 82px);
}

.fuel-full-screen {
    -webkit-calc(100vh - 0px);
    height: calc(100vh - 0px);
}

.fuel-rslts-screen {
    -webkit-calc(90vh - 12px);
    height: calc(90vh - 12px);
    padding: 100px 0px;
}

.fuel-tenth-screen {
    -webkit-calc(85vh - 82px);
    height: calc(85vh - 82px);
}
.fuel-20-screen {
    -webkit-calc(20vh - 12px);
    height: calc(20vh - 12px);
}

.fuel-25-screen {
    -webkit-calc(25vh - 12px);
    height: calc(25vh - 12px);
}

.fuel-30-screen {
    -webkit-calc(30vh - 12px);
    height: calc(30vh - 12px);
}
.fuel-33-screen {
    -webkit-calc(33vh - 12px);
    height: calc(33vh - 12px);
}
.fuel-40-screen {
    -webkit-calc(40vh - 12px);
    height: calc(40vh - 12px);
}

.fuel-50-screen {
    -webkit-calc(50vh - 12px);
    height: calc(50vh - 12px);
}

.fuel-60-screen {
    -webkit-calc(60vh - 12px);
    height: calc(60vh - 12px);
}

.fuel-70-screen {
    -webkit-calc(70vh - 12px);
    height: calc(70vh - 12px);
}

.fuel-75-screen {
    -webkit-calc(75vh - 12px);
    height: calc(75vh - 12px);
}

.fuel-80-screen {
    -webkit-calc(80vh - 12px);
    height: calc(80vh - 12px);
}

.fuel-rslts-hero-text {
    font-size: 11.5vw;
    letter-spacing: -1.2vw;
    line-height: 1.1;
    font-family: 'agbBold', sans-serif;
    padding: 0px;
    overflow: hidden;
}

.position-relative div.fuel-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: auto;
    padding: 20px 0px;
    text-align: center;
    width: 100%;
}

    .position-relative div.fuel-img img.fuel {
        width: 35%;
        height: auto;
    }

.position-relative .boxright {
    position: absolute;
    bottom: 25px;
    left: 50%;
    min-height: 15px;
    transform: translate(-50%,-0%);
    background-color: rgba(0,0,0,0.0);
    overflow: auto;
    padding: 25px 40px;
    text-transform: uppercase;
}

.gallery-date-text {
    color: #575757;
    font-size: 11px;
    text-transform: uppercase;
}

.position-relative .boxLeft {
    position: absolute;
    bottom: 25px;
    left: 25px;
    min-height: 15px;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.0);
    overflow: auto;
    padding: 25px 40px;
    text-transform: uppercase;
}

.position-relative .roarPhoto a.r-prevLeft {
    position: absolute;
    top: 50%;
    left: 25px;
    min-width: 15px;
    min-height: 15px;
    transform: translate(-0%,-50%);
    background-color: rgba(255,255,255,0.65);
    overflow: auto;
    padding: 5px 20px;
    border-radius: 4px;
    color: #ffffff;
}

.position-relative .roarPhoto a.r-nextRight {
    position: absolute;
    top: 50%;
    right: 25px;
    min-width: 15px;
    min-height: 15px;
    transform: translate(-0%,-50%);
    background-color: rgba(255,255,255,0.65);
    overflow: auto;
    padding: 5px 20px;
    border-radius: 8px;
    color: #ffffff;
}

.position-relative .roarPhoto a:hover.r-nextRight {
    background-color: #6001D2;
}

.position-relative .roarPhoto a:hover.r-prevLeft {
    background-color: #6001D2;
}


.hero-text-xl {
    font-family: 'agbBold','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -12px;
    font-weight: 900;
    color: #ffffff;
}


.home-hero {
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: calc(100vw + 15px);
    z-index: 1;
}

.home-hero__static-hi {
    font-family: 'agbBold',sans-serif;
    font-size: 15rem;
    letter-spacing: 0rem;
    line-height: .21667;
    font-size: 12.5rem;
}

.home-hero-hello {
    max-width: 800px;
    width: 90%;
}


.joeyheader {
    background: url('../../media/i/joey-hero.svg') no-repeat top left;
    background-size: contain;
}

.box-layout {
    padding: 0px 20px;
    margin: 0px 0px;
}

.layout-box {
    width: 100%;
    padding: 0px 25px;
    margin: 0px 0px;
}

.roar-headline-xl {
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -8px;
    font-family: 'agbBold', sans-serif;
    margin-left: -5px;
}

.roar-headline-hp {
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -1px;
    font-family: 'agbBold', sans-serif;
    margin-left: -5px;
}

@media only screen and (min-width: 768px) {
    .home-hero__static-hi {
        display: none;
    }
}

@media only screen and (min-width: 1000px) {
    .home-hero__static-hi {
        font-family: 'agbBold', sans-serif;
        font-size: 18.75rem;
        letter-spacing: 0rem;
        line-height: .84;
    }
}

@media only screen and (min-width: 768px) {
    .home-hero__static-hi {
        font-family: 'agbBold', sans-serif;
        font-size: 15rem;
        letter-spacing: 0rem;
        line-height: .50417;
    }
}

#BigBirdHero {
    margin: 80px 0px 0px 0px;
}

.feature-box-roar {
    display: flex;
    padding: 0px 0px;
    margin: 0px 0px;
    min-height: 140px;
}
    /* feature box style 5 */
    .feature-box-roar .left {
        padding-left: 265px;
    }

img.feature-box-roar {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 135px;
    border-radius: 8px;
}

.feature-box-roar a:hover {
    color: #EA178C;
}

.feature-box-golf {
    display: flex;
    padding: 0px 0px;
    margin: 0px 0px;
    min-height: 70px;
}
    /* feature box style 5 */
    .feature-box-golf .left {
        padding-left: 65px;
    }

img.feature-box-golf {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 60px;
    border-radius: 8px;
}

.feature-box-golf a:hover {
    color: #EA178C;
}

.roarOrange-bg {
    background-color: #f15D22;
}

.roarYellow-bg {
    background-color: #FFE600;
}

.roarBlue-bg {
    background-color: #0051DF;
}

.prefix-hl-text {
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -4px;
    font-family: 'agbBold', sans-serif;
    margin-left: -2px;
}

.prefix p {
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
}

.prefix h6 {
    font-family: 'agbBold', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 28px;
    letter-spacing: -2px;
    line-height: 36px
}

@media only screen and (max-width: 980px) {
    .prefix p {
        font-size: 35px;
        line-height: 42px;
    }

    body, p {
        font-size: 21px;
        line-height: 26px;
    }

    .prefix h1, .prefix h2, .prefix h3, .prefix h4, .prefix h5, .prefix h6 {
        margin: 0 0 20px 0;
        padding: 0;
        letter-spacing: -2px;
        font-weight: 600;
    }

    .prefix h1 {
        font-size: 90px;
        line-height: 90px;
    }

    .prefix h2 {
        font-size: 75px;
        line-height: 80px;
        letter-spacing: -6px;
    }

    .prefix h3 {
        font-size: 64px;
        line-height: 70px;
    }

    .prefix h4 {
        font-size: 54px;
        line-height: 64px;
    }

    .prefix h5 {
        font-size: 40px;
        line-height: 48px;
    }

    .prefix h6 {
        font-size: 32px;
        line-height: 38px;
    }

    .prefix .prefix-hl-text {
        font-size: 80px;
        letter-spacing: -8px;
    }

    .text-extra-small {
        font-size: 18px;
        line-height: 20px;
    }

    .text-small {
        font-size: 18px;
        line-height: 22px;
    }

    .text-medium {
        font-size: 18px;
        line-height: 22px;
    }

    .text-large {
        font-size: 28px;
        line-height: 34px;
    }

    .text-extra-large {
        font-size: 20px;
        line-height: 26px;
    }

    .tag-txt-lrg {
        font-size: 22.5vw;
        line-height: 1.1;
        letter-spacing: -1.4vw;
        font-family: 'agbBold', sans-serif;
        padding: 0px;
    }

    .fuel-rslts-hero-text {
        font-size: 25vw;
        line-height: 1.1;
        letter-spacing: -2.4vw;
        font-family: 'agbBold', sans-serif;
        padding: 0px;
        width: 100%;
    }

    .roar-txt-lrg {
        font-size: 40px;
        line-height: .9;
        letter-spacing: -4px;
        font-family: 'agbBold', sans-serif;
        padding: 0px;
    }

    .roar-headline-xl {
        font-size: 50px;
        line-height: 1.1;
        letter-spacing: -5px;
        font-family: 'agbBold', sans-serif;
        margin-left: -5px;
    }

    .roar-headline-hp {
        font-size: 36px;
        line-height: 1.1;
        letter-spacing: -3px;
        font-family: 'agbBold', sans-serif;
        margin-left: -5px;
    }

    .tag-txt-md {
        font-size: 64px;
        line-height: 64px;
        letter-spacing: -6px;
    }

    .tag-txt-sfb {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -3px;
    }

    .tag-txt-sm {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -1px;
    }

    .usr-lrg {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: -4px;
        font-family: 'agbBold', sans-serif;
        padding: 0px;
    }

    .title-roar-large {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -3px;
    }

    .profile-dob-text {
        font-size: 30vw;
        letter-spacing: -2.9vw;
        line-height: 1.1;
        font-family: 'agbBold', sans-serif;
        padding: 0px;
        overflow: hidden;
    }

    .box-layout {
        padding: 0px 0px;
    }
}



#BigBirdHero div.tag-img-bbd {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 600px;
    transform: translate(-50%, -50%);
}

#BigBirdHero div.tag-img-left {
    position: absolute;
    bottom: 100px;
    left: 100px;
    max-height: 300px;
    transform: translate(-0%, -0%);
}

#BigBirdHero div.tag-img-right {
    position: absolute;
    top: 100px;
    right: 100px;
    max-height: 300px;
    transform: translate(-0%, -0%);
}

#BigBirdHero div.tag-img-center {
    position: absolute;
    top: 60%;
    left: 50%;
    max-height: 300px;
    transform: translate(-50%, -60%);
}

#BigBirdHero div.tag-img-bottom-center {
    position: absolute;
    bottom: 0px;
    left: 50%;
    max-height: 98%;
    transform: translate(-50%, -0%);
}

#BigBirdHero div.tag-img-dbh {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 98%;
    transform: translate(-50%, -50%);
}

.hk-ninth-screen {
    -webkit-calc(80vh - 102px);
    height: calc(80vh - 102px);
}

.hk-tenth-screen {
    -webkit-calc(85vh - 82px);
    height: calc(85vh - 82px);
}

.hk-fifth-screen {
    -webkit-calc(75vh - 102px);
    height: calc(75vh - 102px);
}

.hk-fourth-screen {
    -webkit-calc(60vh -82px);
    height: calc(60vh -82px);
}

#DailyBrewPostHero {
    margin: 0px 0px 0px 0px;
}

    #DailyBrewPostHero div.tag-img-author {
        position: absolute;
        left: 50%;
        bottom: 80px;
        max-height: 250px;
        transform: translate(-50%, -0%);
    }

.position-relative div.tag-img-author {
    position: absolute;
    left: 50%;
    bottom: 80px;
    max-height: 250px;
    transform: translate(-50%, -0%);
}

/* list style 9 */
.list-style-9 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-style-db li {
    position: relative;
    padding: 15px 0;
    margin: 0 0 4px 0;
    border-bottom: 1px solid #e5e5e5;
}

    .list-style-db li span {
        margin-bottom: 2px
    }

    .list-style-db li p {
        margin-bottom: 0
    }

    .list-style-db li:last-child {
        border-bottom: none
    }

    .list-style-db li:before {
        content: "";
    }

.revoltRed {
    color: #ED1C24;
}

.revoltRedBG {
    background-color: #ED1C24;
}

.roarPurpleBG {
    background-color: #6001D2;
}

img.feature-box-roar {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 135px;
    border-radius: 8px;
}

div.brewPrev {
    position: fixed;
    top: 50%;
    left: 20px;
    padding: 20px 20px;
    transform: translate(-0%, -50%);
}

div.brewNext {
    position: fixed;
    top: 50%;
    right: 20px;
    padding: 20px 20px;
    transform: translate(-0%, -50%);
}

#HKTXT .full-img {
    /*  position: absolute;
        top: 20px;
        left: 0;*/
    padding: 0px 0px 0px 0px;
    margin: 40px 0px 60px 0px;
    border: solid 0px #e5e5e5;
    border-radius: 0px;
    vertical-align: bottom middle;
    text-align: center;
    overflow: hidden;
    background-color: #ffffff;
    width: auto;
}

    #HKTXT .full-img img {
        border-radius: 0px;
        margin: 0px 0px;
        max-height: 100%;
        vertical-align: top middle;
        text-align: center;
    }

#HKTXT .who-nme {
    font-family: 'agbBld', sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 1.1;
    font-weight: 800;
}

.roar-stream-logo {
    font-family: 'agbBld', sans-serif;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -3px;
    font-weight: 800;
}

.inbox-stream-logo {
    font-family: 'agbBld', sans-serif;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -4px;
    font-weight: 800;
    padding: 5px 0px;
}

.xStream-logo {
    font-family: 'agbBld', sans-serif;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -3px;
    font-weight: 800;
    padding: 5px 0px;
    margin-top: 5px;
}

.container div.hpn {
    padding: 5px;
    border: solid 0px #e5e5e5;
    width: 100%;
    min-height: 530px;
    display: block;
    background-color: #ffffff;
    display: inline-table;
}

.container div.hpnq {
    padding: 30px;
    border: solid 1px #e5e5e5;
    width: 100%;
    min-height: 100px;
    display: block;
    background-color: #ffffff;
}

div.hpn:hover {
    background-color: #ffffff;
    color: #6001D2;
}

.hpn.hp-lnk .txt img {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}

.hpn.hpn-lnk .txt span {
    max-width: calc(100% - 40px);
    vertical-align: middle;
    display: inline-block;
}

.hp-subheader {
    font-family: 'Poppins','Franklin Gothic Medium','Arial Narrow', Arial, sans-serif, 'Segoe UI';
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -2px;
}

.roar-txt-lrg {
    font-size: 65px;
    line-height: .9;
    letter-spacing: -6px;
    font-family: 'agbBold', sans-serif;
    padding: 0px;
}

.xstream-sub-text {
    font-weight: 800;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: -1px;
    padding: 0px;
}

.container div.side-menu {
    padding: 15px;
    border: solid 0px #e5e5e5;
    width: 100%;
    min-height: 30px;
    display: block;
    background-color: #ffffff;
}

div.side-menu:hover {
    background-color: #fbfbfb;
}

div.side-menu .txt span {
    max-width: calc(100% - 40px);
    vertical-align: middle;
    display: inline-block;
}

.roar-txt-sec {
    font-size: 48px;
    line-height: .9;
    letter-spacing: -4px;
    font-family: 'agbBold', sans-serif;
    padding: 0px;
}


.feature-box-5 {
    padding-left: 100px;
}

    .feature-box-5 i {
        position: absolute;
        top: 0px;
        left: 0px;
    }

div.feature-box-5:hover {
    color: #EA178C;
}

#x-s-m {
    padding: 50px 30px;
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
}

    #x-s-m span {
        padding: 0px 0px 10px 0px;
        margin: 0px auto 15px auto;
        border-bottom: solid 2px #eeeeee;
        display: block;
    }

        #x-s-m span.kwrd {
            font-family: 'agbBold',sans-serif;
            font-size: 20px;
            letter-spacing: -1px;
            font-weight: 700;
            line-height: 1.2;
        }

            #x-s-m span.kwrd a {
            }

                #x-s-m span.kwrd a:hover {
                    color: #1A73E8;
                }
/* list style 6 */
.list-style-x {
    list-style: none;
    margin: 0;
    padding: 0px 10px;
}

    .list-style-x li {
        position: relative;
        padding: 10px 15px 8px 0;
        margin: 0 0 8px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 15px;
        text-align: left;
    }

        .list-style-x li span {
            position: absolute;
            top: 3px;
            right: 0;
        }

        .list-style-x li:last-child {
            border-bottom: none
        }

        .list-style-x li:before {
            content: "";
        }

#x-s-f {
    padding: 25px 15px 0px 15px;
    border-bottom: solid 0px #e5e5e5;
    border-top: solid 1px #e5e5e5;
}

    #x-s-f span {
        padding: 0px 0px 10px 0px;
        margin: 0px auto 15px auto;
        border-bottom: solid 2px #eeeeee;
        display: block;
    }

        #x-s-f span.kwrd {
            font-family: 'agbBold',sans-serif;
            font-size: 20px;
            letter-spacing: -1px;
            font-weight: 700;
            line-height: 1.2;
        }

            #x-s-f span.kwrd a {
            }

                #x-s-f span.kwrd a:hover {
                    color: #1A73E8;
                }


.css-heroxx {
    background-image: url("../../i/mktg-hero.svg");
    background-repeat: no-repeat;
    opacity: 1;
    transition: opacity 1000ms ease-in 0s;
}

.css-hero {
    background-image: url("../../i/mktg-about.jpg");
    background-repeat: no-repeat;
    opacity: 1;
    transition: opacity 1000ms ease-in 0s;
}

/* list style 6 */
.list-style-s {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-s li {
        position: relative;
        padding: 20px 15px 20px 0px;
        margin: 0 0 8px 0;
        border-bottom: 1px solid #eeeeee;
        font-size: 15px;
        text-align: left;
    }

        .list-style-s li span {
            position: absolute;
            top: 3px;
            right: 0;
        }

        .list-style-s li div.s-rslts {
            position: relative;
            top: 0px;
            left: 0px;
            min-height: 100px;
        }

        .list-style-s li img.s-icon {
            position: absolute;
            top: 5px;
            right: 0px;
            height: 24px;
            width: 24px;
        }

        .list-style-s li a.i-Title {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: -1px;
            color: #222222;
            padding: 0px 50px 20px 0px;
            margin: 0px;
        }

        .list-style-s li a.i-Url {
            font-size: 15px;
            font-weight: 400;
            letter-spacing: -1px;
            color: #40af3e;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-style-s li a:hover.i-Title {
            text-decoration: underline;
        }

        .list-style-s li a:hover.i-Url {
            color: #666666;
        }

        .list-style-s li a.a-Url {
            font-size: 11px;
            font-weight: 300;
            letter-spacing: -1px;
            color: #777777;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-style-s li a:hover.a-Url {
            color: #666666;
        }
        .list-style-s li a.i-From {
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -1px;
            color: #1A73E8;
            padding: 0px 90px 0px 0px;
            margin: 0px 90px 0px auto;
            display: block;
        }

        .list-style-s li a:hover.i-From {
            text-decoration: none;
        }
        .list-style-s li p.s-desc {
            font-size: 14px;
            line-height: 1.5;
            font-weight: 300;
            padding: 0px 0px 0px 0px;
            color: #222222;
            margin: 0px 0px;
            font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        }

        .list-style-s li a.st-Title {
            font-size: 20px;
            font-weight: 500;
            letter-spacing: -1px;
            color: #1A73E8;
            padding: 0px 90px 20px 0px;
            margin: 0px 90px 0px auto;
        }

        .list-style-s li a:hover.st-Title {
            text-decoration: underline;
        }

        .list-style-s li img.s-profile {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 128px;
            width: 128px;
            border-radius: 8px;
        }

        .list-style-s li:last-child {
            border-bottom: none
        }

        .list-style-s li:before {
            content: "";
        }



/* list style 6 */
.list-style-si {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-si li {
        position: relative;
        padding: 10px 15px 50px 0px;
        margin: 0 0 8px 0;
        border-bottom: 1px solid #eeeeee;
        font-size: 15px;
        text-align: left;
    }

        .list-style-si li span {
            position: absolute;
            top: 3px;
            right: 0;
        }

        .list-style-si li div.s-rslts {
            position: relative;
            top: 0px;
            left: 0px;
        }

        .list-style-si li img.s-icon {
            position: absolute;
            top: 5px;
            right: 0px;
            height: 24px;
            width: 24px;
        }

        .list-style-si li a.i-Title {
            font-size: 18px;
            font-weight: 600;
            letter-spacing: -1px;
            color: #1A73E8;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-style-si li a.i-Url {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: -1px;
            color: #40af3e;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-style-si li a:hover.i-Title {
            text-decoration: underline;
        }

        .list-style-si li a:hover.i-Url {
            color: #666666;
        }

        .list-style-si li a.a-Url {
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 0px;
            color: #777777;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-style-si li a:hover.a-Url {
            color: #666666;
        }

        .list-style-si li p.s-desc {
            font-size: 14px;
            line-height: 1.5;
            font-weight: 300;
            padding: 5px 0px 0px 0px;
            color: #222222;
            margin: 0px 0px;
            font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        }

        .list-style-si li:last-child {
            border-bottom: none
        }

        .list-style-si li:before {
            content: "";
        }

@media (min-width: 576px) {
    #HKTXT .container {
        max-width: 98%;
        margin-top: -50px;
        padding: inherit 20px;
    }
}

@media (min-width: 768px) {
    #HKTXT .container {
        max-width: 99%;
        margin-top: -25px;
        padding: inherit 20px;
    }
}

@media (max-width: 992px) {
    .layout-box {
        padding: 0px 0px;
        margin: 0px 0px;
    }
}

@media (min-width: 992px) {
    #HKTXT .container {
        max-width: 99%;
        margin-top: 0px;
    }
    .layout-box {
        padding: 0px 35px;
        margin: 0px 0px;
    }
}


@media (max-width: 1200px) {
    .fuel-rslts-hero-text {
        font-size: 18.5vw;
        letter-spacing: -1.5vw;
        line-height: 1.1;
        font-family: 'agbBold', sans-serif;
        padding: 0px;
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
    #HKTXT .container {
        max-width: 1920px;
    }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 99%;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 100%;
    }

    .list-inline a.HJK {
        display: inline-block;
        vertical-align: middle;
        margin: 0px 0px 0px 5px;
    }

        .list-inline a.HJK img {
            height: 48px;
        }

    .list-inline .HJK img {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-right: 0px solid #eeeeee;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1920px;
    }
}

.s-icon-lrg {
    position: absolute;
    top: 5px;
    left: 0px;
    height: 64px;
    width: 64px;
}

.list-img-kwrd li:last-child {
    border-bottom: none;
    margin: 0px 0px 0px 0px;
}

.list-style-si li:before {
    content: "";
}

.list-img-kwrd {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 0px 20px;
    padding: 20px 0px;
}

    .list-img-kwrd li {
        position: relative;
        padding: 10px 15px 20px 0;
        margin: 0 0 8px 0;
        border-bottom: 0px solid rgba(0, 0, 0, 0.1);
        font-size: 15px;
        text-align: left;
    }

        .list-img-kwrd li span {
            position: absolute;
            top: 3px;
            right: 0;
        }

        .list-img-kwrd li div.s-rslts {
            position: relative;
            top: 0px;
            left: 0px;
        }

        .list-img-kwrd li img.s-icon {
            position: absolute;
            top: 5px;
            right: 0px;
            height: 32px;
            width: 32px;
        }

        .list-img-kwrd li a.i-Title {
            font-size: 21px;
            font-weight: 600;
            letter-spacing: -1px;
            color: #1A73E8;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-img-kwrd li a.i-Url {
            font-size: 15px;
            font-weight: 400;
            letter-spacing: -1px;
            color: #40af3e;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-img-kwrd li a:hover.i-Title {
            text-decoration: underline;
        }

        .list-img-kwrd li a:hover.i-Url {
            color: #666666;
        }

        .list-img-kwrd li a.a-Url {
            font-size: 11px;
            font-weight: 300;
            letter-spacing: -1px;
            color: #777777;
            padding: 0px 40px 20px 0px;
            margin: 0px;
        }

        .list-img-kwrd li a:hover.a-Url {
            color: #666666;
        }

        .list-img-kwrd li p.s-desc {
            font-size: 15px;
            line-height: 22px;
            font-weight: 300;
            padding: 0px 0px 0px 0px;
            color: #222222;
            margin: 0px 0px;
            font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        }

a.top-Title {
    color: #1A73E8;
    padding: 0px 40px 20px 0px;
    margin: 0px;
}

a:hover.top-Title {
    text-decoration: underline;
}

.list-inline a.xnav {
    list-style: none;
    font-weight: 800;
    font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #222222;
    vertical-align: middle;
    letter-spacing: -1px;
}

    .list-inline a.xnav img {
        min-height: 24px;
        margin-right: 0px;
    }

.list-inline a:hover.xnav {
    color: #00673E;
    border-bottom: solid 2px #222;
}
.list-inline a.xnav.active {
    color: #00673E;
    font-weight: 800;
    /*border-bottom: solid 2px #222;*/
}

.list-inline a.xkwrd {
    list-style: none;
    font-weight: 400;
    font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
    font-size: 12px;
    color: #000000;
    text-transform: none;
    vertical-align: middle;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.list-inline a:hover.xkwrd {
    color: #3F9C16;
    /*border-bottom: solid 2px #222;*/
}

.list-inline a.xkwrd.active {
    color: #1E3932;
    font-weight: 800;
    /*border-bottom: solid 2px #222;*/
}

.position-relative div.xhero-top {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 80%;
    min-height: 30px;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 0px 5px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 200%;
    text-align: left;
}

.position-relative div.xhero-btm {
    position: absolute;
    bottom: 20px;
    left: 15px;
    width: 80%;
    min-height: 15px;
    transform: translate(-0%,-0%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 10px 10px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 200%;
    text-align: left;
}

.position-relative div.xhero-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    min-height: 15px;
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,0.00);
    overflow: auto;
    padding: 10px 10px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 200%;
    text-align: left;
}


/* counter box style 5 */
.counter-box-5 .counter-box {
    display: inline-block;
    width: 13%;
    padding: 0;
    vertical-align: top;
    text-align: center;
    position: relative;
}

    .counter-box-5 .counter-box .number {
        display: block;
        font-weight: 400;
        font-size: 80px;
        line-height: 80px;
        letter-spacing: -3px
    }

    .counter-box-5 .counter-box span {
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 1px;
        opacity: 0.5;
        line-height: 28px;
        text-transform: uppercase;
    }



.f-com {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: -100001;
    top: 0;
    left: 0;
    visibility: hidden;
    background-color: rgba(255, 255, 255,0.95);
    overflow-y: hidden;
    transition: 0.33s;
    border-right: solid 0px #ddd;
}

.f-content {
    position: relative;
    top: 180px;
    left: 0px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.f-com a {
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-family: 'agbBold', sans-serif;
    letter-spacing: -3px;
    font-size: 40px;
    color: #000;
    display: block;
    transition: 0.3s;
    /* border-bottom:4px solid transparent;*/
}

.f-com p {
    /*font-family:'Merriweather', sans-serif;*/
    font-size: 20px;
    color: #444;
    padding: 10px 0px 0px 0px;
    letter-spacing: 0px;
}

.f-com a:hover, .f-com a:focus {
    color: #1A73E8;
    /*border-bottom: 4px solid #1A73E8;*/
}

.f-com .closebtn {
    position: absolute;
    top: 25px;
    left: 40px;
    font-weight: 700;
    font-family: 'agbBold','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
}

.f-com-openbtn {
    position: absolute;
    top: 25px;
    left: 35px;
    z-index: 9;
    font-weight: 700;
    font-family: 'agbBold','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
    color: #000;
}

.f-com-Xbtn {
    position: absolute;
    top: 25px;
    Right: 40px;
    font-weight: 700;
    font-family: 'agbBold','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
    padding: 10px 10px;
}

.f-com a.logo img {
    /* position: absolute;
    top: 40px;
    left: 40px;*/
    max-height: 48px;
}


@media screen and (max-height: 450px) {
    .f-com {
        overflow-y: auto;
    }

        .f-com a {
            font-size: 20px
        }

        .f-com .closebtn {
            font-size: 40px;
            top: 15px;
            right: 35px;
        }
}

div.mnlnk {
    padding: 30px;
    border: solid 0px #e5e5e5;
    width: 100%;
    min-height: 200px;
    display: block;
    background-color: #ffffff;
    display: inline-table;
}

.mnlnk div.nv-lnk {
    border: solid 0px #e5e5e5;
    width: 100%;
    display: inline-flex;
}

div .mnlnk:hover {
    background: #1A73E8;
    color: #6001D2;
}

.nv-lnk .txt img {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}

.nv-lnk div.txt {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    color: #ffffff;
}

.nv-lnk h5 {
    color: #ffffff;
    display: block;
    margin: 0px;
    padding: 0px;
}

.nv-lnk p {
    color: #ffffff;
    display: block;
    padding: 20px 0px 15px 0px;
}

.nv-lnk .nv-subheader {
    font-family: 'Poppins','Franklin Gothic Medium','Arial Narrow', Arial, sans-serif, 'Segoe UI';
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -2px;
}

.mnlink.nv-lnk div.lnk {
    max-width: calc(100% - 40px);
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}



.mnlnk.mnlnkbg1 {
    background-color: #6001D2;
}

.mnlnk.mnlnkbg2 {
    background-color: #ff6a00;
}

.mnlnk.mnlnkbg3 {
    background-color: #ff00dc;
}

.mnlnk.mnlnkbg4 {
    background-color: #0094ff;
}

h1.daily-headline-text {
    font-size: 56px;
    font-family: 'Poppins','agbBold', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #000000;
    letter-spacing: -5px;
}

p .daily-post-text {
    font-size: 20px;
    line-height: 1.9px;
    font-weight: 300;
    letter-spacing: -1px;
    color: #222222;
}

p.daily-post-txt {
    font-size: 18px;
    line-height: 2.0;
    font-weight: 300;
    letter-spacing: -1px;
    color: #666666;
}

.daily-post-small {
    font-size: 13px;
    font-weight: 300;
    color: #777777;
    font-family: 'Poppins', 'agbBold', sans-serif;
}

.daily-headline-lnk {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Poppins', 'agbBold', sans-serif;
    line-height: 1.1;
    color: #000000;
    letter-spacing: -2px;
}

    .daily-headline-lnk:hover {
        color: #6001D2;
    }

.height-170px {
    height: 170px
}

.height-180px {
    height: 180px
}

.height-190px {
    height: 190px
}

header nav .nav-header-container {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 60px;
    border: none;
    padding: 0px 0px;
    margin: 0px 0px;
    border-bottom: solid 0px #e5e5e5;
}

.photos-kwrd-txt {
    font-size: 12px;
    font-family: 'agbBold', sans-serif;
    letter-spacing: -1px;
    font-weight: 500;
    padding: 5px 5px;
    background-color: rgba(0,0,0, 0.35);
    border-radius: 6px;
    color: #ffffff;
    display: inline;
}

.nav-cat-txt {
    font-size: 32px;
    font-family: 'agbBold', sans-serif;
    letter-spacing: -3px;
    font-weight: 500;
    padding: 0;
}

p.fuel-thread-text {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -1px;
}

.daily-style-cl {
    margin: 0;
    padding: 0;
}

    .daily-style-cl div {
        position: relative;
        padding: 40px 0px 40px 0px;
        margin: 0px 0px;
        border-bottom: 1px solid #dddddd;
        text-align: left;
        border-left: none;
        border-right: none;
    }

        .daily-style-cl div.img {
            position: relative;
            padding: 0px 0px 0px 0px;
            margin: 25px 0px;
            border-radius: 18px;
        }

    .daily-style-cl span {
        position: relative;
        display: inline-block;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px;
        text-align: left;
    }

    .daily-style-cl div.tp {
        padding: 0px 0px 40px 0px;
        text-align: left;
        border: none;
    }

    .daily-style-cl div.btm {
        padding: 0px 0px 40px 0px;
        text-align: left;
        border: none;
    }

    .daily-style-cl div:last-child {
        border-bottom: none
    }

    .daily-style-cl div:before {
        content: "";
    }

.daily-headline-thrd {
    font-size: 28px;
    font-weight: 600;
    font-family: 'Poppins', 'agbBold', sans-serif;
    line-height: 1.1;
    color: #000000;
    letter-spacing: -1px;
}

.daily-ndk-text {
    font-size: 12px;
}

p.daily-post-text {
    font-family: 'Poppins', 'agbBold', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
}

#HKTXT {
    margin: 0px auto 0px auto;
    padding: inherit inherit;
}

    #HKTXT h1 {
        font-weight: 500;
        font-family: 'agbBold','Roboto', 'Poppins','Segoe UI',sans-serif;
        font-size: 48px;
        color: #000000;
        text-transform: none;
        vertical-align: middle;
        letter-spacing: -4px;
    }

    #HKTXT div.img {
        position: relative;
        padding: 0px 0px 0px 0px;
        margin: 25px 0px 15px 0px;
        border-radius: 14px;
    }

    #HKTXT div.container {
        text-align: left;
        border-top: none;
        padding: 15px 5px;
        border-left: solid 1px #e5e5e5;
        border-right: solid 1px #e5e5e5;
        background-color: #ffffff;
    }

        #HKTXT div.container:nth-child(even) {
            background-color: #fbfbfb;
            border-bottom: solid 1px #e5e5e5;
            border-top: solid 1px #e5e5e5;
        }



    #HKTXT div.container-fluid:nth-child(even) {
        background-color: #ffffff;
        border-bottom: solid 1px #e5e5e5;
        border-top: solid 1px #e5e5e5;
    }

    #HKTXT div.container-fluid.profile {
        background-color: #000000;
        text-align: center;
        padding: 50px 40px;
    }

.text-hjk-desc {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -1px;
    margin-left: 0px;
    color: #666666;
}

#HKTXT div.ktxt-description {
    vertical-align: text-top;
}

#HKTXT .ktxt-img {
    /*  position: absolute;
        top: 20px;
        left: 0;*/
    max-height: 450px;
    padding: 0px 0px;
    margin: 10px 0px;
    border: solid 1px #e5e5e5;
    border-radius: 6px;
    vertical-align: bottom middle;
    text-align: center;
    overflow: hidden;
    background-color: #fbfbfb;
    width: auto;
    width: 100%;
}



#HKTXT .kph-img {
    /*  position: absolute;
        top: 20px;
        left: 0;*/
    max-height: 450px;
    padding: 0px 0px;
    margin: 10px 0px 30px 0px;
    border: solid 1px #e5e5e5;
    border-radius: 6px;
    vertical-align: bottom middle;
    text-align: center;
    overflow: hidden;
    background-color: #fbfbfb;
    width: auto;
    width: 100%;
}

#HKTXT div.row.post {
    display: block;
    text-align: left;
}

    #HKTXT div.row.post:nth-child(even) {
        background-color: #ffffff;
        border-bottom: solid 1px #e5e5e5;
        border-top: solid 1px #e5e5e5;
    }

    #HKTXT div.row.post:last-child {
        border-bottom: none;
        border-top: none;
        margin-bottom: 40px;
    }

    #HKTXT div.row.post:before {
        content: "";
    }

#HKTXT div.s-mnu {
    position: fixed;
    padding: 40px 40px;
}

.list-inline a.pro2021 {
    list-style: none;
    font-weight: 800;
    font-family: 'agbBold','Roboto', 'Segoe UI',sans-serif;
    font-size: 24px;
    text-transform: capitalize;
    color: #000000;
    vertical-align: middle;
    letter-spacing: -2px;
}

    .list-inline a.pro2021 img {
        height: 24px;
        margin-right: 5px;
    }

.list-inline a:hover.pro2021 {
    color: #6001D2;
    /*border-bottom: solid 2px #222;*/
}

.list-inline a.xpro2021 {
    list-style: none;
    font-weight: 400;
    font-family: 'agbBold','Roboto', 'Segoe UI',sans-serif;
    font-size: 20px;
    color: #000000;
    text-transform: none;
    vertical-align: middle;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.list-inline a:hover.xpro2021 {
    color: #EA178C;
    /*border-bottom: solid 2px #222;*/
}

.list-inline a.xpro2021.active {
    color: #6001D2;
    font-weight: 800;
    /*border-bottom: solid 2px #222;*/
}

div.sm-mnlnk {
    padding: 20px;
    border: solid 0px #e5e5e5;
    width: 100%;
    min-height: 30px;
    display: block;
    background-color: #ffffff;
    display: inline-table;
    text-align: center;
}

.sm-mnlnk div.nv-lnk {
    border: solid 0px #e5e5e5;
    width: 100%;
    display: inline-flex;
}

div .sm-mnlnk:hover {
    background: #1A73E8;
    color: #6001D2;
}

div .sm-mnlnk .nv-text-lnk {
    font-family: 'Poppins','Franklin Gothic Medium','Arial Narrow', Arial, sans-serif, 'Segoe UI';
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0px;
    color: #ffffff;
}


.nv-lnk .txt img {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}

.nv-lnk div.txt {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    color: #ffffff;
}

.nv-lnk h5 {
    color: #ffffff;
    display: block;
    margin: 0px;
    padding: 0px;
}

.nv-lnk p {
    color: #ffffff;
    display: block;
    padding: 20px 0px 15px 0px;
}

.nv-lnk .nv-subheader {
    font-family: 'Poppins','Franklin Gothic Medium','Arial Narrow', Arial, sans-serif, 'Segoe UI';
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -2px;
}

.mnlink.nv-lnk div.lnk {
    max-width: calc(100% - 40px);
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}



.sm-mnlnk.mnlnkbg1 {
    background-color: #6001D2;
}

.sm-mnlnk.mnlnkbg2 {
    background-color: #ff6a00;
}

.sm-mnlnk.mnlnkbg3 {
    background-color: #ff00dc;
}

.sm-mnlnk.mnlnkbg4 {
    background-color: #0094ff;
}

#img-container {
    position: absolute;
    top: 96px;
    width: 100%;
    height: auto;
    margin: 0px auto 40px auto;
}

.caption-Title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #222222;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ph-caption-Title {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -1px;
    font-weight: 600;
    color: #222222;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.post-caption-Title {
    font-size: 20px;
    line-height: 1.5;
    font-family: 'agbBold', sans-serif;
    letter-spacing: -1px;
    color: #222222;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ph-Title {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #888888;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ph-Desc {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 300;
    letter-spacing: 0px;
    color: #555555;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ph-Kwrd {
    font-size: 36px;
    line-height: .9;
    letter-spacing: -3px;
    font-family: 'agbBold', sans-serif;
    padding: 0px;
}

.nv-nav {
    font-size: 32px;
    line-height: .9;
    letter-spacing: -2px;
    font-family: 'agbBold', sans-serif;
    padding: 0px;
}

.fuel-photo-screen {
    -webkit-calc(100vh - 122px);
    height: calc(100vh - 122px);
    margin: 0px;
    padding: 20px 0px;
}

    .fuel-photo-screen.position-relative .fuel-photo-detail {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: rgba(0,0,0,0.0);
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

img.fuel-photo-detail {
    max-height: 95%;
}

.post-box {
    padding: 0px 0px;
}

    .post-box .post-container {
        padding: 40px 0px;
    }

        .post-box .post-container img {
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 20px 20px 20px 0px;
            border-radius: 8px;
            max-width: 268px;
        }

@media(max-width: 950px) {
    .fuel-photo-screen {
        -webkit-calc(80vh - 10px);
        min-height: calc(80vh - 10px);
    }

    .roar-txt-sec {
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: -3px;
        padding: 0px;
    }

    .nv-nav {
        font-size: 25px;
        line-height: .9;
        letter-spacing: -2px;
    }
}

@media(min-width: 960px) {
    .fuel-photo-screen {
        -webkit-calc(100vh - 122px);
        min-height: calc(100vh - 122px);
    }
}

@media not print {
    .shrinkToFit {
        cursor: auto;
    }

    .overflowingVertical, .overflowingHorizontalOnly {
        cursor: auto;
    }
}

@media print {
    /* We must declare the image as a block element. If we stay as
  an inline element, our parent LineBox will be inline too and
  ignore the available height during reflow.
  This is bad during printing, it means tall image frames won't know
  the size of the paper and cannot break into continuations along
  multiple pages. */
    .fuel-photo-detail img {
        display: block;
    }
}

@media not print {
    .fuel-photo-detail img {
        text-align: center;
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    img.overflowingVertical {
        /* If we're overflowing vertically, we need to set margin-top to
       0.  Otherwise we'll end up trying to vertically center, and end
       up cutting off the top part of the image. */
        margin-top: 0;
    }

    .completeRotation {
        transition: transform 0.3s ease 0s;
    }
}

.fuel-photo-detail img {
    image-orientation: from-image;
}

@media not print {
    /* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */
    .fuel-photo-detail img.transparent {
        background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
        color: #222;
    }
}

/* list style 6 */
.list-style-st {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-st li {
        position: relative;
        padding: 30px 15px 30px 0px;
        margin: 0 0 8px 0;
        border-bottom: 1px solid #eeeeee;
        font-size: 15px;
        text-align: left;
    }

        .list-style-st li span {
            position: absolute;
            top: 3px;
            right: 0;
        }

        .list-style-st li div.s-rslts {
            position: relative;
            top: 0px;
            left: 0px;
            min-height: 150px;
        }

        .list-style-st li img.s-icon {
            position: absolute;
            top: 5px;
            right: 0px;
            height: 24px;
            width: 24px;
        }

        .list-style-st li a.i-Title {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: -1px;

            color: #222222;
            padding: 0px 50px 20px 0px;
            margin: 0px;
        }

        .list-style-st li a.i-Url {
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -1px;
            color: #40af3e;
            padding: 5px 40px 10px 65px;
            margin: 0px;
        }

        .list-style-st li a:hover.i-Title {
            text-decoration: underline;
        }

        .list-style-st li a:hover.i-Url {
            color: #666666;
        }

        .list-style-st li a.a-Url {
            font-size: 11px;
            font-weight: 300;
            letter-spacing: -1px;
            color: #777777;
            padding: 0px 40px 20px 0px;
            margin: 5px 0px 0px 0px;
        }

        .list-style-st li a:hover.a-Url {
            color: #666666;
        }

        .list-style-st li p.s-desc {
            font-size: 1.795rem;
            line-height: 1.5;
            font-weight: 300;
            padding: 0px 0px 10px 65px;
            color: #222222;
            margin: 0px 0px 0px 0px;
            font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        }

        .list-style-st li a.st-Title {
            font-size: 18px;
            font-weight: 600;
            letter-spacing: -1px;
            color: #1A73E8;
            /* color: #222222;*/
            padding: 10px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            display: inline-block;
        }

        .list-style-st li a:hover.st-Title {
            text-decoration: underline;
        }

        .list-style-st li img.s-profile {
            position: absolute;
            top: 0px;
            left: 0px;
            max-height: 48px;
            max-width: 48px;
            border-radius: 4px;
        }

        .list-style-st li div.st-posted-text {
            font-size: 12px;
            line-height: 1.5;
            font-weight: 300;
            padding: 0px 0px 10px 65px;
            color: #888888;
            text-transform: uppercase;
            margin: 2px 0px;
            font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        }

        .list-style-st li:last-child {
            border-bottom: none
        }

        .list-style-st li:before {
            content: "";
        }

.fuel-photodtl-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-calc(100vh - 0px);
    height: calc(100vh - 0px);
    margin: 0px auto;
}

    .fuel-photodtl-screen.position-relative .fuel-photo-details {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-0%);
        background-color: rgba(0,0,0,0.0);
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

img.fuel-photo-details {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
    -webkit-user-select: none;
    margin: 0px auto;
    background-color: hsl(0, 0%, 90%);
    transition: background-color 300ms;
}

p.s-desc {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    color: #555555;
    margin: 0px 0px;
    font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
}




.post-title-sec {
    font-size: 32px;
    font-family: 'agbBold', sans-serif;
    line-height: 1.25;
    letter-spacing: -3px;
    padding: 10px 0px;
}

.roar_4X:before {
    background-color: #C42026;
    background-color: #EA178C;
}

.roar_4X:before {
    content: "";
    display: block;
    height: 5px;
    margin-bottom: 11px;
    width: 200px;
}

.roar_4X:after {
    background-color: #C42026;
    background-color: #EA178C;
}

.roar_4X:after {
    content: "";
    display: block;
    height: 5px;
    margin-top: 11px;
    width: 150px;
}

.sHL {
    font-size: 72px;
    font-family: 'agbBold', sans-serif;
    letter-spacing: -0.1em;
    line-height: .9;
    font-weight: 900;
}

.ph-Wrd {
    font-size: 36px;
    line-height: .9;
    letter-spacing: -3px;
    font-family: 'agbBold', sans-serif;
    padding: 0px;
}

@media(min-width: 350px) {
    .bigHL {
        font-size: 100px;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.0325em;
        line-height: .9;
        font-weight: 700;
    }

    .pHL {
        font-size: 96px;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.0325em;
        line-height: .9;
        font-weight: 700;
    }

    .secHL {
        font-size: 84px;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.033em;
        line-height: 1.0;
        font-weight: 700;
    }

    .hHL {
        font-size: 48px;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.01em;
        line-height: .9;
        font-weight: 400;
        text-transform: none;
    }

    .mdHL {
        font-size: calc(84 / 768 * 100vw);
        font-family: 'fuelBold', sans-serif;
        letter-spacing: -0.05em;
        line-height: .9;
        font-weight: 900;
    }

    .ph-Wrd {
        font-size: calc(48 / 768 * 100vw);
        line-height: .9;
        letter-spacing: -0.1em;
        line-height: .9;
        padding: 0px 0px;
        margin: 0px 0px;
        font-weight: 400;
    }

    .bHL {
        font-family: 'agbBold', sans-serif;
        font-size: calc(64 / 768 * 100vw);
        letter-spacing: -0.1em;
        line-height: .9;
        padding: 0px 0px;
        margin: 0px 0px;
        display: inline-block;
        font-weight: 600;
    }

    .oHL {
        font-size: 64px;
        font-family: 'agbBold', sans-serif;
        letter-spacing: -0.1em;
        line-height: .9;
        font-weight: 900;
    }

    .nHL {
        font-size: calc(150 / 768 * 100vw);
        font-family: 'agbBold', sans-serif;
        letter-spacing: -0.1em;
        line-height: .9;
        font-weight: 700;
    }

    p.i-desc {
        font-size: calc(14 / 768 * 100vw);
        line-height: 1.7;
        font-weight: 300;
        padding: 0px 0px 0px 0px;
        color: #555555;
        margin: 0px 0px;
        font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        letter-spacing: -1px;
    }

    p.s-desc {
        font-size: calc(28 / 768 * 100vw);
        line-height: 1.5;
        font-weight: 100;
        padding: 0px 0px 0px 0px;
        color: #555555;
        margin: 0px 0px;
        font-family: 'Poppins','Roboto','Quattrocento Sans', 'Segoe UI',sans-serif;
        letter-spacing: -.01em;
    }

    .post-caption-Title {
        font-size: calc(24 / 768 * 100vw);
        line-height: 1.1;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -.011em;
        color: #222222;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

    .xoHL {
        font-size: 96px;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.01em;
        line-height: .9;
        font-weight: 900;
    }

    .fuel-full-screen {
        -webkit-calc(80vh - 0px);
        height: calc(80vh - 0px);
    }

    .layout-box {
        padding: 0px 0px;
        margin: 0px 0px;
    }

    .dom {
        font-size: 96px;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.0225em;
        line-height: .9;
        font-weight: 600;
    }
}

@media(min-width: 680px) {
    .ph-Wrd {
        font-size: calc(36 / 768 * 100vw);
        line-height: .9;
        letter-spacing: -0.1em;
        line-height: .9;
        padding: 0px 0px;
        margin: 0px 0px;
        font-weight: 400;
    }

    p.i-desc {
        font-size: calc(14 / 768 * 100vw);
        line-height: 1.7;
        font-weight: 300;
        padding: 0px 0px 0px 0px;
        color: #555555;
        margin: 0px 0px;
        font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        letter-spacing: -1px;
    }

    p.s-desc {
        font-size: calc(20 / 768 * 100vw);
        line-height: 1.5;
        font-weight: 100;
        padding: 0px 0px 0px 0px;
        color: #555555;
        margin: 0px 0px;
        font-family: 'Poppins','Roboto','Quattrocento Sans', 'Segoe UI',sans-serif;
        letter-spacing: -.01em;
    }

    .post-caption-Title {
        font-size: calc(24 / 768 * 100vw);
        line-height: 1.1;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -.011em;
        color: #222222;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

    .fuel-full-screen {
        -webkit-calc(80vh - 0px);
        height: calc(80vh - 0px);
    }
}

@media(min-width: 960px) {
    p.s-desc {
        font-size: calc(12 / 960 * 100vw);
        line-height: 1.5;
        font-weight: 100;
        padding: 0px 0px 0px 0px;
        color: #555555;
        margin: 0px 0px;
        font-family: 'Poppins','Roboto','Quattrocento Sans', 'Segoe UI',sans-serif;
        letter-spacing: -.0125em;
    }

    .bHL {
        font-family: 'agbBold', sans-serif;
        font-size: calc(45 / 1024 * 100vw);
        letter-spacing: -0.1em;
        line-height: .9;
        padding: 0px 0px;
        margin: 0px 0px;
        display: inline-block;
        font-weight: 900;
    }

    .secHL {
        font-size: calc(84 / 1024 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.033em;
        line-height: 1.0;
        font-weight: 700;
    }

    .hHL {
        font-size: calc(64 / 1024 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.02em;
        line-height: .9;
        font-weight: 400;
    }

    .sHL {
        font-size: calc(72 / 1024 * 100vw);
        font-family: 'agbBold', sans-serif;
        letter-spacing: -0.1em;
        line-height: .9;
        font-weight: 900;
    }

    .xoHL {
        font-size: calc(72 /1024 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.01em;
        line-height: .9;
        font-weight: 900;
    }

    .ph-Wrd {
        font-size: calc(24 / 1024 * 100vw);
        line-height: .9;
        letter-spacing: -0.1em;
        line-height: .9;
        padding: 0px 0px;
        margin: 0px 0px;
        font-weight: 400;
    }

    .post-caption-Title {
        font-size: calc(18 / 1024 * 100vw);
        line-height: 1.1;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -.011em;
        color: #222222;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

    .roar_4X:before {
        height: calc(2 / 1024 * 100vw);
        margin-bottom: calc(11 / 1024 * 100vw);
        width: calc(60 / 1024 * 100vw);
    }

    .roar_4X:after {
        height: calc(2 / 1024 * 100vw);
        margin-top: calc(11 / 1024 * 100vw);
        width: calc(50 / 1024 * 100vw);
    }

    .fuel-full-screen {
        -webkit-calc(80vh - 0px);
        height: calc(80vh - 0px);
    }

    .layout-box {
        padding: 0px 0px;
        margin: 0px 0px;
    }
}

@media(min-width: 1100px) {
    .fuel-full-screen {
        -webkit-calc(100vh - 0px);
        height: calc(100vh - 0px);
    }
}

@media(min-width: 1440px) {
    .bigHL {
        font-size: calc(90 / 1440 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.0325em;
        line-height: .9;
        font-weight: 400;
    }

    .secHL {
        font-size: calc(84 / 1440 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.033em;
        line-height: 1.0;
        font-weight: 700;
    }

    .hHL {
        font-size: calc(64 / 1440 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.02em;
        line-height: .9;
        font-weight: 400;
    }

    .mdHL {
        font-size: calc(84 / 1440 * 100vw);
        font-family: 'fuelBold', sans-serif;
        letter-spacing: -0.05em;
        line-height: .9;
        font-weight: 900;
    }

    .sHL {
        font-size: calc(72 / 1440 * 100vw);
        font-family: 'agbBold', sans-serif;
        letter-spacing: -0.1em;
        line-height: .9;
        font-weight: 900;
    }

    .oHL {
        font-size: calc(72 / 1440 * 100vw);
        font-family: 'agbBold', sans-serif;
        letter-spacing: -0.09em;
        line-height: .9;
        font-weight: 900;
    }

    .pHL {
        font-size: calc(150 / 1440 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.0225em;
        line-height: .9;
        font-weight: 600;
    }

    .nHL {
        font-size: calc(80 / 1220 * 100vw);
        font-family: 'agbBold', sans-serif;
        letter-spacing: -0.1em;
        line-height: .9;
        font-weight: 700;
    }

    .bHL {
        font-family: 'agbBold', sans-serif;
        font-size: calc(32 / 1440 * 100vw);
        letter-spacing: -0.1em;
        line-height: .9;
        padding: 0px 0px;
        margin: 0px 0px;
        display: inline-block;
        font-weight: 900;
    }

    .ph-Wrd {
        font-size: calc(24 / 1440 * 100vw);
        line-height: .9;
        letter-spacing: -0.1em;
        line-height: .9;
        padding: 0px 0px;
        margin: 0px 0px;
        display: inline-block;
        font-weight: 400;
    }

    p.i-desc {
        font-size: 20px;
        line-height: 1.7;
        font-weight: 100;
        padding: 0px 0px 0px 0px;
        color: #707070;
        margin: 0px 0px;
        font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
        letter-spacing: -1px;
    }

    p.s-desc {
        font-size: calc(10 / 1440 * 100vw);
        line-height: 1.5;
        font-weight: 100;
        padding: 0px 0px 0px 0px;
        color: #555555;
        margin: 0px 0px;
        font-family: 'Poppins','Roboto','Quattrocento Sans', 'Segoe UI',sans-serif;
        letter-spacing: -.0125em;
    }

    .post-caption-Title {
        font-size: calc(11 / 1024 * 100vw);
        line-height: 1.1;
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -.011em;
        color: #222222;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

    .xoHL {
        font-size: calc(64 / 1220 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.01em;
        line-height: .9;
        font-weight: 900;
    }

    .roar_4X:before {
        height: calc(2 / 1440 * 100vw);
        margin-bottom: calc(11 / 1440 * 100vw);
        width: calc(50 / 1440 * 100vw);
    }

    .roar_4X:after {
        height: calc(2 / 1024 * 100vw);
        margin-top: calc(11 / 1024 * 100vw);
        width: calc(30 / 1024 * 100vw);
    }

    .fuel-full-screen {
        -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
    }

    .layout-box {
        padding: 0px 40px;
        margin: 0px 0px;
    }

    .dom {
        font-size: calc(150 / 1440 * 100vw);
        font-family: 'fuelBold','agbBold', sans-serif;
        letter-spacing: -0.0225em;
        line-height: .9;
        font-weight: 600;
    }
}

a.mnuLink {
    font-family: 'agbBold', sans-serif;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -0.075em;
    color: #202020;
    padding: 5px 2px;
    display: inline;
}

a.mbrLink {
    font-family: 'agbBold', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: -0.075em;
    color: #202020;
    padding: 10px 2px;
    display: inline;
}

.position-relative div.homehero {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    transform: translate(-0%,-0%);
    background-color: transparent;
    overflow: auto;
}

.list-inline .xnav {
    margin: 0px 0px;
    padding: 0px 0px;
}

.xnav i {
    font-size: 20px;
}

    .xnav i:first-child {
        margin-left: 5px;
    }

    .xnav i:last-child {
        margin-right: 0px;
    }

.list-inline a.fnv:first-child {
    margin-left: 0px;
    padding-left: 0px;
}

.list-inline a.fnv {
    list-style: none;
    font-weight: 400;
    font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
    font-size: 14px;
    color: #000000;
    text-transform: none;
    vertical-align: middle;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.list-inline a:hover.fnv {
    color: #EA178C;
    /*border-bottom: solid 2px #222;*/
}

.list-inline a.fnv.active {
    color: #6001D2;
    font-weight: 800;
    /*border-bottom: solid 2px #222;*/
}

a.fLink:first-child {
    margin-left: 0px;
    padding-left: 0px;
}

a.fLink {
    font-family: 'Poppins','Roboto', 'Segoe UI',sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.0em;
    color: #202020;
    padding: 5px 0px;
    margin: 0px 10px;
    display: inline;
    text-transform: none;
    vertical-align: middle;
    text-transform: uppercase;
}

.xnav a.fLink:hover {
    color: #EA178C;
}


.xnav a.fLink:first-child {
    margin-left: 0px;
    padding-left: 0px;
}

.xnav a.mnuLink {
    font-family: 'fuelBold','agbBold', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.015em;
    color: #726658;
    padding: 0px 2px;
    display: inline;
}

.xnav a.fLink:hover {
    color: #EA178C;
}

.f-tag {
    font-family: 'fuelBold','agbBold', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.025em;
    /*color: #93C01F;*/
    color: #909090;
    padding: 5px 2px;
    display: inline;
}

a.mainmenulnk {
    font-family: 'fuelBold','agbBold', sans-serif;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: -0.025em;
    color: #202020;
    padding: 5px 2px;
    display: inline;
    margin: 0px 5px;
}

    a.mainmenulnk:hover {
        text-decoration: underline;
    }

    a .mainmenulnk:first-child {
        margin-left: 5px;
        padding-left: 0px;
    }

    a.mainmenulnk:last-child {
        margin-right: 20px;
        padding-right: 0px;
    }

.mainmenulnk i {
    font-size: 18px;
    margin-left: 10px;
}

.m-btn {
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 0;
    text-transform: none;
    width: auto;
    font-family: 'fuelBold','agbBold', sans-serif;
    font-weight: 600;
}

    .m-btn.active.focus, .m-btn.active:focus, .m-btn.focus, .m-btn.focus:active, .m-btn:active:focus, .m-btn:focus {
        outline: medium none;
        outline-offset: 0;
    }

input.m-btn:focus {
    border-width: 2px;
}

.m-btn.active, .m-btn:active, .m-btn:focus {
    box-shadow: none;
}

.m-btn i {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.m-btn.m-btn-extra-large {
    font-size: 28px;
    letter-spacing: -0.01em;
    padding: 20px 40px;
}

.m-btn.m-btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #726658;
}

.m-btn.m-btn-wntr {
    background-color: #6C979F;
    border-color: #6C979F;
    color: #202020;
}

.m-btn.m-btn-white:hover, .m-btn.m-btn-white:focus {
    background: #93C01F;
    border-color: #93C01F;
    color: #fff;
}

.position-relative div.avatar {
    position: absolute;
    bottom: 80px;
    left: 40px;
    transform: translate(-0%,-0%);
    background-color: transparent;
    overflow: hidden;
    padding: 20px 20px;
}

div.avatar img {
    border-radius: 0px;
    height: 160px;
    border: solid 0px #ffffff;
}

.position-relative div.m-day {
    position: absolute;
    top: 9%;
    left: 40px;
    transform: translate(-0%,-9%);
    background-color: transparent;
    overflow: hidden;
    padding: 10px 20px;
    text-align: left;
}

.position-relative div.m-date {
    position: absolute;
    top: 9%;
    right: 40px;
    transform: translate(-0%,-9%);
    background-color: transparent;
    overflow: hidden;
    padding: 10px 20px;
    text-align: left;
}

.d-tag {
    font-family: 'fuelBold','agbBold', sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.025em;
    /*color: #93C01F;*/
    color: #ffffff;
    padding: 5px 2px;
    display: inline;
}

.position-relative div.m-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: transparent;
    overflow: hidden;
    padding: 20px 20px;
}

div.m-logo img {
    border-radius: 0px;
    height: 50vh;
    border: solid 0px #ffffff;
    opacity: 1.0;
}

.position-relative div.m-go {
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translate(-50%,-15%);
    background-color: transparent;
    overflow: hidden;
    padding: 20px 20px;
}

.position-relative div.m-about {
    position: absolute;
    top: 67%;
    left: 0%;
    transform: translate(-0%,-67%);
    background-color: transparent;
    overflow: hidden;
    padding: 10px 30px;
    text-align: left;
}

.position-relative div.m-hero {
    position: absolute;
    top: 65%;
    left: 20px;
    transform: translate(-0%,-65%);
    background-color: transparent;
    overflow: hidden;
    padding: 0px 30px 40px 30px;
    text-align: left;
}

.icon-header {
    font-size: 21px;
}