* {
    box-sizing: border-box;
}

a {
    cursor: pointer;
}

body {
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    font-size: 17px;
    line-height: 25.6px;
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    letter-spacing: normal;
    color: #444444;
    vertical-align: baseline;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
}

.atswins-navbar-container {
    position: sticky;
    top: 0;
    z-index: 2;
    width: 100%;
}

.atswins-navbar-container .atswins-nav-bar {
    height: 60px;
    width: 100%;
    box-sizing: border-box;
}

.atswins-navbar-container .atswins-ticker-wrap {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: #BB2747;
    box-sizing: content-box;
}

.atswins-navbar-container .atswins-ticker-wrap .atswins-ticker {
    height: 40px;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    box-sizing: content-box;
    animation: atswins-marquee 15s linear infinite;
}

.atswins-navbar-container .atswins-ticker-wrap .atswins-ticker .atswins-ticker-item {
    display: inline-block;
    padding: 0 1.8rem;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 800;
    font-family: sans-serif;
}

.atswins-navbar-container .atswins-ticker-wrap .atswins-ticker .atswins-ticker-item .atswins-ticker-item-value {
    padding-left: 7px;
    color: #79ecc6;
}

.atswins-navbar-container .atswins-ticker-wrap .atswins-ticker .atswins-ticker-item-dot {
    margin: 3px;
    height: 5px;
    width: 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: white;
}

@keyframes atswins-marquee {
    0% {
        padding-left: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.atswins-home-container {
    width: 100%;
}

.atswins-home-container .atswins-video-container {
    height: 450px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.atswins-home-container .atswins-video-container .atswins-call-to-action-container {
    /* position: absolute;
            top: 0; */
    width: 100%;
    /* z-index: 1; */
    position: relative;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-image: linear-gradient(to right, #202020, #0000, #000000); */
    background-color: #000000;
}

.atswins-home-container .atswins-video-container img {
    height: 450;
    width: auto;
    margin-left: auto;
}

.atswins-home-container .atswins-video-container .atswins-call-to-action-container .atswins-call-to-action {
    width: 25%;
}

.atswins-home-container .atswins-video-container .atswins-call-to-action-container .home-headline {
    width: 35%;
    font-weight: 600;
    line-height: 45px;
    /* text-align: center; */
}

.atswins-home-container .atwins-profits-container {
    width: 100%;
    padding: 10px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
}

.atswins-home-container .atwins-profits-container .atswins-profit-card {
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 1px 1px 1px #cacacb;
}

.atswins-home-container .atwins-profits-container .atswins-profit-card .atswins-profit-card__header {
    padding: 2px;
    text-align: center;
    color: white;
    background-color: #07b178;
    border-radius: 7px;
    margin-bottom: 10px;
    font-weight: 600;
}

.atswins-home-container .atwins-profits-container .atswins-profit-card .atswins-profit-card__info {
    font-family: sans-serif;
    font-weight: 400;
    padding: 7px;
    margin-bottom: 10px;
}

.atswins-home-container .atwins-profits-container .atswins-profit-card .btn {
    width: 100%;
}





.atswin-past-fixtures {
    box-shadow: 0px 1px 1px 1px #cacacb;
}

.atswin-past-fixture,
.atswin-pred-today {
    box-shadow: 0px 1px 1px 1px #cacacb;
}

.atswin-pred-today:hover {
    box-shadow: 0px 2px 5px 5px #cacacb;
}

#preds-today-header {
    overflow: hidden;
    padding: 20px;
    box-shadow: 0px 1px 1px 1px #cacacb;
}

a.nav-link {
    text-transform: uppercase;
}

.game-container:hover {
    opacity: 0.9;
    background-color: #e7e9ed;
}

.games {
    margin: 0.25rem;
    display: grid;
    row-gap: 10px;
    column-gap: 10px;
    font-weight: 500;
    font-size: 15px;
    font-family: sans-serif;
    line-height: 25.6px;
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0px;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
}

.game-container {
    padding: 15px;
    border-radius: 10px;
    box-sizing: border-box;
}

.game-container .game-header {
    color: rgb(105, 105, 107);
}

.game-container .game-data-container {
    display: grid;
    row-gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}

.game-container .game-data-container .game-data-body,
.game-container .game-data-container .game-data-header {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 2fr 1fr;
}

.game-container .game-data-container .game-data-header .score-headers,
.game-container .game-data-container .game-data-body .scores-container,
.game-container .game-data-container .game-data-body .odds-container {
    display: grid;
    column-gap: 25px;
    row-gap: 10px;
}

.game-container .game-data-container .game-data-header .score-headers {
    font-weight: 600;
}

.game-container .game-data-container .game-data-body .odds-container {
    grid-template-columns: auto;
}

.game-container .game-data-container .game-data-body .teams-container,
.game-container .game-data-container .game-data-body .scores-container .period-scores,
.game-container .game-data-container .game-data-header .score-headers .period-header {
    display: grid;
    row-gap: 10px;
}

.game-container .game-data-container .game-data-body .odds-container,
.game-container .game-data-container .game-data-header .score-headers .period-header,
.game-container .game-data-container .game-data-body .scores-container .period-scores {
    place-content: end;
    text-align: end;
}

.game-container .game-header .live-header-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.game-container .game-header .live-header-container .live {
    text-align: end;
}

#nba-pred>#bg {
    background-image: url('{% static "atswins/images/nba.avif" %}');
    background-repeat: no-repeat;
    object-fit: contain;
    background-size: 100%;
}

#bg>div {
    background-color: transparent;
}

.form-control:focus {
    box-shadow: none;
}

.cards-loading {
    width: 2rem;
    height: 2rem;
    border: 5px solid #f3f3f3;
    border-top: 6px solid #4182f2;
    border-radius: 100%;
    margin: auto;
    animation: spin 1s infinite linear;
}

#sim-loading,
#signin-loading,
#signup-loading {
    width: 2rem;
    height: 2rem;
    border: 5px solid #f3f3f3;
    border-top: 6px solid #4182f2;
    border-radius: 100%;
    margin: auto;
    visibility: hidden;
    animation: spin 1s infinite linear;
}

