/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

body {
  background:url(../img/bg.svg);
background-size: 119px 290px;
}
a {
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
       font-family: 'qanelasbold';
       src: url('../fonts/qanelas-bold-webfont.woff2') format('woff2'),
            url('../fonts/qanelas-bold-webfont.woff') format('woff');
       font-weight: normal;
       font-style: normal;

   }

   @font-face {
       font-family: 'qanelasmedium';
       src: url('../fonts/qanelas-medium-webfont.woff2') format('woff2'),
            url('../fonts/qanelas-medium-webfont.woff') format('woff');
       font-weight: normal;
       font-style: normal;

   }
   .header {
       width:100%;
       padding:20px 0;
       height:60px;
       position:relative;
       z-index:200;
   }
   .header .container {
       display:flex;
       flex-direction: row;
   }
   .header h1 {
     flex-direction: row;
     justify-content: flex-start;
     margin:0;
     padding:10px 0 0 0;
     font-family: 'qanelasbold';
     font-size:28px;
     font-weight:normal;
     letter-spacing:-1px;
     width:100%;
     color:#000;
   }
   .header h1 span {
       font-weight:bold;
   }
   .header .logo .wave {
     position: absolute;
       top: 0;
       left: 0;
       bottom: 1%;
       right: 1%;
       pointer-events: none;
       z-index: 0;
       opacity: 0;
       transform: scale(.7);
       background: 0 0;
       background: radial-gradient(ellipse at center,rgba(255,255,255,0) 0%,#FFF 100%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 );
       animation: waves-animation 20s infinite;
       animation-timing-function: ease-out;
       border-radius: 50%;
   }

   .header .logo .wave.wave-2 {
     animation-delay: 1s;
   }

   .header .logo .wave.wave-3 {
     animation-delay: 2s;
   }

   .header .logo .wave.wave-4 {
     animation-delay: 3s;
   }

   .header .logo .bg {
     position:absolute;
     left:0;
     top:0;
     width:128px;
     height:128px;
     z-index:1;
   }
   .header .logo {
     position:absolute;
     left:50%;
     top:0;
     margin:0 0 0 -64px;
   background-size: 88%;
   background-position: 55% 55%;
   background:url(../img/buzzbingobg.svg) no-repeat;
   height:128px;
   width:128px;
       flex-basis: 128px;
       flex-grow: 0;
       flex-shrink: 0;
       position:relative;
       z-index:120;
       -webkit-border-radius: 128px;
   -moz-border-radius: 128px;
   border-radius: 128px;
   }
   .header .logo img {
     height:128px;
   }
   .header .logo .logo-text {
     position:relative;
     z-index:150;
   }

nav.main-menu{display:none;margin-left:0;margin-bottom:-12px;padding-top:12px;-webkit-box-ordinal-group:5;-webkit-order:4;-moz-box-ordinal-group:5;-ms-flex-order:4;order:4;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}nav.main-menu ul.menu{display:block}nav.main-menu ul.menu>li{position:relative;display:block;padding:20px 0;color:#fff;font-size:18px;line-height:1.4em;font-weight:400;border-top:1px solid #0d60c5;-webkit-transition:color 120ms ease;-o-transition:color 120ms ease;-moz-transition:color 120ms ease;transition:color 120ms ease}nav.main-menu ul.menu>li::before{content:"";position:relative;display:inline-block;top:-1px;width:8px;height:11px;margin-right:8px;background:url(../../images/bf-right-arrow.svg);background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}nav.main-menu ul.menu>li.menu-item-has-children>a{position:relative;cursor:pointer;padding-right:24px}nav.main-menu ul.menu>li.menu-item-has-children>a::after,nav.main-menu ul.menu>li.menu-item-has-children>a::before{content:"";position:absolute;display:inline-block;background-position:center center;right:0;top:2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-background-size:16px 16px;-moz-background-size:16px 16px;background-size:16px 16px;width:16px;height:16px;background-color:#fff;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease}nav.main-menu ul.menu>li.menu-item-has-children>a::after{background-image:url(../../images/minus_blue.svg);opacity:0}nav.main-menu ul.menu>li.menu-item-has-children>a::before{background-image:url(../../images/plus_blue.svg);opacity:1}nav.main-menu ul.menu>li.menu-item-has-children.active>a::after{opacity:1}nav.main-menu ul.menu>li.menu-item-has-children.active>a::before{opacity:0}nav.main-menu ul.sub-menu{display:none;padding:12px 0 0;margin-right:-6px;margin-left:-6px}nav.main-menu ul.sub-menu.active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}nav.main-menu li.all-menu-item ul li a{padding-left:10px!important;padding-right:10px!important}nav.main-menu li.all-menu-item ul.sub-menu{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}nav.main-menu li.all-menu-item ul.sub-menu>li{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;padding:0 6px;margin-top:12px}nav.main-menu li.all-menu-item ul.sub-menu li a{display:block;height:100%;padding:7px 10px;background-color:rgba(97,183,242,.16);color:#fff;font-size:14px;text-transform:capitalize;line-height:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}nav.main-menu li.all-menu-item ul.sub-menu li a:hover{background-color:rgba(97,183,242,.4)}


.change-locale{list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;clear:none;-webkit-transition:opacity 80ms linear;-o-transition:opacity 80ms linear;-moz-transition:opacity 80ms linear;transition:opacity 80ms linear;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:24px}#header-v2 .change-locale>li{position:relative}#header-v2 .change-locale .current-lang img{width:24px;height:auto;display:block}#header-v2 .change-locale-dropdown{position:absolute;top:42px;right:-1px;z-index:999;width:139px;padding:16px 0;border-right:1px solid rgba(211,218,233,.64);border-bottom:1px solid rgba(211,218,233,.64);border-left:1px solid rgba(211,218,233,.64);-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;background-color:#fff;-webkit-transform:translateX(4px) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);-moz-transform:translateX(4px) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);transform:translateX(4px) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);opacity:0;will-change:transform;overflow:hidden;-webkit-transition:opacity .08s,-webkit-transform .16s;transition:opacity .08s,-webkit-transform .16s;-o-transition:opacity .08s,-o-transform .16s;-moz-transition:transform .16s,opacity .08s,-moz-transform .16s;transition:transform .16s,opacity .08s;transition:transform .16s,opacity .08s,-webkit-transform .16s,-moz-transform .16s,-o-transform .16s;visibility:hidden}#header-v2 .change-locale-dropdown.active{-webkit-transform:translateX(0) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);-moz-transform:translateX(0) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);transform:translateX(0) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);opacity:1;will-change:transform;overflow:visible;visibility:visible}#header-v2 .change-locale-dropdown a{height:auto;padding:9px 24px}#header-v2 .change-locale-dropdown img{width:auto;height:20px;cursor:pointer}#header-v2 .change-locale-dropdown li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}#header-v2 .change-locale-dropdown li:hover{background-color:#edf1fa}#header-v2 .current-lang{height:24px;cursor:pointer}

.broughtby {
  text-align:center;
  margin:25px 0 0 0;
  padding:0 20px;
  color:#FFF;
  text-shadow:1px 1px 1px #000;
}
.container {
  margin:0 auto;
  max-width:1024px;
}

#table_filter {display:none;}

.content {
  padding:50px 50px  25px 50px;
  background:#FFF;
    border: 1px solid #eaecee;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
.content h1 {
  text-align:center;
  font-weight:normal;font-family: 'qanelasbold';
}
.content h1 span {font-family: 'qanelasmedium';}
.content p {
  font-family: 'qanelasmedium';
  padding:0.5rem 25px;
  text-align:center;
}
.content h1 span {font-weight:bold;}
.main-filters {width:100%;display:flex;}
.text {
  margin:0 0 35px 0;
}
.categories {display:flex;width:100%;max-width:700px;list-style:none;margin:0 auto 25px auto;padding:0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.categories li {width:16.6666666667%;text-align:center;padding:10px 0;border:1px solid #e20d13;margin-left: -1px;font-size:14px;}
.categories li:first-child {-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}
.categories li:last-child {-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}
.categories li.active {color:#FFF;background:#e20d13;}

.currency-switch {display:flex;width:100%;max-width:100px;list-style:none;margin:0 auto 25px auto;padding:0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.currency-switch  li {width:16.6666666667%;text-align:center;padding:10px 20px;border:1px solid #e20d13;margin-left: -1px;font-size:14px;font-family: 'qanelasmedium';}
.currency-switch  li.active {color:#FFF;background:#e20d13;}
.currency-switch  li:last-child {-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}
.currency-switch  li:first-child {-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}

.footer {width:90%;text-align:center;margin:50px auto;color:#FFF;text-shadow:1px 1px 1px #000;}
.footer p {margin:0;}

#table .mobile {display:none;}
@media only screen and (max-width: 600px) {
  .main-filters {flex-wrap:wrap;}
  .content {padding:25px 0;width:100%;border:0;}
  .content h1 {font-size:28px;}
  .categories {flex-wrap:wrap;padding:0 1.5% 0 3%;}
.categories li {width:30%;margin:0 1% 10px 1%;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#table .mobile {display:block;margin:10px 0 0 0;}
}

#header-v2 div.logo {margin:0 0 0 30px;}

#table img {
  width:70px;
  height:70px;-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
}
#table .handle {color:#e20d13;}
#table {text-align:center;font-family: 'qanelasmedium';}
#table .name {text-align:left;}
#table .name .mobile .cost {display:inline-block;width:100%;font-weight:bold;color:#739804;}
#table .name .mobile .followers {display:inline-block;width:100%;}
#table .rank {font-size:22px;font-weight:bold;}
#table tr th.name {
  text-align:left;
}
table.dataTable>tbody>tr.child ul.dtr-details {
  width:100%;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
  padding:8px 0;
}
table.dataTable>tbody>tr.child ul.dtr-details br {
  display:none;
}
@keyframes waves-animation{0%{opacity:.4;transform:scale(.7)}20%{opacity:0;transform:scale(2)}21%{opacity:0;transform:scale(.85)}to{opacity:0;transform:scale(.7)}}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}