@charset "UTF-8";
/*!
Theme Name: Lottery
Theme URI: http://lottery.com
Author: Codivated
Author URI: http://codivated.com/
Description:
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: codivated, lottery
Text Domain: lottery
!*/
@keyframes criss-cross-left {
    0% {
        left: -20px
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }
    100% {
        left: 50%;
        width: 450px;
        height: 450px
    }
}

@keyframes criss-cross-right {
    0% {
        right: -20px
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }
    100% {
        right: 50%;
        width: 450px;
        height: 450px
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

body, html {
    overflow-x: hidden !important;
    max-width: 100%
}

body {
    font-size: 16px;
    font-family: Gotham-Book, Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #555;
    margin: 0
}

@media (min-width: 992px) {
    body.overflowHidden {
        overflow: auto
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: Gotham-Bold, Verdana, sans-serif;
    font-weight: 400
}

.h1, h1 {
    line-height: 1.25;
    font-size: 28px
}

@media screen and (min-width: 768px) {
    .h1, h1 {
        font-size: 32px
    }
}

.h2, h2 {
    font-size: 27px
}

.h3, h3 {
    line-height: 1.4;
    font-size: 21px
}

.h4, h4 {
    line-height: 1.4;
    font-size: 16px;
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .h4, h4 {
        font-size: 18px
    }
}

.h5, h5 {
    line-height: 1.5;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px
}

p {
    line-height: 1.5
}

ul {
    padding-left: 20px
}

li {
    line-height: 1.5
}

blockquote {
    padding: 0;
    margin: 0
}

blockquote > p {
    border-left: 4px solid #054bb5;
    margin: 0;
    padding: 10px 0 10px 20px;
    font-size: 18px;
    font-family: Gotham-Bold, Verdana, sans-serif
}

blockquote footer {
    text-align: right
}

blockquote cite {
    font-style: normal;
    font-family: Gotham-Medium, Verdana, sans-serif
}

.container {
    max-width: 1200px;
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.container:before {
    content: none
}

.container.main-content {
    max-width: 800px
}

@media screen and (min-width: 975px) {
    .container.main-content {
        margin-left: auto;
        margin-right: auto
    }
}

.container.container-narrow {
    max-width: 1000px
}

.container.container-single-results {
    max-width: 700px
}

.main-content {
    line-height: 1.5
}

.curved-bottom:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30%;
    width: 100%;
    background: #fff;
    border-top-left-radius: 50% 20%;
    border-top-right-radius: 50% 20%;
    user-select: none
}

.bg-red-curve {
    background: linear-gradient(to bottom, #054bb5 0, #bf0f0f 100%);
    position: relative;
    z-index: 2;
    margin-bottom: -1px
}

@media screen and (min-width: 1000px) {
    .bg-red-curve {
        background-image: url(assets/images/bg-lotto-balls.png), linear-gradient(to bottom, #054bb5 0, #bf0f0f 100%);
        background-repeat: no-repeat;
        background-size: 831px, cover;
        background-position: right -15% bottom
    }
}

@media screen and (min-width: 1200px) {
    .bg-red-curve {
        margin-bottom: -80px
    }
}

@media screen and (min-width: 1410px) {
    .bg-red-curve {
        margin-bottom: -100px
    }
}

.bg-white {
    background-color: #fff;
    overflow: auto
}

.bg-red {
    background-color: #054bb5;
    overflow: auto
}

.bg-grey {
    background-color: #f5f8fb;
    overflow: auto
}

.top-vert-divider:before {
    display: block;
    content: "";
    position: relative;
    z-index: 10;
    width: 1px;
    background-color: #ddd;
    margin: 40px auto 30px;
    display: block;
    height: 20px
}

@media screen and (min-width: 960px) {
    .top-vert-divider:before {
        height: 60px;
        margin: 0 auto 40px
    }
}

.curve {
    position: relative
}

.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-1 {
    flex: 1
}

.jc-between {
    justify-content: space-between
}

.jc-around {
    justify-content: space-around
}

.jc-center {
    justify-content: center
}

.ai-center {
    align-items: center
}

.flex-container {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .flex-container {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.blog-hero {
    background-size: cover;
    background-position: center;
    background-color: transparent
}

.blog-hero .overlay {
    background: rgba(0, 0, 0, .35);
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .blog-hero .overlay {
        padding: 80px 0
    }
}

.blog-hero p {
    font-family: Gotham-Medium, Verdana, sans-serif
}

.bg-header {
    text-transform: uppercase;
    overflow: hidden;
    background-position: 0 -80px;
    background: #222;
    margin-bottom: 20px;
    padding: 35px 0
}

.bg-header h1 {
    color: #fff
}

.bg-header.single-lottery {
    margin-bottom: 0
}

.bg-header form .btn-green {
    cursor: pointer;
    font-family: Gotham-Bold, Verdana, sans-serif;
    text-transform: none
}

.bg-header form .btn-green:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

@media screen and (min-width: 768px) {
    .bg-header {
        margin-bottom: 60px;
        padding: 75px 0;
        background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-city.jpeg)
    }
}

@media screen and (min-width: 768px) {
    .single-lottery-date .bg-header {
        background: #054bb5
    }
}

@media screen and (min-width: 1040px) {
    .single-lottery-date .bg-header {
        padding: 90px 0;
        background: url(assets/images/bg-results-individual.png) no-repeat bottom right/cover
    }
}

.single-results-hero {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

@media screen and (min-width: 1040px) {
    .single-results-hero {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 40px
    }
}

.single-results-header {
    font-size: 27px;
    text-transform: none
}

.single-results-header span {
    display: block;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 16px
}

.top-subheading {
    max-width: 800px;
    margin: 0 auto 20px;
    line-height: 1.5;
    font-family: Gotham-Book, Verdana, sans-serif;
    text-transform: none
}

.single-results-view-more {
    margin-bottom: 30px
}

.mr-15 {
    margin-right: 15px
}

.mb-32 {
    margin-bottom: 32px
}

.mb-38 {
    margin-bottom: 38px
}

.mt-15 {
    margin-top: 15px
}

.mt-30 {
    margin-top: 30px
}

.pad-v-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.pad-v-75 {
    padding-top: 35px;
    padding-bottom: 35px
}

@media screen and (min-width: 768px) {
    .pad-v-75 {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.pad-b-60 {
    padding-bottom: 30px
}

@media screen and (min-width: 768px) {
    .pad-b-60 {
        padding-bottom: 60px
    }
}

.pad-b-75 {
    padding-bottom: 35px
}

@media screen and (min-width: 768px) {
    .pad-b-75 {
        padding-bottom: 75px
    }
}

.pad-t-58 {
    padding-top: 38px
}

@media screen and (min-width: 768px) {
    .pad-t-58 {
        padding-top: 58px
    }
}

.lh-s {
    line-height: 1.25
}

.lh-m {
    line-height: 1.5
}

.lh-l {
    line-height: 1.75
}

.mw-475 {
    max-width: 475px
}

.mw-50p {
    max-width: 50%
}

@font-face {
    font-family: Gotham-Bold;
    font-display: swap;
    src: url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/Gotham-Bold.otf)
}

@font-face {
    font-family: Gotham-Book;
    font-display: swap;
    src: url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/Gotham-Book.otf)
}

@font-face {
    font-family: Gotham-Medium;
    font-display: swap;
    src: url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/Gotham-Medium.otf)
}

.f-book {
    font-family: Gotham-Book, Verdana, sans-serif
}

.f-medium {
    font-family: Gotham-Medium, Verdana, sans-serif
}

.f-bold {
    font-family: Gotham-Bold, Verdana, sans-serif
}

.color-grey {
    color: #666768
}

.color-light-grey {
    color: #595959
}

.color-dark-grey {
    color: #666768
}

.color-white {
    color: #fff
}

.subhead-grey {
    display: block;
    color: #595959;
    font-weight: Gotham-Medium, Verdana, sans-serif;
    font-size: 16px
}

.txt-up {
    text-transform: uppercase
}

.red-link {
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #054bb5;
    text-decoration: underline;
    transition: color .3s
}

.red-link:hover {
    color: #054bb5
}

.sto-bar {
    display: none;
    background-color: #fff3d0;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, .1)
}

.sto-bar p {
    margin: 0;
    padding: 15px 0;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 14px;
    color: #696141
}

.sto-bar a {
    color: #696141;
    text-decoration: none
}

.sto-bar span {
    background-color: #fbb900;
    padding: 6px 6px;
    color: #fff;
    border-radius: 4px;
    margin-left: 10px
}

.sto-bar span:hover {
    text-decoration: underline
}

.nav-header {
    position: relative;
    z-index: 11;
    overflow: hidden;
    /*background: #054bb5;*/
    background: #f47625;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.page-template-page-app .nav-header {
    box-shadow: 0 0
}

.nav-header .container {
    position: relative;
    text-align: center
}

.nav-header .container:before {
    content: none
}

@media screen and (min-width: 960px) {
    .nav-header {
        height: auto;
        background: 0 0;
        margin-bottom: -58px
    }

    .ldc_career-template-default .nav-header, .page-template-page-benefits .nav-header, .page-template-page-careers .nav-header, .page-template-page-core-values .nav-header, .page-template-page-win-together .nav-header, .tax-ldc_career_department .nav-header {
        background: #054bb5;
        margin-bottom: 0
    }

    .nav-header .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    .nav-header .container:before {
        content: none
    }
}

.error404 .nav-header {
    background: #054bb5;
    margin-bottom: 0
}

@media screen and (min-width: 960px) {
    .nav-simple .nav-download {
        border: 1px solid #fff;
        color: #fff
    }

    .nav-simple .nav-menu a {
        color: #fff;
        font-family: Gotham-Medium, Verdana, sans-serif
    }

    .nav-simple .nav-menu a::after {
        content: "";
        display: block;
        width: 0;
        height: 1px;
        background: #fff;
        transition: width .3s
    }

    .nav-simple .nav-menu a:hover {
        color: #fff
    }

    .nav-simple .nav-menu a:hover::after {
        width: 100%
    }
}

@media screen and (min-width: 960px) {
    .nav-empty {
        margin-bottom: 0;
        background: #054bb5
    }

    .nav-empty .nav-download {
        border: 1px solid #fff;
        color: #fff
    }

    .nav-empty .nav-menu a {
        color: #fff;
        font-family: Gotham-Medium, Verdana, sans-serif
    }

    .nav-empty .nav-menu a::after {
        content: "";
        display: block;
        width: 0;
        height: 1px;
        background: #fff;
        transition: width .3s
    }

    .nav-empty .nav-menu a:hover {
        color: #fff
    }

    .nav-empty .nav-menu a:hover::after {
        width: 100%
    }
}

.nav-wrapper {
    height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out
}

@media screen and (min-width: 960px) {
    .nav-wrapper {
        height: auto;
        display: flex;
        align-items: center
    }
}

.nav-wrapper-show .nav-menu {
    opacity: 1
}

.nav-wrapper-show .menu-bg {
    transform: scale(65)
}

@media screen and (min-width: 768px) {
    .nav-wrapper-show .menu-bg {
        transform: scale(80)
    }
}

.nav-wrapper.menu-active {
    /*height: 227px*/
    height: 370px;
}

@media screen and (min-width: 960px) {
    .nav-wrapper.menu-active {
        height: auto
    }
}

.nav-wrapper.menu-active .nav-download {
    height: 36px;
    padding: 8px;
    opacity: 1;
    margin-bottom: 20px
}

@media screen and (min-width: 960px) {
    .nav-wrapper.menu-active .nav-download {
        margin-bottom: 0
    }
}

.nav-menu {
    list-style-type: none;
    position: relative;
    z-index: 2;
    margin: 0;
    opacity: 0;
    transition: all .4s ease-in-out;
    height: auto;
    padding: 0
}

.nav-menu a {
    text-decoration: none;
    display: inline-block;
    padding: 20px 15px;
    font-size: 15px;
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #fff;
    width: 100%
}

@media screen and (min-width: 960px) {
    .nav-menu {
        position: static;
        background-color: transparent;
        display: flex;
        width: auto;
        transform: none;
        height: auto;
        opacity: 1;
        box-shadow: 0 0
    }

    .nav-menu .menu-item::after {
        content: none
    }

    .nav-menu a {
        color: #fff;
        padding: 5px 25px;
        font-family: Gotham-Book, Verdana, sans-serif
    }

    .nav-menu a::after {
        content: "";
        display: block;
        width: 0;
        height: 1px;
        background: #fff;
        transition: width .3s
    }

    .nav-menu a:hover {
        color: #fff
    }

    .nav-menu a:hover::after {
        width: 100%
    }
}

@media screen and (min-width: 960px) {
    .nav-menu a {
        /*color: #666768*/
        color: #fff
    }

    .lottery.jackpots .nav-menu a, .lottery.results .nav-menu a, .page-template-page-app .nav-menu a, .single-lottery .nav-menu a, .single-region .nav-menu a {
        color: #fff
    }

    .lottery.jackpots .nav-menu a:hover, .lottery.results .nav-menu a:hover, .page-template-page-app .nav-menu a:hover, .single-lottery .nav-menu a:hover, .single-region .nav-menu a:hover {
        color: #fff
    }

    .nav-menu a::after {
        /*background: #054bb5*/
        background: whitesmoke;
    }

    .page-template-page-app .nav-menu a::after {
        background: #fff
    }

    .nav-menu a:hover {
        /*color: #054bb5*/
        color: whitesmoke
    }

    .page-template-page-app .nav-menu a:hover {
        color: #fff
    }
}

.nav-download {
    display: inline-block;
    position: relative;
    z-index: 30;
    color: #fff;
    padding: 0;
    height: 0;
    opacity: 0;
    border-radius: 5px;
    border: 1px solid #fff;
    text-decoration: none;
    transition: all .3s;
    font-size: 16px;
    margin-bottom: 0;
    transition: all .4s ease-in-out
}

@media screen and (min-width: 960px) {
    .nav-download {
        height: auto;
        opacity: 1;
        padding: 8px 20px;
        margin-bottom: 0;
        color: #054bb5;
        border-radius: 100px;
        border: 1px solid #054bb5;
        text-decoration: none
    }

    .nav-download:hover {
        color: #fff;
        background: #054bb5
    }

    .page-template-page-app .nav-download {
        display: none;
        color: #fff;
        border: 1px solid #fff
    }

    .page-template-page-app .nav-download:hover {
        color: #054bb5;
        background: #fff
    }

    .lottery.jackpots .nav-download, .lottery.results .nav-download, .single-lottery .nav-download, .single-region .nav-download {
        color: #fff;
        border: 1px solid #fff
    }

    .lottery.jackpots .nav-download:hover, .lottery.results .nav-download:hover, .single-lottery .nav-download:hover, .single-region .nav-download:hover {
        color: #054bb5;
        background: #fff
    }
}

.app-logo {
    display: inline-block;
    width: 130px;
    /*height: 58px;*/
    /*padding: 20px 0 6px;*/
    position: relative;
    z-index: 30;
    text-decoration: none;
    color: #ffffff;
}

.site-logo {
    display: inline-block;
    width: 130px;
    height: 58px;
    padding: 10px 0 6px;
    position: relative;
    z-index: 30;
    text-indent: -9999px
}

.no-webp .site-logo {
    background: url(../images/check_n_win.png) no-repeat center/100%
}

.webp .site-logo {
    background: url(../images/check_n_win.png) no-repeat center/100%
}

@media screen and (min-width: 768px) {
    .site-logo {
        padding: 10px 0
    }
}

@media screen and (min-width: 960px) {
    .no-webp .lottery.jackpots .site-logo, .no-webp .lottery.results .site-logo, .no-webp .single-lottery .site-logo, .no-webp .single-region .site-logo {
        background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/logo-inverted.png)
    }

    .webp .lottery.jackpots .site-logo, .webp .lottery.results .site-logo, .webp .single-lottery .site-logo, .webp .single-region .site-logo {
        background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/logo-inverted.webp)
    }
}

.no-webp .single-lottery-date .site-logo {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/logo-large.png) no-repeat;
    background-size: 100%;
    background-position: center
}

.webp .single-lottery-date .site-logo {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/logo-large.webp) no-repeat;
    background-size: 100%;
    background-position: center
}

.menu-icon {
    position: absolute;
    top: 25px;
    right: 15px;
    z-index: 2;
    width: 17px;
    height: 17px;
    cursor: pointer
}

@media (min-width: 960px) {
    .menu-icon {
        display: none
    }
}

.menu-icon-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 2px;
    background: #fff;
    transition: all .4s ease-in-out
}

.menu-icon-top.menu-icon-hide {
    opacity: 0;
    transform: translate(-154px, 65px) scale(2)
}

.menu-icon-middle {
    position: absolute;
    top: 7px;
    right: 0;
    width: 11px;
    height: 2px;
    background: #fff;
    transition: all .4s ease-in-out
}

.menu-icon-middle.menu-icon-hide {
    opacity: 0;
    transform: translate(-144px, 115px) scale(2)
}

.menu-icon-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 17px;
    height: 2px;
    background: #fff;
    transition: all .4s ease-in-out
}

.menu-icon-bottom.menu-icon-hide {
    opacity: 0;
    transform: translate(-164px, 164px) scale(2)
}

.menu-icon-cross-top {
    position: absolute;
    top: 0;
    width: 19px;
    height: 2px;
    background: #fff;
    transition: all .4s ease-in-out;
    transform: translate(-2px, 7px) rotate(45deg) scale(0)
}

.menu-icon-cross-top.menu-icon-show {
    transform: translate(-2px, 7px) rotate(45deg) scale(1)
}

.menu-icon-cross-bottom {
    position: absolute;
    bottom: 0;
    width: 19px;
    height: 2px;
    background: #fff;
    transition: all .4s ease-in-out;
    transform: translate(-2px, -8px) rotate(-45deg) scale(0)
}

.menu-icon-cross-bottom.menu-icon-show {
    transform: translate(-2px, -8px) rotate(-45deg) scale(1)
}

.menu-bg {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, .1);
    border-radius: 50%;
    transition: all .4s ease;
    transform: scale(0)
}

