/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  line-height:1em;
  margin:0px;
}

div, p, body, ul, li, ol {
  font-family: 'PT Sans', sans-serif;
  font-weight:400;
  font-size:17px;
  line-height:27px;
}

h1 {
  font-size:48px;
}

h2 {
  font-size:40px;
}

h3 {
  font-size:32px;
}

h4 {
  font-size:26px;
}

h5 {
  font-size:22px;
}

h6 {
  font-size:19px;
  line-height:21px;
  text-transform:none;
}
/* END Fonts */

/* Colours */
.t-white {
  color:#fff;
}

.t-blue {
  color:#0c1548;
}

.t-blue2 {
  color:#082e52;
}

.t-purple {
  color:#5b12c3;
}

.t-plum {
  color:#a21aa5;
}

.t-pink {
  color:#fa2d64;
}

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

.bg-darkblue {
  background-color:#0c1548;
}

.bg-blue2 {
  background-color:#082e52;
}

.bg-purple {
  background-color:#5b12c3;
}

.bg-plum {
  background-color:#a21aa5;
}

.bg-pink {
  background-color:#fa2d64;
}

.bg-grey {
  background-color:#ebebeb;
}
/* END Colours */

/* Gradients */
.gradient-purple {
  background: rgb(91,18,195);
  background: -webkit-linear-gradient(rgba(91,18,195,1) 0%, rgba(162,26,165,1) 100%);
  background: -o-linear-gradient(rgba(91,18,195,1) 0%, rgba(162,26,165,1) 100%);
  background: linear-gradient(rgba(91,18,195,1) 0%, rgba(162,26,165,1) 100%);
}

.gradient-pink {
  background: rgb(162,26,165);
  background: -webkit-linear-gradient(330deg, rgba(162,26,165,1) 0%, rgba(250,45,100,1) 100%);
  background: -o-linear-gradient(330deg, rgba(162,26,165,1) 0%, rgba(250,45,100,1) 100%);
  background: linear-gradient(60deg, rgba(162,26,165,1) 0%, rgba(250,45,100,1) 100%);
}

.gradient-pink.gradient-pink-rev {
  background: rgb(250,45,100);
  background: -webkit-linear-gradient(-330deg, rgba(162,26,165,1) 0%, rgba(250,45,100,1) 100%);
  background: -o-linear-gradient(-330deg, rgba(162,26,165,1) 0%, rgba(250,45,100,1) 100%);
  background: linear-gradient(-60deg, rgba(162,26,165,1) 0%, rgba(250,45,100,1) 100%);
}
/* END Gradients */

/* Global */
.sl-section {
  padding:90px 0px;
}

.sl-section-sh {
  padding:30px 0px;
}

.sl-ul {
  border-bottom:1px solid;
}

:focus {
  outline:none !important;
  box-shadow:none !important;
}

:hover {
  text-decoration:none !important;
}

a {
  cursor:pointer;
}

.mb-15 {
  margin-bottom:15px;
}

.mb-30 {
  margin-bottom:30px;
}

.mb-45 {
  margin-bottom:45px;
}

.mb-60 {
  margin-bottom:60px;
}

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

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

.mt-45 {
  margin-top:45px;
}

.mt-60 {
  margin-top:60px;
}

.mr-15 {
  margin-right:15px;
}
.section-title {
  margin-bottom:45px;
}

.full-bg {
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center center;
}

.box-shadow {
 box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
  -webkit-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
  -moz-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
}

/* Sticky Elements */
#primary-header.nav-top {
  position: fixed;
  top: 0;
  z-index: 5500;
  background: rgb(91,18,195);
/*    background: -webkit-linear-gradient(rgba(91,18,195,1) 0%, rgba(162,26,165,1) 100%);
    background: -o-linear-gradient(rgba(91,18,195,1) 0%, rgba(162,26,165,1) 100%);
    background: linear-gradient(rgba(91,18,195,1) 0%, rgba(162,26,165,1) 100%); */
  padding-top:10px;
  padding-bottom:10px;
}

#primary-header.nav-top .header-logo img {
  width: 250px;
  height:auto;
  max-width:100%;
}

#scroll-draw-counter.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 79px;
  z-index: 1020;
  padding-top: 15px;
    padding-bottom: 15px;
}

#scroll-draw-counter.sticky-top h3 {
      font-size: 24px;
}

