@font-face {
    font-family: 'Love Ya Like A Sister';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/loveyalikeasister/v22/R70EjzUBlOqPeouhFDfR80-0FhOqJubN-BeL-3xdgGE.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
@font-face {
    font-family: 'Love Ya Like A Sister';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/loveyalikeasister/v22/R70EjzUBlOqPeouhFDfR80-0FhOqJubN-BeL9Xxd.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background-image: url("https://c750d16acf.mjedge.net/sfw_files/images/tlx-bg.png");
    background-size: 46px 23px;
}

.main {
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important;
    margin-top: 2.5rem;
    max-width: 1906px;
    width: 100%;
    margin-bottom: 20px;
}

span.logoword0 {
    margin-right: -.5rem;
}

.logo-string {
    font-family: 'Love Ya Like A Sister';
    color: white;
}

/* text, CTA, and button styles */
.attention {
    margin-top: 10px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    text-align: justify;
    font-size: 18px;
    transition: font-size .3s ease-in-out;
}

.attention-promo {
    margin-top: 0px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    text-align: justify;
    font-size: 21px;
    transition: font-size .3s ease-in-out;
    background: white;
}

.attention-promo ~ .attention.container-fluid.main.text-center {
    padding: .5rem 1rem !important;
    margin: 0 !important;
    background-color: #111 !important;
    @media (max-width: 490px) {
        padding: 1.2rem 1rem !important;
    }
}

.comming_soon {
    font-size: 40px;
    transition: font-size .3s ease-in-out;
}


.attention_text{
    color: #f1f1f1;
    margin: 0 !important;
    transition: font-size .3s ease-in-out;
    font-size: 25px;
}

@media (max-width: 1195px) { 
    .comming_soon {
        font-size: 23px;
    } 
}

@media (min-width: 320px) and (max-width: 1920px) { 
    .attention_text {
        font-size: 15px;
    } 
}

@media (max-width: 319px) { 
    .attention_text {
        font-size: 12px;
    } 
}

#announcement_one {
    font-size: 21px;
    transition: font-size .3s ease-in-out;
    color:#e91b64;
}

#announcement_two {
    font-size: 21px;
    transition: font-size .3s ease-in-out;
    color:black;
}

#save-now {
    font-family: inherit;
    background-color: #e91b64;
    color: white;
    border-radius: 5px;
    padding: 2px 7px;
    /* Optional: Adds padding to the button */
    text-decoration: none;
    /* Optional: Removes underline from the link */
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
    /* Optional: Aligns the elements vertically in the middle */
    padding: 4px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    #holiday-promo-bar>div {
        text-align: center !important;
    }
}

#holiday-promo-bar>div {
    padding-bottom: 6px !important;
}

#holiday-promo-bar>div {
    text-align: left !important;
    position: relative;
    max-width: unset !important;
    line-height: normal !important;
    padding-top: 6px;
    padding-bottom: 5px;
}

@media (min-width: 500px) {
    #holiday-promo-wrapper {
        justify-content: center;
    }
}

#holiday-promo-wrapper {
    align-items: center;
    display: flex;
    justify-content: left;
}

#holiday-promo-wrapper {
    font-size: 18px;
}

.attention_text{
    color: #b8b8b8;
    margin: 0 !important;
}

@media (max-width: 992px) { 
    .attention{
        font-size: 19px;
    } 
}

@media (max-width: 576px) {
    .attention{
        font-size: 18px;
    } 
}

.btn {
        font-family: Oswald, Arial, Helvetica, sans-serif !important;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 2px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 24px;
        line-height: 25px;
        text-align: center;
        padding: 16px 30px;
        transition: all 0.3s ease-in-out;
}
@media (max-width: 1195px) {
    .btn {
        font-size: 20px;
        padding: 10px 14px;
    }
}

@media (max-width: 560px) {
    .btn {
        font-size: 18px;
        padding: 8px 12px;
    }
}

@media (max-width: 430px) {
    .btn {
        font-size: 16px;
        padding: 6px 10px;
    }
}

.logo {
    width: 360px;
}
.text-center.logo-container.my-5 {
    background: transparent;
}
.get_access-btns-wrap {
    margin: 10px 0;
}
.get_login-btns-wrap {
    margin: 0 0 20px;
}
.top-get_login-btn-wrap {
    margin: 2.25rem 0 0 !important;
}
.access.btn{
    text-transform: uppercase;
    color: #fff;
    border: 3px solid #bb252a !important;
    background-color: #bb252a !important;
    letter-spacing: .2em;
    overflow: clip;
    position: relative;
    @media (max-width: 895px) {
        position: absolute;
    }
}

.access.btn:after {
    content: 'GET INSTANT ACCESS';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate3d(0,28%,0);
    color: transparent;
    transition: .3s
}

.access.btn:hover:after {
    color: #fff !important;
}

.access.btn:hover   {
    transform: translate3d(0,0%,0);
    color: transparent;
    background-color: #333 !important;
    border: 3px solid #333 !important;
}


.container-fluid.text-center.get_access-btns-wrap.mt-5 {
    .access.btn {
        position: relative;
    }
}

.login.btn{
    border: 2px solid #fff !important;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .2em;
}
.login.btn:hover{
   opacity: .7;
}



/* Main Body */
.logo-container {
    width: 100%;
    background-color: #000;
}
.logo {
    width: auto;
    padding: .25rem 0;
}
.grid {
    display: grid;
    grid-gap: 0 !important;
}
.grid-item {
    width: 20% !important;
    padding: 3px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 992px) {
    .main {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }
    .grid-item {
        padding: 2.5px !important;
        width: 25% !important;
    }
}

@media (max-width: 768px) {
    .main {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }
    .grid-item {
        width: 33.33% !important;
        padding: 2.25px;
    }
}


@media (max-width: 576px) {
    .main {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .grid-item {
        width: 50% !important;
        padding: 2px !important;
    }
}

/* inline button */
.attention-promo {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.comming_soon span {
    display: none;
}

.container-btn {
    gap: 20px;
    margin-top: 2rem;
    transition: all 0.3s ease-in-out;

    @media (max-width: 960px) {
        gap: 15px;
        margin-top: 1rem;
    }

    @media (max-width: 535px) {
        gap: 10px;
    }

    @media (max-width: 360px) {
        gap: 25px;
        margin-top: 1.5rem;
    }
}

.container-btn .get_access-btns-wrap {
    padding: 0 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 12.25em;
    transition: all 0.3s ease-in-out;
    @media (max-width: 1240px) {
        /* margin-left: 20em; */
    }

    @media (max-width: 1195px) {
        margin-left: 11em;
    }

    @media (max-width: 895px) {
        margin-left: 10.75em;
    }

    @media (max-width: 490px) {
        margin-left: 10.25em;
    }

    @media (max-width: 430px) {
        margin-left: 9em;
    }

    @media (max-width: 360px) {
        margin-left: unset !important;
        justify-content: center;
    }
}
.container-btn {
    @media (max-width: 360px) {
        flex-direction: column;
        transition: all 0.3s ease-in-out;
    }
}

.container-btn .top-get_login-btn-wrap {
    padding: 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0 !important;
    transition: all 0.3s ease-in-out;

    @media (max-width: 360px) {
        justify-content: center;
    }
}

.attention-promo~.attention.container-fluid.main.text-center {
    padding: 1.5rem 1rem !important;
    margin: 0 !important;

    @media (max-width: 490px) {
        padding: 1.2rem 1rem !important;
    }
}

footer .copy p {
    color: #c6c6c6 !important;
}

footer .copy a:hover {
    color: #bb252a;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}