@media screen and (min-width: 960px) {
    .menu-bg {
        display: none
    }
}

.pre-footer form {
    padding-top: 20px
}

.appSection {
    position: relative;
    z-index: 1;
    color: #fff
}

.appSection .appContent {
    margin: 25px auto 0
}

.appSection .text-center a {
    margin-bottom: 0
}

.underFooter {
    background-color: #054bb5;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%
}

.underFooter p {
    display: inline-block;
    font-size: 30px;
    font-family: Gotham-Medium;
    color: #fff;
    margin-bottom: 0;
    margin-right: 35px
}

.underFooter a {
    font-size: 17px;
    border: 2px solid #fff;
    padding: 5px 15px 6px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    top: -5px
}

.underFooter span {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 26px;
    font-size: 20px;
    cursor: pointer
}

.footer {
    padding: 50px 0;
    font-size: 14px;
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #fff;
    background: #252829
}

.footer p {
    line-height: 1.5;
    color: #a7a7a7;
    margin: 0
}

.footer .widget-title {
    font-size: 16px;
    font-family: Gotham-Bold, Verdana, sans-serif;
    color: #fff;
    margin-bottom: 15px
}

.footer a {
    text-decoration: underline;
    color: #fff
}

.footer a:hover {
    color: #a7a7a7
}

.footer .app-btn {
    border-width: 1px;
    padding: 5px 20px;
    text-decoration: none;
    margin-bottom: 10px
}

.footer .app-btn:first-child {
    margin-right: 10px
}

.footer .app-btn:before {
    content: '';
    position: relative;
    background-color: transparent;
    top: -2px;
    left: 0;
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 0;
    background-size: 100%;
    transform: none;
    transition: all .3s
}

.no-webp .footer .app-btn.apple:before {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-apple.png)
}

.webp .footer .app-btn.apple:before {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-apple.webp)
}

.no-webp .footer .app-btn.android:before {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-android.png)
}

.webp .footer .app-btn.android:before {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-android.webp)
}

.footer .app-btn:after {
    content: none
}

.footer .app-btn:hover {
    background-color: #fff;
    color: #666768;
    padding: 5px 31px
}

.footer .app-btn:hover:before {
    left: -14px;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    animation: none
}

.footer .menu-item a {
    font-family: Gotham-Book, Verdana, sans-serif;
    text-decoration: none;
    line-height: 1.5;
    color: #a7a7a7
}

.footer .menu-item a:hover {
    color: #fff
}

.footer img {
    width: 131px;
    height: auto
}

.footer .container > ul {
    width: 100%;
    margin: auto
}

/* Footer Down ------------------------------------------------------*/
.footer-down {
    background: #101010;
    text-align: center;
}
.footer-down .col-md-12 {
    /*border-top: 1px solid #222 !important;*/
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer-down p {
    color: #828282;
    margin: 0;
    font-size: 0.75rem;
}
.footer-down a {
    color: #ffffff;
}
/* Footer Down ------------------------------------------------------*/

@media (min-width: 768px) {
    .footer .widget_text {
        max-width: 240px;
        margin: 0
    }

    .footer .widget_text:nth-child(2) {
        flex: 1;
        max-width: 400px
    }

    .footer .widget_text:nth-child(2) .widget-title {
        margin-bottom: 30px
    }

    .footer .widget_text:nth-child(2) p {
        margin: 0
    }
}

@media (min-width: 960px) {
    .footer .widget_text:nth-child(2) {
        flex: none;
        padding-right: 60px
    }
}

.footer p {
    margin-bottom: 5px;
    font-size: 12px
}

.footer .copyInfo {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0
}

.footer-list {
    padding: 0;
    margin: 0
}

.footer-list .widget {
    text-align: left;
    list-style-type: none;
    margin-bottom: 30px
}

.footer-list .menu {
    list-style-type: none;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 460px) {
    .footer-list {
        display: flex;
        flex-wrap: wrap
    }

    .footer-list .widget {
        width: 50%;
        padding-right: 20px
    }

    .footer-list .widget:last-child {
        padding-right: 0
    }
}

@media screen and (min-width: 768px) {
    .footer-list .widget {
        flex: 1;
        padding-right: 20px;
        margin-bottom: 0
    }

    .footer-list .widget:last-child {
        padding-right: 0
    }
}

.section-hero {
    position: relative;
    z-index: 10;
    /*background: #fff;*/
    overflow: hidden;
}

@media screen and (min-width: 360px) {
    .section-hero::after, .section-hero::before {
        /*content: '';
        position: absolute;
        z-index: -10;
        border-radius: 50%*/
    }

    .section-hero::before {
        /*z-index: -1;
        top: -75px;
        left: -50px;
        width: 1750px;
        height: 1750px;
        transform: translateY(-50%);
        background: #fff*/
    }
}

@media screen and (min-width: 768px) {
    .section-hero::after, .section-hero::before {
        /*content: '';
        position: absolute;
        z-index: -10;
        border-radius: 50%*/
    }

    .section-hero::before {
        /*z-index: -1;
        top: -75px;
        left: -50px;
        width: 1750px;
        height: 1750px;
        transform: translateY(-50%);
        background: #fff*/
    }
}

@media screen and (min-width: 768px) and (min-width: 360px) {
    .section-hero::before {
        /*left: 250px;
        transform: translateX(0) translateY(-50%);
        !*background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-benefit.jpg);*!
        background-image: url(../images/banners/soka_africa.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center 320px*/
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .section-hero::before {
       /* left: 250px;
        transform: translateX(0) translateY(-50%);
        !*background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-benefit.jpg);*!
        background-image: url(../images/banners/soka_africa.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center 320px*/
    }
}

@media screen and (min-width: 768px) and (min-width: 1400px) {
    .section-hero::before {
        /*left: 50%;
        transform: translateX(-25%) translateY(-50%)*/
    }
}

@media screen and (min-width: 768px) {
    .section-hero::after {
        top: -475px;
        left: calc(50% - 925px);
        width: 2250px;
        height: 2250px;
        transform: translateX(0) translateY(-50%)
    }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active) {
    .section-hero::after {
        background: 0 0
    }
}

@media screen and (min-width: 768px) {
    @supports (mix-blend-mode:overlay) {
        .section-hero::after {
            background-color: rgba(0, 0, 0, .75);
            mix-blend-mode: overlay
        }
    }
}

@media screen and (min-width: 960px) {
    .section-hero {
        margin-top: -58px;
        /*background: #054bb5;
        background: linear-gradient(to bottom, #337ef1 0, #054bb5 100%)*/
    }
}

@media screen and (min-width: 360px) {
    .section-hero {
        /*margin-top: -58px;*/
        /*background: #054bb5;
        background: linear-gradient(to bottom, #337ef1 0, #054bb5 100%)*/
    }
}

.hero-content .container {
    padding: 60px 0
}

@media screen and (min-width: 960px) {
    .hero-content .container {
        padding: 0
    }
}

@media screen and (min-width: 768px) {
    .hero-content.default .container {
        display: flex;
        flex-direction: row;
        padding: 100px 0 40px
    }
}

.hero-content.pr-event .container {
    margin: 0;
    background: #fff;
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width: 1254px) {
    .hero-content.pr-event .container {
        margin: 0 auto;
        background: 0 0;
        align-items: center;
        flex-direction: row;
        padding: 40px 0 100px;
        background: 0 0
    }
}

@media screen and (min-width: 960px) {
    .hero-content.pr-event .container {
        padding: 0
    }
}

.hero-headline-container iframe, .hero-image-container iframe {
    height: 240px;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .hero-headline-container iframe, .hero-image-container iframe {
        height: 300px;
        margin-bottom: 0
    }
}

.hero-image-container {
    text-align: center
}

.pr-event .hero-image-container img {
    margin-top: 30px;
    margin-right: 0;
    max-width: 480px;
    width: 100%
}

@media screen and (min-width: 960px) {
    .default .hero-image-container {
        position: absolute;
        /*top: 95px;*/
        top: 0px !important;
        /*left: calc(50% - 540px);*/
        z-index: -1;
        width: 580px !important;
        height: 599px
    }

    .no-webp .default .hero-image-container {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-tilted-hero.png) no-repeat right center/contain*/
    }

    .webp .default .hero-image-container {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-tilted-hero.webp) no-repeat right center/contain*/
        /*background: url(../images/happy_winner.png) no-repeat right center/contain*/
    }
}

@media screen and (min-width: 360px) {
    .default .hero-image-container {
        position: absolute;
        top: 170px;
        /*left: calc(50% - 540px);*/
        z-index: -1;
        width: 100%;
        height: 599px
    }

    .horizontal-see-more {
        color: #fff !important;
    }

    .no-webp .default .hero-image-container {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-tilted-hero.png) no-repeat right center/contain*/
    }

    .webp .default .hero-image-container {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-tilted-hero.webp) no-repeat right center/contain*/
        /*background: url(../images/happy_winner.png) no-repeat right center/contain*/
    }
}

@media screen and (min-width: 1254px) {
    .pr-event .hero-image-container {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .pr-event .hero-image-container img {
        margin-top: 0
    }
}

.phone-overlay {
    display: none
}

@media screen and (min-width: 960px) {
    .phone-overlay {
        display: block;
        transform: perspective(1225px) rotateY(-40deg) rotateX(30deg) rotateZ(4.5deg);
        transform-origin: 0 0;
        position: absolute;
        top: 55px;
        left: 255px;
        width: 190px;
        height: 150px;
        padding-top: 42px;
        font-family: Gotham, sans-serif;
        text-align: center;
        text-transform: uppercase;
        color: rgba(0, 0, 0, .75)
    }

    .jackpot-info {
        background-color: #fff
    }

    .jackpot-amount {
        font-size: 19px;
        font-weight: 700
    }

    .jackpot-date {
        margin-top: 1px;
        font-size: 5.5px;
        font-weight: 700
    }

    .jackpot-countdown {
        margin-top: 15px;
        font-size: 15px;
        font-weight: 600
    }
}

.hero-content.pr-event .container {
    width: 100%;
    padding-top: 24px
}

@media screen and (min-width: 768px) {
    .hero-content.pr-event .container {
        padding-top: 118px
    }
}

.hero-headline-container {
    padding: 0 15px;
    text-align: center
}

@media screen and (min-width: 960px) {
    .default .hero-headline-container {
        margin-top: 110px;
        margin-bottom: 70px;
        margin-left: auto;
        text-align: left;
        padding-right: 0;
        max-width: 58%
    }
}

.pr-event .hero-headline-container {
    max-width: 560px;
    margin: 0 auto
}

.pr-event .hero-headline-container iframe {
    max-width: 480px
}

@media screen and (min-width: 1254px) {
    .pr-event .hero-headline-container {
        padding: 0;
        padding-top: 9px;
        text-align: center
    }

    .pr-event .hero-headline-container img {
        height: auto;
        width: 80%
    }
}

.hero-headline-container .badge-container {
    margin-bottom: 15px;
    justify-content: center
}

@media screen and (min-width: 960px) {
    .hero-headline-container .badge-container {
        justify-content: flex-start
    }
}

.hero-headline-container .learn-link {
    color: #054bb5;
    font-size: 18px;
    transition: all .3s;
    text-decoration: underline
}

.hero-headline-container .learn-link:hover {
    color: #063f97;
    text-decoration: none
}

.donate-head {
    margin: 15px 0 10px
}

.donate-subhead {
    font-size: 16px;
    margin-top: 0;
    line-height: 1.5
}

.hero-headline {
    margin: 0 0 30px;
    font-size: 27px
}

.pr-event .hero-headline {
    margin: 0 0 15px
}

.hero-headline span {
    font-family: Gotham-Book, Verdana, sans-serif;
    color: #595959;
    font-weight: lighter;
    /*font-size: 18px*/
}

@media screen and (min-width: 1254px) {
    .hero-headline {
        font-size: 32px
    }
}

.hero-subheadline {
    font-size: 18px;
    line-height: 1.5
}

.hero-image {
    display: inline-block;
    margin-right: -100px
}

.see-more-container {
    position: relative
}

.see-more-container::before {
    /*content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 115%;
    height: 105px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-35px)*/
}

@media screen and (min-width: 960px) {
    .see-more-container::before {
        /*height: 300px;
        transform: translateX(-50%) translateY(-85px)*/
    }
}

.get-app-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    margin-top: -1px;
    margin-bottom: 30px;
    background: #fff
}

.get-app-container img {
    max-width: 100px;
    margin-right: 10px
}

@media screen and (min-width: 768px) {
    .get-app-container img {
        max-width: 200px;
        margin-right: 0
    }
}

.get-app-container p {
    margin-top: 0;
    max-width: 240px;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 14px;
    color: #666768
}

@media screen and (min-width: 768px) {
    .get-app-container p {
        font-size: 18px
    }
}

@media screen and (min-width: 1254px) {
    .get-app-container {
        margin-top: 60px;
        padding: 0 0 50px;
        background: 0 0
    }
}

.get-app-link {
    display: inline-block;
    font-size: 16px;
    font-family: Gotham-Bold, Verdana, sans-serif;
    color: #40c76c;
    text-decoration: none;
    transition: all .2s
}

@media screen and (min-width: 768px) {
    .get-app-link {
        font-size: 20px
    }
}

.get-app-link::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #40c76c;
    transition: width .3s
}

@media screen and (min-width: 768px) {
    .get-app-link::after {
        width: 0
    }
}

.get-app-link:hover::after {
    width: 100%
}

.section-app-hero {
    padding-top: 30px
}

@media screen and (min-width: 960px) {
    .section-app-hero {
        padding-top: 0
    }
}

.app-hero-content {
    color: #fff
}

@media screen and (min-width: 768px) {
    .app-hero-content {
        flex-basis: 50%
    }
}

.app-hero-content p {
    margin: 20px 0 25px;
    color: rgba(255, 255, 255, .8)
}

.app-hero-container {
    display: flex;
    align-items: center
}

.app-hero-image {
    margin: 0
}

@media screen and (min-width: 768px) {
    .app-hero-image {
        position: relative;
        top: 50px;
        flex-basis: 50%;
        width: 263.5px;
        height: 521.5px
    }

    .no-webp .app-hero-image {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-hero.png) no-repeat left 40% center;*/
        background-size: contain
    }

    .webp .app-hero-image {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-hero.webp) no-repeat left 40% center;*/
        background-size: contain
    }
}

.slide-image {
    margin: 0
}

@media screen and (min-width: 768px) {
    .slide-image {
        width: 224.5px;
        height: 444.5px;
        background-repeat: no-repeat;
        background-size: 100%
    }
}

.no-webp .slide-image-1 {
    /*background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-slide-1.png)*/
}

.hero-callout-container {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 25px;
    border-top: 1px solid #ddd;
    padding-top: 25px
}

.hero-callout-container img {
    width: 218px;
    margin-bottom: 20px;
    margin-right: 50px
}

@media screen and (min-width: 768px) {
    .hero-callout-container img {
        margin-left: 30px
    }
}

@media screen and (min-width: 600px) {
    .hero-callout-container {
        flex-direction: row
    }
}

.hero-callout-content-wrap {
    text-align: left
}

.hero-callout-content-wrap h2 {
    margin: 0 0 5px
}

.hero-callout-content-wrap h4 {
    font-size: 16px;
    margin: 0 0 5px
}

.hero-callout-content-wrap p {
    font-size: 14px;
    margin: 0
}

.hero-callout-content-wrap a {
    display: block;
    margin-top: 10px;
    font-family: Gotham-Bold, Verdana, sans-serif;
    color: #4889db;
    text-align: right;
    text-decoration: none
}

.hero-callout-content-wrap a:hover {
    text-decoration: underline
}

.section-charities-hero {
    background-color: #222
}

@media screen and (min-width: 768px) {
    .section-charities-hero {
        background-image: url(assets/images/bg-hero-charities.png), url(assets/images/charities-banner.jpg);
        background-repeat: no-repeat;
        background-position: bottom, top center;
        background-size: contain, cover
    }
}

.charities-hero-container {
    padding: 50px 0;
    color: #fff
}

@media screen and (min-width: 768px) {
    .charities-hero-container {
        padding: 120px 0
    }
}

@media screen and (min-width: 960px) {
    .charities-hero-container {
        padding: 200px 0 250px;
        max-width: 480px
    }
}

.charities-hero-title {
    text-transform: uppercase;
    line-height: 1;
    margin: 0
}

@media screen and (min-width: 768px) {
    .charities-hero-title {
        font-size: 42px
    }
}

@media screen and (min-width: 960px) {
    .charities-hero-title {
        font-size: 52px
    }
}

.charities-hero-description {
    font-size: 17px
}

.home .bg-hero-gray, .home .bg-hero-red, .home .home-see-more, .home .learn-more-link, .home .section-app-press {
    display: none
}

.hero-redesign .section-hero .horizontal-see-more, .hero-redesign .section-hero .learn-link, .hero-redesign .section-hero .pttp-small-container {
    display: none
}

.hero-redesign .learn-more-link {
    display: inline;
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #054bb5
}

.hero-redesign .home-see-more {
    display: inline-block
}

@media screen and (min-width: 960px) {
    .hero-redesign .bg-hero-gray, .hero-redesign .bg-hero-red {
        display: block
    }
}

.hero-redesign .section-app-press {
    display: block
}

@media screen and (min-width: 960px) {
    .no-webp .hero-redesign .site-logo {
        background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/logo-inverted.png)
    }

    .webp .hero-redesign .site-logo {
        background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/logo-inverted.webp)
    }
}

@media screen and (min-width: 960px) {
    .hero-redesign .nav-menu a {
        color: #fff
    }

    .hero-redesign .nav-menu a:hover {
        color: #fff
    }
}

@media screen and (min-width: 960px) {
    .hero-redesign .nav-download {
        color: #fff;
        border: 1px solid #fff
    }

    .hero-redesign .nav-download:hover {
        color: #054bb5;
        background: #fff
    }
}

.hero-redesign .section-hero {
    background: #fff
}

.hero-redesign .section-hero::after, .hero-redesign .section-hero::before {
    /*display: none;
    content: '';
    border-radius: 0*/
}