#popout-reminder.sticky-popout {
  position: fixed;
  z-index: 5001;
  top: auto;
  height: auto;
  bottom: auto;
  top: 180px;
}

#popout-reminder.sticky-popout .popout-link {
  box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
  -webkit-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
  -moz-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
}
/* END Sticky Elements */

.mfp-bg {
  z-index:6000 !important;
}

.mfp-wrap {
  z-index:6001 !important;
}


/* END Global */

/* Buttons / Inputs */
.btn-sl {
  color: #fff;
  background-color: #fa2d64;
  border:2px solid #fa2d64;
  border-radius: 100px;
  font-size: 21px;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  padding: 10px 25px;
  margin-bottom: 30px;
}

.btn-sl:hover, .btn-sl:focus {
  color: #fa2d64;
  background-color: #fff;
  border:2px solid #fff;
}

.btn-rev {
  color: #fa2d64;
  background-color: #fff;
  border:2px solid #fff;
}

.btn-rev:hover, .btn-rev:focus {
  color: #fff;
  background-color: transparent;
}

.btn-plum {
  background-color:#a21aa5;
  border-color:#a21aa5;
}

.btn-plum:focus, .btn-plum:hover {
  color:#a21aa5;
}

.btn-rev.btn-plum {
  background-color:#fff;
  border-color:#fff;
  color:#a21aa5;
}

.btn-rev.btn-plum:hover, .btn-rev.btn-plum:focus {
  color: #fa2d64;
}

.btn-purple {
  background-color:#5b12c3;
  border-color:#5b12c3;
}

.btn-purple:focus, .btn-purple:hover {
  color:#5b12c3;
}

.btn-sm {
  font-size: 17px;
  padding: 5px 15px;
}

.btn-outline {
  border: 2px solid #fff;
  background-color: transparent;
}

.btn-outline:hover, .btn-outline:focus {
  background-color:#fff;
  color:#fa2d64;
}

.btn-outline.btn-blue {
  border: 2px solid #0c1548;
  background-color: transparent;
  color:#0c1548;
}

.btn-outline.btn-blue:hover, .btn-outline.btn-blue:focus {
  background-color:#fff;
  color:#0c1548;
  border-color:#fff;
}

.btn-outline svg {
  margin-right:5px;
}

.btn-sl svg {
  font-size: .7em;
  vertical-align: middle;
  margin-top:-5px;
  margin-left:5px;
}

.sl-select {
  color: #fff;
  background-color: transparent;
  border: 2px solid #fa2d64;
  border-radius: 100px;
  font-size: 22px;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  padding: 10px 25px;
  height: auto;
  text-align: center;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 45px;
  position:relative;
  z-index:5;
}

#locationSelect.sl-select:focus {
  background-color:transparent;
}

.sl-select:focus {
  outline:none !important;
  box-shadow:none !important;
  background-color:#fa2d64;
  color:#fff;
}


.select-div {
  width: auto;
  display: inline-block;
  position: relative;
}

.select-div svg {
  position:absolute;
  right:25px;
  color: #fff;
    top: 15px;
}
/* END Buttons / Inputs */

/* Homepage */
.hero-counter {
  margin-top: 45px;
}

.draw-blocks img {
  margin-bottom: 20px;
}

.draw-img-wrapper {
  height:300px;
}

.draw-blocks h1, .draw-blocks h3 {
  margin-top:15px;
}

#daily-draws {
  margin-bottom:-500px;
  padding-top:50px;
}

#draw-hero {
  margin-bottom: 425px;
  padding-top: 160px;
  position:relative;
}

#draw-scroll {
  padding-top:90px;
}

#draw-scroll a:hover h5, #draw-scroll a:hover svg, #draw-scroll a:focus h5, #draw-scroll a:focus svg {
  color:#a21aa5;
}

#draw-hero .btn-sl:hover, #draw-hero .btn-sl:focus {
  border:2px solid #fa2d64;
}

.social-links {
  position: absolute;
  right: 0px;
  top: 0px;
}

.social-links svg {
  color: #fff;
  font-size: 24px;
  margin:0px 10px;
}

.social-links a:hover svg, .social-links a:focus svg {
  color:#fa2d64;
}

#wtw-list {
  padding-left: 0px;
  list-style: none;
}

#wtw-list li {
  margin-bottom:10px;
}