#sim-loading.display,
#signin-loading.display,
#signup-loading.display {
    visibility: visible;
}

.password-toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.iti {
    width: 100%;
}

#offcanvasNavbar {
    width: 50%;
}

.atswins-container {
    box-shadow: 0px 1px 1px 1px #cacacb;
    border-radius: 7px;
}

#more-articles p:hover {
    text-decoration: underline;
    text-decoration-color: #fff !important;
    text-decoration-thickness: 1px;
}

div.h-background {
    background-color: #fff;
    opacity: 50%;
    width: 100%;
    margin: 80px auto 60px auto;
}

.notifications {
    position: fixed;
    bottom: 100px;
    right: 20px;
    max-width: 360px;
    text-align: right;
    z-index: 1;
}

.atswins-plan:hover {
    box-shadow: 0px 2px 5px 5px #cacacb;
}

.atswins-locked-content {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.fa-star.checked {
    color: orange;
}

.carousel-arrow {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 40%;
    margin-block: auto;
    height: fit-content;
    width: 48px;
    background-color: transparent;
    border: none;
    font-size: 3rem;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 100ms;
}

.carousel-arrow:hover,
.carousel-arrow:focus {
    opacity: 1;
}

.carousel-arrow--prev {
    left: 0;
}

.carousel-arrow--next {
    right: 0;
}

#testimonials-mobile {
    background-color: rgb(211, 226, 240);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 576px) {
    div.h-background {
        margin-top: 60px;
        margin-bottom: 80px;
    }

    #login-f-container {
        min-width: 100%;
    }

    .atswins-home-container .atswins-video-container,
    .atswins-home-container .atswins-video-container .atswins-call-to-action-container,
    .atswins-home-container .atswins-video-container img {
        height: 350px;
    }

    .atswins-home-container .atswins-video-container img {
        width: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 768px) {
    article.card {
        width: 100%;
    }

    .articles-widget-container {
        width: 100%;
    }

    .atswins-home-container .atswins-video-container .atswins-call-to-action-container .atswins-call-to-action-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .atswins-home-container .atswins-video-container .atswins-call-to-action-container .atswins-call-to-action-buttons .atswins-call-to-action {
        width: 75%;
    }

    #offcanvasNavbar {
        width: 100%;
    }

    div.h-background {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    body {
        font-size: 15px;
    }

    .games {
        grid-template-columns: repeat(1, 1fr);
    }

    .atswins-home-container .atwins-profits-container {
        grid-template-columns: 1fr;
        row-gap: 10px;
    }
}

