/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


.for-more.lotto-winnings{text-align: center}
p.div-paragraph.second {
    text-align: center;
}
li.rapido-numbers {
    box-shadow: none !important;
    margin-right: 13px;
    color: #777;
}

#accordion1 li.panel{
       margin-bottom: 3px;
    background: #eee;
    padding: 8px;
}

li.panel:hover{
  background:#FFDE00!important;
}
 
 
td.lottoMenu{padding:2px!important;}
ul.menu{padding-left:0px;}
/*.panel {
            border-width: 0 0 1px 0;
            border-style: solid;
            border-color: #fff;
            background: none;
            box-shadow: none;
        }
        
        .panel:last-child {
            border-bottom: none;
        }
        
        .panel-group > .panel:first-child .panel-heading {
            border-radius: 4px 4px 0 0;
        }
        
        .panel-group .panel {
            border-radius: 0;
        }
        
        .panel-group .panel + .panel {
            margin-top: 0;
        }
        
        .panel-heading {
            background-color: #0072AE;
            border-radius: 0;
            border: none;
            color: #fff;
            padding: 0;
        }
        
        .panel-title a {
            display: block;
            color: #fff;
            padding: 15px;
            position: relative;
            font-size: 22px;
            font-weight: 400;
        }
        
        .panel-body {
            background: #fff;
        }
        
        .panel:last-child .panel-body {
            border-radius: 0 0 4px 4px;
        }
        
        .panel:last-child .panel-heading {
            border-radius: 0 0 4px 4px;
            transition: border-radius 0.3s linear 0.2s;
        }
        
        .panel:last-child .panel-heading.active {
            border-radius: 0;
            transition: border-radius linear 0s;
        }
        /* #bs-collapse icon scale option  
        
        
        
        #bs-collapse .panel-heading a:after {
            content: ' ';
            font-size: 24px;
            position: absolute;
            font-family: 'Material Icons';
            right: 5px;
            top: 10px;
            transform: scale(0);
            transition: all 0.5s;
        }
        
        #bs-collapse .panel-heading.active a:after {
            content: '\e909';
            transform: scale(1);
            transition: all 0.5s;
        }
        /* #accordion rotate icon option  
        
        #accordion .panel-heading a:before {
            content: '\e316';
            font-size: 24px;
            position: absolute;
            font-family: 'Material Icons';
            right: 5px;
            top: 10px;
            transform: rotate(180deg);
            transition: all 0.5s;
        }
        
        #accordion .panel-heading.active a:before {
            transform: rotate(0deg);
            transition: all 0.5s;
        }

        */
        
.col-md-3.sidebars {
    overflow: auto;
    height: 450px;
}

li#powerbonus {
 
    margin-left: 3px;
    box-shadow: rgb(27, 175, 239) 0px 0px 0px 5px inset, rgba(0, 0, 0, 0.4) 0px 6px 4px -4px !important;
    background: rgba(4, 169, 240, 0.9);
    color: rgb(255, 255, 255) !important;
    border: 2px solid rgba(4, 169, 240, 0.9);
}

li#powernumber{
display: inline-block;
    box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 5px inset, rgba(0, 0, 0, 0.4) 0px 6px 4px -4px;
    color: rgba(4, 169, 240, 0.9);
    margin-right: 3px;
    border: 1px solid rgba(4, 169, 240, 0.9);
  
}