.wtw-name, .wtw-number {
  background-color: #fff;
  border-radius: 15px;
  padding: 10px 25px;
  width: 100%;
  display: block;
  width: -webkit-calc(100% - 70px);
  width: -moz-calc(100% - 70px);
  width: calc(100% - 70px);
  text-transform: uppercase;
  font-size: 21px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
      display: inline-block;
      color:#082e52;
}

.t-center{
  text-align: center;
}

#update-account{
  margin-top: 30px;
}

.wtw-number {
  width:60px;
  color:#fa2d64;
  text-align:center;
  padding:10px;
  float:right;
}

#wtw-list li a:hover .wtw-name, #wtw-list li a:focus .wtw-name, #wtw-list li a:hover .wtw-number, #wtw-list li a:focus .wtw-number {
  background-color:#082e52;
  color:#fff;
}

.sl-ad-video .btn {
  margin-top:15px;
}

.draw-blocks .img-link:hover + .btn {
  background-color:#fff;
  color:#fa2d64;
  border-color:#fff;
}

.draw-blocks#primary-draw-blocks .img-link:hover + .btn {
  border-color:#fa2d64;
}

#past-draw-counter h2 {
  padding-top:15px;
}

.past-draw-top {
  padding: 25px;
    display: inline-block;
    width: 100%;
    margin-bottom: -10px;
    z-index:2;
    position:relative;
}

.past-draw-top p {
  margin-bottom: 0px;
  float:right;
}

.past-draw-top h4 {
  margin-top:0px;
  float:left;
}

.past-draw-top p, .past-draw-top h4 {
  display:inline-block;
}

.past-draw-top h4 {
  float:left;
}

#past-draw-counter h4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.white-box {
  background-color: #fff;
    border-radius: 15px;
    padding: 25px 15px;
        height: 100%;
}

.donor-ad-mini .btn {
  margin-top:15px;
  margin-left:5px;
  margin-right:5px;
}

.donor-ad-mini .btn:hover, .donor-ad-mini .btn:focus {
  border-color:#a21aa5 !important;
}

.donor-label {
  margin-top:30px;
}

.donor-label h5 {
  position:relative;
}

.donor-label h5:after, .donor-label h5:before {
  height:3px;
  background-color:#a21aa5;
  content:"";
  width:25%;
  positioN: absolute;
  left: 0px;
  right:auto;
  top:10px;
}

.donor-label h5:after {
  left: auto;
  right:0px;
}

.donor-ads-today .donor-label h5:after, .donor-ads-today .donor-label h5:before {
    width:30%;
}

.gradient-purple-overlay {
  height: 550px;
  line-height: 550px;
  background-color: rgba(162, 26, 165, .6);
}

.gradient-pink-overlay {
  height: 550px;
  line-height: 550px;
  background: -webkit-linear-gradient(0deg, rgba(162,26,165,.6) 0%, rgba(250,45,100,.6) 100%);
background: -o-linear-gradient(0deg, rgba(162,26,165,.6) 0%, rgba(250,45,100,.6) 100%);
background: linear-gradient(0deg, rgba(162,26,165,.6) 0%, rgba(250,45,100,.6) 100%);
}

.video-text {
  display: inline-block;
  vertical-align: middle;
  padding: 30px;
}

.video-text h2 {
  width: 360px;
  max-width:100%;
}

.video-text h2 svg {
  margin-top:15px;
}

.video-popup:hover .gradient-purple-overlay, .video-popup:focus .gradient-purple-overlay {
  background-color: rgba(162, 26, 165, .8);
}

.sl-video {
  padding-right: 0px;
  margin-left: 45px;
}

.sl-donations {
  margin-left: -90px;
      padding: 60px;
}

.donation-counter.white-box {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  display: inline-block;
  margin-top:15px;
  margin-bottom:15px;
  padding: 15px 15px;
}

.sl-donations .dollar-sign {
  width: 40px;
  display: inline-block;
  margin-left: -40px;
}

#draw-title svg {
  margin-left:90px;
  margin-right:90px;
}

#primary-draw-blocks {
  width: 940px;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
}

#social-ads, #donor-lrg-ads {
  width: 1000px;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
}
/* END Homepage */

/* Primary Header */
.sl-search .btn {
  background-color: transparent;
    color: #fff;
}

#primary-header {
  position:absolute;
  padding-top:30px;
  padding-bottom:30px;
  z-index:5500;
}

/* Nav Search */
.navbar a {
  color: #fff;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.navbar .btn {
  font-size: 14px;
  margin-left:5px;
  margin-right:5px;
  margin-top:5px;
}

