nav{background:#232323;height:100%;left:-280px;position:fixed;width:280px;z-index:800;transition:all 1.5s ease-in-out}nav:hover{left:0}nav:after{background:#313737;content:"";display:block;right:-3px;width:3px;z-index:800}nav .menuHover,nav:after{height:100%;position:absolute;top:0}nav .menuHover{color:#a4a4a4;font-size:10px;line-height:30px;padding-left:10px;right:-30px;text-align:center;text-transform:uppercase;width:40px;cursor:pointer}nav .menuHover img{background:no-repeat 50%;display:block;height:16px;left:20px;margin-top:-8px;position:absolute;text-indent:-9999px;top:50%;width:17px;z-index:800}nav .userSection{width:100%;text-align:center;margin-top:50px}nav .userSection .inliner{display:inline-block;margin-right:20px}nav .menu{text-align:center!important;text-transform:uppercase}nav .menu>div{clear:both;padding-bottom:15px;zoom:1;*zoom:1}nav .menu>div :after,nav .menu>div :before{content:"";display:table}nav .menu>div :after{clear:both}nav .menu a:hover{color:#82eea5!important}nav .menu a.big,nav .menu header.big{color:#fff;font-weight:700;transition:all .2s ease-in-out}nav .menu a.big :hover,nav .menu header.big :hover{opacity:.5}nav .menu ul{margin:15px 0 0;padding:0}nav .menu ul>li{font-size:10px;line-height:130%;margin-bottom:3px}nav .menu .list>ul{display:none}nav .menu .list:hover>ul{display:block}nav .menu .list:hover>ul a{color:#77a0bd}nav .menu .list:hover>ul a:hover{color:#82eea5;font-size:16px}nav .menu .bottomarea{bottom:0;color:#a4a4a4;left:0;padding-bottom:20px;position:absolute;text-align:center;width:100%}nav .menu .bottomarea a.btn_lang{font-size:8px;text-transform:uppercase}nav .menu .bottomarea .copyright{font-size:10px}nav .menu .bottomarea .social ul{margin:0 0 10px;padding:0;zoom:1;*zoom:1}nav .menu .bottomarea .social ul :before{content:"";display:table}nav .menu .bottomarea .social ul :after{content:"";display:table;clear:both}nav .menu .bottomarea .social ul li{display:inline-block;margin-left:2px}nav .menu .bottomarea .social ul li :first-child{margin-left:0}nav .table .tablecell .centred.menu .list ul{list-style:none;list-style-image:none}nav .table .tablecell .centred.menu .list ul .ul1{display:none;height:51px;padding-top:0;margin-top:15px;padding-bottom:0;margin-bottom:0}nav .table .tablecell .centred.menu .list ul .ul2{display:none;height:102px;padding-top:0;margin-top:15px;padding-bottom:0;margin-bottom:0}nav .table .tablecell .centred.menu .list ol{list-style:none;list-style-image:none}.bottom-img,.main-img,.middle-img{position:relative;opacity:.65;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.main-img{background-image:url(/static/media/RIAT.ab6e40c4.jpg);min-height:100%;height:100vh}.middle-img{background-image:url(/static/media/fayanddanieldec2004.5f4457cd.bmp)}.bottom-img,.middle-img{min-height:750px;height:100vh}.bottom-img{background-image:url(/static/media/Tonka3.4f2e23da.jpg)}.caption{position:absolute;left:0;top:80%;width:100%;text-align:center;color:#000;opacity:.4}.caption span.border{background-color:#111;color:#fff;padding:18px;font-size:25px;letter-spacing:10px}h3{letter-spacing:5px;text-transform:uppercase;font:20px "Lato",sans-serif;color:#111}@media only screen and (max-device-width:1024px){.bottom-img,.main-img,.middle-img{background-attachment:scroll}}fieldset{border:1px solid #e5e5e5;padding:2em 0 1em;margin-top:2em;position:relative;border-radius:10px}fieldset legend{border:0;background:#fff;width:auto;transform:translateY(-50%);position:absolute;top:0;left:1em;padding:0 .5em;border-radius:5px}fieldset #mainContent{padding-bottom:20px;margin-top:30px}fieldset #mainContent #container .clear{text-align:center}fieldset #mainContent #container img{padding-right:20px;vertical-align:baseline;cursor:pointer;width:125px;opacity:.5}fieldset #mainContent #container img:hover{position:relative;width:200px;height:auto;display:inline-block;z-index:999;text-align:center;opacity:1}.outerDiv{display:flex;margin-top:75px;text-align:center;padding:30px}.outerDiv .leftDiv,.outerDiv .middleDiv,.outerDiv .rightDiv{flex:1 1}.countdown.outerDiv .leftDiv .newGameBtn{height:300px}.countdown.outerDiv .leftDiv .gameSelected{background-color:#10506a!important;border:none}.countdown.outerDiv .leftDiv .gameUnselected{background-color:#ccd1d3;border:none}.countdown.outerDiv .middleDiv .game{margin-top:30px}.countdown.outerDiv .middleDiv .game .countdown-group-block{display:block}.countdown.outerDiv .middleDiv .game .countdown-group-block .countdown-box{width:35px;height:50px;display:inline-block;margin-right:10px;margin-top:40px;background-color:#7dbbf1!important;color:#000;text-align:center;font-weight:bolder;font-size:18px}.countdown.outerDiv .middleDiv .game .container div{display:inline-block;position:relative;z-index:1}.countdown.outerDiv .middleDiv .game .container div .playingCard{width:45px;margin-right:15px;cursor:pointer;margin-bottom:20px}.countdown.outerDiv .middleDiv .game .container div .blankPlayingCard{width:45px;margin-right:15px;background-color:#fff;cursor:pointer;border:1px solid #000;margin-bottom:20px}.countdown.outerDiv .middleDiv .numbers-box{width:50px;height:50px;display:inline-block;margin-right:10px;margin-top:40px;background-color:#dadada!important;color:#000;text-align:center;font-weight:bolder;font-size:2em;font-size:18px}.countdown.outerDiv .rightDiv{text-align:center}@-moz-document url-prefix(){.bingo #ball{height:150px}}.bingo .blue{background:radial-gradient(circle at 20% 20%,#5b8af7,#2155cd)}.bingo .blue .content{border:.15rem solid #5b8af7}.bingo .red{background:radial-gradient(circle at 20% 20%,red,#910000)}.bingo .red .content{border:.15rem solid red}.bingo .white{background:radial-gradient(circle at 20% 20%,#fff,#b6b6b6)}.bingo .white .content{border:.15rem solid red}.bingo .green{background:radial-gradient(circle at 20% 20%,#69eb7b,#32ad43)}.bingo .green .content{border:.15rem solid #69eb7b}.bingo .yellow{background:radial-gradient(circle at 20% 20%,#ffe52a,#f7bd00)}.bingo .yellow .content{border:.15rem solid #f7bd00}.bingo .black{background:radial-gradient(circle at 20% 20%,#e1e1e1,#2d2d2d)}.bingo .black .content{border:.15rem solid #2d2d2d}.bingo .purple{background:radial-gradient(circle at 20% 20%,#b072b3,#8c4ed3)}.bingo .purple .content{border:.15rem solid #b072b3}.bingo .cyan{background:radial-gradient(circle at 20% 20%,#76dad7,#2e9b98)}.bingo .cyan .content{border:.15rem solid #2e9b98}.bingo .orange{background:radial-gradient(circle at 20% 20%,#dab876,#d59823)}.bingo .orange .content{border:.15rem solid #d59823}.bingo .middleDiv .numbersTable{width:800px;font-weight:500;margin:0 auto 40px}.bingo .middleDiv .numbersTable tr{line-height:3px}.bingo .middleDiv .numbersTable tr td{border:1px solid #2d2d2d;cursor:default}.bingo .middleDiv .numbersTable tr td.selected{background-color:#635f5f;opacity:.75}.bingo .middleDiv .blinking{animation:blinkingText 1.2s 5}@keyframes blinkingText{0%{color:#000}49%{color:#000}60%{color:transparent}99%{color:transparent}to{color:#000}}.bingo .middleDiv .nickname{font-size:3em}.bingo .middleDiv .accordion{cursor:pointer}.bingo .middleDiv .accordion .autoSection{display:flex;margin:50px}.bingo .middleDiv .accordion .autoSection .bingoTimer{margin:auto}.bingo .middleDiv .accordion .autoSection .bingoTimer .timer{cursor:default;display:contents}.bingo .rightDiv #ballcount{position:absolute;bottom:-2rem;color:#e63935;text-transform:uppercase;font-size:1rem;font-weight:700;text-align:center}.bingo .rightDiv #ballcount:before{content:"Call #";color:#4e95d3;margin-right:.25em}.bingo .rightDiv #ball{width:100%;display:flex;border-radius:100%;position:relative;align-items:center;justify-content:center;max-width:150px!important;margin:10px auto;box-shadow:inset .5rem .5rem 1.5rem .25rem hsla(0,0%,100%,.3),inset -.25rem -.25rem 1.5rem .5rem rgba(0,0,0,.4)}.bingo .rightDiv #ball:after{content:"";display:block;padding-bottom:100%}.bingo .rightDiv #ball .content{text-align:center;border-radius:100%;background:#fff;position:relative;min-width:1rem;padding:25%;box-shadow:inset -.5rem -.5rem 2rem 0 rgba(0,0,0,.16),0 0 0 .25rem #fff;background:radial-gradient(circle at 20% 20%,#fff,#efefef)}.bingo .rightDiv #ball .content span{justify-content:center;align-items:center;position:absolute;text-align:center;top:0;left:0;right:0;bottom:0;display:inline-flex;font-weight:700;font-size:1rem;line-height:1}.bingo .rightDiv #ball .content img{padding:.25rem}.bingoTimer{display:inline-flex;margin:10px auto}.bingoTimer button{margin:10px}html{background-color:#e2e2e2;height:100%;font:400 15px/1.8 "Lato",sans-serif;color:#777}html,html body{padding:0;margin:0}html body{background-color:#fff;font-size:1rem;font-family:"Segoe UI",Verdana,Helvetica,Sans-Serif;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html body #root .mainDiv h6{color:#fff;font-family:cursive}html body #root .mainDiv #body .pictureDiv{margin:30px 200px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.71077b6e.chunk.css.map */