.hero-redesign .section-hero::before {
   /* top: 0;
    left: 50%;
    width: 1920px;
    height: 100%;
    transform: translateX(-50%);
    border-radius: 0*/
}

.no-webp .hero-redesign .section-hero::before {
    /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-home-gray.png) no-repeat top center/1920px 950px*/
}

.webp .hero-redesign .section-hero::before {
    /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-home-gray.webp) no-repeat top center/1920px 950px*/
}

@media screen and (min-width: 1080px) {
    .hero-redesign .section-hero::before {
        /*display: block*/
    }
}

.hero-redesign .section-hero::after {
    top: 0;
    left: initial;
    right: calc(50% - 440px);
    width: 1060.5px;
    height: 800px;
    transform: translateX(50%);
    mix-blend-mode: normal
}

.no-webp .hero-redesign .section-hero::after {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-home-red.png) no-repeat top center/cover
}

.webp .hero-redesign .section-hero::after {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-home-red.webp) no-repeat top center/cover
}

@media screen and (min-width: 960px) {
    .hero-redesign .section-hero::after {
        display: block
    }
}

.hero-redesign .bg-hero-gray, .hero-redesign .bg-hero-red {
    position: absolute;
    top: 0;
    height: 767px;
    width: 1000px;
    box-shadow: 0 150px 0 0 #f0f3f5
}

.hero-redesign .bg-hero-gray {
    right: calc(50% + 960px);
    background-color: #f0f3f5
}

.hero-redesign .bg-hero-red {
    left: calc(50% + 960px);
    background-color: #cc141e
}

.hero-redesign .hero-content .container {
    max-width: 1000px
}

.hero-redesign .hero-headline {
    font-family: Gotham-Book, Verdana, sans-serif;
    font-size: 16px
}

.hero-redesign .hero-headline span {
    display: block;
    font-family: Gotham-Bold, Verdana, sans-serif;
    /*font-size: 32px;*/
    color: #000
}

@media screen and (min-width: 960px) {
    .hero-redesign .hero-headline span {
        max-width: 320px
    }
}

@media screen and (min-width: 960px) {
    .hero-redesign .default .hero-headline-container {
        max-width: 440px;
        margin-left: 0;
        margin-bottom: 170px;
        padding: 0
    }
}

@media screen and (min-width: 960px) {
    .hero-redesign .default .hero-image-container {
        top: 72px;
        left: initial;
        right: calc(50% - 500px);
        width: 495px;
        height: 539px
    }

    .no-webp .hero-redesign .default .hero-image-container {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-home.png) no-repeat right center/contain*/
    }

    .webp .hero-redesign .default .hero-image-container {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-home.webp) no-repeat right center/contain*/
    }
}

.hero-redesign .default .phone-overlay {
    transform: none;
    top: 96px;
    left: calc(50% - 172px);
    width: 166px
}

@media screen and (min-width: 960px) {
    .hero-redesign .default .jackpot-amount {
        font-size: 16.5px
    }
}

@media screen and (min-width: 960px) {
    .hero-redesign .default .jackpot-date {
        margin-top: 0;
        padding-top: 3px;
        font-size: 5.5px
    }
}

@media screen and (min-width: 960px) {
    .hero-redesign .default .jackpot-countdown {
        margin-top: 13px;
        font-size: 15px
    }
}

@media screen and (min-width: 960px) {
    .hero-redesign .default .hero-headline-container {
        margin-top: 50px;
        margin-bottom: 80px
    }
}

.hero-redesign .default .hero-callout-container img {
    margin-left: 0;
    margin-right: 30px
}

.hero-redesign .see-more-container {
    padding: 20px 0
}

.hero-redesign .see-more-container::before {
    display: none
}

@media screen and (min-width: 1080px) {
    .hero-redesign .see-more-container {
        background-color: #f0f3f5;
        padding: 40px 0
    }
}

.hero-redesign .section-press {
    display: none
}

.horizontal-see-more {
    margin: 50px 0;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Gotham-Bold, Verdana, sans-serif;
    display: inline-block;
    transition: all .2s;
    color: #054bb5
}

.horizontal-see-more::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    transition: width .3s
}

.horizontal-see-more:hover::after {
    width: 0
}

@media screen and (min-width: 960px) {
    .horizontal-see-more {
        /*margin: 50px 0 150px;*/
        margin: 150px 0 150px;
        font-size: 21px;
        color: #fff
    }
}

.section-press {
    margin-top: -60px
}

.press-description {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .press-description {
        margin-bottom: 50px
    }
}

.press-logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 822px;
    margin: 0 auto
}

.press-logo-container a {
    display: inline-block;
    margin: 0;
    padding: 15px;
    width: 50%
}

.press-logo-container img {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .press-logo-container {
        justify-content: space-between;
        margin: 0 auto
    }

    .press-logo-container:last-child {
        margin-bottom: 0
    }

    .press-logo-container a {
        margin: 0;
        width: auto
    }
}

@media screen and (min-width: 1005px) {
    .section-about {
        position: relative;
        overflow: hidden;
        z-index: 10;
        padding: 50px 0;
        background-color: #d12111
    }

    .section-about > .container {
        position: relative;
        z-index: 10
    }

    .section-about::after, .section-about::before {
        content: "";
        position: absolute;
        border-radius: 50%
    }

    .section-about::before {
        z-index: 1;
        top: 0;
        left: 50%;
        width: 2000px;
        height: 2000px;
        background-color: #b51008;
        transform: translateX(calc(-50% - 250px)) translateY(-50%)
    }

    .section-about::after {
        z-index: 2;
        top: 0;
        left: 50%;
        width: 2500px;
        height: 2500px;
        background-color: #f5f7fa;
        transform: translateX(calc(-50% - 380px)) translateY(calc(-50% - 320px))
    }

    .ball {
        position: absolute;
        z-index: 5;
        border-radius: 50%;
        background-color: #d12111;
        background: linear-gradient(to bottom, #fd2100 0, #b30100 100%);
        box-shadow: 0 25px 40px rgba(0, 0, 0, .2);
        pointer-events: none
    }

    .ball-one {
        top: 150px;
        right: 50%;
        margin-right: -700px;
        width: 85px;
        height: 85px
    }

    .ball-two {
        top: 300px;
        right: 50%;
        margin-right: -620px;
        width: 45px;
        height: 45px
    }

    .ring {
        position: absolute;
        z-index: 5;
        border-radius: 50%;
        border: 20px solid rgba(0, 0, 0, .05);
        pointer-events: none
    }

    .ring-one {
        bottom: 0;
        right: 50%;
        width: 140px;
        height: 140px
    }
}

.about-main-container {
    margin-bottom: 40px
}

@media screen and (min-width: 1005px) {
    .about-main-container {
        flex: 1;
        margin-bottom: 0
    }
}

.about-card-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap
}

@media screen and (min-width: 1005px) {
    .about-card-container {
        flex: 1;
        flex-wrap: nowrap;
        justify-content: space-around
    }
}

@media screen and (min-width: 560px) {
    .cards-wrapper:first-child {
        margin-right: 30px
    }
}

.section-app-hero::before {
    display: none;
    content: "";
    position: absolute;
    top: -125px;
    left: 50%;
    margin-left: -820px;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .25);
    pointer-events: none;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 25% 40%, 100% 40%, 100% 0)
}

@media screen and (min-width: 1000px) {
    .section-app-hero::before {
        display: block
    }
}

.section-news {
    background: #f5f8fb;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .section-news {
        padding: 80px 0
    }
}

.section-news-container {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 660px) {
    .section-news-container {
        flex-direction: row;
        justify-content: space-between
    }
}

.section-news-title {
    text-align: center;
    color: #000;
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .section-news-title {
        margin-bottom: 80px
    }
}

.featured-news-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
    padding: 20px;
    margin-bottom: 20px
}

.featured-news-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0, rgba(0, 0, 0, .2) 75%);
    z-index: 0
}

@media screen and (min-width: 660px) {
    .featured-news-container {
        max-width: 380px;
        margin-bottom: 0;
        margin-right: 20px
    }
}

@media screen and (min-width: 768px) {
    .featured-news-container {
        flex: 1;
        height: 534px;
        margin-right: 30px;
        padding: 35px;
        color: #fff;
        max-width: none
    }
}

@media screen and (min-width: 500px) {
    .featured-news-content {
        padding-right: 140px
    }
}

@media screen and (min-width: 660px) {
    .featured-news-content {
        padding-right: 0
    }
}

.featured-news-content, .featured-news-title {
    position: relative;
    max-width: 500px
}

.featured-news-title {
    margin-top: 0;
    font-size: 27px
}

.featured-news-content {
    font-family: Gotham-Medium, Verdana, sans-serif;
    line-height: 1.5
}

.featured-news-link {
    color: #fff;
    text-decoration: none
}

.featured-news-link:hover {
    text-decoration: underline
}

.featured-news-button {
    display: flex;
    justify-content: flex-end
}

@media screen and (min-width: 500px) {
    .featured-news-button {
        display: block;
        position: absolute;
        bottom: 35px;
        right: 35px
    }
}

.featured-news-button .btn-white {
    border-width: 2px
}

.recent-news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #595959
}

.recent-news-header h3 {
    margin: 0;
    color: #000
}

.recent-news-see-all {
    color: #054bb5;
    font-family: Gotham-Medium, Verdana, sans-serif;
    text-decoration: none
}

.recent-news-see-all:hover {
    text-decoration: underline
}

.recent-news-list {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08)
}

@media screen and (min-width: 660px) {
    .recent-news-list {
        max-width: 280px
    }
}

@media screen and (min-width: 960px) {
    .recent-news-list {
        max-width: 370px
    }
}

.recent-news-item {
    display: block;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #595959;
    padding: 20px
}

.recent-news-item:last-child {
    border-bottom: none
}

.recent-news-item h4 {
    transition: width .2s;
    color: #000;
    margin: 0
}

.recent-news-item:hover h4 {
    color: #666768
}

.recent-news-date {
    font-size: 14px;
    margin: 5px 0;
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #054bb5
}

.section-phone {
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding: 100px 0;
    background-color: #f5f7fa;
    color: #fff
}

.section-phone::after, .section-phone::before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%
}

.section-phone::before {
    bottom: 0;
    left: 50%;
    width: 1930px;
    height: 1930px;
    background-color: #054bb5;
    transform: translateX(calc(-50% - 350px)) translateY(calc(50% + 300px))
}

.section-phone::after {
    top: 0;
    left: 50%;
    width: 1930px;
    height: 1930px;
    background-color: #b20a0a;
    transform: translateX(calc(-50% - 115px))
}

.phone-form-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap
}

@media screen and (min-width: 960px) {
    .phone-form-container {
        text-align: left;
        flex-direction: row
    }
}

.phone-headline-container {
    background-color: #b2090a;
    margin-bottom: 20px;
    text-align: center
}

.phone-headline-container h3 {
    margin: 0
}

.phone-headline-container p {
    margin: 0
}

@media screen and (min-width: 960px) {
    .phone-headline-container {
        text-align: left;
        margin-right: 40px;
        margin-bottom: 0
    }
}

.short-banner-container {
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width: 768px) {
    .short-banner-container {
        flex-direction: row;
        align-items: center
    }
}

.short-banner-headline {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 26px;
    color: #000
}

@media screen and (min-width: 768px) {
    .short-banner-headline {
        font-size: 32px
    }
}

.short-banner-paragraph {
    max-width: 420px;
    line-height: 1.5;
    margin-bottom: 25px;
    font-family: Gotham-Book, Verdana, sans-serif
}

.short-banner-paragraph a {
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #054bb5
}

.short-banner-paragraph a:hover {
    color: #9e0f0f
}

.short-banner-slant-left, .short-banner-slant-right {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    width: 1500px;
    height: 1500px;
    background-color: #054bb5
}

@media screen and (min-width: 960px) {
    .short-banner-slant-left, .short-banner-slant-right {
        display: block
    }
}

.short-banner-slant-left::before, .short-banner-slant-right::before {
    content: '';
    position: absolute;
    mix-blend-mode: overlay
}

.short-banner-slant-left {
    top: 70%;
    left: calc(50% - 600px);
    transform: rotate(45deg);
    transform-origin: 0 0;
    border-radius: 150px
}

.short-banner-slant-left::before {
    top: 0;
    left: 0;
    width: 234px;
    height: 67px
}

.no-webp .short-banner-slant-left::before {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-results-left.png) no-repeat center/cover
}

.webp .short-banner-slant-left::before {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-results-left.webp) no-repeat center/cover
}

.short-banner-slant-right {
    bottom: -50px;
    left: calc(50% + 550px);
    transform: rotate(-45deg);
    transform-origin: 0 100%;
    border-radius: 250px
}

.short-banner-slant-right::before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 248px
}

.no-webp .short-banner-slant-right::before {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-results-right.png) no-repeat center/100% 100%
}

.webp .short-banner-slant-right::before {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-results-right.webp) no-repeat center/100% 100%
}

.short-banner {
    position: relative;
    overflow: hidden;
    z-index: 10;
    background-color: #f5f7fa;
    padding: 30px 0 55px;
    color: #555
}

@media screen and (min-width: 768px) {
    .short-banner {
        margin-top: -58px;
        padding: 100px 0 0
    }
}

.container.short-banner-container {
    max-width: 1000px
}

@media screen and (min-width: 768px) {
    .banner-content, .banner-image-wrap {
        flex-basis: 50%
    }
}

@media screen and (min-width: 768px) {
    .banner-content {
        margin-bottom: 60px
    }
}

.banner-content .btn {
    margin-bottom: 10px;
    margin-right: 20px
}

.banner-image-wrap {
    display: none;
    margin: 0
}

.banner-image-wrap .js-app-download-button {
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) {
    .banner-image-wrap {
        display: block;
        height: 432px;
        margin: 30px 0 60px 50px;
        padding: 0
    }

    .no-webp .banner-image-wrap {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-results.png) no-repeat center left/contain*/
    }

    .webp .banner-image-wrap {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-results.webp) no-repeat center left/contain*/
    }
}

.results-container {
    padding: 0 0 35px;
    overflow: visible
}

.section-app-press h2 span {
    display: block;
    font-size: 18px;
    font-family: Gotham-Book, Verdana, sans-serif;
    font-weight: 700
}

.learn-link {
    display: block;
    color: #fff;
    margin-top: -30px
}

.learn-link:hover {
    color: #f5f8fb
}

.results .learn-link {
    width: 260px;
    margin-top: 0;
    text-align: center
}

.app-feature-title {
    margin-bottom: 30px;
    text-align: center;
    color: #333
}

@media screen and (min-width: 768px) {
    .app-feature-title {
        margin-bottom: 60px
    }
}

@media screen and (min-width: 960px) {
    .app-feature-title {
        margin-bottom: 100px
    }
}

@media screen and (min-width: 768px) {
    .app-feature-container {
        display: flex;
        align-items: center
    }
}

.app-feature-column {
    padding: 0
}

@media screen and (min-width: 768px) {
    .app-feature-column {
        flex: 1;
        padding: 0 20px
    }
}

@media screen and (min-width: 960px) {
    .app-feature-column {
        padding: 0
    }
}

.app-feature {
    position: relative;
    margin-bottom: 20px;
    transition: all .3s
}

.app-feature h3 {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    vertical-align: middle;
    line-height: 30px
}

@media screen and (min-width: 768px) {
    .app-feature:hover {
        transform: scale(1.01);
        box-shadow: 0 15px 20px -15px rgba(0, 0, 0, .3), 0 55px 50px -35px rgba(0, 0, 0, .3)
    }
}

@media screen and (min-width: 960px) {
    .app-feature h3 {
        line-height: 1.5;
        font-size: 18px
    }

    .app-feature:first-child {
        margin-bottom: 100px
    }
}

.app-feature-image {
    margin: 0
}

@media screen and (min-width: 960px) {
    .app-feature-image {
        width: 424.4px;
        height: 435.6px
    }

    .no-webp .app-feature-image {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-tilted.png) no-repeat;*/
        background-size: 100%
    }

    .webp .app-feature-image {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-tilted.webp) no-repeat;*/
        background-size: 100%
    }
}

@media screen and (min-width: 1200px) {
    .app-feature-image {
        width: 530.5px;
        height: 544.5px
    }
}

.app-press-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px 0
}

@media screen and (min-width: 1135px) {
    .app-press-container {
        align-items: flex-start;
        flex-direction: row
    }
}

.app-press-title {
    text-align: center;
    color: #fff
}

@media screen and (min-width: 1135px) {
    .app-press-title {
        text-align: left;
        display: inline-block;
        padding: 20px 60px 20px 0;
        margin: 0
    }
}

.app-press-logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .app-press-logos {
        justify-content: space-between
    }
}

@media screen and (min-width: 1135px) {
    .app-press-logos {
        flex: 1;
        padding-left: 20px;
        border-left: 1px solid rgba(255, 255, 255, .5)
    }
}

.app-press-link {
    display: inline-block;
    padding: 15px 10px;
    width: 25%;
    text-align: center;
    margin: 0
}

.app-press-link img {
    width: 100%;
    height: auto
}

.app-press-link:last-child {
    margin-right: 0
}

@media screen and (min-width: 460px) {
    .app-press-link {
        padding: 15px
    }
}

@media screen and (min-width: 580px) {
    .app-press-link {
        width: 20%
    }
}

@media screen and (min-width: 768px) {
    .app-press-link {
        padding: 20px
    }
}

@media screen and (min-width: 960px) {
    .app-press-link img {
        height: 55px;
        width: auto
    }

    .app-press-link.vb img {
        height: 42px
    }

    .app-press-link.benzinga img, .app-press-link.forbes img, .app-press-link.reuters img, .app-press-link.svbj img, .app-press-link.yahoo img {
        height: 31px
    }

    .app-press-link.wsj img {
        height: 64px
    }
}

.section-app-download {
    overflow: hidden
}

.app-download-container {
    position: relative;
    z-index: 10;
    padding: 60px 0;
    color: #fff
}

.app-download-container::after, .app-download-container::before {
    content: "";
    position: absolute;
    z-index: -1
}

.app-download-container::before {
    top: 0;
    left: -100px;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    background-color: #b20a0a;
    transform: translateX(-50%) translateY(-50%)
}