.nav-search input[type=text] {
display:block;
margin: 0 0 0 auto;
width: 20px;
box-sizing: border-box;
font-size: 15px;
background-color: transparent;
background-image: url('images/search.png');
background-position: center right;
background-repeat: no-repeat;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
border:0px;
    outline: none !important;
    color:transparent;
    cursor:pointer;
    font-family: 'PT Sans', sans-serif;
      font-weight: 400;
}

.nav-search input[type=text]:hover {
  transform: scale(1.1);
  /* opacity:.75; */
}

.nav-search #searchsubmit {
  background-image: url(images/search.png);
    border: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    padding: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 20px;
      display:none;
      z-index:4000;
}

.nav-search #searchsubmit:focus {
  outline:none;
}

.nav-search input[type=text]:focus {
width: 100%;
border-bottom:1px solid #FCF3ED;
padding-right:30px;
color:#fff;
background-image: none;
}

.nav-search input[type="text"]:focus + #searchsubmit {
  display:block;
  background-image: url('images/search.png');
}

.nav-search input[type=text]:focus:hover {
  opacity:1;
  transform: scale(1);
}


.nav-search {
  float: right;
  padding-left: 5px;
}

.nav-search input[type=text]::-webkit-input-placeholder { color:transparent; font-size:15px; font-family: 'PT Sans', sans-serif; font-weight:400;}
.nav-search input[type=text]:-ms-input-placeholder { color:transparent; font-size:15px; font-family: 'PT Sans', sans-serif; font-weight:400;}
.nav-search input[type=text]::placeholder { color:transparent; font-size:15px; font-family: 'PT Sans', sans-serif; font-weight:400;}

.nav-search input[type=text]:focus::-webkit-input-placeholder { color:#fff; }
.nav-search input[type=text]:focus:-ms-input-placeholder { color:#fff; }
.nav-search input[type=text]:focus::placeholder { color:#fff; }
/* END Nav Search */
/* END Primary Header */

/* Footer */
.footer-link {
  color: #fff;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding-left: 5px;
  padding-right: 5px;
}

.footer-link:hover, .footer-link:focus {
  color:#fa2d64;
}

.footer-nav {
  padding-top:30px;
  padding-bottom:30px;
}

.social-links.footer-social {
  position:relative;
}

.social-links.footer-social .social-link {
    border-radius: 100px;
    height: 50px;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 45px;
    margin-left:7.5px;
    margin-right:7.5px;
}

.social-links.footer-social .social-link svg {
  text-align:center;
      vertical-align: middle;
}

.social-links.footer-social .social-link:hover, .social-links.footer-social .social-link:focus {
  background-color:#fff;
}

.social-links.footer-social .social-link.bg-plum:hover svg, .social-links.footer-social .social-link.bg-plum:focus svg {
  color:#a21aa5;
}

.social-links.footer-social .social-link.bg-purple:hover svg, .social-links.footer-social .social-link.bg-purple:focus svg {
  color:#5b12c3;
}

.footer-help.help-fixed {
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.footer-help.help-fixed a {
  box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
}

.footer-help a {
  background-color: #fff;
    border-radius: 100px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    text-align: center !important;
    display:inline-block;
}

.footer-help a:hover, .footer-help a:focus {
  background-color: #fa2d64;
}

.footer-help a:hover svg, .footer-help a:focus svg {
  color: #fff;
}

.footer-help svg {
  font-size:32px;
      vertical-align: middle;
}

.footer-help {
  margin-top: -30px;
}

.footer-logo {
  width: 250px;
    margin-bottom: 45px;
}
.supported-by {
  margin-top:30px;
}
.supported-by .sb-img {
  margin: auto 0;
  height:100%;
}
.supported-by .sb-img img {
  width:100%;
}
/* END Footer */

/* Popout Reminder */
#popout-reminder {
  text-align: right;
  position: absolute;
  bottom: 215px;
  right: 0px;
  width:auto;
  -webkit-transition: position 2s, top 2s, bottom 2s;
  transition: position 2s, top 2s, bottom 2s;
  overflow:hidden;
}

#popout-reminder.popout-open {
  width:100%;
  overflow:visible;
}

#popout-reminder > a {
  background-color: #fa2d64;
    border-radius: 100px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    text-align: center !important;
    display: inline-block;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 5000;
    position: relative;
}


#popout-reminder > a:hover, #popout-reminder > a:focus {
  background-color: #5b12c3;
}

