@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700;900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    margin-top: 0px;
    background: #cfeafa;
    transition: all 0.1s;
}
@media (max-width: 992px){
    body {
        margin-top: 0px !important;
    }
}
body:before {
    content: " ";
    display: block;
    background: #222;
    height: 60px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 100;
}
.container:first-of-type {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.hpanel {
    border: none;
    box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    border-radius: 5px;
    background: #fff;
}

.hpanel > .panel-heading {
    color: #fff;
    background: #222;
    padding-left: 20px;
    font-family: proxima-nova,Arial,serif;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 32px;
    border-radius: 5px 5px 0px 0px;
}

.hpanel.hblue .panel-body {
    border: none;
    /* border-top: 2px solid #d0333a; */
}
.hpanel.hbgblue .panel-body {
    background: #159eee;
}
.lottery-logo {
    margin: 50px auto 0px;
    display: block;
    padding: 10px;
    position: relative;
    z-index: 1001 !important;
    width: 100%;
    max-width: 300px;
}
.lottery-header-title {
    font-size: 33px;
}
.title {
    font-size: 3em;
    font-family: proxima-nova,Arial,serif;
    font-weight: bold;
}
.title-line > div {
    width: 100%;
}
.menu li a {
/*    padding: 20px 20px;*/
    color: #159eee;
    /*font-weight: 900;*/
    transition: all 0.1s;
}
.menu li a:hover {
    color: #3675a0;
}
.menu li.active a {
    border-bottom: 3px solid #159eee;
}
#mobile-menu > ul > li > a {
    color: #159eee;
    transition: all 0.1s;
}
#mobile-menu > ul > li > a:hover {
    color: #3675a0;
}
#menu-toggle span, #menu-toggle span:after, #menu-toggle span:before {
    background-color: #159eee;
}

.countdown-wrapper {
    height: auto;
}
.countdown-wrapper .countdown {
    color: #159eee;
}
.countdown-wrapper .countdown-info {
    font-size: 1.4em;
}
.countdown-wrapper .countdown {
    font-weight: 900;
    color: #3498db;
    font-size: 1.4em;
}
.splash-screen:before {
    background: rgb(249,249,249);
    background: linear-gradient(145deg, rgb(74, 92, 154) 0%, rgba(21,158,238,1) 100%);
}

.splash-cause {
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.splash-inner-slider .splash-inner-caption {
    /*background: rgba(0, 0, 0, 0.4);*/
}
.splash-inner-slider .splash-inner-caption small {
    font-weight: normal;
}
.splash-inner-slide-cause {
    background-image: url(/themes/lottery/demo2018/rafflenexus.com-slide1.jpg);
}


.logic-or, .logic-and {
    background: #159eee;
}

.terms-of-use-acceptance-form-group .checkbox a {
    color: inherit;
    text-decoration: underline;
}

.page-title-bar {
    background: rgb(249,249,249);
    background: linear-gradient(145deg, rgb(74, 92, 154) 0%, rgba(21,158,238,1) 100%) !important;
}

.menu-wrapper {
    border-top: none;
}
.menu li + li {
    border-left: none;
}
.menu li a > i {
    color: #222;
}
.lottery-header-order-button {
    box-shadow: 0px 3px 4px rgba(0,0,0,0.4);
    margin-top: 7px;
}
@media (max-width: 990px){
    .lottery-header-order-button {
         margin-top: 0px;
    }
}
.header {
    background: #f9f9f9;
}
.menu-wrapper {
    background: transparent;
}

.splash-inner {
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.5);
}
.splash-inner-slider .splash-inner-slide {
    border-radius: 6px 0px 0px 6px;
}

@media (max-width: 1200px){
    .splash-inner-slider .splash-inner-slide {
        border-radius: 6px 0px 0px 0px;
    }
}
@media (max-width: 768px){
    .splash-inner-slider .splash-inner-slide {
        border-radius: 8px 8px 0px 0px;
    }
}

.splash-inner-details-prices br {
    display: none;
}
@media (max-width: 768px){
    .splash-inner-details-prices br {
        display: initial;
    }
}

.splash-inner-details-side-description {
    margin-top: 5px;
}
.splash-inner-details-dates {
    margin-bottom: 0px;
    margin-top: 5px;
}
.jackpot-info {
    margin-top: 0px;
}
.well {
    background: #d0333a;
    color: #fff;
}
.header-fixed {
    margin-top: 0px;
}

#pne {
    position: absolute;
    z-index: 1002;
    right: 10%;
    top: 20px;
}
#pne img {
    max-width: 100px;
}
@media (max-width: 560px){
    #pne img {
        max-width: 50px;
    }
}

.btn-primary {
    transition: all 0.1s;
    background-color: #62cb31;
    border-color: #62cb31;
    color: #FFFFFF;
    color: #fff;
    background-color: #e31b23;
    text-decoration: none;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 2px solid hsla(0, 0%, 100%, .1);
    border-right: 2px solid hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .1) #000000 #000000 hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) hsla(0, 0%, 100%, .1);
    border-style: solid;
    border-width: 2px 2px 3px;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 20%);
    transition: background-color .4s;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #eeb211;
    border-color: hsla(0, 0%, 100%, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) hsla(0, 0%, 100%, .1);
}

#ticket-packs .panel-body {
    min-height: 330px;
}
.required label {
    font-weight: normal;
    color: #d0333a;
}
.jackpot-value {
    color: #0272bb;
}

@media (max-width: 992px){
    .countdown-wrapper {
        height: auto;
        margin: 0px !important;
        width: auto;
    }
}
@media (max-width: 380px){
    .countdown-wrapper {
        display: block;
    }
}