.bag_list,.refresh_bugs{
    position:absolute;
    font-size:14px
}
.bag_list,body{
    overflow:hidden
}
#wrapper,body{
    font-family:'PT Sans',sans-serif;
    height:100%
}
.audio_panel,.button,.refresh_bugs{
    display:inline-block
}
.nav ul,body{
    padding:0
}
.button,.nav li a{
    text-decoration:none
}
.ex_text,.last .title,.massiveBlock .title{
    max-width:400px;
    margin:0 auto
}
body.arabe,body.arabe .ar{
    font-family:calibri
}
#wrapper,body,html{
    height:100%
}
.close,.footer a,.timer{
    font-weight:700
}
.mail2 ul,.volume_list{
    list-style:none
}
.type_browser{
    position:absolute;
    left:50px;
    bottom:27px;
    z-index:99;
    cursor:pointer;
    width:22px
}
.bag_list .type_browser{
    left:auto;
    right:20px;
    top:22px;
    width:13px;
    height:13px;
    background:url('../assets/x.webp') no-repeat;
    transition:background 1s
}
.bag_list .type_browser:hover{
    background:url('../assets/x_hover.webp') no-repeat;
    transition:background .2s
}
.bag_list{
    width:0;
    margin-left:0;
    background:#fff;
    color:#000;
    transition:opacity 1s,width 1s 1s;
    top:0;
    bottom:0;
    left:0;
    opacity:0
}
#page,#wrapper,.bag_list_content,body{
    position:relative
}
.bag_list .title{
    font-size:18px;
    padding-bottom:12px;
    padding-top:5px
}
.bag_list_content{
    margin:15px 20px 70px 50px;
    font-size:14px;
    float:right;
    min-width:240px;
    text-align:left
}
#page,.extended_counter,.extended_counter .time,.footer,.last .title,.massiveBlock .ex_text,.massiveBlock .title,.nav ul,.navi_block,.timer{
    text-align:center
}
.divider{
    flex-direction:row;
    align-items:center;
    margin-top:5px;
    margin-bottom:5px;
    height:2px;
    background:#d4d5d7
}
.bag_list_content .one_day{
    padding-bottom:16px
}
.bag_list_content .one_day strong{
    font-weight:400;
    color:#909090;
    font-size:16px
}
.bag_list.active{
    width:280px;
    opacity:1;
    transition:opacity .3s .5s
}
@media screen and (min-width:1600px){
    .bag_list.active{
        width:300px
    }
}
.refresh_bugs{
    bottom:20px;
    right:20px;
    cursor:pointer;
    border:1px solid #b26e9c;
    border-radius:3px;
    padding:7px 24px 7px 32px;
    background:url('../assets/push.webp') 10px center no-repeat
}
.img,.mini{
    position:absolute;
    background-size:100%;
    background-position:0 0
}
body{
    margin:0
}
#wrapper{
    padding-top:170px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    transition-property:padding-top;
    -webkit-transition-property:padding-top;
    -moz-transition-property:padding-top;
    transition-duration:1s;
    -webkit-transition-duration:1s;
    -moz-transition-duration:1s
}
.img{
    background-image:url('../assets/eyes.webp');
    width:170px;
    height:100px;
    transition-property:left,top,margin-left,width,height,margin-top;
    -moz-transition-property:left,top,margin-left,width,height,margin-top;
    transition-duration:.7s;
    -moz-transition-duration:.7s;
    cursor:pointer;
    top:50px;
    left:50%;
    margin-left:-85px;
    opacity:1
}
.nav li a,.nav li a:hover{
    transition-property:padding-bottom,border-bottom
}
.mini:before,.mini:hover:before{
    transition-property:transform;
    transition-duration:.3s
}
html,html.background,html.background2,html.background3,html.background4,html.background5,html.background6,html.background7,html.background8,html.background9{
    transition-property:background;
    transition-duration:14s
}
.audio_panel,.instruction_block .nav_info .button{
    margin-left:12px
}
.img.disabled,.mail.disabled{
    -webkit-animation:.3s steps(10) openclipeyes;
    -moz-animation:.3s steps(10) openclipeyes;
    animation:.3s steps(10) openclipeyes
}
.textmini.disabled{
    -webkit-animation:.3s steps(10) openclipeyes;
    -moz-animation:.3s steps(10) openclipeyes;
    animation:.3s steps(10) openclipeyes;
    display:none!important
}
.extended_counter.active,.last.active,.massiveBlock.active,.mini:before,.timer.active{
    display:block
}
.img.active,.mail.active,.textmini.active{
    opacity:0;
    -webkit-animation:.2s steps(10) clipeyes;
    -moz--animation:clipeyes 0.2s steps(10) 1;
    animation:.2s steps(10) clipeyes
}
@-webkit-keyframes clipeyes{
    0%{
        background-position:0 0;
        opacity:1
    }
    100%{
        background-position:0 -947px;
        opacity:0
    }
}
@-webkit-keyframes openclipeyes{
    0%,50%{
        background-position:0 -947px;
        opacity:0
    }
    100%{
        background-position:0 0;
        opacity:1
    }
}
@-moz-keyframes clipeyes{
    0%{
        background-position:0 0;
        opacity:1
    }
    100%{
        background-position:0 -947px;
        opacity:0
    }
}
@-moz-keyframes openclipeyes{
    0%,50%{
        background-position:0 -947px;
        opacity:0
    }
    100%{
        background-position:0 0;
        opacity:1
    }
}
@keyframes clipeyes{
    0%{
        background-position:0 0;
        opacity:1
    }
    100%{
        background-position:0 -947px;
        opacity:0
    }
}
@keyframes openclipeyes{
    0%,50%{
        background-position:0 -947px;
        opacity:0
    }
    100%{
        background-position:0 0;
        opacity:1
    }
}
.mini{
    width:90px;
    height:52px;
    opacity:0;
    top:36px;
    left:49px;
    background-image:url('../assets/an-minieye.webp');
    cursor:default;
    transition-property:opacity;
    transition-duration:1s;
    z-index:1
}
.mini:before,.navi_block{
    position:absolute;
    top:50%
}
.mini:before{
    content:'';
    width:14px;
    height:14px;
    margin-top:-8px;
    left:50%;
    margin-left:-6px;
    background:#fff;
    border-radius:50%;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1)
}
.button,.button:hover{
    transition-property:border;
    color:#fff;
    transition-duration:.1s
}
.mini:hover:before{
    transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5)
}
.mini.disabled{
    -webkit-animation:.2s steps(14) miniclipeyes;
    animation:.2s steps(14) miniclipeyes;
    -moz-animation:.2s steps(14) miniclipeyes
}
.mini.active{
    opacity:.6;
    -webkit-animation:.8s steps(14) miniopenclipeyes;
    animation:.8s steps(14) miniopenclipeyes;
    -moz-animation:.8s steps(14) miniopenclipeyes
}
.mini.active:hover{
    transition-property:opacity;
    transition-duration:1s;
    opacity:1;
    cursor:pointer
}
@-webkit-keyframes miniclipeyes{
    0%{
        background-position:0 0;
        opacity:.6
    }
    100%{
        background-position:0 -700px;
        opacity:0
    }
}
@-webkit-keyframes miniopenclipeyes{
    0%,60%{
        background-position:0 -700px;
        opacity:0
    }
    100%{
        background-position:0 0;
        opacity:.6
    }
}
@keyframes miniclipeyes{
    0%{
        background-position:0 0;
        opacity:.6
    }
    100%{
        background-position:0 -700px;
        opacity:0
    }
}
@keyframes miniopenclipeyes{
    0%,60%{
        background-position:0 -700px;
        opacity:0
    }
    100%{
        background-position:0 0;
        opacity:.6
    }
}
@-moz-keyframes miniclipeyes{
    0%{
        background-position:0 0;
        opacity:.6
    }
    100%{
        background-position:0 -700px;
        opacity:0
    }
}
@-moz-keyframes miniopenclipeyes{
    0%,60%{
        background-position:0 -700px;
        opacity:0
    }
    100%{
        background-position:0 0;
        opacity:.6
    }
}
.navi_block{
    margin-top:-45px;
    width:100%
}
.navi_block.stopped{
    top:245px;
    margin-top:0
}
.audio_panel{
    position:relative
}
.button{
    border:4px solid #fff;
    border-radius:30px;
    font-size:18px;
    padding:12px 30px
}
.button:hover{
    border:4px solid rgba(250,250,250,.4)
}
.nav li{
    display:inline;
    padding:5px 10px
}
.instruction_block .nav_info input[type=checkbox],.last,.massiveBlock,.timer,body .ar,body .eng,body .es,body .fr,body .uk,body.arabe .ru,body.english .ru,body.english .uk,body.espagnol .ru,