#popout-reminder > a svg {
  font-size: 32px;
    vertical-align: middle;
}

.reminder-info .btn-plum {
    margin-left: 60px;
    margin-right:60px;
    color:#fff !important;
  }

.reminder-info .btn-plum:hover, .reminder-info .btn-plum:focus {
  border-color:#a21aa5 !important;
  color:#a21aa5 !important;
}

.reminder-info.white-box {
  border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
    width: 400px;
    max-width:100%;
    visibility:hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
        position: absolute;
        right: 0px;
        z-index: 5001;
        background-color: #fff;
        height: 100%;
        top:0px;
}

.reminder-info.white-box.info-visible {
  visibility:visible;
  opacity:1;
  bottom:90px;
  top:auto;
}

#page-overlay.body-overlay {
  background-color: rgba(0,0,0,.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 5000;
}

.reminder-info.white-box .popout-info-top {
  padding:15px;
  border-top-left-radius:15px;
}

.reminder-info ol {
  padding-left: 60px;
    padding-right: 60px;
    padding-top:30px;
}

.reminder-info li {
  font-size: 19px;
    font-family: 'Nunito', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom:10px;
}

.reminder-info li::marker {
  color:#fa2d64;
}

.popout-info-bottom {
  padding-bottom: 30px;
  border-bottom-left-radius: 15px;
}
/* END Popout Reminder */

/* Mobile Menu */

/* END Mobile Menu */

/* Responsive */
@media only screen and (min-width:992px) and (max-width:1199px) {
  .nav-search input[type=text]:focus {
    max-width:180px;
  }

  .sl-donations {
    padding:30px;
  }

  .past-draw-top {
    padding:15px;
    margin-bottom: 0px;
  }

  .past-draw-top h4, .past-draw-top p {
    float: none;
    display: block;
}
}

@media only screen and (min-width:992px) {
/* Nav Hover Effect */
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}

/* stroke */
nav.stroke ul li.item-text a,
nav.fill ul li.item-text a {
  position: relative;
}
nav.stroke ul li.item-text a:after,
nav.fill ul li.item-text a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #fa2d64;
  height: 1px;
}
nav.stroke ul li.item-text a:hover:after {
  width: 100%;
}

nav.fill ul li.item-text a {
  transition: all 2s;
}

nav.fill ul li.item-text a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li.item-text a:hover {
  color: #fff;
  z-index: 1;
}
nav.fill ul li.item-text a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}

/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #fa2d64;
  }
}
/* END Nav Hover Effect */

.navbar-nav .active .nav-link {
  border-bottom: 1px solid #fa2d64;
  padding-bottom:7px;
}

}

@media only screen and (max-width:991px) {
  .header-nav {
    text-align:right !important;
  }

  .header-nav .navbar {
    display: inline-block;
    padding-left: 0px;
    padding-right:0px;
    width: auto;
    z-index: 5001;
    position: static;
    max-width: 100%;
  }

  .header-nav .navbar .navbar-nav {
    padding-top: 0px;
    border-top: 1px solid #fa2d64;
  }

  .header-nav .navbar button {
    float: right;
    position: static;
    display: block;
  }

  .header-nav .navbar button[aria-expanded="false"] .fa-times {
    display:none;
  }

.header-nav .navbar button[aria-expanded="true"] .fa-bars {
  display:none;
}

  .header-nav .navbar button svg {
    color:#fff;
    -webkit-transition: display 0.4s ease-in-out;
    transition: display 0.4s ease-in-out;
  }

  /* .header-nav .navbar button:hover svg {
    color:#fa2d64;
  } */

.header-nav .navbar .navbar-collapse {
  position: absolute;
  top: 75px;
  width: 100%;
  background-color: #0c1548;
  left: -30px;
  right: -30px;
  max-width: 100%;
  left: 0px;
  top:60px;
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
  width: 100%;
      height: calc(100vh - 60px);
}

.header-logo img {
      width: 250px;
      max-width:100%;
      margin-left:15px;
}

#primary-header {
  padding-left: 0px;
    padding-right: 0px;
    padding-top:15px;
}

#primary-header .container {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

#primary-header .container .row {
  margin-left: 0px;
margin-right: 0px;
}

#primary-header .header-nav {
  margin-top: -50px;
}