@font-face {
  font-family: 'Avenir Next Rounded Pro';
  src: url('fonts/AvenirNextRoundedPro-Med.eot');
  src: url('fonts/AvenirNextRoundedPro-Med.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirNextRoundedPro-Med.woff') format('woff'),
    url('fonts/AvenirNextRoundedPro-Med.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Rounded Pro';
  src: url('fonts/AvenirNextRoundedPro-Bold.eot');
  src: url('fonts/AvenirNextRoundedPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirNextRoundedPro-Bold.woff') format('woff'),
    url('fonts/AvenirNextRoundedPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


.games-row-heading {
    background-color: #fbda1f;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px;
}

.games-row:nth-child(even) {
    background-color: #fff;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
 
    font-size: 14px;
    text-transform: uppercase;
    
   
}

.games-row:nth-child(odd) {
    background-color: #eee;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
  
    font-size: 14px;
    text-transform: uppercase;
 
   
}

b.ball_num{
      background: #fff;
    padding: 2px;
    border: 1px solid #aaa;
    border-radius: 100%;
}

b.bonus_ball_num{
background: #fbda1f;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 100%;
}

.col-md-3.columns {
    overflow: hidden;
 
     
}

.jackpot-match {
    font-weight: bold;
    color: red;
}


.header-two, .latest-results {
    background: #4c4c4c !important;
    text-align: center;
    color: #fff;
}

table.sportstake {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0;
    margin: 0 35px;
    margin-bottom: 15px;
  
}

.sportstake tr td , .sportstake tr th{
padding:5px;
}

.home-wins{
background-color:#009861;color:#fff;padding:5px;
}

.away-wins{
background-color: #e13840;color:#fff;padding:5px;
}

.draws{
background-color: #0094c7;color:#fff;padding:5px;
}

.postponed{
background-color:#008080;color:#fff;padding:5px;
}

table.top-header {
    width: 88%;
    margin: 20px 35px 0;
}



.box1, .box2 {
  width: 100%;
}

.box1 , .box2 , .box3 {
    display: none;
    height: 100%;
    vertical-align: middle;
float:left;
opacity: 1!important;
}

 .boxes1, .boxes2, .boxes3{
display: none;
    height: 100%;
    vertical-align: middle;
float:right;
}

.app_section{
height:618px;
}

.container_left{
float:left;
width:45% !important;
}

.container_right{
float:right;
width:45% !important;
}

.home_page_footer_play{
height:140px;
}

th {
    background: #fbda1f !important;
    color: #222;
}


        /*---------------- Styles for pick3 results ------------------*/

        .clear_pick_draw_box {clear: both!important;}

        .draw_res_cont { width:45%;  ; height: 185px; margin: 1.5% 0 1.5% 0; padding: 8px; display: block!important; background: #EFEFEF; border-radius: 10px; }

        .draw_res_cont h2 {font-size: 22px; text-transform: uppercase;}

    .draw_res_c_left { float: left; }
    .draw_res_c_right{ float: right; }

    .p_ball {display: inline-block; box-shadow: 0px 0px 0px 5px rgba(219, 74, 77, 0.9) inset, 0px 6px 4px -4px rgba(0, 0, 0, 0.4); width: 40px!important; height: 40px!important;
    border-radius: 20px;
    font-size: 14px;
    background: #fff;
    border: 2px solid #fff;
    text-align: center;
    cursor: pointer;
    padding: 8px 5px 10px 5px !important;}


     .draw_date { margin: 30px 0 0 0; padding:0 0 0 0; color: #000000; font-size: 15px; }


.cd-header {
  position: relative;
  height: 150px;
  background-color: #331d35;
}
.cd-header h1 {
  color: #ffffff;
  line-height: 150px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 300;
}
@media only screen and (min-width: 1170px) {
  .cd-header {
    height: 180px;
  }
  .cd-header h1 {
    line-height: 180px;
  }
}

.cd-main-content {
  position: relative;
  min-height: 100vh;
}
.cd-main-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-main-content.is-fixed .cd-tab-filter-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px;
}
.cd-main-content.is-fixed .cd-filter {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}
.cd-main-content.is-fixed .cd-filter form {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-main-content.is-fixed .cd-filter-trigger {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 100px;
  }
}

/* -------------------------------- 

xtab-filter 

-------------------------------- */
.cd-tab-filter-wrapper {
  background-color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-tab-filter {
  /* tabbed navigation style on mobile - dropdown */
  position: relative;
  height: 50px;
  width: 140px;
  margin: 0 auto;
  z-index: 1;
}
.cd-tab-filter::after {
  /* small arrow icon */
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.cd-tab-filter ul {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: inset 0 -2px 0 #41307c;
}
.cd-tab-filter li {
  display: none;
}
.cd-tab-filter li:first-child {
  /* this way the placehodler is alway visible */
  display: block;
}
.cd-tab-filter a {
  display: block;
  /* set same size of the .cd-tab-filter */
  height: 50px;
  width: 140px;
  line-height: 50px;
  padding-left: 14px;
}
.cd-tab-filter a.selected {
  background: #41307c;
  color: #ffffff;
}
.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul {
  box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-tab-filter.is-open ul li {
  display: block;
}
.cd-tab-filter.is-open .placeholder a {
  /* reduces the opacity of the placeholder on mobile when the menu is open */
  opacity: .4;
}
@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto;
  }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none;
  }
  .cd-tab-filter ul {
    background: transparent;
    position: static;
    box-shadow: none;
    text-align: center;
  }
  .cd-tab-filter li {
    display: inline-block;
  }
  .cd-tab-filter li.placeholder {
    display: none !important;
  }
  .cd-tab-filter a {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
  }
  .no-touch .cd-tab-filter a:hover {
    color: #41307c;
  }
  .cd-tab-filter a.selected {
    background: transparent;
    color: #41307c;
    /* create border bottom using box-shadow property */
    box-shadow: inset 0 -2px 0 #41307c;
  }
  .cd-tab-filter.is-open ul li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-tab-filter {
    /* tabbed navigation on big devices */
    width: 100%;
    float: right;
    margin: 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-tab-filter.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
}


main.cd-main-content {margin-bottom:-44px}
/* -------------------------------- 

xgallery 

-------------------------------- */
.cd-gallery {
  /* padding: 26px 5%; */
  width: 100%;
}
.cd-gallery li {
  margin-bottom: 1.6em;
 
  display: none;
}
.cd-gallery li.gap {
  /* used in combination with text-align: justify to align gallery elements */
  opacity: 0;
  height: 0;
  display: inline-block;
}
.cd-gallery img {
  display: block;
  width: 100%;
}
.cd-gallery .cd-fail-message {
  display: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cd-gallery {
/*  padding: 40px 3%; */
  }
  .cd-gallery ul {
    text-align: justify;
  }
  .cd-gallery ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-gallery li {
   
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-gallery {
   
    float: right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-gallery li {
     
  }
  .cd-gallery.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
}

/* -------------------------------- 

xfilter 

-------------------------------- */
.cd-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background: #ffffff;
  box-shadow: 4px 4px 20px transparent;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
  -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
}
.cd-filter::before {
  /* top colored bar */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #41307c;
  z-index: 2;
}
.cd-filter form {
  padding: 70px 20px;
}
.cd-filter .cd-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  background: #37296a;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 3;
}
.no-touch .cd-filter .cd-close:hover {
  background: #32255f;
}
.cd-filter.filter-is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.cd-filter.filter-is-visible .cd-close {
  opacity: 1;
}
@media only screen and (min-width: 1170px) {
  .cd-filter {
    width: 20%;
  }
  .cd-filter form {
    padding: 70px 10%;
  }
}

.cd-filter-trigger {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  background: transparent url("../img/cd-icon-filter.svg") no-repeat center center;
  z-index: 3;
}
.cd-filter-trigger.filter-is-visible {
  pointer-events: none;
}
@media only screen and (min-width: 1170px) {
  .cd-filter-trigger {
    width: auto;
    left: 2%;
    text-indent: 0;
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    padding-left: 24px;
    background-position: left center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
  }
  .no-touch .cd-filter-trigger:hover {
    color: #41307c;
  }
  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
    color: #ffffff;
  }
}

/* -------------------------------- 

xcustom form elements 

-------------------------------- */
.cd-filter-block {
  margin-bottom: 1.6em;
}
.cd-filter-block h4 {
  /* filter block title */
  position: relative;
  margin-bottom: .2em;
  padding: 10px 0 10px 20px;
  color: #9a9a9a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.no-touch .cd-filter-block h4:hover {
  color: #41307c;
}
.cd-filter-block h4::before {
  /* arrow */
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-filter-block h4.closed::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
  /* shared style for input elements */
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
  width: 100%;
    
    background: #f68b27;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
  outline: none;
  background-color: #ffffff;
  border-color: #41307c;
}
.cd-filter-block input[type='search'] {
  /* custom style for the search element */
  border-color: transparent;
  background-color: #e6e6e6;
  /* prevent jump - ios devices */
  font-size: 1.6rem !important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
  display: none;
}
.cd-filter-block .cd-select {
  /* select element wrapper */
  position: relative;
}
.cd-filter-block .cd-select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.cd-filter-block select {
  cursor: pointer;
  width: 180px;
}
.cd-filter-block select::-ms-expand {
  display: none;
}
.cd-filter-block .list li {
  position: relative;
  margin-bottom: .8em;
}
.cd-filter-block .list li:last-of-type {
  margin-bottom: 0;
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
  padding-left: 24px;
  font-size: 1.4rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
  width: 16px;
  height: 16px;
  left: 0;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
  /* check mark - hidden */
  display: none;
}
.cd-filter-block .checkbox-label::after {
  /* check mark style for check boxes */
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-check.svg") no-repeat center center;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  border-radius: 50%;
}
.cd-filter-block .radio-label::after {
  /* check mark style for radio buttons */
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
  border-color: #41307c;
  background-color: #41307c;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
  display: block;
}

@-moz-document url-prefix() {
  /* hide custom arrow on Firefox - select element */
  .cd-filter-block .cd-select::after {
    display: none;
  }
}



.table_wrap { width: 100%; overflow: scroll; overflow-y: hidden;}

    .tab_col1 { float: left; width: 33%; height: auto; display: block; text-align: center;}
    .tab_head { width: 100%; height: auto; margin: 0 0 0 0; padding: 20px; color: #ffffff; background: #C40C0C; display: inline-block; text-align: center; font-size: 25px}




        .gray { background: #EEEEEE;  }
            .col1_data { padding: 10px; font-size: 17px; width: 100%;}


     .tab_head_sml { width: 100%; height: auto; margin: 0 0 0 0; padding: 5px 0px 5px 0px; color: #ffffff; background: #C40C0C; text-align: center; }
        .table_sub_head {width: 25%; height: auto; margin: 0 0 0 0; padding: 24px 0 0px 0; color: #ffffff; background: #8E1610; text-transform: capitalize!important; 
            isplay: block; text-align: center; font-size: 15px; float: left}

             .pr_row_1 {width: 100%; height: auto; padding:10px; float: none!important; clear: both; display: inline-block; font-size: 17px;
                  margin: -3px 0 0 0!important;}
                .pr_row_2 {width: 100%; height: auto; padding:10px; float: none!important; clear: both; display: inline-block; font-size: 17px; 
                  margin: -2px 0 0 0!important;}
                .pr_row_3 {width: 100%; height: auto; padding:10px; float: none!important; clear: both; display: inline-block; font-size: 17px; 
                  margin: -2px 0 0 0!important;}
                .pr_row_4 {width: 100%; height: auto; padding:10px; float: none!important; clear: both; display: inline-block; font-size: 17px; 
                  margin: -8px 0 0 0!important;}
                .pr_row_5 {width: 100%; height: auto; padding:10px; float: none!important; clear: both; display: inline-block; font-size: 17px; 
                  margin: -2px 0 0 0!important;}
                .pr_row_6 {width: 100%; height: auto; padding:10px; float: none!important; clear: both; display: inline-block; font-size: 17px;
                  margin: -8px 0 0 0!important; }
            .pr_row_data { width: 25%; float: left; display:block; margin: 0 0 0 0; padding: 0 0 0 0; }


/* ------ The more info results tabel ---------*/

        .info_res_name {width: 50%!important; float: left; margin: 0 0 0 0; height: inherit; padding: 10px 0 10px 0!important; text-align: center; display: block;}
        .info_res_info {width: 50%!important; float: left; margin: 0 0 0 0; height: inherit; padding: 10px 0 10px 0!important; text-align: center; display: block;}
        .tabel_td  { padding: 10px 0 10px 0; height: inherit; display: block; }



        .history_res_tab_head { width: 100%; height: auto; margin: 0 0 0 0; padding: 10px 0 10px 0; display: inline-block; background: #C40C0C; color: #ffffff;}
        .tab_history_hed_col { width: 33.3%; margin:0 0 0 0; padding: 10px 0 10px 0; text-align: center; float: left; display: block; }


        .history_res_tab_row { width: 100%; height: auto; margin: 0 0 0 0; padding: 10px 0 10px 0; display: inline-block; color: #ffffff;}
            .history_res_tab_row_col {width: 33.3%; margin:0 0 0 0; padding: 10px 0 10px 0; text-align: center; float: left; display: block;}


/* ------ Raffle Draw Results table styles ---------*/


    table.raffle_results_table tr:nth-child(odd) {
    background-color: #EEEEEE;
}

table.raffle_results_table { width: 100%; height: auto; display: table; margin: 0 0 20px 0; text-transform: uppercase; text-align: center;}
    .raffle_table_header th { background: #642c83!important; padding: 20px!important; color:#ffffff; font-size: 18px; text-align: center; font-weight: normal;}
    .raffle_results_table td { padding: 10px 0 10px 10px; font-size: 14px; border: none!important}

    /*------ The Back button stules ------*/

    .raffle_back_button { padding: 8px; background-color: #221f1f; font-size: 16px; margin:0 0 30px 5px; border:none; cursor: pointer; width: 100px;
     text-transform: uppercase; text-align: center; display: block; color: #ffffff;}
     .raffle_back_button:hover { color: #FFDE00; }


/*------ Chrome css hacks only ------*/


@supports (-webkit-appearance:none) and (font-variant-caps:normal) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) 
{ 
    .chrome_raf_logo { margin: -20px 0 0 0 } 
}




div.fusion-social-links-header {
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 20%;
}

div.fusion-social-links-header a {
    width: auto;
    height: auto;
      
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 50%;;
    color: #fff !important;
}

div.fusion-social-links-header a:hover {
    color: #f8db19;
}


div.fusion-social-links-header a:nth-of-type(1) {
   
}
div.fusion-social-links-header a:nth-of-type(2) {
  
}


.fusion-social-networks .fusion-social-network-icon {
  margin-left: 0;
 
  margin-bottom: 10px;
  font-size: 16px;
  color: #46494a;
  display: inline-block;
}
.fusion-social-networks .fusion-social-network-icon:hover {
  opacity: 0.8;
}
.fusion-social-networks .fusion-social-network-icon:before {
  color: inherit;
}
.fusion-social-networks.boxed-icons {
  line-height: 46px;
}
.fusion-social-networks.boxed-icons .fusion-social-network-icon {
  margin-right: 10px;
  padding: 8px;
  background-color: #46494a;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-background-clip: inherit;
  -webkit-background-clip: inherit;
  background-clip: inherit;
  border: 1px solid #46494a;
  color: #ffffff;
}
.header-social .alignright .fusion-social-links-header .fusion-social-network-icon {
  margin-right: 0;
  margin-left: 20px;
}
.header-social .alignright .fusion-social-links-header .boxed-icons .fusion-social-network-icon {
  margin-right: 0;
  margin-left: 10px;
}


 .navbar-nav>li>a{    padding-top: 4px;
padding-bottom: 4px;}

a.dropdown-toggle{text-align:center;color: #000;font-size:17px}

html,
body {
    height: 100%;
}

body {
     /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

div#bs-example-navbar-collapse-1{margin-left: 30px;    margin-top: -2px;}
a.dropdown-toggle{text-align: center;color:#333; 
    font-size: 16px;  }

 
 i.fa.fa-facebook.fa-lg {    background: #3b5998;
    padding: 11px;
    border-radius: 100%;
    color: #fff;
    padding-bottom: 8px;}


    
 i.fa.fa-twitter.fa-lg {    background: #0084b4;
    padding: 11px;
    border-radius: 100%;
    color: #fff;
    padding-bottom: 8px;}


.navbar-nav>li>a {
      padding-top: 16px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 23px;
}


.navbar-brand{padding: 3px 10px;}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 350px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
           background: #333;
   
    border-bottom: 5px solid #FFDE00;
    color: #fff;
    padding: 13px;
    border-top: none!important;
}


li.dropdown.mega-dropdown{    border-right: 1px solid #ddd;}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }



}

.slick-prev, .slick-next{ 
z-index: 99999;
background: url(https://www.nationallottery.co.za/wp-content/themes/lotto/img/prev.png);
    background-size: contain;
}

.slick-next{right: -45px!important;
    margin-top: -21px!important;
 background: url(https://www.nationallottery.co.za/wp-content/themes/lotto/img/next.png);
    background-size: contain;
  }

	.slick-prev{left: 5px!important;
        left: -45px!important;
    margin-top: -21px!important;}

@media(max-width:450px) {

  div#mobiBoxLOTTOP2{width:100%!important;margin-top: 10px;}
div#mobiBoxLOTTOP1{width:100%!important;margin-top: 10px;}

div#mobiBoxRAPIDO{width:100%!important;margin-top: 10px;}
div#mobiBoxPOWERBALLP{width:100%!important;margin-top: 10px;}

div#mobiBoxPOWERBALL{width:100%!important;margin-top: 10px;}
  div#mobiBoxLOTTO{width:100%!important;margin-top: 10px;}
  a.btn.raff{font-size:9px}
   div.fusion-social-links-header {
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 40px;
}

a.historyMobi {
    font-size: 11px!important;
}

 
	.navbar-nav .open .dropdown-menu{    width: 80%!important;
    margin-left: 63px;}
	.navbar-nav>li>a:active{color:#000}
	li.dropdown.open a{color:#000!important}
	.navbar-collapse{padding:0px!important}
	ul.dropdown-menu li{background:#353535;border-bottom:1px solid #444}
	.nav>li{border-bottom:1px solid #fff; }
	.navbar-nav .open .dropdown-menu>li>a{color:#fff!important}
 .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-bottom:0px!important}
 .dropdown-menu{padding:0px!important}
	li.dropdown{border-bottom:1px solid #fff}
.navbar-nav>li>a{padding:7px!important;color: #fff;    text-align: left;}
.navbar-collapse.js-navbar-collapse.collapse.in{background:#222;overflow: hidden;}
     .navbar-nav{margin-left:0px!important}
	 .navbar{margin-bottom:15px!important}

    .slidr{background:none!important}
.navbar-toggle{margin-top: 0px!important; 
   margin-right: 0px!important;  
     margin-bottom: 0px!important;  
}

.login{background:#FFDE00;padding:10px;    margin-top: 10px;
    margin-bottom: 10px;}
 
}
 
}

.navbar-toggle{    background: #ddd;
    border-left: 1px solid #bbb;
    border-radius: 0px;}

.navbar-toggle .icon-bar{background:#888}

.winners{    background: #ddd;
    padding: 10px;border-radius: 5px;
	text-align:center}

    .winnerinfo{padding: 5px;text-align:left;
    background: #fff;    border-radius: 5px;
    line-height: 30px;}

ul.menu li > a{color:#ccc}
.winners h3{font-weight: bold;text-align: center;}

.menuJackpot{font-weight: bold;font-size: 15px}

p.gameTimeRemain{font-size: 11px}

.typography-text a.btn{font-size:11px;}

td.lottoMenu{padding-bottom:15px;padding-top:10px}

ul.dropdown-menu.mega-dropdown-menu a.btn{text-transform: uppercase;font-size:10px;color:#FFDE00!important;width: 90%;}

.navbar-nav>li>.dropdown-menu{margin-top:-5px}

.nav>li>a:focus, .nav>li>a:hover{background:#FFDE00!important;border-bottom: 5px solid #000!important;}


.numbersItem {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #fff;
    border:2px solid #fff;
    text-align: center;
    cursor: pointer;
    padding: 8px 5px 5px 5px !important; 
}

.numbersItem:hover {
    transition: all 100ms ease-in-out;
    transform: scale(1.1);
     -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.numbersItem:nth-of-type(1) {
       box-shadow: 
    inset 0 0 0 5px rgba(240,90,40, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    
    font-size: 14px;
    font-weight: bold;
}

.numbersItem:nth-of-type(2) {
       box-shadow: 
    inset 0 0 0 5px rgba(228,58,46, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.numbersItem:nth-of-type(3) {
        box-shadow: 
    inset 0 0 0 5px rgba(242,235,5, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.numbersItem:nth-of-type(4) {
      box-shadow: 
    inset 0 0 0 5px rgba(126,212,62, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.numbersItem:nth-of-type(5) {
        box-shadow: 
    inset 0 0 0 5px rgba(0,117,191, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.numbersItem:nth-of-type(6) {
    box-shadow: 
    inset 0 0 0 5px rgba(0,117,191, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.numbersItem:nth-of-type(7) {
    box-shadow: 
    inset 0 0 0 5px rgba(242,235,6, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}


.numbersItem:nth-of-type(8) {
    box-shadow: 
    inset 0 0 0 5px rgba(242,235,6, 0.9),
    0 6px 4px -4px rgba(0,0,0,.4);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.plusSign{
background: transparent  !important;
    padding: 5px 0px  !important; 
    font-size: 14px  !important;
    font-weight: bold  !important;
border: 0  !important;
width: 10px  !important;
height: 10px !important;
}

td.lottoMenu{
  text-align: center;
      vertical-align: text-bottom;
}

p.gameTimeRemain{margin-top: 20px!important}



@media only screen and (max-width: 500px) {

.wrapper-winning{text-align: center;}
  div#mobiBoxLOTTO{width:100%;}
	a.btn.raff{font-size:9px}
   div.fusion-social-links-header {
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 40px;
}

.slick-prev{    left: 0px!important;}

.slick-prev,
.slick-next
{
  width:25px;
  height:25px;

  }

.slick-next{    right: 0px!important;}

.play_it{margin-top: 0px!important}
a.results.btn{font-size: 11px!important}

    .navbar{min-height: 0px !important;}
}


textarea.wpcf7-form-control.wpcf7-textarea, input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
        width: 100%;
    padding: 7px;
    border-radius: 5px;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

input.wpcf7-form-control.wpcf7-submit{
background: orange;
    color: #fff;
    padding: 15px;
    border: 1px solid #da910c;
  
}