.app-download-container::after {
    top: 50%;
    right: -150px;
    width: 609px;
    height: 666.5px;
    transform: translateY(-50%)
}

@media screen and (min-width: 786px) {
    .no-webp .app-download-container::after {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-pattern.png) no-repeat;*/
        background-size: 100%
    }

    .webp .app-download-container::after {
        /*background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/phones-pattern.webp) no-repeat;*/
        background-size: 100%
    }
}

@media screen and (min-width: 786px) {
    .app-download-container {
        display: flex;
        align-items: center;
        padding: 120px 0
    }
}

.app-download-content {
    flex-basis: 100%
}

@media screen and (min-width: 786px) {
    .app-download-content {
        flex-basis: 50%
    }
}

@media screen and (min-width: 786px) {
    .app-download-image {
        flex: 1;
        width: 643px;
        height: 474px
    }
}

.app-online-container {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    text-align: center
}

.app-online-container .card-scroller-wrap {
    position: relative;
    margin: 40px 0 0 0;
    width: 100%
}

.app-online-container .card-scroller-wrap:after, .app-online-container .card-scroller-wrap:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 30px;
    z-index: 10;
    top: 0
}

.app-online-container .card-scroller-wrap:before {
    left: -1px;
    box-shadow: inset 10px 0 14px -10px rgba(51, 51, 51, .2)
}

.app-online-container .card-scroller-wrap:after {
    right: -1px;
    box-shadow: inset -10px 0 14px -10px rgba(51, 51, 51, .2)
}

.app-online-container .card-scroller {
    width: 100%;
    overflow: scroll;
    padding: 10px 0
}

.app-online-container .lottery-horizontal-view {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 0;
    width: 1420px;
    max-width: none;
    padding: 15px 0
}

.app-online-container .lottery-block {
    margin-bottom: 0;
    display: block;
    min-width: 330px
}

@media screen and (min-width: 980px) {
    .app-online-container {
        flex-direction: row;
        text-align: left
    }

    .app-online-container .card-scroller-wrap {
        margin: 0 80px 0 0;
        width: auto
    }

    .app-online-container .card-scroller {
        max-width: 562.5px
    }
}

.app-online-image {
    max-width: 562.5px
}

.app-online-image img {
    width: 100%
}

.section-win-together {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    color: #fff;
    overflow: hidden
}

.no-webp .section-win-together {
    background: no-repeat #fff 100%/cover url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-win-together.jpg)
}

.webp .section-win-together {
    background: no-repeat #fff 100%/cover url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-win-together.webp)
}

.section-win-together::after, .section-win-together::before {
    display: none;
    content: "";
    position: absolute;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .section-win-together::after, .section-win-together::before {
        display: block
    }
}

.section-win-together::before {
    top: -150px;
    left: 50%;
    background-color: rgba(0, 0, 0, .5);
    mix-blend-mode: overlay
}

.section-win-together::after {
    top: -50px;
    left: calc(50% - 35px);
    background-color: #f5f7fa
}

@media screen and (min-width: 768px) {
    .section-win-together p {
        max-width: 50%
    }
}

@media screen and (min-width: 1000px) {
    .section-win-together {
        padding: 80px 0 100px
    }

    .no-webp .section-win-together {
        background: no-repeat #fff left/95% url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-win-together.jpg)
    }

    .webp .section-win-together {
        background: no-repeat #fff left/95% url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-win-together.webp)
    }
}

@media screen and (min-width: 1200px) {
    .no-webp .section-win-together {
        background: no-repeat #fff left/90% url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-win-together.jpg)
    }

    .webp .section-win-together {
        background: no-repeat #fff left/90% url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-win-together.webp)
    }
}

.win-together-logo {
    display: none;
    position: absolute;
    z-index: 10;
    left: calc(50% + 200px);
    bottom: 20px;
    width: 308px;
    height: 88px
}

.no-webp .win-together-logo {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/logo-faded.png) no-repeat 100%/cover
}

.webp .win-together-logo {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/logo-faded.webp) no-repeat 100%/cover
}

@media screen and (min-width: 768px) {
    .win-together-logo {
        display: block
    }
}

.section-page-hero {
    padding: 40px 0;
    text-align: center;
    color: #fff
}

.no-webp .section-page-hero {
    background: #054bb5;
    background: linear-gradient(to bottom, #e61e1e 0, #b20a0a 100%);
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-red.jpg) no-repeat 50%/cover
}

.webp .section-page-hero {
    background: #054bb5;
    background: linear-gradient(to bottom, #e61e1e 0, #b20a0a 100%);
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/bg-red.webp) no-repeat 50%/cover
}

.section-page-hero h1 {
    margin-top: 0
}

.section-page-hero p {
    max-width: 800px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .section-page-hero {
        padding: 150px 0 100px
    }
}

.section-page-content {
    padding: 60px 0;
    color: #000
}

.section-page-content .container {
    max-width: 700px
}

.section-page-content li {
    margin-bottom: 15px
}

.section-page-content li:last-child {
    margin-bottom: 0
}

.section-page-content img.size-full {
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 1024px) {
    .section-page-content img.size-full {
        max-width: 1000px;
        margin-left: -150px
    }
}

.section-charities-list {
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .section-charities-list {
        padding: 100px 0
    }
}

.charity-list-item {
    margin-bottom: 80px
}

.charity-list-item:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 660px) {
    .charity-list-item {
        display: flex;
        align-items: center
    }

    .charity-list-item.right {
        flex-direction: row-reverse
    }
}

.charity-content, .charity-image {
    flex: 1
}

.charity-image {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

@media screen and (min-width: 660px) {
    .charity-image {
        max-width: none;
        margin-bottom: 0
    }

    .charity-image.left {
        margin-right: 60px;
        margin-left: 0
    }

    .charity-image.right {
        margin-left: 60px;
        margin-right: 0
    }
}

.charity-title {
    margin: 0
}

.charity-title a {
    text-decoration: none;
    color: #000
}

.charity-title a:hover {
    text-decoration: underline
}

.charity-date {
    font-size: 18px;
    color: #054bb5
}

.charity-location {
    font-size: 14px;
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #595959;
    margin: 0;
    display: flex;
    align-items: center
}

@font-face {
    font-family: lottery-icons;
    src: url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/lottery-icons.eot?s1k0a8);
    src: url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/lottery-icons.eot?s1k0a8#iefix) format("embedded-opentype"), url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/lottery-icons.svg?s1k0a8#lottery-icons) format("svg"), url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/lottery-icons.woff?s1k0a8) format("woff"), url(https://lottery.com/wp-content/themes/lottery-theme/assets/fonts/lottery-icons.ttf?s1k0a8) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: lottery-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-left-arrow:before {
    content: ""
}

.icon-right-arrow:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.arrow-wt-right:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-down-arrow:before {
    content: ""
}

.icon-up-arrow:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.location-icon {
    width: 9.5px;
    height: 14.5px;
    background: url(assets/images/icon-location.png) no-repeat;
    display: inline-block;
    background-size: 100%
}

.lottery-item-winnumbers {
    width: 100%;
    font-family: Gotham-Bold, Verdana, sans-serif
}

.lottery-horizontal-view .lottery-item-winnumbers, .single-results-hero .lottery-item-winnumbers {
    justify-content: center
}

.lottery-vertical-view-items .lottery-item-winnumbers {
    text-align: left
}

.large .lottery-item-winnumbers {
    margin-top: 20px
}

.lottery-ball-wrap {
    display: inline-block;
    width: 15.1%;
    padding: 4px 3px
}

@media screen and (min-width: 768px) {
    .lottery-ball-wrap {
        width: 14.7%
    }
}

.lottery-vertical-view-items .lottery-ball-wrap {
    padding: 0 2px 4px 0
}

@media screen and (min-width: 475px) {
    .lottery-vertical-view-items .lottery-ball-wrap {
        width: auto;
        padding: 0 7px 4px 0
    }
}

@media screen and (min-width: 990px) {
    .lottery-vertical-view-items .lottery-ball-wrap {
        width: 14.6%
    }
}

.lottery-ball {
    background-color: #fff;
    margin: 3px 8px 3px 0;
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: auto;
    padding-top: 100%
}

.lottery-ball > span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #444
}

@media screen and (min-width: 360px) {
    .lottery-ball > span {
        font-size: 16px
    }
}

@media screen and (min-width: 990px) {
    .lottery-vertical-view-items .lottery-ball > span {
        font-size: 14px
    }
}

@media screen and (min-width: 1080px) {
    .lottery-ball > span {
        font-size: 14px
    }
}

@media screen and (min-width: 1200px) {
    .lottery-ball > span {
        font-size: 16px
    }
}

.lottery-ball:last-child {
    margin-right: 0
}