.navbar-nav .nav-link {
  text-align: center;
    padding: 15px;
}

.navbar-nav .nav-item {
  text-align:center;
}

.navbar-nav .nav-item .nav-link-btn {
  display: inline-block;
  padding: 5px 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top:15px;
  margin-bottom:0px;
}

.nav-search {
  float: none;
    margin-bottom: 30px;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 30px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.nav-search input[type="text"]:focus + #searchsubmit {
  position: relative;
    top: -25px;
    right: -25px;
    left: auto;
    float: right;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  color:#fa2d64;
}

.navbar-nav .active .nav-link {
  background-color:#fa2d64;
}

.navbar-nav .active .nav-link:hover, .navbar-nav .active .nav-link:focus {
  color:#fff;
}

#draw-title svg {
    margin-left: 30px;
    margin-right: 30px;
}

#daily-draws {
  padding-top:60px;
}

.sl-section {
  padding:75px 0px;
}

.sl-section-sh {
  padding:25px 0px;
}

#draw-social .social-links {
    position: relative;
    right: 0px;
    top: 0px;
    padding-top: 30px;
}

.sl-video {
    padding-right: 0px;
    padding-left:0px;
    margin-left: 0px;
}

.gradient-purple-overlay {
    height: 350px;
    line-height: 350px;
  }

  #draw-donations .row {
    padding-left:15px;
    padding-right:15px;
  }

  .sl-donations {
    margin-left: 0px;
  }

  .donor-label h5:after, .donor-label h5:before {
    width:10%;
  }

  .donor-ads-today .donor-label h5:after, .donor-ads-today .donor-label h5:before {
    width: 15%;
}

#past-draw-counter {
  padding-bottom:60px;
}

#wtw {
  margin-bottom:45px;
}

#scroll-draw-counter h3 {
    font-size: 24px;
}
}

@media only screen and (min-width:768px)  and (max-width:991px) {
#draw-hero {
    margin-bottom: 350px;
  }

  #daily-draws {
    margin-bottom: -400px;
  }

  #popout-reminder {
    bottom:300px;
  }
}

@media only screen and (max-width:767px) {
#draw-hero {
  padding-top:130px;
}

#draw-title svg:first-child {
  display:none;
}

#draw-title svg {
margin: 0px;
    vertical-align: top;
    padding-left: 10px;
}
#daily-draws {
    margin-bottom: -950px;
  }

  #draw-hero {
    margin-bottom:910px;
  }

  .draw-block {
    padding-bottom:30px;
  }

  #scroll-draw-counter h3 {
    font-size: 17px !Important;
}

#scroll-draw-counter .btn {
font-size: 13px;
    padding: 5px 10px;
}

#primary-header.nav-top .header-logo img {
  width:200px;
}

#scroll-draw-counter.sticky-top {
  top:70px;
}

.sl-ad {
  padding-bottom:30px;
}
.sl-home-ad {
  padding-bottom:10px;
}

.draw-block .img-link {
  padding-left:15px;
  padding-right:15px;
  display: inline-block;
}

.draw-block img {
  width:100%;
}

.donor-box {
  margin-bottom:15px;
}

.donor-label {
  margin-bottom:45px;
  margin-top:5px;
}

.donor-ad-mini .btn {
  margin-top:15px;
  margin-bottom:15px;
}
.sl-section {
  padding:60px 0px;
}

.sl-section-sh {
    padding: 30px 0px;
}

#popout-reminder.sticky-popout {
    position: relative;
  }

  .btn-sl {
        font-size: 17px;
        padding: 10px 20px;
  }

  .btn-sm {
    font-size:13px;
    padding:5px 10px;
  }
}


@media only screen and (max-width:575px) {
.scroll-counter-col {
  text-align:center !important;
}

.scroll-counter-col h3 {
  padding-bottom:10px;
}

h1 {
font-size:40px;
}

h2 {
  font-size:32px;
}

h3 {
font-size:24px;
}

h4 {
font-size:20px;
}

h5 {
font-size:18px;
}
h6 {
font-size:16px;
}

div, p, body, ul, li, ol {
  font-size: 15px;
    line-height: 25px;
}

.wtw-name, .wtw-number {
  font-size:18px;
}

.video-text h2 {
    width: 100%;
    max-width: 100%;
}

#daily-draws {
    margin-bottom: 0px;
    padding-bottom:25px;
  }

  #draw-hero {
    margin-bottom:0px;
    padding-bottom:0px;
  }

  #draw-hero .container#daily-draws {
    background-color:#fff;
  }

  #draw-scroll  {
    border-top: 1px solid #ddd;
    margin-top:15px;
    padding-top: 30px;
}

  #draw-scroll h5 {
  width: 250px;