body.francais .ru,body.francais .hi,body.arabe .hi,body.espagnol .hi,body.ukraine .hi,body.russian .hi,body.english .hi,body.hindi .ru,body.hindi .zh-CN,body.ukraine .eng,body.ukraine .ru{
    display:none
}

body.francais .zh-CN,body.arabe .zh-CN,body.espagnol .zh-CN,body.ukraine .zh-CN,body.russian .zh-CN,body.english .zh-CN,body.chinese .ru,body.chinese .hi{
    display:none
}
.nav li a{
    color:#fff;
    border-bottom:1px solid transparent;
    padding-bottom:3px;
    transition-duration:.2s
}
.nav li a:hover{
    border-bottom:1px solid rgba(255,255,255,.4);
    padding-bottom:0;
    transition-duration:50ms
}
.footer{
    position:fixed;
    bottom:0;
    height:70px;
    width:100%;
    color:#fff;
    z-index:0
}
.footer a{
    color:#fff;
    text-decoration:underline;
    font-size:12px
}
.mail2 a,.option_panel .language_panel,.option_panel .premium{
    text-decoration:none!important
}
.mail{
    padding-top:16px;
    font-size:14px
}
.header_block{
    width:100%;
    height:30px;
    background-image:linear-gradient(to top,#389e91,#2c7094)
}
.volume,.volume_list .voices.first_voice{
    background:url('../assets/icons.webp') no-repeat
}
.parent_animator{
    position:absolute;
    top:20px;
    right:20px;
    left:20px;
    bottom:20px
}
.massiveBlock .title{
    font-size:34px;
    color:#fff;
    line-height:30px
}
.massiveBlock .ex_text{
    color:#fff;
    font-size:18px
}
.last .title{
    font-size:30px;
    color:#fff
}
.extended_counter{
    width:100%;
    color:#000;
    font-size:37px;
    letter-spacing:-1px;
    display:none
}
.extended_counter .time{
    display:inline-block;
    height:50px;
    width:55px;
    position:relative;
    margin-left:5px;
    margin-right:5px;
    color:#fff
}
.muted,.volume,.volume_list .voices{
    width:26px;
    height:24px;
    cursor:pointer
}
.extended_counter .time:first-child:before{
    content:''
}
.extended_counter .time:before{
    content:':';
    position:absolute;
    right:100%;
    top:-3px;
    margin-right:8px;
    color:#fff
}
#start,.muted,.timer,.volume,.volume_list .close,html{
    position:relative
}
.timer{
    margin:0 auto;
    font-size:80px;
    color:#fff;
    padding-top:80px;
    padding-bottom:90px
}
#start{
    cursor:pointer;
    font-weight:400
}
body.english .eng,body.espagnol .es,body.francais .fr,body.ukraine .uk{
    display:inline-block
}
body.arabe .ar{
    display:inline-block;
    direction:rtl;
    text-align:initial
}
html{
    background:#354c74
}
#gradients {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
html.background{
    background:#527b9c
}
html.background2{
    background:#c95b77
}
html.background3{
    background:#895da0
}
html.background4{
    background:#8adbb0
}
html.background5{
    background:#9dc578
}
html.background6{
    background:#e97e82
}
html.background7{
    background:#c160a1
}
html.background8{
    background:#3ac1a1
}
html.background9{
    background:#985d83
}
.volume{
    display:inline-block;
    top:8px;
    opacity:.6
}
.slide_line_volume.active:hover,.volume:hover{
    opacity:1
}
.volume.first,.volume_panel#maximum{
    background-position:0 0
}
.volume.second{
    background-position:0 -33px
}
.volume.three{
    background-position:0 -100px
}
.volume.off{
    background-position:0 -67px
}
.muted{
    display:inline-block;
    background:url('../assets/icons.webp') 0 -65px no-repeat
}
.volume_list{
    position:absolute;
    margin:12px 0 0;
    padding:0;
    top:100%;
    left:0
}
.volume_list.active .slide_line_volume{
    visibility:visible;
    opacity:1;
    transition-property:visibility,opacity;
    transition-duration:1s
}
.volume_list .close,.volume_list.active .close{
    transition-property:opacity,z-index;
    transition-duration:.5s
}
.volume_list .close{
    opacity:0;
    z-index:-1
}
.volume_list.active .close{
    opacity:.6;
    z-index:1
}
.volume_list.active .close:hover{
    opacity:1;
    transition-duration:.1s
}
.volume_list li:first-child .close{
    transition-delay:0.15s
}
.volume_list li:nth-child(2) .close{
    transition-delay:0.1s
}
.volume_list li:nth-child(3) .close{
    transition-delay:50ms
}
.volume_list li:nth-child(4) .close,.volume_list.active li:first-child .close{
    transition-delay:0s
}
.volume_list.active li:nth-child(2) .close{
    transition-delay:20ms
}
.volume_list.active li:nth-child(3) .close{
    transition-delay:40ms
}
.volume_list.active li:nth-child(4) .close{
    transition-delay:60ms
}
.volume_list .voices{
    display:inline-block;
    margin-bottom:5px
}
.volume_list .voices.second_voice{
    background:url('../assets/icons.webp') 0 -35px no-repeat
}
.volume_list .voices.three_voice{
    background:url('../assets/icons.webp') 0 -100px no-repeat
}
.option_panel{
    position:absolute;
    right:50px;
    top:41px;
    z-index:1
}
@media screen and (max-width:400px){
    .option_panel{
        right:5px
    }
}
.option_panel .language_panel{
    display:inline-block;
    width:60px;
    height:20px;
    border:1px solid #fff;
    color:#fff;
    text-align:center;
    padding-top:3px;
    font-size:14px;
    border-radius:3px;
    opacity:.8;
    cursor:pointer;
    transition:.3s
}
.slide_line_volume,.slide_line_volume.active{
    transition-property:visibility,opacity;
    transition-duration:1s
}
.option_panel .language_panel:hover{
    opacity:1;
    border:1px solid rgba(255,255,255,.6);
    transition:.1s
}
.instruction_block{
    max-width:600px;
    padding:0 32px;
    margin:-49px auto 0;
    color:#fff;
    font-size:16px;
    text-align:left
}
.instruction_block .title{
    font-size:40px;
    letter-spacing:-1px;
    line-height:35px;
    max-width:600px;
    text-align:left;
    padding-bottom:6px
}
.instruction_block .nav_info{
    padding-top:12px
}
#gradient{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.instruction_block .nav_info input[type=checkbox]+label{
    display:inline-block;
    cursor:pointer
}
.instruction_block .nav_info .check{
    position:relative;
    top:2px
}
.instruction_block .nav_info input[type=checkbox]+label:hover .check{
    opacity:.4;
    transition-property:opacity;
    transition-duration:.2s
}
.instruction_block .nav_info input[type=checkbox]+label .check{
    display:inline-block;
    width:16px;
    height:16px;
    background:url('../assets/checkbox_off1.webp') 0 center no-repeat;
    opacity:1;
    transition-property:opacity;
    transition-duration:.6s
}
.instruction_block .nav_info input[type=checkbox]:checked+label .check{
    -webkit-animation:.1s steps(27) checkboxOn;
    animation:.1s steps(26) checkboxOn;
    -moz-animation:.1s steps(26) checkboxOn;
    background:url('../assets/checkbox_on1.webp') 0 center no-repeat
}
@keyframes checkboxOn{
    0%{
        background:url('../assets/check1.webp') no-repeat
    }
    100%{
        background:url('../assets/check1.webp') 0 -416px no-repeat
    }
}
@-webkit-keyframes checkboxOn{
    0%{
        background:url('../assets/check1.webp') no-repeat
    }
    100%{
        background:url('../assets/check1.webp') 0 -432px no-repeat
    }
}
@-moz-keyframes checkboxOn{
    0%{
        background:url('../assets/check1.webp') no-repeat
    }
    100%{
        background:url('../assets/check1.webp') 0 -432px no-repeat
    }
}
.slide_line_volume{
    width:20px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    position:absolute;
    right:3px;
    top:35px;
    visibility:hidden;
    opacity:0
}
.slide_line_volume.active{
    visibility:visible;
    opacity:.6
}
.slide_line_volume .after{
    background:#fff;
    top:auto!important;
    height:100%
}
.slide_line_volume .after,.slide_line_volume .before{
    content:'';
    position:absolute;
    displaY:block;
    width:6px;
    top:0;
    bottom:0;
    left:0;
    margin-left:7px;
    z-index:0;
    border:1px solid #fff;
    border-radius:3px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.point_volume{
    position:relative;
    z-index:1;
    height:10px
}
.point_volume.active{
    background:#fff;
    border-radius:3px;
    cursor:pointer
}
.volume_list_wrapper{
    margin-left:10px;
    position:relative;
    top:3px;
    displaY:inline-block
}
.volume_panel{
    width:24px;
    height:19px;
    display:inline-block;
    background-image:url('../assets/volume.webp');
    background-position:0 0;
    opacity:.6
}
.volume_list_wrapper:hover .volume_panel{
    opacity:1;
    cursor:pointer
}
.volume_panel#minimum{
    background-position:0 -53px;
    position:relative;
    top:-1px
}
.volume_panel#medium{
    background-position:0 -36px
}
.volume_panel#middle{
    background-position:0 -18px
}
.option_panel .premium{
    display: inline-block;
  width: 40px;
  height: 24px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 3px;
  opacity: .8;
  cursor: pointer;
  transition: .3s;
  font-size: 17px;
  padding: 0px;
}
.btn3,.close:focus,.close:hover{
    text-decoration:none;
    cursor:pointer
}
.modal{
    display:none;
    position:fixed;
    z-index:1;
    padding-top:25px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,.4)
}
.modal-content{
    background-color:#fefefe;
    margin:auto;
    border:1px solid #888;
    width:650px;
    border-radius:10px
}
.close{
    color:#aaa;
    float:right;
    font-size:28px
}
.close:focus,.close:hover{
    color:#000
}
.btn3{
    border:none;
    color:#fff;
    padding:6px 18px;
    text-align:center;
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    margin:16px 0!important;
    font-size:16px;
    background-color:#f44336;
    border-radius:10px
}
.mail2 a{
    font-size:17px!important
}
.footer2{
    height:86px!important
}