@media only screen and (max-width: 992px) {
    .atswins-home-container .atswins-video-container .atswins-home-text {
        position: absolute;
        z-index: 1;
        top: -50;
        bottom: -50;
    }

    .atswins-home-container .atswins-video-container img {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    #offcanvasNavbar {
        width: 60%;
    }

    div.h-background {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    #atswins-home-tab-image {
        height: 300px;
    }

    body {
        font-size: 15px;
    }
}

.atswins-article-card-main,
.atswins-article-card-main__image-container {
    margin-bottom: 20px;
    position: relative
}

.atswins-article-card-main__image {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

.atswins-article-card-main__badges-container {
    bottom: -10px;
    pointer-events: none;
    position: absolute
}

.atswins-article-card-main__headline {
    color: currentColor;
    display: block;
    font-size: inherit;
    font-weight: 700;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-decoration: none
}

.atswins-article-card-main__headline:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.atswins-article-card-main__headline {
    color: #010101;
    font-size: 22px;
    margin-bottom: 10px
}

.atswins-article-card-main__headline:hover .atswins-article-card-main__headline-hover-inner {
    background-size: 100% 100%;
    color: #3a3938
}

.atswins-article-card-main__headline-hover-inner {
    background-image: linear-gradient(0deg, #BC2848, #c43856 15%, transparent 0, transparent);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    transition: background-size .2s;
    width: 100%
}

.atswins-article-card-main__description {
    color: #6b727e;
    font-size: 14px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 10px
}

.atswins-article-card-main__info {
    color: #757575
}

.atswins-article-card-horizontal {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    position: relative
}

.atswins-article-card-horizontal__image {
    display: block;
    margin-right: 20px;
    width: 100%;
    width: 95px
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .atswins-article-card-horizontal__image {
        height: 76px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.atswins-article-card-horizontal__headline {
    color: currentColor;
    display: block;
    font-size: inherit;
    font-weight: 700;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-decoration: none
}

.atswins-article-card-horizontal__headline:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.atswins-article-card-horizontal__headline {
    color: #010101;
    font-size: 15px;
    margin-bottom: 5px
}

.atswins-article-card-horizontal__headline:hover .atswins-article-card-horizontal__headline-hover-inner {
    background-size: 100% 100%;
    color: #3a3938
}

.atswins-article-card-horizontal__headline-hover-inner {
    background-image: linear-gradient(0deg, #BC2848, #c43856 15%, transparent 0, transparent);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    transition: background-size .2s;
    width: 100%
}

.atswins-article-card-horizontal__description {
    color: #6b727e;
    font-size: 14px
}

.atswins-article-card-horizontal__info {
    color: #757575
}

.atswins-hero-section {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 13px;
    overflow: hidden;
    padding: 0 13px;
    width: 100% !important;
}

@media screen and (min-width:570px) {
    .atswins-hero-section {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.atswins-hero-section-column:first-of-type,
.atswins-hero-section-column:nth-of-type(3) {
    margin-top: 20px
}

.atswins-hero-section-column:nth-of-type(3) {
    -ms-flex-order: 3;
    order: 3
}

@media screen and (min-width:570px) and (max-width:1020px) {

    .atswins-hero-section-column:first-of-type,
    .atswins-hero-section-column:nth-of-type(3) {
        -ms-flex-order: 0;
        order: 0;
        width: calc(50% - 10px)
    }

    .atswins-hero-section-column:first-of-type {
        margin-right: 20px
    }

    .atswins-hero-section-column:nth-of-type(2),
    .atswins-hero-section-column:nth-of-type(4) {
        -ms-flex-order: 1;
        order: 1
    }

    .atswins-hero-section-column:nth-of-type(2) {
        width: calc(50% - 20px)
    }
}

@media screen and (min-width:1021px) {

    .atswins-hero-section-column:first-of-type,
    .atswins-hero-section-column:nth-of-type(2),
    .atswins-hero-section-column:nth-of-type(3) {
        -ms-flex-order: 0;
        order: 0
    }

    .atswins-hero-section-column:first-of-type,
    .atswins-hero-section-column:nth-of-type(2) {
        margin-right: 20px
    }

    .atswins-hero-section-column:first-of-type,
    .atswins-hero-section-column:nth-of-type(3) {
        margin-top: 0;
        width: calc(25% - 10px)
    }

    .atswins-hero-section-column:nth-of-type(2) {
        width: calc(70% - 20px)
    }
}

.atswins-hero-section__item:nth-of-type(n+6) {
    display: none
}

@media screen and (min-width:1021px) {
    .atswins-hero-section__item:nth-of-type(n+6) {
        display: block
    }
}

.atswins-article-card {
    padding-bottom: .375rem;
    padding-top: .375rem;
    position: relative
}

.atswins-article-card:not(:last-of-type) {
    border-bottom: 1px solid #d8d8d8
}

.atswins-article-card--type-with-image {
    padding-top: 0
}

.atswins-article-card__image {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

.atswins-article-card__headline {
    color: currentColor;
    display: block;
    font-size: inherit;
    font-weight: 700;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-decoration: none
}

.atswins-article-card__headline:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.atswins-article-card__headline {
    color: #3a3938;
    font-size: 1rem;
    line-height: 1.5rem
}

.atswins-article-card__headline:hover .atswins-article-card__headline-hover-inner {
    background-size: 100% 100%;
    color: #3a3938
}

.atswins-article-card__headline-hover-inner {
    background-image: linear-gradient(0deg, #20b9de, #20b9de 15%, transparent 0, transparent);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    transition: background-size .2s;
    width: 100%
}

.atswins-article-card__info {
    color: #757575;
    height: 1.5rem
}

.atswins-article-info {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .75rem;
    line-height: 1.5rem
}

.atswins-article-info>* {
    margin-right: 5px
}

.atswins-article-info__views {
    margin-right: 10px;
    white-space: nowrap
}

.atswins-article-info__divider:before {
    content: "•";
    display: inline-block;
    margin-right: 5px;
    opacity: .6;
    text-decoration: none;
    vertical-align: middle
}

.atswins-article-info__author a {
    color: #3a3938;
    text-decoration: none
}

.atswins-article-info__author a:hover {
    text-decoration: underline
}

.atswins-section-headline {
    box-shadow: inset 0 -11px 0 -1px #fff, inset 0 -12px;
    color: #3a3938;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase
}

.atswins-section-headline__text {
    background-color: #fff;
    color: inherit;
    padding: 0 20px;
    white-space: nowrap
}

.atswins-news-thumbnail {
    position: relative
}

.atswins-news-thumbnail:before {
    content: "";
    display: block;
    padding-bottom: var(--placeholder-ratio);
    width: 100%
}

.atswins-news-thumbnail__img {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.atswins-news-content {
    min-height: 100%;
    position: relative
}

.atswins-news-content--header-fixed {
    padding-top: 4.5rem
}

@media screen and (min-width:1500px) {
    .atswins-news-content__top-padding {
        min-height: 80px
    }
}

.atswins-news-padding {
    padding: 20px
}

.atswins-news-branding__top {
    width: 100%
}

.atswins-news-section-headline {
    margin: 20px 0 20px -20px;
    width: calc(100% + 40px)
}

@media screen and (min-width:570px) {
    .atswins-news-section-headline {
        margin-left: 0;
        width: 100%
    }
}