margin-left: auto;
margin-right: auto;
max-width:100%;
}

#draw-hero .container#daily-draws h2 {
  color: #0c1548;
}

#daily-draws {
  padding-top:45px;
}

#popout-reminder {
  bottom:auto;
  top: 200px;
}

.reminder-info.white-box {
  width:300px;
}

.reminder-info ol {
    padding-left: 45px;
    padding-right: 30px;
  }

  .reminder-info .btn-plum {
    margin-left: 45px;
    margin-right: 45px;
  }

  .header-logo img {
      width: 200px;
    }

    .header-logo {
      display:inline-block;
      width:auto;
      z-index:5500;
      position:relative;
    }

  /*  .sl-section {
      padding:45px 0px;
    }

    .sl-section-sh {
      padding:25px 0px;
    } */

    .sl-ad a {
      display:block;
    }

    .sl-ad a.btn {
      display:inline-block;
    }

    .past-draw-top {
      padding:15px;
    }

    .past-draw-top h4, .past-draw-top p {
      display:block;
      text-align:center;
      float:none;
    }

    .wtw-name, .wtw-number {
    font-size: 15px;
    line-height:normal;
}

#draw-social .social-links {
  padding-top:15px;
}

.section-title {
  margin-bottom:30px;
}

#wtw {
  margin-bottom:30px;
}

#draw-donors .mt-60 {
  margin-top:15px;
}

#draw-donations {
      padding: 60px 0px;
}

#scroll-draw-counter.sticky-top h3 {
  display:none;
}

.scroll-counter-col {
  text-align:right !important;
}

.sl-ads, #donor-ads {
  padding-left:15px;
  padding-right:15px;
}

#donations-video, #donations-info {
  margin-left:15px;
  margin-right:15px;
}

.footer-main {
  padding-top:45px;
}

#draw-hero {
    padding-top: 115px;
}

.sl-select {
  font-size:17px;
}
}




/* NEW CSS */
/* Homepage */
.steps-col h1 {
  width: 90px;
  display: inline-block;
  border: 10px solid #0c1548;
  border-radius: 100%;
  height: 90px;
  text-align: center;
  font-size:72px;
  line-height:72px;
  position: relative;
  padding-bottom: 30px;
  display: inline-block;
  height: 110px;
  width: 110px;
  line-height:90px;
}

.steps-col h5 {
  padding-top:30px;
  padding-bottom:15px;
  width:200px;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
}

.steps-col h1:after {
  height: 30px;
  background-color: #fff;
  content: '';
  positioN: absolute;
  bottom: -15px;
  top: auto;
  width: 120px;
  left: -15px;
}

#home-hero-info {
  margin-left: 15px;
  padding: 45px;
  z-index: 1;
}

#home-hero-vid {
  padding-right: 0px;
  margin-left: -45px;
}

#home-hero-vid .gradient-purple-overlay {
    height: 425px;
    line-height: 425px;
}

#home-hero {
      padding-top: 160px;
          position: relative;
}

#home-hero-vid svg, #home-hiw-vid svg {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#home-hiw .gradient-pink-overlay, #home-hiw-vid {
  height:350px;
  line-height:350px;
}

.home-cta-btn {
  position: absolute;
    bottom: -30px;
    width: 100%;
    left: 0px;
    right: 0px;
    z-index:1;
}

#home-donations.sl-donations {
    margin-left: 0px;
    padding: 0px 15px;
}

#home-donations .donation-counter {
  height: auto;
}

#home-ctas, #home-steps {
  position:relative;
}

.home-cta-inner {
  width: 300px;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
}

#home-counter {
  border-right:1.5px solid #fa2d64;
}

#home-donations {
  border-left:1.5px solid #fa2d64;
}

.primary-cta h2 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  max-width:100%;
}

.sl-section.btn-overlay-padding {
  padding-top:120px;
}

#home-hero {
  padding-bottom:120px;
}

#home-hero-info p {
  margin-bottom:0px;
}

#home-hiw a:hover .gradient-pink-overlay {
  background: -webkit-linear-gradient(0deg, rgba(162,26,165,.8) 0%, rgba(250,45,100,.8) 100%);