.bap-btn{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:inline-block;
    width:48px;
    height:48px;
    margin:0;
    padding:0;
    overflow:hidden;
    vertical-align:middle;
    outline:0;
    border:0;
    border-radius:100px;
    transition:235ms ease
}
@media (min-width:768px){
    .bap-btn{
        width:48px;
        height:48px
    }
}
.bap-btn-default{
    color:#fff;
    text-align:center;
    background-color:#000
}
.bap-btn-default:hover{
    opacity:.8
}
.bap-btn-default .bap-icon{
    display:block;
    width:24px;
    height:20px;
    margin:0 auto 4px;
    padding:0 1px;
    line-height:1
}
.bap-btn-default .bap-icon svg{
    display:block;
    width:auto;
    height:15px;
    margin:0 auto;
    fill:currentColor
}
@media (min-width:768px){
    .bap-btn-default .bap-icon svg{
        height:20px
    }
}
.bap-btn-default .bap-icon-off,.bap-btn-default .bap-icon-on{
    display:block
}
.bap-btn-default .bap-onoff-text{
    line-height:1;
    font-size:10px;
    text-indent:2px;
    letter-spacing:2px
}
.bap-btn-bar-animation{
    color:#fff;
    background-color:#000
}
.bap-btn-bar-animation .bap-bars{
    position:relative;
    width:28px;
    height:50%;
    margin-left:auto;
    margin-right:auto
}
.bap-btn-bar-animation .bap-bar{
    position:absolute;
    bottom:0;
    display:block;
    width:3px;
    background:currentColor;
    transition:230ms ease;
    animation-play-state:running
}
.bap-btn-bar-animation .bap-bar[data-bap-bar="1"]{
    left:0;
    height:20%;
    animation:bapSoundBar 2.8s ease .2s infinite alternate
}
.bap-btn-bar-animation .bap-bar[data-bap-bar="2"]{
    left:6px;
    height:45%;
    animation:bapSoundBar 2.2s ease .1s infinite alternate
}
.bap-btn-bar-animation .bap-bar[data-bap-bar="3"]{
    left:12px;
    height:8%;
    animation:bapSoundBar 2.6s ease .1s infinite alternate
}
.bap-btn-bar-animation .bap-bar[data-bap-bar="4"]{
    left:18px;
    height:68%;
    animation:bapSoundBar 2.7s ease .4s infinite alternate
}
.bap-btn-bar-animation .bap-bar[data-bap-bar="5"]{
    left:24px;
    height:48%;
    animation:bapSoundBar 2.4s ease .1s infinite alternate
}
.bap-btn-bar-animation.bap-deactive .bap-bar{
    animation-play-state:paused
}
.bap-btn-bar-animation.bap-active .bap-bar{
    animation-play-state:running
}
@keyframes bapSoundBar{
    0%{
        height:20%
    }
    10%{
        height:50%
    }
    20%{
        height:20%
    }
    30%{
        height:70%
    }
    40%{
        height:10%
    }
    50%{
        height:60%
    }
    60%{
        height:40%
    }
    70%{
        height:100%
    }
    80%{
        height:20%
    }
    90%{
        height:50%
    }
    100%{
        height:100%
    }
}


.styled-table {
  margin: 10px 0;
  font-size: .9em;
  font-family: sans-serif;
  min-width: 100%;
}

.styled-table, table {
  border-collapse: collapse;
}.styled-table thead tr {
  color: #fff;
  text-align: left;
}
.styled-table thead tr {
  background-color: #1262ce;
}.styled-table td, .styled-table th {
  padding: 6px 15px;
}.styled-table tbody tr {
  border-bottom: 1px solid #ddd;
}.styled-table td {
  border: 1px solid #1262ce;
}
.styled-table td, .styled-table th {
  padding: 6px 15px;
}

.styled-table th {
    text-align: center;}
 .styled-table tbody tr:nth-of-type(2n) {
  background-color: #f3f3f3;
}.text-yellow-500 {
  color: #eab308;
}