.lottery-ball.bonus {
    background-color: #054bb5;
    background: linear-gradient(to bottom, #054bb5 0, #054bb5 100%)
}

.lottery-ball.bonus > span {
    border: none;
    color: #fff
}

.lottery-horizontal-view .lottery-ball {
    font-size: 15px
}

.lottery-horizontal-view .lottery-ball:last-child {
    margin-right: 0
}

@media screen and (min-width: 475px) {
    .lottery-vertical-view-items .lottery-ball {
        width: 30px;
        height: 30px;
        padding-top: 0
    }
}

@media (min-width: 990px) {
    .lottery-vertical-view-items .lottery-ball {
        width: 100%;
        height: auto;
        padding-top: 100%
    }
}

.large .lottery-ball {
    font-size: 15px;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .large .lottery-ball {
        font-size: 18px
    }
    .home-app-logo {
        color: #fff;
    }
    .app-logo {
        color: #396cb3;
    }
}

.single-lottery-results {
    display: flex;
    justify-content: center
}

.single-lottery-description {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.5
}

@media (min-width: 768px) {
    .mobileGames {
        display: none
    }
}

@media (max-width: 767px) {
    .sm-hide {
        display: none
    }
}

@media screen and (min-width: 360px) {
    .lottery-horizontal-view {
        /*margin-top: 255px;*/
    }
    .app-logo {
        color: #fff;
    }
}

@media screen and (min-width: 411px) {
    .lottery-horizontal-view {
        /*margin-top: 305px;*/
    }
}

@media screen and (min-width: 414px) {
    .lottery-horizontal-view {
        /*margin-top: 305px;*/
    }
}

@media screen and (min-width: 768px) {
    .lottery-horizontal-view {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 800px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1080px) {
    .lottery-horizontal-view {
        max-width: 100%;
        margin: -40px auto 0
    }

    .lottery-horizontal-view.related-results {
        margin-top: 40px;
        padding-bottom: 60px
    }
}

@media screen and (min-width: 1384px) {
    .lottery-horizontal-view {
        margin-top: -40px
    }
}

.lottery-lists {
    padding: 20px 0
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .lottery-lists .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .lottery-lists .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.lottery-vertical-view-container {
    background: #fff;
    margin-bottom: 60px
}

@media screen and (min-width: 768px) {
    .lottery-vertical-view-container {
        margin-bottom: 100px
    }
}

.lottery-vertical-view-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #f6f4f6;
    padding: 15px 0;
    color: #333;
    text-decoration: none;
    transition: background-color .3s;
    text-align: left
}

.lottery-vertical-view-items:last-child {
    border-bottom: none
}

.lottery-vertical-view-items > div {
    flex: 1
}

.lottery-vertical-view-items .date-column {
    flex: none
}

@media (min-width: 992px) {
    .lottery-vertical-view-items .date-column {
        flex: 1
    }
}

.lottery-vertical-view-items .arrow-column {
    flex: none
}

@media (min-width: 992px) {
    .lottery-vertical-view-items {
        padding: 15px
    }
}

a.lottery-vertical-view-items:hover {
    background-color: #fcfcfc;
    color: #000;
    text-decoration: none
}

.lottery-vertical-view-titles {
    display: none
}

@media screen and (min-width: 992px) {
    .lottery-vertical-view-titles {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 15px;
        border-bottom: 1px solid #f6f4f6
    }
}

.lottery-vertical-title {
    flex: 1;
    font-family: Gotham-Bold;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase
}

.lottery-vertical-title.last {
    flex: none;
    width: 40px
}

.title-column {
    display: none
}

@media (min-width: 992px) {
    .title-column {
        display: block;
        font-size: 15px;
        text-transform: uppercase;
        font-family: Gotham-Bold;
        text-align: left
    }
}

.date-column {
    font-size: 18px;
    font-family: Gotham-Bold;
    padding-right: 15px;
    vertical-align: top
}

.date-column div {
    position: relative;
    height: 45px;
    width: 50px;
    padding: 10px 0 0;
    line-height: 1;
    font-size: 12px;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 #ccc;
    display: flex;
    align-items: center;
    justify-content: center
}

.date-column div:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 10px;
    background: #054bb5;
    border-radius: 5px 5px 0 0;
    top: 0;
    left: 0;
    box-shadow: 0 2px 5px 0 #ccc
}

@media screen and (min-width: 768px) {
    .date-column div {
        height: 60px;
        width: 60px;
        line-height: 49px;
        font-size: 15px
    }
}

@media (min-width: 992px) {
    .date-column {
        padding-right: 0
    }
}

.jackpot-column {
    display: none;
    font-family: Gotham-Bold;
    font-size: 20px
}

.jackpot-column p {
    font-family: Gotham-Medium;
    font-size: 10px;
    margin: 5px 0 0;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .jackpot-column {
        display: block
    }
}

.jackpot-label {
    font-family: Gotham-Medium;
    font-size: 10px;
    margin: 5px 0 0
}

.lottery-block-content .jackpot-label {
    margin-bottom: 20px
}

.jackpot-mobile-column {
    display: none;
    max-width: 65%;
    margin-left: 20px;
    position: relative;
    font-size: 20px;
    font-family: Gotham-Bold;
    text-align: left;
    padding: 0
}

.jackpot-mobile-column p {
    font-size: 12px;
    text-transform: uppercase;
    font-family: Gotham-Medium;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .jackpot-mobile-column {
        display: inline-block;
        width: 30%
    }
}

@media (min-width: 992px) {
    .jackpot-mobile-column {
        display: none
    }
}

.jackpot .jackpot-mobile-column {
    display: inline-block
}

@media (min-width: 992px) {
    .jackpot .jackpot-mobile-column {
        display: none
    }
}

.results-column {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top
}

@media (min-width: 992px) {
    .results-column {
        margin-left: 0;
        display: block;
        transform: none
    }
}

.jackpot .results-column {
    display: none
}

@media (min-width: 768px) {
    .jackpot .results-column {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .jackpot .results-column {
        display: inline-block
    }
}

.arrow-column {
    line-height: normal;
    display: inline-block;
    text-align: right;
    padding: 0
}

.arrow-column .icon {
    font-size: 27px
}

@media (min-width: 768px) {
    .arrow-column {
        width: 40px
    }
}

@media (min-width: 992px) {
    .arrow-column {
        padding: 15px 0;
        height: auto;
        transform: none
    }
}

.results-mobile-title {
    text-transform: uppercase;
    font-family: Gotham-Medium;
    margin-bottom: 5px;
    display: block;
    font-size: 12px
}

.home .results-mobile-title span {
    font-family: Gotham-Bold
}

@media (min-width: 768px) {
    .results-mobile-title {
        display: none
    }
}

.time_left {
    margin-bottom: 5px;
    line-height: 20px;
    font-family: Gotham-Bold;
    font-size: 20px
}

.time_left span {
    width: 36px;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.time_left span:first-child {
    padding-left: 0
}

@media (min-width: 992px) {
    .time_left {
        padding: 0;
        width: 100%;
        line-height: inherit
    }
}

.jack-winner {
    font-family: Gotham-Medium;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    margin: 5px 0 0
}

@media (min-width: 992px) {
    .jack-winner {
        font-size: 10px
    }
}

.lottery-vertical-view {
    padding-top: 20px
}

.vertical-view-morebtn {
    color: #054bb5;
    letter-spacing: 1px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    padding: 25px 0;
    font-family: Gotham-Bold
}

.vertical-view-morebtn:hover {
    color: #ff2c2c
}

.vertical-view-morebtn i {
    position: relative;
    top: 2px;
    left: 5px
}

.mobile-scroll-more {
    display: none;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: -150px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -157.5px
}

@media (max-width: 767px) {
    .mobile-scroll-more {
        display: block
    }
}

.single-region .mobile-scroll-more {
    margin-top: -75px
}

@media (min-width: 450px) {
    .single-region .mobile-scroll-more {
        margin-top: -95px
    }
}

.single-results-hero {
    justify-content: space-around
}

.single-results-hero .cta-container {
    margin: 0 auto 20px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .single-results-hero .cta-container {
        max-width: 50%
    }
}

@media screen and (min-width: 1040px) {
    .single-results-hero .cta-container {
        margin: 0;
        text-align: left
    }
}

.single-results-hero .badge-container {
    justify-content: center
}

@media screen and (min-width: 1040px) {
    .single-results-hero .badge-container {
        justify-content: flex-start
    }
}

.single-results-hero form[id^=jot-subscriber-form] {
    text-align: inherit
}

.lottery-horizontal-view {
    padding: 0 15px
}

.single-results-more h2 {
    color: #000;
    text-align: center
}

@media screen and (min-width: 1026px) {
    .single-results-more .result-list-item-wrap {
        padding: 20px 25px
    }
}

@media screen and (min-width: 1040px) {
    .single-results-more .result-content-wrap {
        max-width: 280px
    }
}

.single-results-view-more {
    margin-top: 30px
}

.pignose-calendar .icon-arrow-left, .pignose-calendar .icon-arrow-right {
    font-family: pignose-calendar-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.pignose-calendar .icon-arrow-left:before {
    content: '\e90b'
}

.pignose-calendar .icon-arrow-right:before {
    content: '\e90a'
}

.pignose-calendar-wrapper {
    display: none;
    position: fixed;
    width: 80%;
    max-width: 360px;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    z-index: 50001;
    overflow: hidden;
    box-shadow: 0 4px 16px #000;
    transform: translate3d(0, 160px, 0);
    opacity: 0;
    transition: opacity .3s ease, transform .5s ease-out
}

.pignose-calendar-wrapper.pignose-calendar-wrapper-active {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.pignose-calendar-wrapper .pignose-calendar {
    max-width: auto;
    width: 100%;
    border: none
}

.pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group {
    border-top: 1px solid #e2e2e2;
    overflow: hidden
}

.pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button {
    width: 50%;
    display: block;
    float: left;
    height: 3.2em;
    text-align: center;
    line-height: 3.2em;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .3s ease;
    box-sizing: border-box
}

.pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button:hover {
    background-color: #efefef
}

.pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button-apply {
    color: #fff;
    background-color: #2fabb7
}

.pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button-apply:hover {
    background-color: #49c4d0
}

.pignose-calendar-wrapper-overlay {
    background-color: #000;
    opacity: 0;
    transition: opacity .3s ease;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 50000
}

.pignose-calendar-wrapper-overlay.pignose-calendar-wrapper-overlay-active {
    opacity: .7
}

.pignose-calendar {
    width: 80%;
    max-width: 360px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    font-size: 100%;
    margin: 0 auto;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25)
}

.pignose-calendar .pignose-calendar-top {
    padding: 2.6em 0;
    background-color: #fafafa;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .125);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    width: 100%;
    padding: 1.8em 0;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-month, .pignose-calendar .pignose-calendar-top .pignose-calendar-top-year {
    display: block;
    text-align: center
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-year {
    color: rgba(0, 0, 0, .5)
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
    margin-bottom: .4em;
    font-weight: 600
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav {
    display: inline-block;
    width: 1.6em;
    position: relative;
    z-index: 5;
    text-decoration: none
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-next {
    text-align: right
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-value {
    display: inline-block;
    color: #777;
    font-size: 115%;
    font-weight: 600;
    vertical-align: middle;
    margin-top: -10px
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    color: #555;
    font-size: 160%
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-prev {
    float: left;
    margin-left: 1.6em
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-prev .pignose-calendar-top-value {
    margin-left: .2em
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-next {
    float: right;
    margin-right: 1.6em
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-next .pignose-calendar-top-value {
    margin-right: .2em
}

.pignose-calendar .pignose-calendar-header {
    padding: 0 1.2em;
    margin-top: 1.2em;
    font-weight: 600;
    overflow: hidden
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week {
    float: left;
    width: 14.28%;
    height: 2.8em;
    text-align: center;
    line-height: 2.8em;
    box-sizing: border-box
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat, .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun {
    color: #054bb5
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week:last-child {
    width: 14.32%
}

.pignose-calendar .pignose-calendar-body {
    padding: 1.2em
}

.pignose-calendar .pignose-calendar-body .pignose-calendar-row {
    display: flex;
    margin-bottom: 5px
}

.pignose-calendar .pignose-calendar-body .pignose-calendar-row:last-child {
    margin-bottom: 0
}

.pignose-calendar .pignose-calendar-unit {
    display: flex;
    height: 3em;
    width: 14.28%;
    text-align: center;
    line-height: 2.8em;
    box-sizing: border-box;
    justify-content: center;
    align-items: center
}

.pignose-calendar .pignose-calendar-unit:last-child {
    width: 14.32%
}

.pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container {
    line-height: .5em
}

.pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container .pignose-calendar-button-schedule-pin {
    display: inline-block;
    background-color: #777;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    margin-right: .2em
}

.pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container .pignose-calendar-button-schedule-pin:last-child {
    margin-right: 0
}

.pignose-calendar .pignose-calendar-unit a {
    display: inline-block;
    width: 2.4em;
    height: 2.4em;
    border-radius: 50%;
    color: #49c4d0;
    line-height: 2.4em;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease, color .3s ease
}

.pignose-calendar .pignose-calendar-unit a:active {
    background-color: #d8d8d8
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-disabled a {
    opacity: .5;
    background-color: #efefef
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    color: #fff;
    font-weight: 600
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active.pignose-calendar-unit-sat a, .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active.pignose-calendar-unit-sun a {
    color: #fff
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range a {
    background-color: #efefef;
    border-radius: 0;
    width: 100%
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-disabled a {
    color: #b2b9bb;
    background-color: #e1e1e1
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-range-first a {
    border-top-left-radius: 1.2em;
    border-bottom-left-radius: 1.2em
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-range-last a {
    border-top-right-radius: 1.2em;
    border-bottom-right-radius: 1.2em
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a, .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a {
    color: #054bb5
}

.pignose-calendar.pignose-calendar-default .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle-active a {
    color: #ccc !important
}

.pignose-calendar.pignose-calendar-default.pignose-calendar-reverse .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle-inactive a {
    color: #ccc !important
}

.pignose-calendar.pignose-calendar-dark {
    border-color: #323537;
    background-color: #4b4f51;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .5)
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-top {
    background-color: #3f4244;
    border-bottom-color: #323537;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .175)
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-month {
    color: #fff
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-year {
    color: #bdc2c5
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-value {
    color: #a2a9ab
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    color: #a2a9ab
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-header .pignose-calendar-week {
    color: #bdc2c5
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-header.pignose-calendar-week-sat, .pignose-calendar.pignose-calendar-dark .pignose-calendar-header.pignose-calendar-week-sun {
    color: #ff6060
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit a {
    color: #51cfd2
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a, .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a {
    color: #ff6060
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-disabled a {
    color: #868e8f;
    background-color: #5d6365
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
    color: #fff;
    background-color: #31bbbf;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .75)
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle a {
    color: #8b8f94
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range a {
    background-color: #5a5d62
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-disabled a {
    color: #727a7c;
    background-color: #4f5558
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group {
    border-top: 1px solid #323537;
    overflow: hidden
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group .pignose-calendar-button {
    color: #fff
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group .pignose-calendar-button:hover {
    background-color: #5a5d62
}

.pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group .pignose-calendar-button-apply {
    color: #fff;
    background-color: #31bbbf
}

.pignose-calendar.pignose-calendar-blue {
    background-color: #fafafa
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
    background-color: #009fe3;
    border-bottom-color: #e1e1e1
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-month {
    color: #fff
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-year {
    color: #fff
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-value {
    color: #fff
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    color: #fff
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week {
    color: #5c6270
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat, .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun {
    color: #054bb5
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit a {
    color: #5c6270
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a, .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a {
    color: #054bb5
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-disabled a {
    background-color: #efefef
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
    color: #fff;
    background-color: #009fe3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .75)
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle a {
    color: #ccc
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range a {
    background-color: #efefef
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-disabled a {
    background-color: #efefef
}

.searchBar .search-item.dates .dropdown-menu .multi-select-calendar {
    border: 0;
    background: 0 0;
    box-shadow: none;
    width: 100%
}

@media (min-width: 768px) {
    .searchBar .search-item.dates .dropdown-menu .multi-select-calendar {
        width: 360px;
        max-width: 360px
    }
}

.searchBar .search-item.dates .dropdown-menu {
    padding: 0;
    border: 1px solid #d8d8d8;
    left: 0;
    right: 0
}

.searchBar .search-item.dates .dropdown-menu .multi-select-calendar .pignose-calendar {
    width: 100%;
    border: 0;
    box-shadow: none
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date span {
    text-align: center;
    color: #054bb5
}

.pignose-calendar .icon-arrow-right:before {
    content: "";
    font-family: lottery-icons !important;
    color: #054bb5
}

.pignose-calendar .icon-arrow-left:before {
    content: "";
    font-family: lottery-icons !important;
    color: #054bb5
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #054bb5;
    width: 2.8em;
    height: 2.8em;
    line-height: 2.8em
}

.pignose-calendar .pignose-calendar-top {
    padding: 25px 0
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    padding: 12px 0
}

.pignose-calendar .pignose-calendar-unit a {
    color: #333;
    font-family: Gotham-Bold
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    text-align: center
}

.dates .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav {
    width: 50px;
    margin: 0
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week {
    font-family: Gotham-Bold
}

.pignose-calendar-button-apply {
    width: 160px;
    display: block;
    font-size: 15px;
    text-decoration: none !important;
    font-family: Gotham-Bold;
    text-align: center;
    padding: 11px 0;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, .75);
    margin: auto;
    color: #fff !important;
    background-color: #054bb5;
    line-height: 15px;
    text-transform: uppercase;
    transition: all .3s
}

.pignose-calendar-button-apply.disabled, .pignose-calendar-button-apply.disabled:hover {
    box-shadow: 0 0;
    background-color: #f5f8fb;
    color: #666768
}

.pignose-calendar-button-apply:hover {
    box-shadow: 0 0 0 0 transparent;
    background-color: #054bb5
}

.pignose-calendar-button-cancel {
    display: none
}

.pignose-calendar-button-group {
    padding: 15px
}

.multi-select-calendar {
    border: 0;
    background: 0 0;
    box-shadow: none;
    width: 100%
}

@media (min-width: 768px) {
    .multi-select-calendar {
        width: 360px;
        max-width: 360px
    }
}

.searchBar .search-item.dates .dropdown-menu {
    padding: 0;
    border: 1px solid #d8d8d8;
    left: 0;
    right: 0
}

.multi-select-calendar .pignose-calendar {
    width: 100%;
    border: 0;
    box-shadow: none
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date span {
    text-align: center;
    color: #fff
}

.pignose-calendar .icon-arrow-right:before {
    content: "";
    font-family: lottery-icons !important;
    color: #fff
}

.pignose-calendar .icon-arrow-left:before {
    content: "";
    font-family: lottery-icons !important;
    color: #fff
}

.pignose-calendar .pignose-calendar-unit {
    height: 2.4em
}

.pignose-calendar .pignose-calendar-unit a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

@media screen and (min-width: 768px) {
    .pignose-calendar .pignose-calendar-unit a {
        width: 2.4em;
        height: 2.4em;
        line-height: 2.4em;
        font-size: 16px;
        line-height: 16px
    }
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #054bb5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
        width: 36px;
        height: 36px;
        line-height: 36px
    }
}

.pignose-calendar .pignose-calendar-top {
    padding: 0;
    box-shadow: 0 0;
    background-color: #054bb5
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    padding: 7px 0;
    font-size: 13px
}

@media screen and (min-width: 768px) {
    .pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
        padding: 12px 0;
        font-size: 16px
    }
}

.pignose-calendar .pignose-calendar-unit a {
    color: #333;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-weight: 400
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    text-align: center;
    font-size: 18px
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav {
    width: 50px;
    margin: 0
}

.pignose-calendar .pignose-calendar-header {
    padding: 0 10px;
    margin-top: 10px
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week {
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 10px
}

@media screen and (min-width: 768px) {
    .pignose-calendar .pignose-calendar-header .pignose-calendar-week {
        font-size: 14px
    }
}

.pignose-calendar .pignose-calendar-body {
    padding: 0 10px
}

.pignose-calendar-button-cancel {
    display: none
}

.searchBar {
    background-color: #fff;
    padding: 20px 0 0;
    color: #333
}

.searchBar .home.search-item span.selected_item:before {
    content: "";
    font-family: lottery-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    right: inherit;
    left: -20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.searchBar .home.search-item span.selected_item.open:before {
    content: ""
}

.searchBar .search-item {
    display: inline-block;
    margin-right: 50px;
    padding-left: 15px;
    cursor: pointer
}

.searchBar .search-item .dropdown.open .dropdown-menu {
    font-family: Gotham-Book, Verdana, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 14px;
    display: block;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .searchBar .search-item .dropdown.open .dropdown-menu {
        overflow: scroll;
        border: none;
        padding: 0;
        left: 0;
        top: 15px;
        margin-bottom: 5px;
        margin-top: 10px
    }
}

.searchBar .search-item .dropdown.open .dropdown-menu.multi-select-calendar {
    overflow: visible
}

@media (min-width: 768px) {
    .searchBar .search-item.dates .dropdown.open .dropdown-menu {
        overflow: hidden;
        border: none;
        padding: 0;
        width: 360px;
        border-radius: 4px
    }
}

.searchBar .search-item:not(.dates) .dropdown.open .dropdown-menu {
    max-height: 300px;
    height: auto
}

.searchBar .search-item span {
    font-family: Gotham-Bold;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    display: block;
    position: relative;
    text-transform: uppercase
}

.searchBar .search-item span.selected_item:before {
    content: "";
    font-family: lottery-icons !important;
    display: inline-block;
    font-size: 13px;
    text-rendering: auto;
    position: absolute;
    right: -32px;
    top: 0;
    cursor: pointer
}

.searchBar .search-item > span {
    text-align: center;
    font-size: 12px
}

.searchBar .search-item .dropdown.open .selected_item:before {
    content: ""
}

.searchBar .search-item .dropdown span {
    font-family: Gotham-Bold;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    display: block;
    position: relative;
    text-transform: uppercase
}

.searchBar .search-item .dropdown .pignose-calendar-top-month {
    text-align: center;
    font-size: 14px
}

.searchBar .search-item .dropdown .pignose-calendar-top-year {
    text-align: center;
    font-size: 12px
}

.dates.search-item.openCalendar .dropdown-menu {
    display: block !important;
    margin-top: 10px !important
}

.dates.search-item.openCalendar .selected_item:before {
    content: "" !important
}

.mobileFilterSection {
    text-align: left;
    border-bottom: 1px solid #f6f4f6;
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .mobileFilterSection {
        display: none
    }
}

.mobileFilterSection .filterInfo {
    display: inline-block;
    font-size: 12px;
    text-align: left;
    font-family: Gotham-Bold;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .mobileFilterSection .filterInfo {
        width: 80%
    }
}

.mobileFilterSection .filterInfo span {
    display: block;
    font-size: 10px;
    font-family: Gotham-Book
}

.mobileFilterSection .filterInfo p {
    margin-bottom: 5px;
    position: relative;
    cursor: pointer
}

@media (min-width: 480px) {
    .mobileFilterSection .filterInfo p {
        display: inline-block;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .mobileFilterSection .filterInfo p {
        display: block
    }
}

.mobileFilterSection .filterInfo p:nth-child(4) a {
    display: none
}

.mobileFilterSection .filterInfo a {
    display: block;
    position: absolute;
    right: -30px;
    text-decoration: none !important;
    top: -4px;
    font-size: 20px;
    color: #aba8a8;
    height: 25px;
    line-height: 25px
}

@media (min-width: 480px) {
    .mobileFilterSection .filterInfo a {
        font-size: 14px;
        position: static;
        display: inline-block;
        margin-left: 5px
    }
}

.filterIcon {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.filterIcon:before {
    content: '';
    display: block;
    margin: auto;
    width: 22px;
    height: 27px;
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/filter.svg);
    background-size: 22px 27px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

@media (min-width: 480px) {
    .filterIcon {
        left: 30px
    }
}

.filterIcon span {
    font-size: 9px;
    text-transform: uppercase
}

.dropdown-toggle {
    display: block;
    position: relative
}

.dropdown-toggle > .selected_item {
    left: 0;
    right: 0
}

@media (min-width: 768px) {
    .dropdown-toggle > .selected_item {
        margin-bottom: 20px
    }
}

.filterTitle {
    font-size: 10px;
    margin: 0 0 5px
}

@media (min-width: 768px) {
    .filterTitle {
        display: none
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, .15);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #000;
    font-family: Gotham-Medium, Verdana, sans-serif;
    text-decoration: none;
    white-space: nowrap
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #595a5b;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #054bb5
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #595959
}

.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #595959;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.filter-container {
    position: relative;
    z-index: 10;
    margin: 0 0 15px;
    padding: 15px;
    background-color: #fff
}

.filter-container::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: -1000px;
    right: -1000px;
    top: 0;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.filter-container h2 {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 1.25;
    text-align: center
}

.filter-container select {
    background: #f4f4f4;
    padding: 5px;
    width: 100%
}

@media screen and (min-width: 600px) {
    .filter-container.all-filters h2 {
        font-size: 20px
    }

    .filter-container.all-filters .filters {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (min-width: 768px) {
    .filter-container.all-filters h2 {
        font-size: 20px
    }
}

@media screen and (min-width: 1200px) {
    .filter-container.all-filters {
        padding: 15px 0;
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0 0 35px
    }

    .filter-container.all-filters .filters {
        flex: 1;
        margin-left: 35px;
        padding-left: 35px;
        border-left: 1px solid #ddd;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .filter-container.all-filters h2 {
        margin: 0;
        font-size: 20px;
        max-width: 290px;
        text-align: left
    }
}

@media screen and (min-width: 1350px) {
    .filter-container.all-filters h2 {
        max-width: 200px
    }
}

@media screen and (min-width: 600px) {
    .filter-container:not(.all-filters) h2 {
        font-size: 20px
    }

    .filter-container:not(.all-filters) .filters {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (min-width: 658px) {
    .filter-container:not(.all-filters) {
        padding: 15px 0;
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0 0 35px
    }

    .filter-container:not(.all-filters) h2 {
        margin: 0;
        font-size: 21px;
        max-width: 190px;
        text-align: left
    }

    .filter-container:not(.all-filters) .filters {
        flex: 1;
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #ddd;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
}

@media screen and (min-width: 768px) {
    .filter-container:not(.all-filters) h2 {
        font-size: 20px;
        max-width: 210px
    }
}

@media screen and (min-width: 820px) {
    .filter-container:not(.all-filters) h2 {
        max-width: 240px
    }
}

@media screen and (min-width: 1200px) {
    .filter-container:not(.all-filters) {
        padding: 15px 0
    }

    .filter-container:not(.all-filters) .filters {
        margin-left: 35px;
        padding-left: 35px
    }

    .filter-container:not(.all-filters) h2 {
        max-width: 290px
    }
}

@media screen and (min-width: 1350px) {
    .filter-container:not(.all-filters) h2 {
        max-width: 200px
    }
}

.filter-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.filter-wrap label {
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 12px;
    color: #666768;
    margin-bottom: 0;
    display: block;
    width: 30%;
    margin-right: 15px;
    text-align: right
}

.filter-wrap.hidden {
    display: none
}

.filter-wrap .chosen-container-single .chosen-single {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    height: 40px;
    display: flex;
    align-items: center;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 16px;
    transition: all .2s
}

.filter-wrap .chosen-container-single .chosen-single b {
    background-position: 0 9px
}

.filter-wrap .chosen-container-single.chosen-with-drop .chosen-single {
    background: #fff
}

.filter-wrap.show-remove .chosen-container-single .chosen-single b {
    display: none
}

.filter-wrap:last-child {
    margin-bottom: 0;
    position: relative
}

.filter-wrap .chosen-container {
    width: 100% !important
}

@media screen and (min-width: 600px) {
    .filter-wrap {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding-right: 15px;
        margin-bottom: 0;
        width: 160px
    }

    .filter-wrap:last-child {
        padding-right: 0
    }

    .filter-wrap label {
        display: block;
        margin-bottom: 5px;
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .filter-wrap {
        width: 200px;
        padding-right: 20px
    }

    .filter-wrap:last-child {
        padding-right: 0
    }

    .filter-wrap label {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 1200px) {
    .filter-wrap {
        margin-bottom: 0
    }

    .filter-wrap label {
        margin-bottom: 10px
    }
}

.chosen-container .chosen-results li {
    font-family: Gotham-Medium, Verdana, sans-serif
}

.chosen-container .chosen-results li.highlighted {
    background: #054bb5
}

.filter-date-menu {
    display: none
}

.filter-date-menu.open {
    width: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 33px;
    z-index: 12;
    background-color: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    border-radius: 10px
}

@media screen and (min-width: 600px) {
    .filter-date-menu.open {
        top: 56px;
        left: -25%
    }
}

@media screen and (min-width: 768px) {
    .filter-date-menu.open {
        width: auto;
        top: 63px;
        left: -40%
    }
}

.filter-date {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    height: 33px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Gotham-Book, Verdana, sans-serif;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    padding: 0 8px
}

@media screen and (min-width: 600px) {
    .game-jackpots.single-region .filter-date, .game-results.single-region .filter-date {
        height: 40px
    }
}

@media screen and (min-width: 768px) {
    .filter-date {
        height: 40px;
        width: 200px;
        font-family: Gotham-Medium, Verdana, sans-serif;
        color: #444
    }
}

.icon-cross {
    font-size: 12px;
    color: #444
}

.show-remove .icon-calendar {
    display: none
}

.filter-reset {
    display: none;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    position: absolute;
    right: 0;
    bottom: 0
}

.show-remove .filter-reset {
    display: flex
}

@media screen and (min-width: 600px) {
    .filter-reset {
        width: 40px;
        height: 40px;
        right: 20px
    }

    .date.show-remove .filter-reset {
        right: 0
    }
}

.result-list-container {
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    align-self: flex-start
}

@media screen and (min-width: 1026px) {
    .result-list-container {
        width: 48%
    }
}

.result-list-header {
    text-decoration: none;
    background: #054bb5;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .2s
}

.result-list-header p {
    padding: 0;
    margin: 0;
    font-family: Gotham-Medium, Verdana, sans-serif;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center
}

@media screen and (min-width: 768px) {
    .result-list-header p {
        font-size: 16px
    }
}

.result-list-header .icon-arrow-right {
    font-size: 22px
}

.result-list-header:hover {
    background: #054bb5
}

.result-list-header:hover p {
    text-decoration: underline
}

@media screen and (min-width: 768px) {
    .result-list-header {
        padding: 18px 20px
    }
}

.result-list-name {
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .result-list-name {
        font-size: 18px
    }
}

.result-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.result-list-item {
    border-bottom: 1px solid #ddd
}

.result-list-item:last-child {
    border-bottom: none
}

.result-numbers {
    width: 100%
}

.result-numbers .lottery-ball-wrap {
    width: 15.1%;
    padding: 4px
}

.result-numbers .lottery-ball {
    width: 100%;
    height: auto;
    padding-top: 100%;
    font-family: Gotham-Bold, Verdana, sans-serif
}

@media screen and (min-width: 475px) {
    .result-numbers {
        justify-content: flex-end
    }

    .result-numbers .lottery-ball-wrap {
        width: auto;
        padding: 0 0 0 10px
    }

    .result-numbers .lottery-ball {
        padding-top: 0;
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width: 768px) {
    .result-numbers {
        justify-content: center
    }
}

@media screen and (min-width: 1026px) {
    .result-numbers {
        justify-content: center
    }

    .result-numbers .lottery-ball-wrap {
        width: 15.1%;
        padding: 4px
    }

    .result-numbers .lottery-ball {
        width: 100%;
        height: auto;
        padding-top: 100%;
        font-family: Gotham-Bold, Verdana, sans-serif
    }
}

.result-list-item-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    text-decoration: none;
    color: #000;
    transition: background .2s
}

.result-list-item-wrap label {
    display: block;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 12px;
    color: #666768;
    margin-bottom: 5px
}

.result-list-item-wrap:hover {
    background: #f5f8fb
}

@media screen and (min-width: 590px) {
    .result-list-item-wrap {
        justify-content: flex-start;
        padding: 20px
    }

    .result-list-item-wrap label {
        font-size: 14px
    }
}

@media screen and (min-width: 1026px) {
    .result-list-item-wrap {
        min-height: 120px;
        padding: 30px 25px
    }
}

.result-date-wrap {
    padding-right: 20px
}

.result-date-wrap > div {
    text-align: left;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .result-date-wrap {
        padding-right: 0;
        flex: .7
    }

    .result-date-wrap > div {
        text-align: center
    }
}

.result-jackpot-wrap {
    text-align: right
}

@media screen and (min-width: 768px) {
    .result-jackpot-wrap {
        flex: 1;
        text-align: left
    }
}

.result-content-wrap {
    width: 100%;
    margin-top: 15px
}

.result-content-wrap .lottery-countdown-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.result-content-wrap .lottery-item-bonus {
    margin-top: 4px;
    text-align: right
}

@media screen and (min-width: 590px) {
    .result-content-wrap {
        flex: 2;
        text-align: center;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .result-content-wrap .lottery-countdown-container {
        align-items: center
    }

    .result-content-wrap .lottery-item-bonus {
        text-align: center
    }
}

@media screen and (min-width: 768px) {
    .result-content-wrap {
        align-items: center
    }
}

.result-content-wrap .lottery-countdown, .result-date, .result-jackpot {
    font-family: Gotham-Bold, Verdana, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 600px) {
    .result-content-wrap .lottery-countdown, .result-date, .result-jackpot {
        font-size: 18px
    }
}

.results-single-container {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    border-radius: 10px;
    margin-bottom: 40px
}

.card {
    padding: 25px;
    background-color: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.card.app-feature {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    border-radius: 10px
}

@media screen and (min-width: 560px) {
    .card.app-feature {
        padding: 20px
    }

    .card .cards-wrapper {
        max-width: 250px
    }
}

@media screen and (min-width: 960px) {
    .card.app-feature {
        padding: 25px
    }
}

.red-circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    margin-right: 5px
}

.no-webp .red-circle.calendar {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-calendar.png) no-repeat;
    background-size: 100%
}

.webp .red-circle.calendar {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-calendar.webp) no-repeat;
    background-size: 100%
}

.no-webp .red-circle.cash {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-cash.png) no-repeat;
    background-size: 100%
}

.webp .red-circle.cash {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-cash.webp) no-repeat;
    background-size: 100%
}

.no-webp .red-circle.heart {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-heart.png) no-repeat;
    background-size: 100%
}

.webp .red-circle.heart {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-heart.webp) no-repeat;
    background-size: 100%
}

.no-webp .red-circle.security {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-security.png) no-repeat;
    background-size: 100%
}

.webp .red-circle.security {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-security.webp) no-repeat;
    background-size: 100%
}

.no-webp .red-circle.time {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-time.png) no-repeat;
    background-size: 100%
}

.webp .red-circle.time {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/assets/images/icon-time.webp) no-repeat;
    background-size: 100%
}

@media screen and (min-width: 960px) {
    .red-circle.left {
        top: -30px;
        left: -30px
    }
}

@media screen and (min-width: 960px) {
    .red-circle.right {
        top: -30px;
        right: -30px
    }
}

@media screen and (min-width: 960px) {
    .red-circle {
        display: block;
        position: absolute;
        width: 60px;
        height: 60px;
        top: 20px;
        right: 20px;
        margin-right: 0
    }
}

.lottery-block {
    text-decoration: none;
    user-select: none;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-family: Gotham-Book, Verdana, sans-serif;
    border-radius: 10px;
    margin: 0 auto 15px;
    max-width: 330px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    transition: all .2s ease 0s;
    display: none
}

.lottery-block.selected {
    display: block
}

.lottery-block.large {
    display: block
}

.related-results .lottery-block {
    display: block
}

@media screen and (min-width: 768px) {
    .lottery-block {
        display: block;
        width: 330px;
        margin: 0 8px 15px
    }

    .lottery-block.large {
        max-width: none;
        width: 400px;
        display: inline-block
    }
}

@media screen and (min-width: 1080px) {
    .lottery-block {
        display: block;
        width: 23%;
        margin: 0 1% 15px
    }

    .lottery-block.large {
        max-width: none;
        width: 400px;
        display: inline-block;
        margin: 0 8px 15px
    }
}

@media screen and (min-width: 1380px) and (max-width: 1414px) {
    .lottery-block {
        max-width: 300px;
        margin: 0 8px 15px
    }
}

.lottery-block-header {
    border-bottom: 1px solid #ddd;
    display: flex;
    padding: 13px 18px;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .related-results .lottery-block-header, .single-results-hero .lottery-block-header {
        padding: 15px
    }
}

.lottery-block-header .lottery-item-date {
    margin: 0;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 14px
}

.lottery-block-content {
    padding: 12px 15px
}

@media screen and (min-width: 768px) {
    .lottery-block-content {
        padding: 22px 15px 12px
    }

    .large .lottery-block-content {
        padding: 45px
    }
}

.lottery-item-title {
    font-family: Gotham-Bold, Verdana, sans-serif;
    color: #2267d8;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: left
}

.lottery-item-price {
    font-family: Gotham-Bold, Verdana, sans-serif;
    font-size: 24px;
    line-height: 32px;
    padding: 0;
    margin: 0 0 10px
}

@media screen and (min-width: 768px) {
    .large .lottery-item-price {
        font-size: 34px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .lottery-item-price {
        font-size: 16px;
        margin: 0 0 16px
    }

    .large .lottery-item-price {
        font-size: 34px;
        margin-bottom: 0
    }
}

.lottery-countdown {
    font-family: Gotham-Bold, Verdana, sans-serif;
    font-size: 16px;
    margin-bottom: 3px
}

.lottery-countdown span {
    width: 32px;
    text-align: center;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.lottery-countdown span:first-child {
    padding-left: 0
}

.lottery-block-content .lottery-countdown {
    font-size: 27px
}

.lottery-block-content .lottery-countdown span {
    width: 54px
}

@media screen and (min-width: 768px) {
    .lottery-countdown {
        font-size: 20px
    }

    .lottery-horizontal-view .lottery-countdown {
        font-size: 18px
    }
}

.jackpot-label, .lottery-item-draw {
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 10.5px;
    margin: 0;
    color: #555
}

.lottery-block-content .jackpot-label, .lottery-block-content .lottery-item-draw {
    font-size: 13.5px;
    margin-top: 5px
}

.lottery-item-winning {
    font-size: 12px;
    font-family: Gotham-Medium, Verdana, sans-serif;
    padding: 0;
    margin: 0 0 10px;
    color: #555
}

@media screen and (min-width: 768px) {
    .large .lottery-item-winning {
        font-size: 14px;
        margin-bottom: 20px
    }
}

.lottery-item-bonus {
    margin: 0;
    font-size: 12px;
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #555
}

.lottery-countdown-container {
    min-width: 110px
}

@media screen and (min-width: 768px) {
    .post-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .post-wrapper .post {
        width: 50%;
        padding: 10px
    }
}

.post {
    margin-bottom: 30px
}

.post a:hover {
    text-decoration: none
}

.post-container {
    position: relative;
    height: 250px;
    background-size: cover;
    border-radius: 7px;
    transition: .2s
}

.post-container:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, .35)
}

.post-container::after, .post-container::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    border-radius: 7px
}

.post-container::before {
    background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, .6) 90%)
}

.post-container::after {
    background: linear-gradient(45deg, rgba(179, 16, 13, .15) 0, rgba(0, 96, 27, .15) 100%)
}

.post-info {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 20px;
    right: 20px
}

.post-date, .post-title {
    color: #fff
}

.post-date {
    margin-bottom: 5px
}

.post-title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Gotham-Bold;
    padding: 0 0 0 8px;
    border-left: 5px solid #c7201d
}

.pager-next, .pager-prev {
    display: inline-block
}

.pager-next:not(:empty), .pager-prev:not(:empty) {
    margin: 0 10px
}

.single-post .main-content img {
    width: 100%
}

.single-post .main-content p {
    line-height: 1.5
}

.single-post .main-content b, .single-post .main-content strong {
    font-weight: 400
}

.btn, .pager-next a, .pager-prev a {
    display: inline-block;
    padding: 15px;
    text-decoration: none;
    font-family: Gotham-Bold, Verdana, sans-serif;
    transition: all .3s ease 0s;
    font-size: 13px;
    border-radius: 25px;
    border: none
}

@media screen and (min-width: 768px) {
    .btn, .pager-next a, .pager-prev a {
        padding: 15px 35px;
        font-size: 16px;
        font-family: Gotham-Medium, Verdana, sans-serif
    }
}

.btn-sm {
    padding: 10px 15px
}

@media screen and (min-width: 768px) {
    .btn-sm {
        padding: 10px 20px;
        font-size: 14px
    }
}

.btn-green {
    transition: all .3s ease 0s;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    background: #50d586;
    background: linear-gradient(to bottom, #50d586 0, #32ba54 100%);
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

.btn-green:hover {
    background: linear-gradient(to bottom, #50d586 0, #50d586 100%);
    box-shadow: 0 0 0 transparent
}

.btn-blue {
    transition: all .3s ease 0s;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    background: #324689;
    background: linear-gradient(to bottom, #324689 0, #23315f 100%);
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

.btn-blue:hover {
    background: linear-gradient(to bottom, #324689 0, #324689 100%);
    box-shadow: 0 0 0 transparent
}

.btn-grey {
    transition: all .3s ease 0s;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #595959;
    border: 1px solid #595959;
    font-family: Gotham-Medium, Verdana, sans-serif
}

.btn-grey:after, .btn-grey:before {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #595959;
    border-radius: 50%;
    z-index: -1
}

.btn-grey:before {
    left: -20px;
    transform: translate(-50%, -50%)
}

.btn-grey:after {
    right: -20px;
    transform: translate(50%, -50%)
}

.btn-grey:hover {
    color: #fff;
    box-shadow: 0 0 0 transparent
}

.btn-grey:hover:before {
    animation: criss-cross-left .5s both;
    animation-direction: alternate
}

.btn-grey:hover:after {
    animation: criss-cross-right .5s both;
    animation-direction: alternate
}

.btn-white {
    transition: all .3s ease 0s;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    font-family: Gotham-Medium, Verdana, sans-serif
}

.btn-white:after, .btn-white:before {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1
}

.btn-white:before {
    left: -20px;
    transform: translate(-50%, -50%)
}

.btn-white:after {
    right: -20px;
    transform: translate(50%, -50%)
}

.btn-white:hover {
    color: #054bb5;
    box-shadow: 0 0 0 transparent
}

.btn-white:hover:before {
    animation: criss-cross-left .5s both;
    animation-direction: alternate
}

.btn-white:hover:after {
    animation: criss-cross-right .5s both;
    animation-direction: alternate
}

.btn-red, .pager-next a, .pager-prev a {
    transition: all .3s ease 0s;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #054bb5;
    border: 1px solid #054bb5;
    font-family: Gotham-Medium, Verdana, sans-serif
}

.btn-red:after, .btn-red:before, .pager-next a:after, .pager-next a:before, .pager-prev a:after, .pager-prev a:before {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #054bb5;
    border-radius: 50%;
    z-index: -1
}

.btn-red:before, .pager-next a:before, .pager-prev a:before {
    left: -20px;
    transform: translate(-50%, -50%)
}

.btn-red:after, .pager-next a:after, .pager-prev a:after {
    right: -20px;
    transform: translate(50%, -50%)
}

.btn-red:hover, .pager-next a:hover, .pager-prev a:hover {
    color: #fff;
    box-shadow: 0 0 0 transparent
}

.btn-red:hover:before, .pager-next a:hover:before, .pager-prev a:hover:before {
    animation: criss-cross-left .5s both;
    animation-direction: alternate
}

.btn-red:hover:after, .pager-next a:hover:after, .pager-prev a:hover:after {
    animation: criss-cross-right .5s both;
    animation-direction: alternate
}

.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.loader {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    font-size: 3px;
    border-top: 1.1em solid rgba(255, 255, 255, .2);
    border-right: 1.1em solid rgba(255, 255, 255, .2);
    border-bottom: 1.1em solid rgba(255, 255, 255, .2);
    border-left: 1.1em solid #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.loader {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    font-size: 3px;
    border-top: 1.1em solid rgba(255, 255, 255, .2);
    border-right: 1.1em solid rgba(255, 255, 255, .2);
    border-bottom: 1.1em solid rgba(255, 255, 255, .2);
    border-left: 1.1em solid #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

.spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2s infinite linear;
    animation: sk-rotate 2s infinite linear
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #ec1919;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.ninja-forms-form-wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 25px
}

.nf-before-form-content {
    margin-bottom: 20px
}

.ninja-forms-field {
    padding: 15px 10px;
    border: 1px solid #ccc
}

select.ninja-forms-field {
    height: 50px;
    border-radius: 0;
    border: 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-appearance: none
}

.nf-fu-fileinput-button {
    border: 1px solid #ccc;
    border-radius: 0
}

input[type=button].ninja-forms-field {
    background: #cf1f1f;
    border: none;
    color: #fff;
    padding: 10px 20px
}

input[type=button].ninja-forms-field:hover {
    background: #ff2c2c
}

form[id^=jot-subscriber-form] {
    text-align: center;
    position: relative
}

form[id^=jot-subscriber-form] .loader {
    bottom: -45px
}

div.jot_info, form[id^=jot-subscriber-form] br, form[id^=jot-subscriber-form] h3, form[id^=jot-subscriber-form] label {
    display: none !important
}

form[id^=jot-subscriber-form] .jot-fieldset p {
    display: inline-block;
    float: left
}

.branded-button, form[id^=jot-subscriber-form] input[type=number], form[id^=jot-subscriber-form] input[type=tel], form[id^=jot-subscriber-form] input[type=text] {
    width: 280px;
    display: inline-block;
    font-size: 18px;
    text-decoration: none !important;
    font-family: Gotham-Bold;
    text-align: center;
    padding: 13px 10px;
    border-radius: 30px;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 15px -8px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 4px 15px -8px rgba(0, 0, 0, .75);
    box-shadow: 0 4px 15px -8px rgba(0, 0, 0, .75);
    border: 0;
    background: #fff;
    outline: 0;
    color: #333
}

form[id^=jot-subscriber-form] input[type=tel] {
    margin-right: 10px;
    cursor: auto
}

form[id^=jot-subscriber-form] input[type=number]::-webkit-inner-spin-button, form[id^=jot-subscriber-form] input[type=number]::-webkit-outer-spin-button {
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.branded-button {
    color: #fff;
    background: #ff2c2c;
    background: -moz-linear-gradient(top, #ff2c2c 0, #d32424 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #ff2c2c), color-stop(100%, #d32424));
    background: -webkit-linear-gradient(top, #ff2c2c 0, #d32424 100%);
    background: -o-linear-gradient(top, #ff2c2c 0, #d32424 100%);
    background: -ms-linear-gradient(top, #ff2c2c 0, #d32424 100%);
    background: linear-gradient(to bottom, #ff2c2c 0, #d32424 100%);
    width: auto;
    padding: 13px 20px
}

.branded-button:hover {
    box-shadow: none;
    background: #ff2c2c
}

.branded-button:active, .branded-button:hover {
    color: #fff;
    text-decoration: none
}

.non-ios {
    margin-bottom: 20px
}

.non-ios .branded-button {
    display: inline-block
}

.jot-subscribegroup-button {
    margin-bottom: 20px
}

.jot-subscribe-message {
    position: absolute;
    top: 100%;
    text-align: center;
    font-size: 12px;
    font-family: Gotham-Medium, Verdana, sans-serif;
    width: 100%;
    padding: 5px
}

.phone-input-container .jot-subscribe-message {
    bottom: -30px;
    left: 0
}

form[id^=jot-subscriber-form] .loader {
    margin-top: 10px
}

.mobile-app-download-icons {
    display: none;
    text-align: center;
    padding-top: 20px
}

.mobile-app-download-icons img {
    margin-bottom: 5px
}

@media (max-width: 768px) {
    .mobile-app-download-icons {
        display: block
    }
}

@media (max-width: 768px) {
    #jot-subscriber-form-1 {
        display: none
    }
}

div.jot_error, div.jot_success {
    font-size: 12px;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    background: 0 0;
    color: #fff;
    font-family: Gotham-Bold
}

#jot-messagestatus span {
    display: block
}

#jot-messagestatus a {
    color: #fff;
    text-decoration: underline
}

.customTelNumber::-webkit-input-placeholder {
    color: #e0e0e0
}

.customTelNumber::-moz-placeholder {
    color: #e0e0e0
}

.customTelNumber:-moz-placeholder {
    color: #e0e0e0
}

.customTelNumber:-ms-input-placeholder {
    color: #e0e0e0
}

.phone-input-container {
    background-color: #fff;
    border-radius: 25px;
    padding: 8px 8px 8px 36px;
    position: relative;
    max-width: 400px;
    cursor: pointer
}

.phone-input-container form {
    margin: 0;
    display: flex
}

.phone-input {
    border: none;
    background-color: transparent;
    width: 130px;
    margin-right: 5px
}

.transformer-tabs {
    margin-top: 40px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

@media screen and (min-width: 768px) {
    .transformer-tabs {
        display: none
    }
}

.transformer-tabs ul {
    display: flex;
    padding: 0;
    margin: 0 0 20px;
    list-style-type: none;
    align-items: center
}

.transformer-tabs li {
    flex: 1
}

.transformer-tabs a {
    padding: 10px;
    background: #fff;
    color: #054bb5;
    text-decoration: none;
    font-family: Gotham-Medium;
    height: 60px;
    vertical-align: bottom;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 14px
}

.transformer-tabs a.selected {
    background: #082d65;
    color: #fff
}

.slide-container {
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    display: flex;
    align-items: center
}

.slide-container .slide {
    flex: 1;
    padding: 15px;
    display: none;
    align-items: center;
    transition: all .6s;
    width: 100%;
    overflow: hidden
}

.slide-container .slide.selected {
    display: flex
}

.slide-container .slide.fade .slide-image {
    right: 0;
    opacity: 1
}

.slide-container .slide.fade .slide-content {
    left: 0;
    opacity: 1
}

.slide-container .slide h3 {
    outline: 0;
    border: none
}

.slide-container .slide-image {
    position: relative;
    transition: all .3s;
    right: -400px;
    opacity: 0
}

.slide-container .slide-content {
    position: relative;
    flex: 1;
    transition: all .3s;
    left: -400px;
    opacity: 0
}

@media screen and (min-width: 768px) {
    .slide-container .slide-content {
        padding-right: 15%
    }
}

.tab-controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.round-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 15px 30px;
    color: #666768;
    text-align: center;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    transition: all .2s;
    width: 49%;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .round-tab {
        width: 24%;
        height: 70px;
        margin: 20px 0
    }
}

@media screen and (min-width: 960px) {
    .round-tab {
        width: auto;
        height: auto;
        margin: 0
    }
}

.round-tab.selected, .round-tab:hover {
    border-color: #054bb5;
    color: #054bb5
}

.round-tab:focus {
    color: #054bb5
}

.tab-content {
    /*display: flex;*/
    align-items: center
}

.vert-line {
    display: none
}

@media screen and (min-width: 768px) {
    .vert-line {
        display: block;
        flex: 1;
        height: 1px;
        background: rgba(0, 0, 0, .15)
    }
}

.arrow-icon {
    display: block;
    width: 40px;
    height: 40px
}

.arrow-icon img {
    width: 100%
}

.arrow-icon.next {
    text-align: right
}

@media screen and (min-width: 768px) {
    .arrow-icon {
        width: auto;
        height: auto
    }

    .arrow-icon img {
        width: 50%
    }
}

.section-pagenotfound {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 60px 0;
    background-color: #054bb5
}

.section-pagenotfound::after, .section-pagenotfound::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 2000px;
    height: 2000px;
    border-radius: 50%
}

.section-pagenotfound::before {
    top: 0;
    right: 0;
    background-color: #b20a0a;
    transform: translateX(20px) translateY(-50%)
}

.section-pagenotfound::after {
    top: -150px;
    right: 0;
    background-color: #fff;
    transform: translateX(60px) translateY(-50%)
}

@media screen and (min-width: 768px) {
    .section-pagenotfound {
        padding: 100px 0
    }
}

@media screen and (min-width: 960px) {
    .section-pagenotfound {
        padding: 200px 0
    }
}

.pagenotfound-content {
    max-width: 500px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.pagenotfound-title {
    margin: 0;
    font-size: 48px;
    line-height: 1;
    color: #054bb5;
    background-image: linear-gradient(to bottom, #e51728, #990f49);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

@media screen and (min-width: 768px) {
    .pagenotfound-title {
        font-size: 68px
    }
}

.pagenotfound-subtitle {
    margin: 0 0 15px 0;
    font-size: 20px;
    font-family: Gotham-Medium, sans-serif;
    color: #000
}

@media screen and (min-width: 768px) {
    .pagenotfound-subtitle {
        font-size: 27px
    }
}

.back-to-home {
    color: #054bb5;
    font-family: Gotham-Medium, sans-serif
}

.pagenotfound-callout {
    padding-top: 40px
}

.pagenotfound-callout .badge-apple img, .pagenotfound-callout .badge-google img {
    height: 40px
}

.callout-subtitle, .callout-title {
    margin: 0
}

.callout-title {
    font-family: Gotham-Medium, sans-serif;
    font-size: 16px
}

.callout-subtitle {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px
}

.pagenotfound-balls::after, .pagenotfound-balls::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(to bottom, #f12323, #a70606);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .25)
}

@media screen and (min-width: 768px) {
    .pagenotfound-balls::before {
        top: 30%;
        right: 10%;
        width: 100px;
        height: 100px
    }

    .pagenotfound-balls::after {
        top: 50%;
        right: 20%;
        width: 35px;
        height: 35px
    }
}

@media screen and (min-width: 768px) {
    .review-container {
        display: flex
    }
}

@media screen and (min-width: 768px) {
    .review-column {
        flex: 1
    }

    .review-column:first-child {
        padding-right: 10px
    }

    .review-column:last-child {
        padding-left: 10px
    }
}

.review {
    display: flex;
    border: 1px solid #595959;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 20px;
    transition: all .3s;
    background: #fff
}

@media screen and (min-width: 768px) {
    .review.featured {
        flex-direction: column
    }
}

.review:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.review:hover .review-quote {
    color: #222
}

.review-image {
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.review-content {
    flex: 1;
    margin: 0
}

.review-content footer {
    margin-top: 15px;
    text-align: left
}

.review-content cite {
    text-transform: uppercase;
    color: #666768;
    font-style: normal;
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 14px
}

.review-quote {
    transition: all .3s;
    color: #595959;
    margin: 0;
    border: none;
    padding: 0;
    font-size: 16px;
    font-family: Gotham-Book, Verdana, sans-serif
}

.review-stars {
    width: 121px;
    height: 19.5px;
    margin-bottom: 5px
}

.ghost-border {
    position: relative;
    border: 1px solid #595959
}

.ghost-border:before {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat
}

.ghost-border iframe, .ghost-border img, .ghost-border:before {
    display: block;
    width: 100%;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, .1);
    position: relative;
    top: -20px
}

.ghost-border.right iframe, .ghost-border.right img, .ghost-border.right:before {
    left: -20px
}

.ghost-border.left iframe, .ghost-border.left img, .ghost-border.left:before {
    right: -20px
}

.hover-scale {
    transition: all .2s
}

.hover-scale:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.center {
    text-align: center
}

.hidden {
    display: none
}

.open, .shown {
    display: block
}

#landing {
    padding-bottom: 100px;
    background: url(https://lottery.com/wp-content/uploads/2018/03/hero1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: calc(100vh);
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 1254px) {
    #landing {
        margin-top: -58px
    }
}

#landing .container {
    text-align: center;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px
}

.flip-clock-wrapper ul li a div div.inn {
    color: #fff !important
}

#landing .pttp-logo {
    max-width: 100%;
    margin-top: 2em;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    #landing .pttp-logo {
        max-width: 80%
    }
}

.pttp-video {
    margin-bottom: 20px
}

#clock {
    width: 620px;
    margin: 0 auto
}

.clock-holder {
    text-align: center;
    margin-bottom: 40px
}

#tiny-clock-holder {
    text-align: center;
    display: none
}

#tiny-clock {
    width: 620px;
    max-width: 620px;
    margin: 0 auto;
    zoom: .68;
    transform: scale(.68) !important;
    -ms-transform: scale(.68) !important;
    -webkit-transform: scale(.68) !important;
    -o-transform: scale(.68) !important;
    -moz-transform: scale(.68) !important
}

#landing .headline {
    font-size: 20px;
    font-weight: 700;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 50px
}

#landing .blue-btn {
    text-decoration: none;
    margin-top: 1rem;
    background-color: #324689;
    border: none;
    color: #fff;
    padding: 20px;
    font-size: 4rem;
    border-radius: 7px
}

.pttp-headline-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    background: rgba(255, 255, 255, .9)
}

.pttp-headline-container iframe {
    width: 320px;
    height: 180px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .pttp-headline-container {
        padding: 30px 80px
    }

    .pttp-headline-container iframe {
        width: 800px;
        height: 450px
    }
}

.pttp-crypto-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100
}

.pttp-crypto-overlay.hidden {
    display: none
}

.pttp-crypto-container {
    background: #fff;
    padding: 15px;
    text-align: center;
    max-width: 500px;
    word-break: break-all;
    border-radius: 10px
}

.pttp-crypto-container p {
    font-family: Gotham-Medium, Verdana, sans-serif;
    font-size: 14px
}

.pttp-crypto-container h4 {
    margin-bottom: 15px
}

.pttp-crypto-container img {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .pttp-crypto-container {
        padding: 50px
    }

    .pttp-crypto-container p {
        font-size: 16px
    }
}

.pttp-close-modal {
    display: block
}

.pttp-btn-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.pttp-btn-container .btn {
    margin: 10px;
    min-width: 100px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
    width: 60%
}

@media screen and (min-width: 768px) {
    .pttp-btn-container {
        flex-direction: row
    }

    .pttp-btn-container .btn {
        width: auto;
        padding: 12px 35px
    }
}

.badge-container {
    display: flex;
    align-items: center
}

.badge-apple, .badge-google {
    display: inline-block;
    margin: 0
}

.badge-apple img, .badge-google img {
    height: 50px
}

.badge-apple.hidden, .badge-google.hidden {
    display: none
}

@media screen and (min-width: 768px) {
    .badge-apple, .badge-google {
        margin-right: 10px
    }
}

.b-lazy {
    transition: opacity .5s ease-in-out;
    opacity: 0
}

.b-lazy.b-loaded {
    opacity: 1
}

.dpt-block-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px
}

.dpt-block {
    width: 50%;
    margin: 0;
    padding: 0;
    height: 200px
}

@media screen and (min-width: 768px) {
    .dpt-block {
        width: 33%;
        height: 300px
    }

    .dpt-block:nth-child(3n+2) {
        border-left: 1px solid rgba(214, 192, 192, .5);
        border-right: 1px solid rgba(214, 192, 192, .5)
    }

    .dpt-block:nth-child(6n+1) .dpt-link, .dpt-block:nth-child(6n+2) .dpt-link, .dpt-block:nth-child(6n+3) .dpt-link {
        background: #fafbfc
    }
}

.dpt-link {
    position: relative;
    z-index: 10;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: Gotham-Medium, Verdana, sans-serif
}

.dpt-link::before {
    content: "";
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    background-color: #c81b1e;
    transform: translateY(-50%)
}

.dpt-link:hover {
    background: #ae1316 !important
}

.dpt-link:hover .dpt-count, .dpt-link:hover .dpt-name {
    color: #fff
}

.dpt-link:hover .dpt-icon {
    filter: brightness(10)
}

.dpt-link:hover::before {
    opacity: 1
}

.dpt-icon {
    margin-bottom: 15px;
    width: 48px
}

.dpt-name {
    font-family: inherit;
    color: #666768;
    font-size: 18px;
    margin: 0
}

.dpt-count {
    color: #054bb5;
    font-size: 14px;
    margin: 0;
    text-align: center
}

.careers-info-hq {
    max-width: 400px;
    margin: 0 auto 30px;
    padding: 40px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.careers-info-hq h5 {
    margin-top: 0;
    margin-bottom: 10px
}

.careers-info-hq address {
    font-style: normal;
    color: #666768;
    line-height: 1.5
}

.careers-info-hq a {
    color: #054bb5;
    text-decoration: none
}

.careers-info-hq a:hover {
    text-decoration: underline
}

.careers-locations-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.careers-location-item {
    text-decoration: none;
    width: 50%;
    margin-bottom: 20px
}

.careers-location-item img {
    height: 80px
}

@media screen and (min-width: 768px) {
    .careers-location-item {
        width: 25%;
        margin-bottom: 0
    }
}

.careers-location-city {
    font-family: Gotham-Medium, Verdana, sans-serif;
    color: #000;
    margin-bottom: 0
}

.careers-location-state {
    font-family: Gotham-Book, Verdana, sans-serif;
    color: #595959;
    margin-top: 0
}

.careers-life-container {
    padding: 15px
}

@media screen and (min-width: 768px) {
    .careers-life-container {
        display: flex;
        align-items: center;
        max-width: 800px;
        margin: 0 auto
    }
}

.section-careers-hero {
    position: relative;
    overflow: hidden
}

.section-careers-hero::before {
    content: "";
    position: absolute;
    z-index: 100;
    bottom: -100px;
    right: 10px;
    width: 119px;
    height: 711px
}

.no-webp .section-careers-hero::before {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/career-hero-divider.png) no-repeat 100%/cover
}

.webp .section-careers-hero::before {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/career-hero-divider.webp) no-repeat 100%/cover
}

@media screen and (min-width: 1000px) {
    .section-careers-hero::before {
        bottom: 0;
        right: initial;
        left: calc(50% - 110px)
    }
}

.tax-ldc_career_department .section-careers-hero::before {
    display: none;
    bottom: initial;
    top: 50px
}

@media screen and (min-width: 1000px) {
    .tax-ldc_career_department .section-careers-hero::before {
        display: block
    }
}

.careers-hero-container {
    position: relative;
    z-index: 10;
    overflow: hidden
}

.careers-hero-container::after {
    content: "";
    position: absolute;
    top: -410px;
    left: calc(50% - 1613px);
    width: 1600px;
    height: 1600px;
    border-radius: 50%;
    background-color: #fff
}

.careers-hero-image-container {
    display: none;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 50%;
    min-width: 800px
}

.no-webp .careers-hero-image-container {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-hero-career.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover
}

.webp .careers-hero-image-container {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-hero-career.webp);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover
}

@media screen and (min-width: 1000px) {
    .careers-hero-image-container {
        display: block
    }
}

.tax-ldc_career_department .careers-hero-image-container {
    left: calc(50% - 120px);
    width: calc(50% + 120px);
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-career-dept.jpg)
}

.term-engineering .careers-hero-image-container {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-engineering.jpg)
}

.term-finance .careers-hero-image-container {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-finance.jpg)
}

.term-human-resources .careers-hero-image-container {
    background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/bg-hr.jpg)
}

.careers-hero-content {
    position: relative;
    z-index: 10;
    padding: 40px 0;
    max-width: 80%
}

@media screen and (min-width: 1000px) {
    .careers-hero-content {
        padding: 40px 0 75px;
        max-width: 100%
    }
}

.careers-hero-content h1, .careers-hero-content p {
    max-width: 100%
}

@media screen and (min-width: 1000px) {
    .careers-hero-content h1, .careers-hero-content p {
        max-width: 400px
    }
}

.tax-ldc_career_department .careers-hero-content {
    width: 90%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1000px) {
    .tax-ldc_career_department .careers-hero-content {
        padding: 100px 0
    }
}

@media screen and (min-width: 1000px) {
    .careers-together-content {
        max-width: 50%
    }
}

.careers-mission-image-container {
    display: none;
    flex: 1;
    flex-basis: 50%
}

@media screen and (min-width: 1000px) {
    .careers-mission-image-container {
        display: block
    }

    .no-webp .careers-mission-image-container {
        background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/career-deck.jpg) no-repeat;
        background-position: center right;
        background-size: cover
    }

    .webp .careers-mission-image-container {
        background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/career-deck.webp) no-repeat;
        background-position: center right;
        background-size: cover
    }
}

.careers-mission-container {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(214, 192, 192, .5)
}

.careers-mission-content {
    flex-basis: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 40px 0;
    border-top: 1px solid rgba(214, 192, 192, .5)
}

@media screen and (min-width: 1000px) {
    .careers-mission-content {
        flex-basis: 50%;
        padding: 80px 0 80px 80px;
        border-top: none
    }
}

.careers-mission-content p {
    max-width: 80%
}

@media screen and (min-width: 1000px) {
    .careers-mission-content p {
        max-width: 400px
    }
}

.section-career-department-hero {
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .section-career-department-hero {
        padding: 160px 0
    }

    .section-career-department-hero .container {
        display: flex
    }
}

@media screen and (min-width: 768px) {
    .career-department-hero-content, .career-department-hero-image {
        flex: 1
    }
}

.section-department-careers {
    padding: 40px 0
}

.section-department-careers h2 {
    max-width: none;
    margin: 0 0 30px;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .section-department-careers h2 {
        margin: 0
    }
}

.section-department-careers .filter-container {
    padding: 25px
}

@media screen and (min-width: 658px) {
    .section-department-careers .filter-container {
        display: block
    }

    .section-department-careers .filter-container h2 {
        max-width: none;
        text-align: center;
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {
    .section-department-careers .filter-container {
        display: flex;
        align-items: center;
        padding: 25px 40px
    }

    .section-department-careers .filter-container h2 {
        margin-bottom: 0
    }
}

.section-department-careers .filter-container .filters {
    flex-wrap: nowrap;
    justify-content: center
}

@media screen and (min-width: 658px) {
    .section-department-careers .filter-container .filters {
        margin-left: 0;
        padding-left: 0;
        border: none
    }
}

@media screen and (min-width: 960px) {
    .section-department-careers .filter-container .filters {
        flex-wrap: nowrap
    }
}

@media screen and (min-width: 1024px) {
    .section-department-careers .filter-container .filters {
        flex: 1;
        margin-left: 35px;
        padding-left: 35px;
        border-left: 1px solid #ddd;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
}

.section-department-careers .filter-wrap {
    display: block;
    margin: 0 10px 20px
}

.section-department-careers .filter-wrap label {
    display: block;
    margin-bottom: 10px;
    text-align: left
}

@media screen and (min-width: 658px) {
    .section-department-careers .filter-wrap {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .section-department-careers .filter-wrap {
        display: flex;
        margin: 0 10px 0 0
    }
}

@media screen and (min-width: 1024px) {
    .section-department-careers {
        padding: 80px 0
    }
}

.career-list-item {
    padding: 40px 0 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.career-list-item:last-child {
    border-bottom: none
}

.career-list-item h3 {
    margin: 0
}

.career-list-item .red-link {
    text-decoration: none
}

.career-list-item .red-link:hover {
    text-decoration: underline
}

.career-list-item .btn-red {
    width: 180px;
    text-align: center
}

.career-item-details {
    margin: 0
}

.career-item-details span {
    display: inline-block
}

.career-item-details span:first-child {
    margin-right: 30px
}

.job-location {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/icon-us.jpg) no-repeat left center;
    background-size: 22px 15px;
    padding: 1px 0 1px 28px
}

.commitement-type {
    background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/icon-time.png) no-repeat left center;
    background-size: 18px 18px;
    padding: 1px 0 1px 24px
}

.career-item-description:empty {
    padding: 0
}

@media screen and (min-width: 768px) {
    .career-item-wrap {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width: 768px) {
    .career-item-content {
        flex: 1;
        margin-right: 100px
    }
}

.section-career-content {
    color: #2a1111
}

.section-careers-benefits {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 40px 0;
    background-color: #fff
}

.section-careers-benefits h2 {
    margin-bottom: 60px
}

.section-careers-benefits::after, .section-careers-benefits::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 2000px;
    height: 2000px;
    border-radius: 50%
}

.section-careers-benefits::before {
    width: 2500px;
    height: 2500px;
    top: -600px;
    right: calc(50% - 855px);
    background-color: rgba(0, 0, 0, .5);
    mix-blend-mode: overlay
}

.section-careers-benefits::after {
    top: -300px;
    right: calc(50% - 850px);
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .section-careers-benefits {
        padding: 80px 0;
        background-color: #054bb5
    }
}

.page-template-page-careers .section-careers-benefits::after, .win-together-container .section-careers-benefits::after {
    background-color: #f5f7fa
}

.no-positions-msg {
    text-align: center;
    margin: 80px 0 0
}

.benefits-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.benefits-list-item {
    display: block;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .benefits-list-item {
        width: 30%
    }
}

.benefits-title {
    color: #666768
}

.benefits-description {
    line-height: 1.5
}

.section-career-hero {
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width: 1000px) {
    .section-career-hero {
        padding: 160px 0
    }
}

.single-career-details {
    margin: 0;
    color: #666768;
    font-family: Gotham-Medium, Verdana, sans-serif
}

.section-department-careers {
    background-color: #f5f8fb
}

.single-career-title {
    margin: 0
}

.section-career-content .container {
    max-width: 800px
}

.filter-wrap .facetwp-facet {
    margin-bottom: 0;
    width: 100%
}

.careers-submenu-container {
    position: relative;
    background: #f5f8fb;
    border-bottom: 1px solid #ddd
}

.careers-submenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.careers-submenu-item {
    display: inline-block;
    padding: 15px;
    font-size: 13px;
    text-align: center;
    margin: 0
}

@media screen and (min-width: 768px) {
    .careers-submenu-item {
        font-size: 14px;
        padding: 15px 25px
    }
}

.careers-submenu-item a {
    text-decoration: none;
    color: #666768;
    transition: all .3s
}

.careers-submenu-item a.selected, .careers-submenu-item a:hover {
    color: #000
}

.section-open-positions {
    background: #054bb5
}

@media screen and (min-width: 768px) {
    .no-webp .section-open-positions {
        background: #054bb5 url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/cta-careers.jpg) no-repeat;
        background-position: right center;
        background-size: cover
    }

    .webp .section-open-positions {
        background: #054bb5 url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/cta-careers.webp) no-repeat;
        background-position: right center;
        background-size: cover
    }
}

@media screen and (min-width: 1024px) {
    .no-webp .section-open-positions, .webp .section-open-positions {
        background-size: auto 100%
    }
}

@media screen and (min-width: 1200px) {
    .no-webp .section-open-positions, .webp .section-open-positions {
        background-size: calc(50% + 150px)
    }
}

.open-positions-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.open-positions-wrap {
    padding: 40px 15px;
    background: #054bb5;
    color: #fff
}

.open-positions-wrap p {
    margin-bottom: 40px
}

.open-positions-wrap a {
    color: #fff;
    transition: all .3s
}

.open-positions-wrap a:hover {
    color: #ddd
}

@media screen and (min-width: 768px) {
    .open-positions-wrap {
        max-width: 480px;
        padding: 100px 40px
    }
}

@media screen and (min-width: 1024px) {
    .open-positions-wrap {
        max-width: 550px;
        padding: 100px 30px
    }
}

.win-together-container {
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: #fff
}

.section-win-together-hero {
    position: relative;
    z-index: 10;
    overflow: hidden;
    background: #f5f8fb
}

.section-win-together-hero:after, .section-win-together-hero:before {
    content: "";
    position: absolute
}

@media screen and (min-width: 768px) {
    .section-win-together-hero:before {
        border-radius: 50%;
        width: 3500px;
        height: 3500px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: calc(50% - 1500px);
        z-index: -1
    }

    .section-win-together-hero:after {
        content: "";
        bottom: 50px;
        left: calc(50% + 20px);
        z-index: 1;
        width: 600px;
        height: 700px
    }

    .no-webp .section-win-together-hero:after {
        background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/hero-team.png) no-repeat 100%/contain
    }

    .webp .section-win-together-hero:after {
        background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/hero-team.webp) no-repeat 100%/contain
    }
}

@media screen and (min-width: 960px) {
    .section-win-together-hero:after {
        width: 700px;
        height: 800px;
        left: calc(50% + 20px)
    }
}

@media screen and (min-width: 1200px) {
    .section-win-together-hero:after {
        width: 882.5px;
        height: 937px;
        left: calc(50% - 50px)
    }

    .no-webp .section-win-together-hero:after {
        background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/hero-team.png) no-repeat 100%/cover
    }

    .webp .section-win-together-hero:after {
        background: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/hero-team.webp) no-repeat 100%/cover
    }
}

.win-together-hero-wrap {
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .win-together-hero-wrap {
        max-width: 380px;
        padding: 100px 0
    }
}

@media screen and (min-width: 960px) {
    .win-together-hero-wrap {
        max-width: 450px;
        padding: 100px 0 200px
    }
}

.section-win-together-values {
    position: relative;
    background-color: #f5f8fb;
    padding: 0 0 40px
}

@media screen and (min-width: 768px) {
    .section-win-together-values {
        padding: 100px 0
    }
}

.section-win-together-values .container {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center
}

.values-container {
    padding: 20px;
    margin-bottom: 30px
}

@media screen and (min-width: 582px) {
    .values-container {
        width: 50%;
        padding: 20px
    }
}

@media screen and (min-width: 768px) {
    .values-container {
        padding: 20px 40px
    }
}

@media screen and (min-width: 960px) {
    .values-container {
        width: 33%;
        padding: 20px 40px
    }
}

@media screen and (min-width: 1151px) {
    .values-container {
        padding: 20px 60px
    }
}

.values-container.main {
    text-align: left;
    background-color: #054bb5;
    color: #fff;
    position: relative;
    margin-left: -30px;
    margin-right: -30px
}

.values-container.main h2 {
    display: block;
    padding-top: 30px;
    position: relative
}

.values-container.main h2:before {
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    position: absolute;
    width: 52px;
    background: #fff;
    height: 2.5px
}

@media screen and (min-width: 582px) {
    .values-container.main {
        margin: 0 0 30px
    }

    .values-container.main:before {
        content: "";
        display: block;
        top: 0;
        position: absolute;
        width: 800px;
        background: #054bb5;
        bottom: 0;
        right: 100%
    }
}

@media screen and (min-width: 960px) {
    .values-container.main {
        width: 33%;
        padding: 20px 40px 20px 0
    }
}

@media screen and (min-width: 1151px) {
    .values-container.main {
        padding: 20px 60px 20px 0
    }
}

.values-container img {
    max-width: 48px;
    max-height: 44px
}

.section-win-together-inclusion {
    background-color: #fff;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .section-win-together-inclusion {
        padding: 80px 0
    }

    .section-win-together-inclusion .container {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width: 960px) {
    .section-win-together-inclusion {
        padding: 120px 0
    }
}

@media screen and (min-width: 1200px) {
    .section-win-together-inclusion {
        padding: 180px 0
    }
}

@media screen and (min-width: 768px) {
    .inclusion-wrap {
        flex: 1;
        padding-left: 60px
    }
}

.inclusion-title {
    margin: 0;
    color: #666768
}

.inclusion-subtitle {
    font-family: Gotham-Medium, Verdana, sans-serif;
    margin: 0;
    font-size: 18px;
    color: #595959
}

.inclusion-image {
    display: none
}

@media screen and (min-width: 768px) {
    .inclusion-image {
        display: block;
        width: 350px;
        height: 233.5px
    }

    .inclusion-image:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        margin: -20px 0 0 -20px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .2)
    }

    .no-webp .inclusion-image:before {
        background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/diversity.jpg)
    }

    .webp .inclusion-image:before {
        background-image: url(https://lottery.com/wp-content/themes/lottery-theme/careers/assets/images/diversity.webp)
    }
}

@media screen and (min-width: 1200px) {
    .inclusion-image {
        width: 600px;
        height: 400px
    }
}

.section-core-values-hero {
    background: linear-gradient(#054bb5, #e44f54);
    color: #fff
}

.section-core-values-list {
    background-color: #f5f7fa
}

.core-values-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.core-values-list-item {
    position: relative;
    flex-basis: 100%;
    list-style: none;
    margin-bottom: 30px;
    padding: 10px 40px 20px 90px;
    background-color: #fff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .15)
}

@media screen and (min-width: 768px) {
    .core-values-list-item {
        flex-basis: 48%;
        margin-bottom: 50px;
        padding: 15px 40px 30px 100px
    }
}

.core-value-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    padding-top: 25px
}

.core-values-list-item:nth-child(6n-5) .core-value-bar {
    background: linear-gradient(#f22e3e, #f77e88)
}

.core-values-list-item:nth-child(6n-4) .core-value-bar {
    background: linear-gradient(#f2a02e, #f7c57e)
}

.core-values-list-item:nth-child(6n-3) .core-value-bar {
    background: linear-gradient(#2eb1f2, #7ecff7)
}

.core-values-list-item:nth-child(6n-2) .core-value-bar {
    background: linear-gradient(#27cc35, #75e57e)
}

.core-values-list-item:nth-child(6n-1) .core-value-bar {
    background: linear-gradient(#c12ef2, #d97ef7)
}

.core-values-list-item:nth-child(6n) .core-value-bar {
    background: linear-gradient(#f22eb1, #f77ecf)
}

.core-value-title {
    font-size: 18px
}

.lottery-block-footer {
    border-top: 1px solid #ddd;
    display: flex;
    padding: 13px 18px;
    align-items: center;
    justify-content: space-between
}

.lottery-block-footer .call-to-action {
    margin: 0px auto;
}

.hero-header {
    height: 570px;
    display: block;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    /* line 649, ../sass/main.scss */
    .hero-header {
        height: 450px;
    }
}

.hero-slider {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

/* Slider ----------------------------------------------*/
/* line 757, ../sass/main.scss */
.hero-slider {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
/* line 761, ../sass/main.scss */
.hero-slider .slick-list,
.hero-slider .container,
.hero-slider .row {
    height: 100%;
}
/* line 765, ../sass/main.scss */
.hero-slider .slick-list .slick-track,
.hero-slider .container .slick-track,
.hero-slider .row .slick-track {
    height: 100%;
}
/* line 769, ../sass/main.scss */
.hero-slider .item-slider {
    height: 100%;
    background-size: cover !important;
    background-position: top center !important;
    position: relative;
}
/* line 774, ../sass/main.scss */
.hero-slider .item-slider:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
/* line 783, ../sass/main.scss */
.hero-slider .item-slider .info-slider {
    z-index: 2;
    position: relative;
}
/* line 786, ../sass/main.scss */
.hero-slider .item-slider .info-slider h1 {
    color: #fff;
    font-weight: bold;
    font-size: 2.5rem;
    position: relative;
}
/* line 791, ../sass/main.scss */
.hero-slider .item-slider .info-slider h1:before {
    content: '';
    position: absolute;
    left: 0;
    top: -15px;
    height: 8px;
    width: 100px;
}
/* line 800, ../sass/main.scss */
.hero-slider .item-slider .info-slider p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 2rem;
}
@media (max-width: 767px) {
    /* line 806, ../sass/main.scss */
    .hero-slider .item-slider .info-slider h1 {
        font-size: 1.8rem;
    }
    /* line 809, ../sass/main.scss */
    .hero-slider .item-slider .info-slider p {
        font-size: 0.85rem;
        line-height: 1.5rem;
    }
}
/* line 814, ../sass/main.scss */
.hero-slider .item-slider .info-slider .btn-iw {
    margin-left: 0;
}
/* line 822, ../sass/main.scss */
.hero-slider .justify-content-center .info-slider h1:before {
    left: 50%;
    margin-left: -50px;
}

.hero-slider .item-slider {
    height: 80%;
}

/* line 165, ../sass/_partials/_slick.scss */
.hero-slider .slick-prev,
.hero-slider .slick-next {
    z-index: 1;
}
/* line 168, ../sass/_partials/_slick.scss */
.hero-slider .slick-prev:before,
.hero-slider .slick-next:before {
    font-size: 2rem;
}
/* line 172, ../sass/_partials/_slick.scss */
.hero-slider .slick-prev {
    left: 30px;
}
/* line 175, ../sass/_partials/_slick.scss */
.hero-slider .slick-next {
    right: 30px;
}
@media (max-width: 767px) {
    /* line 178, ../sass/_partials/_slick.scss */
    .hero-slider .slick-arrow {
        /*display: none !important;*/
    }
}

.align-items-center {
    align-items: center !important;
}

/* line 1226, ../sass/main.scss */
.btn-iw {
    padding: 10px 30px;
    background: #396cb3;
    color: #fff;
    margin: 15px 10px;
    display: inline-block;
}
/* line 1227, ../sass/main.scss */
.btn-iw.outline {
    border: solid #fff 2px;
    background: transparent;
}
/* line 1231, ../sass/main.scss */
.btn-iw.skin {
    color: #396cb3;
    border-color: #396cb3;
}
/* line 1234, ../sass/main.scss */
.btn-iw.skin:hover {
    color: #fff;
}
/* line 1238, ../sass/main.scss */
.btn-iw.full {
    width: 100%;
    text-align: center;
}
/* line 1247, ../sass/main.scss */
.btn-iw:hover {
    text-decoration: none;
    color: #fff;
}