background: -o-linear-gradient(0deg, rgba(162,26,165,.8) 0%, rgba(250,45,100,.8) 100%);
background: linear-gradient(0deg, rgba(162,26,165,.8) 0%, rgba(250,45,100,.8) 100%);
}

#home-steps-btn .btn-plum:hover,  #home-steps-btn .btn-plum:focus {
  border:2px solid #a21aa5;
}

.home-btn {
  width:265px;
  max-width:100%;
}

.home-btn-sm {
  width:185px;
  max-width:100%;
}

.slick-dots {
  padding-left:0px;
  margin-top:30px;
}

.slick-dots li {
  display: inline-block;
}

.slick-dots li button {
  font-size: 0px;
  border: 0px;
  background-color: #fa2d64;
  opacity:.6;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

.slick-dots li.slick-active button {
  opacity:1;
}

.testimonials-carousel {
margin-top:30px;
}

.testimonials-carousel p {
  width: 920px;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  padding-left:90px;
  padding-right:90px;
}

.img-quote {
  positioN: absolute;
  top: 50%;
  left: 90px;
  top: 50%;
  transform: translateY(-80%);
}

@media only screen and (max-width:1199px){
.img-quote {
  left: 30px;
}
}

@media only screen and (max-width:991px){
  .img-quote {
    left: 0px;
  }

.sl-section.btn-overlay-padding {
  padding-top:100px;
}

#home-hero-info {
  margin-left:0px;
}

#home-hero-vid {
  margin-left:0px;
}

#home-hero {
  padding-bottom:90px;
}

#home-hero-vid .gradient-purple-overlay {
    height: 350px;
    line-height: 350px;
}

#home-hero {
  padding-top:115px;
}
}

@media only screen and (max-width:767px){
  #home-hero {
    padding-bottom:75px;
  }

  #home-counter {
    border-right:0px;
    padding-bottom:45px;
    margin-bottom:45px;
    border-bottom: 1.5px solid #fa2d64;
  }

  #home-donations {
    border-left:0px;
  }

  .steps-col {
    padding-bottom:30px;
  }
}

@media only screen and (max-width:575px){
  #home-hero {
    padding-bottom:0px;
  }

  #home-hero-info {
    padding:30px;
  }

  .img-quote {
    left:15px;
    opacity:.6;
    bottom: -30px;
    top: auto;
  }

  .steps-col h5 {
    padding-top:15px;
    width:160px;
    max-width:100%;
  }

  #home-hero {
    padding-top:85px;
  }

  .testimonials-carousel p {
    padding-left:30px;
    padding-right:30px;
  }

  #home-steps {
    padding-bottom:15px;
  }
}
/* END Homepage */
/* END NEW CSS */
.social-aggregator {
  margin-top:50px;
}
.reg-form {
    margin-top: 100px;
}
.reg-form .card-header {
  background-color: #0c1548;
  color:#ffffff;
  font-size: 30px;
  text-align:center;
}
.btn-primary {
    text-align: center;
    color: #fff;
    background-color: #fa2d64;
    border: 2px solid #fa2d64;
    border-radius: 100px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 25px;
    cursor: pointer;
}
.btn-primary:hover {
    background-color: #a21aa5;
    border: 2px solid #a21aa5;
}
.navbar a {
    line-height: 16px;
}

.sl-counter {
    margin: 50px 0;
}


/* CG Loader */
#loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display:none;
opacity: 1;
z-index: 6000;
text-align: center;
background-color: rgba(0,0,0,0.9);
}

#loaderWrapper{
position: relative;
background-color: #FFFFFF;
width: 50%;
top: 30%;
left:25%;
padding: 15px;
}

@media only screen and (max-width:1199px){
#loaderWrapper{
position: relative;
width: 50%;
top: 30%;
left:25%;
padding: 15px;
}
}
@media only screen and (max-width:575px){
  #loaderWrapper{
  position: relative;
  width: 90%;
  top: 30%;
  left:5%;
  padding: 10px;
  }
}

#loading-image {
position: realtive;
z-index: 100;
}

/* End CG Loader */
.bonus-prize-list-wrapper {
  padding-top:25px;
}
.past-draw-block-counter2 {
  display:none;
}

#bonus-draw a.btn.btn-sm.btn-sl.btn-pin {
    margin-top: 5px;
}