body{font-family:Source Sans Pro,sans-serif;background-color:#1a1c33}.main_container{width:100%;height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden}.main_nav{height:10%;text-align:center}.sec_conatainer{height:90%}.footer{display:none}.dropdown_btn{background:none;outline:none;border:none}.dropdown_btn img{margin-bottom:10px}.dropdown_btn:focus{background:none;outline:none;border:none}.main_text{font-size:calc(20px + 15*(100vw - 300px)/1300);font-weight:600;color:#fe2f4d;background:none;border:none}.main_text span{font-family:cursive;font-style:italic;font-weight:400}.main_text:active,.main_text:focus{color:#fe2f4d;border:none;outline:none}.main_text:hover{text-decoration:none;color:#fe2f4d}.routes_components{width:100%;height:100%}.close_btn{background:none;border:none;color:#fff}.close_btn:active,.close_btn:focus,.close_btn:hover{outline:none;border:none}.close_btn_div{right:0;position:absolute}.contact_box input,.contact_box textarea{width:100%;border-radius:3px;border:none;margin-bottom:4px;border:1px solid grey}.contact_box input:active,.contact_box input:focus,.contact_box textarea:active,.contact_box textarea:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;border:1px solid #fe2f4d}.contact_box .check_input,.contact_box .check_span{display:none}.contact_box{padding:calc(14px + 7*(100vw - 300px)/1300)}.contact_box span{color:#fff}.notification_div{text-align:center;font-size:calc(14px + 4*(100vw - 300px)/1300);margin-top:5px}.success_noti{color:#32cd32!important}.error_noti{color:orange!important}.send_btn_div{text-align:center}.send_btn_div button{background:#fe2f4d;color:#fff;font-size:calc(14px + 4*(100vw - 300px)/1300);font-weight:700;border:none;border-radius:5px;width:60%;padding:5px 0}.send_btn_div button:active,.send_btn_div button:focus{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.modal_text_div{padding:10px 25px;color:#fff}.router_view-enter-active,.router_view-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.router_view-enter,.router_view-leave-to{opacity:0}.tic_buttons_1{text-align:right}.tic_buttons_3{text-align:left}.switch-field{overflow:hidden}.switch-field input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.switch-field label{border:1px solid grey;background-color:none;color:#fff;font-size:calc(12px + 6*(100vw - 300px)/1300);font-weight:500;line-height:1;text-align:center;padding:5px 10px;margin-right:1px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.switch-field label:hover{cursor:pointer}.switch-field input:checked+label{background-color:grey;-webkit-box-shadow:none;box-shadow:none}.switch-field label:first-of-type{border-radius:4px 0 0 4px}.switch-field label:last-of-type{border-radius:0 4px 4px 0}.v--modal{-webkit-box-shadow:0 0 24px 6px rgba(0,0,0,.15)!important;box-shadow:0 0 24px 6px rgba(0,0,0,.15)!important;border-radius:5px!important;background:grey!important}.box{height:100%;border-radius:15px;padding:20px}.nav_button{border-radius:5px;width:100%;padding:8px 0;margin-bottom:10px;color:#fff;background:#1a1c33;border:none;font-size:calc(13px + 5*(100vw - 300px)/1300);font-weight:600}.active_nav,.nav_button:hover{color:#fe2f4d}.nav_button:focus{outline:none}.modal_footer_btn{border-radius:5px;padding:5px 0;color:#fff;font-size:calc(13px + 3*(100vw - 300px)/1300);font-weight:600;background:none;border:none;width:50%}.modal_footer_btn:focus{outline:none;border:none}.c_text{padding-top:5px;text-align:center;font-size:calc(12px + 3*(100vw - 300px)/1300)}.pop-out-enter-active,.pop-out-leave-active{-webkit-transition:all .5s;transition:all .5s}.pop-out-enter,.pop-out-leave-active{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px)}.home_row1,.home_row2{height:50%}.routes_components .home_showcase{height:100%;padding:20px 60px}.card_button_text{color:#fff;font-size:calc(17px + 13*(100vw - 300px)/1300);font-weight:600}.card_button{margin:20px;-webkit-box-shadow:0 0 24px 6px rgba(0,0,0,.3);box-shadow:0 0 24px 6px rgba(0,0,0,.3)}.card_button,.card_button:hover{border:none;background:none;outline:none}.card_button:hover{-webkit-transition:.2s;transition:.2s;-webkit-transform:scale(1.05);transform:scale(1.05)}.card_button:hover .card_button_text{color:#fe2f4d}.card_button:focus{border:none;background:none;outline:none}.popover-body{color:#fe2f4d!important;padding:6px 30px!important;font-weight:700!important;border-radius:4px!important;font-size:16px!important}.score_row{padding-top:20px;height:10%}.score_div{font-size:calc(17px + 3*(100vw - 300px)/1300)}.score_div .score{font-weight:600}.score_div_left{text-align:left;text-align:right}.options_row{height:10%}.reset_button{background:#fe2f4d;border:1px solid #fe2f4d;width:calc(90px + 40*(100vw - 300px)/1300);border-radius:5px;font-size:calc(12px + 6*(100vw - 300px)/1300);font-weight:500;padding:5px 10px;line-height:1}.reset_button,.reset_button:focus{outline:none;color:#fff}.tic_tac_toe_view{color:#fff}.row_div{margin-left:auto;margin-right:auto}.center_div_tictactoe{height:80%}.tictactoe_wrap{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.btn_col_1{border:1px solid #fff;border-left:none;border-top:none}.btn_col_1,.btn_col_2{background:none;outline:none}.btn_col_2{border:1px solid #fff;border-top:none}.btn_col_3{border:1px solid #fff;border-right:none;border-top:none}.btn_col_3,.btn_col_4{background:none;outline:none}.btn_col_4{border:1px solid #fff;border-left:none}.btn_col_5,.btn_col_6{border:1px solid #fff;background:none;outline:none}.btn_col_6{border-right:none}.btn_col_7{border:1px solid #fff;border-left:none;border-bottom:none}.btn_col_7,.btn_col_8{background:none;outline:none}.btn_col_8,.btn_col_9{border:1px solid #fff;border-bottom:none}.btn_col_9{border-right:none}.btn_col:focus,.btn_col_9{background:none;outline:none}.btn_col{display:table;float:left;height:calc(15px + 155*(100vw - 300px)/1300);width:calc(15px + 155*(100vw - 300px)/1300)}.player_icon{color:#1a1c33}.btn_col .X,.player_icon{height:inherit;display:table-cell;vertical-align:middle;font-size:calc(45px + 25*(100vw - 300px)/1300)}.btn_col .X{color:#fe2f4d}.btn_col .O{height:inherit;display:table-cell;vertical-align:middle;color:#fff;font-size:calc(45px + 25*(100vw - 300px)/1300)}.fade_btn-enter-active,.fade_btn-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fade_btn-enter,.fade_btn-leave-to{opacity:0}.tie_class span{display:none}.winner_class span{color:#1a1c33!important}.dots_and_boxes_view{color:#fff}.table_4x4,.table_8x8{margin-left:auto;margin-right:auto;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.line_h,.line_v{padding:0;margin:0;border:none;border-radius:5px;background:hsla(0,0%,100%,.1);-webkit-transition:all .4s linear;transition:all .4s linear}.line_h:active,.line_h:focus,.line_v:active,.line_v:focus{outline:none}.hover_line:hover{-webkit-box-shadow:inset 0 0 0 1px grey;box-shadow:inset 0 0 0 1px grey}#line_h .player_line,#line_v .player_line,.player_box{background:#40e0d0}#line_h .bot_line,#line_v .bot_line,.bot_box{background:#ff69b4}#line_h .bot_line,#line_h .player_line,#line_v .bot_line,#line_v .player_line{-webkit-transition:all .4s linear;transition:all .4s linear}.bot_box,.player_box{-webkit-transition:all 1s linear;transition:all 1s linear;-webkit-box-shadow:inset 0 0 0 2px #1a1c33;box-shadow:inset 0 0 0 2px #1a1c33}.center_div_dots_and_boxes_1,.center_div_dots_and_boxes_2{height:80%}.table_4x4 td,.table_8x8 td{font-size:0}.table_4x4 .dot_image{width:calc(8px + 4*(100vw - 300px)/1300);height:calc(8px + 4*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .line_v,.table_4x4 .vertical{height:calc(30px + 30*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .horizontal,.table_4x4 .line_h{width:calc(30px + 30*(100vw - 300px)/1300)}.table_4x4 .horizontal{height:calc(8px + 2*(100vw - 300px)/1300)}.table_4x4 .vertical{width:calc(8px + 2*(100vw - 300px)/1300)}.table_4x4 .line_h{height:calc(6px + 2*(100vw - 300px)/1300)}.table_4x4 .line_v{width:calc(6px + 2*(100vw - 300px)/1300)}.table_8x8 .dot_image{width:calc(2px + 9*(100vw - 300px)/1300);height:calc(2px + 9*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .line_v,.table_8x8 .vertical{height:calc(30px + 13*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .horizontal,.table_8x8 .line_h{width:calc(30px + 13*(100vw - 300px)/1300)}.table_8x8 .horizontal{height:calc(8px + 2*(100vw - 300px)/1300)}.table_8x8 .vertical{width:calc(8px + 2*(100vw - 300px)/1300)}.table_8x8 .line_h{height:calc(6px + 2*(100vw - 300px)/1300)}.table_8x8 .line_v{width:calc(6px + 2*(100vw - 300px)/1300)}.findthenumber_view{color:#fff}.center_div_ftn{height:80%}.ftn_wrap{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.numpad_ftn{margin-top:calc(10px + 90*(100vw - 300px)/1300)}.input_ftn_div button{padding-left:10px;padding-right:10px;border:none}.input_ftn_div button:focus{outline:none}.input_ftn_div input,.input_ftn_div input:focus{outline:none;border:none}.col_heading{width:calc(60px + 170*(100vw - 300px)/1300);color:#fe2f4d;font-size:calc(12px + 8*(100vw - 300px)/1300)}.higher_col,.lower_col{border-radius:3px;border:1px solid grey}.center_col_ftn,.higher_col,.lower_col{width:calc(60px + 170*(100vw - 300px)/1300);display:inline-block}.values_ftn{height:calc(60px + 220*(100vw - 300px)/1300);overflow-y:scroll}.values_ftn::-webkit-scrollbar{width:0}.higher_value,.lower_value{font-size:calc(12px + 12*(100vw - 300px)/1300)}.hidden_num_div{border:1px solid #fe2f4d;margin-left:auto;margin-right:auto;width:calc(60px + 90*(100vw - 300px)/1300);height:calc(12px + 8*(100vw - 300px)/1300);font-size:calc(12px + 10*(100vw - 300px)/1300);line-height:0;padding:calc(12px + 3*(100vw - 300px)/1300)}.trueorfalse_view{color:#fff}.center_div_tof{height:80%}.tf_wrap{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.question_div{margin-left:auto;margin-right:auto;width:calc(120px + 430*(100vw - 300px)/1300);height:calc(50px + 80*(100vw - 300px)/1300);border:1px solid #fe2f4d;border-radius:3px;display:table}.question_div_sub{font-weight:700;font-size:calc(10px + 12*(100vw - 300px)/1300);display:table-cell;vertical-align:middle}.answer_div{margin-top:calc(60px + 100*(100vw - 300px)/1300)}.false_btn,.true_btn{-webkit-transition:1s;transition:1s;width:calc(60px + 120*(100vw - 300px)/1300);height:calc(20px + 30*(100vw - 300px)/1300);border-radius:3px;background:none;color:#fff;border:1px solid grey;padding:2px 10px;margin-left:calc(10px + 40*(100vw - 300px)/1300);margin-right:calc(10px + 40*(100vw - 300px)/1300);font-size:calc(10px + 12*(100vw - 300px)/1300);font-weight:700}.false_btn:active,.false_btn:focus,.true_btn:active,.true_btn:focus{outline:none}.success_btn{background-color:#32cf39!important;border:1px solid #32cf39}.failed_btn,.success_btn{-webkit-transition:1s;transition:1s}.failed_btn,.no_click{background-color:#fe2f4d!important;border:1px solid #fe2f4d}@media only screen and (max-width:1024px){.routes_components .home_showcase{padding:0}.btn_col{height:calc(20px + 260*(100vw - 300px)/1300);width:calc(20px + 260*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .line_v,.table_4x4 .vertical{height:calc(30px + 170*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .horizontal,.table_4x4 .line_h{width:calc(30px + 170*(100vw - 300px)/1300)}.table_4x4 .horizontal{height:calc(8px + 12*(100vw - 300px)/1300)}.table_4x4 .vertical{width:calc(8px + 12*(100vw - 300px)/1300)}.table_4x4 .line_h{height:calc(6px + 9*(100vw - 300px)/1300)}.table_4x4 .line_v{width:calc(6px + 9*(100vw - 300px)/1300)}.table_4x4 .dot_image{width:calc(8px + 22*(100vw - 300px)/1300);height:calc(8px + 22*(100vw - 300px)/1300)}.table_8x8 .dot_image{width:calc(6px + 14*(100vw - 300px)/1300);height:calc(6px + 14*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .line_v,.table_8x8 .vertical{height:calc(10px + 100*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .horizontal,.table_8x8 .line_h{width:calc(10px + 100*(100vw - 300px)/1300)}.table_8x8 .horizontal{height:calc(6px + 8*(100vw - 300px)/1300)}.table_8x8 .vertical{width:calc(6px + 8*(100vw - 300px)/1300)}.question_div{width:80%;height:calc(50px + 200*(100vw - 300px)/1300)}.false_btn,.question_div_sub,.true_btn{font-size:calc(10px + 20*(100vw - 300px)/1300)}.false_btn,.true_btn{width:calc(60px + 240*(100vw - 300px)/1300);height:calc(20px + 80*(100vw - 300px)/1300);margin-left:calc(10px + 40*(100vw - 300px)/1300);margin-right:calc(10px + 40*(100vw - 300px)/1300)}.numpad_ftn{margin-top:calc(10px + 90*(100vw - 300px)/1300)}.col_heading{font-size:calc(12px + 23*(100vw - 300px)/1300)}.center_col_ftn,.col_heading,.higher_col,.lower_col{width:calc(60px + 290*(100vw - 300px)/1300)}.values_ftn{height:calc(40px + 440*(100vw - 300px)/1300)}.hidden_num_div{width:calc(60px + 190*(100vw - 300px)/1300);height:calc(12px + 8*(100vw - 300px)/1300);font-size:calc(12px + 10*(100vw - 300px)/1300)}}@media only screen and (max-width:500px){.switch_ftn{margin-left:calc(2px + 23*(100vw - 300px)/1300)}.sec_conatainer{height:80%}.footer{display:block;height:10%;text-align:center}.side_col_1,.side_col_3{display:none}.routes_components .home_showcase{padding:20px}.card_button{margin:15px}.score_div_left,.tic_buttons_1,.tic_buttons_3{text-align:unset}.btn_col{height:calc(80px + 420*(100vw - 300px)/1300);width:calc(80px + 420*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .line_v,.table_4x4 .vertical{height:calc(30px + 370*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .horizontal,.table_4x4 .line_h{width:calc(30px + 370*(100vw - 300px)/1300)}.table_8x8 .dot_image{width:calc(6px + 14*(100vw - 300px)/1300);height:calc(6px + 14*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .line_v,.table_8x8 .vertical{height:calc(25px + 75*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .horizontal,.table_8x8 .line_h{width:calc(25px + 75*(100vw - 300px)/1300)}.table_8x8 .horizontal{height:calc(6px + 4*(100vw - 300px)/1300)}.table_8x8 .vertical{width:calc(6px + 4*(100vw - 300px)/1300)}.ftn_padding{padding:0!important;text-align:center!important}.ftn_switch_1{width:80%!important}.ftn_switch_2{width:20%!important}.empty_div{display:none}.numpad_ftn{margin-top:calc(75px + 355*(100vw - 300px)/1300)}.col_heading{width:calc(100px + 300*(100vw - 300px)/1300);font-size:calc(12px + 33*(100vw - 300px)/1300)}.higher_col,.lower_col{width:calc(100px + 400*(100vw - 300px)/1300)}.center_col_ftn{width:calc(60px + 740*(100vw - 300px)/1300)}.values_ftn{height:calc(150px + 1050*(100vw - 300px)/1300)}.hidden_num_div{width:calc(60px + 190*(100vw - 300px)/1300);height:calc(12px + 8*(100vw - 300px)/1300);font-size:calc(12px + 10*(100vw - 300px)/1300)}.question_div{width:70%;height:calc(50px + 450*(100vw - 300px)/1300)}.question_div_sub{font-size:calc(10px + 40*(100vw - 300px)/1300)}.false_btn,.true_btn{width:calc(60px + 590*(100vw - 300px)/1300);height:calc(20px + 230*(100vw - 300px)/1300);margin-left:calc(10px + 40*(100vw - 300px)/1300);margin-right:calc(10px + 40*(100vw - 300px)/1300);font-size:calc(10px + 30*(100vw - 300px)/1300)}}@media only screen and (max-width:1024px) and (orientation:landscape){.table_4x4 .fullbox,.table_4x4 .line_v,.table_4x4 .vertical{height:calc(25px + 85*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .horizontal,.table_4x4 .line_h{width:calc(25px + 85*(100vw - 300px)/1300)}.table_4x4 .horizontal{height:calc(8px + 12*(100vw - 300px)/1300)}.table_4x4 .vertical{width:calc(8px + 12*(100vw - 300px)/1300)}.table_4x4 .line_h{height:calc(6px + 9*(100vw - 300px)/1300)}.table_4x4 .line_v{width:calc(6px + 9*(100vw - 300px)/1300)}.table_4x4 .dot_image{width:calc(8px + 12*(100vw - 300px)/1300);height:calc(8px + 12*(100vw - 300px)/1300)}.table_8x8 .dot_image{width:calc(6px + 12*(100vw - 300px)/1300);height:calc(6px + 12*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .line_v,.table_8x8 .vertical{height:calc(10px + 60*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .horizontal,.table_8x8 .line_h{width:calc(10px + 60*(100vw - 300px)/1300)}.table_8x8 .horizontal{height:calc(6px + 7*(100vw - 300px)/1300)}.table_8x8 .vertical{width:calc(6px + 7*(100vw - 300px)/1300)}}@media only screen and (max-width:740px) and (orientation:landscape){.btn_col{height:calc(40px + 140*(100vw - 300px)/1300);width:calc(50px + 130*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .line_v,.table_4x4 .vertical{height:calc(15px + 65*(100vw - 300px)/1300)}.table_4x4 .fullbox,.table_4x4 .horizontal,.table_4x4 .line_h{width:calc(15px + 65*(100vw - 300px)/1300)}.table_4x4 .dot_image{width:calc(8px + 4*(100vw - 300px)/1300);height:calc(8px + 4*(100vw - 300px)/1300)}.table_8x8 .dot_image{width:calc(6px + 5*(100vw - 300px)/1300);height:calc(6px + 5*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .line_v,.table_8x8 .vertical{height:calc(10px + 35*(100vw - 300px)/1300)}.table_8x8 .fullbox,.table_8x8 .horizontal,.table_8x8 .line_h{width:calc(10px + 35*(100vw - 300px)/1300)}.table_8x8 .horizontal{height:calc(6px + 7*(100vw - 300px)/1300)}.table_8x8 .vertical{width:calc(6px + 7*(100vw - 300px)/1300)}}@media only screen and (max-width:250px){.main_container{width:100%;height:400px;overflow-y:scroll}.main_container::-webkit-scrollbar{width:0}.numpad_ftn{margin-top:calc(25px + 405*(100vw - 300px)/1300)}.score_div{padding:0!important}.reset_button,.switch-field label{font-size:10px!important}.reset_button{width:100%!important}.switch_one{width:100px!important}.switch_two{width:88px!important}.card_button_text,.score_div{font-size:13px!important}.main_text{font-size:18px!important}.dropdown_btn img{width:28px!important}.center_div_tof{height:47%!important}.question_div{margin-top:10px;height:55px!important}.answer_div{margin-top:40px!important}.false_btn,.true_btn{width:65px!important;height:22px!important}.score_row{padding-top:5px!important}.home_showcase{height:70%!important;padding:18px!important}.player_icon{font-size:20px!important}.btn_col{height:48px!important;width:48px!important}.center_div_tictactoe{height:49%!important}.btn_col .O,.btn_col .X{font-size:20px!important}.question_div_sub{font-size:12px!important}.table_4x4 .fullbox,.table_4x4 .horizontal,.table_4x4 .line_h{width:26px!important}.table_4x4 .fullbox,.table_4x4 .line_v,.table_4x4 .vertical{height:26px!important}.center_div_dots_and_boxes_1{height:49%!important}.table_8x8 .fullbox,.table_8x8 .horizontal,.table_8x8 .line_h{width:15px!important}.table_8x8 .fullbox,.table_8x8 .line_v,.table_8x8 .vertical{height:15px!important}.center_div_dots_and_boxes_2{height:57%!important}.center_div_ftn{height:47%!important}.ftn_wrap{top:60%!important}.col_heading,.higher_col,.lower_col{width:50px!important}.values_ftn{height:65px!important}.center_col_ftn{width:100px!important}.hidden_num_div{width:60px!important;font-size:10px!important}.input_ftn_div input{width:100px!important;height:21px!important}.input_ftn_div button{font-size:13px!important}.higher_value,.lower_value{font-size:10px!important}.switch_ftn{width:180px!important}}