html{font-size:100%;}body,input,select,textarea,button,.ui-btn{font-size:1em;line-height:1.3;font-family:sans-serif ;}legend,.ui-input-text input,.ui-input-search input{color:inherit;}.ui-mobile label,div.ui-controlgroup-label{font-weight:normal;font-size:16px;}.ui-field-contain{border-bottom-color:#828282;border-bottom-color:rgba(0,0,0,.15);border-bottom-width:1px;border-bottom-style:solid;}.table-stroke thead th,.table-stripe thead th,.table-stripe tbody tr:last-child{border-bottom:1px solid #d6d6d6;border-bottom:1px solid rgba(0,0,0,.1);}.table-stroke tbody th,.table-stroke tbody td{border-bottom:1px solid #e6e6e6;border-bottom:1px solid rgba(0,0,0,.05);}.table-stripe.table-stroke tbody tr:last-child th,.table-stripe.table-stroke tbody tr:last-child td{border-bottom:0;}.table-stripe tbody tr:nth-child(odd) td,.table-stripe tbody tr:nth-child(odd) th{background-color:#eeeeee;background-color:rgba(0,0,0,.04);}.ui-btn,label.ui-btn{font-weight:bold;border-width:1px;border-style:solid;}.ui-btn{text-decoration:none !important;}.ui-btn-active{cursor:pointer;}.ui-corner-all{-webkit-border-radius:.3125em ;border-radius:.3125em ;}.ui-btn-corner-all,.ui-btn.ui-corner-all,.ui-slider-track.ui-corner-all,.ui-flipswitch.ui-corner-all,.ui-li-count{-webkit-border-radius:.3125em ;border-radius:.3125em ;}.ui-btn-icon-notext.ui-btn-corner-all,.ui-btn-icon-notext.ui-corner-all{-webkit-border-radius:1em;border-radius:1em;}.ui-btn-corner-all,.ui-corner-all{-webkit-background-clip:padding;background-clip:padding-box;}.ui-popup.ui-corner-all > .ui-popup-arrow-guide{left:.6em ;right:.6em ;top:.6em ;bottom:.6em ;}.ui-shadow{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15) ;-moz-box-shadow:0 1px 3px rgba(0,0,0,.15) ;box-shadow:0 1px 3px rgba(0,0,0,.15) ;}.ui-shadow-inset{-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2) ;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.2) ;box-shadow:inset 0 1px 3px rgba(0,0,0,.2) ;}.ui-overlay-shadow{-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);-moz-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6);}.ui-btn-icon-left:after,.ui-btn-icon-right:after,.ui-btn-icon-top:after,.ui-btn-icon-bottom:after,.ui-btn-icon-notext:after{background-color:#666 ;background-color:rgba(0,0,0,.3) ;background-position:center center;background-repeat:no-repeat;-webkit-border-radius:1em;border-radius:1em;}.ui-alt-icon.ui-btn:after,.ui-alt-icon .ui-btn:after,html .ui-alt-icon.ui-checkbox-off:after,html .ui-alt-icon.ui-radio-off:after,html .ui-alt-icon .ui-checkbox-off:after,html .ui-alt-icon .ui-radio-off:after{background-color:#666 ;background-color:rgba(0,0,0,.15) ;}.ui-nodisc-icon.ui-btn:after,.ui-nodisc-icon .ui-btn:after{background-color:transparent;}.ui-shadow-icon.ui-btn:after,.ui-shadow-icon .ui-btn:after{-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) ;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3) ;box-shadow:0 1px 0 rgba(255,255,255,.3) ;}.ui-btn.ui-checkbox-off:after,.ui-btn.ui-checkbox-on:after,.ui-btn.ui-radio-off:after,.ui-btn.ui-radio-on:after{display:block;width:18px;height:18px;margin:-9px 2px 0 2px;}.ui-checkbox-off:after,.ui-btn.ui-radio-off:after{filter:Alpha(Opacity=30);opacity:.3;}.ui-btn.ui-checkbox-off:after,.ui-btn.ui-checkbox-on:after{-webkit-border-radius:.1875em;border-radius:.1875em;}.ui-btn.ui-checkbox-off:after{background-color:#666;background-color:rgba(0,0,0,.3);}.ui-radio .ui-btn.ui-radio-on:after{background-image:none;background-color:#fff;width:8px;height:8px;border-width:5px;border-style:solid;}.ui-alt-icon.ui-btn.ui-radio-on:after,.ui-alt-icon .ui-btn.ui-radio-on:after{background-color:#000;}.ui-icon-loading{background:url("images/ajax-loader.gif");background-size:2.875em 2.875em;}.ui-bar-a,.ui-page-theme-a .ui-bar-inherit,html .ui-bar-a .ui-bar-inherit,html .ui-body-a .ui-bar-inherit,html body .ui-group-theme-a .ui-bar-inherit{background-color:#E1E1E1;border-color:#ddd ;color:#333 ;font-weight:bold;}.ui-bar-a{border-width:1px;border-style:solid;}.ui-overlay-a,.ui-page-theme-a,.ui-page-theme-a .ui-panel-wrapper{background-color:#f9f9f9 ;border-color:#bbb ;color:#333 ;}.ui-body-a,.ui-page-theme-a .ui-body-inherit,html .ui-bar-a .ui-body-inherit,html .ui-body-a .ui-body-inherit,html body .ui-group-theme-a .ui-body-inherit,html .ui-panel-page-container-a{background-color:#fff ;border-color:#ddd ;color:#333 ;}.ui-body-a{border-width:1px;border-style:solid;}.ui-page-theme-a a,html .ui-bar-a a,html .ui-body-a a,html body .ui-group-theme-a a{color:#777 ;font-weight:bold;}.ui-page-theme-a a:visited,html .ui-bar-a a:visited,html .ui-body-a a:visited,html body .ui-group-theme-a a:visited{color:#777 ;}.ui-page-theme-a a:hover,html .ui-bar-a a:hover,html .ui-body-a a:hover,html body .ui-group-theme-a a:hover{color:#005599 ;}.ui-page-theme-a a:active,html .ui-bar-a a:active,html .ui-body-a a:active,html body .ui-group-theme-a a:active{color:#005599 ;}.ui-page-theme-a .ui-btn,html .ui-bar-a .ui-btn,html .ui-body-a .ui-btn,html body .ui-group-theme-a .ui-btn,html head + body .ui-btn.ui-btn-a,.ui-page-theme-a .ui-btn:visited,html .ui-bar-a .ui-btn:visited,html .ui-body-a .ui-btn:visited,html body .ui-group-theme-a .ui-btn:visited,html head + body .ui-btn.ui-btn-a:visited{background-color:#f6f6f6 ;border-color:#ddd ;color:#333 ;}.ui-page-theme-a .ui-btn:hover,html .ui-bar-a .ui-btn:hover,html .ui-body-a .ui-btn:hover,html body .ui-group-theme-a .ui-btn:hover,html head + body .ui-btn.ui-btn-a:hover{background-color:#ededed ;border-color:#ddd ;color:#333 ;}.ui-page-theme-a .ui-btn:active,html .ui-bar-a .ui-btn:active,html .ui-body-a .ui-btn:active,html body .ui-group-theme-a .ui-btn:active,html head + body .ui-btn.ui-btn-a:active{background-color:#e8e8e8 ;border-color:#ddd ;color:#333 ;}html .ui-bar-a .ui-btn.ui-btn-active,html .ui-body-a .ui-btn.ui-btn-active,html body .ui-group-theme-a .ui-btn.ui-btn-active,html head + body .ui-btn.ui-btn-a.ui-btn-active,.ui-page-theme-a .ui-checkbox-on:after,html .ui-bar-a .ui-checkbox-on:after,html .ui-body-a .ui-checkbox-on:after,html body .ui-group-theme-a .ui-checkbox-on:after,.ui-btn.ui-checkbox-on.ui-btn-a:after,.ui-page-theme-a .ui-flipswitch-active,html .ui-bar-a .ui-flipswitch-active,html .ui-body-a .ui-flipswitch-active,html body .ui-group-theme-a .ui-flipswitch-active,html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,.ui-page-theme-a .ui-slider-track .ui-btn-active,html .ui-bar-a .ui-slider-track .ui-btn-active,html .ui-body-a .ui-slider-track .ui-btn-active,html body .ui-group-theme-a .ui-slider-track .ui-btn-active,html body div.ui-slider-track.ui-body-a .ui-btn-active{background-color:#777 ;border-color:#777 ;color:#fff ;}.ui-page-theme-a .ui-radio-on:after,html .ui-bar-a .ui-radio-on:after,html .ui-body-a .ui-radio-on:after,html body .ui-group-theme-a .ui-radio-on:after,.ui-btn.ui-radio-on.ui-btn-a:after{border-color:#777 ;}.ui-page-theme-a .ui-btn:focus,html .ui-bar-a .ui-btn:focus,html .ui-body-a .ui-btn:focus,html body .ui-group-theme-a .ui-btn:focus,html head + body .ui-btn.ui-btn-a:focus,.ui-page-theme-a .ui-focus,html .ui-bar-a .ui-focus,html .ui-body-a .ui-focus,html body .ui-group-theme-a .ui-focus,html head + body .ui-btn-a.ui-focus,html head + body .ui-body-a.ui-focus{-webkit-box-shadow:0 0 12px #777 ;-moz-box-shadow:0 0 12px #777 ;box-shadow:0 0 12px #777 ;}.ui-bar-b,.ui-page-theme-b .ui-bar-inherit,html .ui-bar-b .ui-bar-inherit,html .ui-body-b .ui-bar-inherit,html body .ui-group-theme-b .ui-bar-inherit{background-color:#1d1d1d ;border-color:#1b1b1b ;color:#fff ;font-weight:bold;}.ui-bar-b{border-width:1px;border-style:solid;}.ui-overlay-b,.ui-page-theme-b,.ui-page-theme-b .ui-panel-wrapper{background-color:#252525 ;border-color:#454545 ;color:#fff ;}.ui-body-b,.ui-page-theme-b .ui-body-inherit,html .ui-bar-b .ui-body-inherit,html .ui-body-b .ui-body-inherit,html body .ui-group-theme-b .ui-body-inherit,html .ui-panel-page-container-b{background-color:#2a2a2a ;border-color:#1d1d1d ;color:#fff ;}.ui-body-b{border-width:1px;border-style:solid;}.ui-page-theme-b a,html .ui-bar-b a,html .ui-body-b a,html body .ui-group-theme-b a{color:#666 ;font-weight:bold;}.ui-page-theme-b a:visited,html .ui-bar-b a:visited,html .ui-body-b a:visited,html body .ui-group-theme-b a:visited{color:#666 ;}.ui-page-theme-b a:hover,html .ui-bar-b a:hover,html .ui-body-b a:hover,html body .ui-group-theme-b a:hover{color:#0088bb ;}.ui-page-theme-b a:active,html .ui-bar-b a:active,html .ui-body-b a:active,html body .ui-group-theme-b a:active{color:#0088bb ;}.ui-page-theme-b .ui-btn,html .ui-bar-b .ui-btn,html .ui-body-b .ui-btn,html body .ui-group-theme-b .ui-btn,html head + body .ui-btn.ui-btn-b,.ui-page-theme-b .ui-btn:visited,html .ui-bar-b .ui-btn:visited,html .ui-body-b .ui-btn:visited,html body .ui-group-theme-b .ui-btn:visited,html head + body .ui-btn.ui-btn-b:visited{background-color:#333 ;border-color:#1f1f1f ;color:#fff ;}.ui-page-theme-b .ui-btn:hover,html .ui-bar-b .ui-btn:hover,html .ui-body-b .ui-btn:hover,html body .ui-group-theme-b .ui-btn:hover,html head + body .ui-btn.ui-btn-b:hover{background-color:#373737 ;border-color:#1f1f1f ;color:#fff ;}.ui-page-theme-b .ui-btn:active,html .ui-bar-b .ui-btn:active,html .ui-body-b .ui-btn:active,html body .ui-group-theme-b .ui-btn:active,html head + body .ui-btn.ui-btn-b:active{background-color:#404040 ;border-color:#1f1f1f ;color:#fff ;}.ui-page-theme-b .ui-btn.ui-btn-active,html .ui-bar-b .ui-btn.ui-btn-active,html .ui-body-b .ui-btn.ui-btn-active,html body .ui-group-theme-b .ui-btn.ui-btn-active,.ui-page-theme-b .ui-checkbox-on:after,html .ui-bar-b .ui-checkbox-on:after,html .ui-body-b .ui-checkbox-on:after,html body .ui-group-theme-b .ui-checkbox-on:after,.ui-btn.ui-checkbox-on.ui-btn-b:after,.ui-page-theme-b .ui-flipswitch-active,html .ui-bar-b .ui-flipswitch-active,html .ui-body-b .ui-flipswitch-active,html body .ui-group-theme-b .ui-flipswitch-active,html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,.ui-page-theme-b .ui-slider-track .ui-btn-active,html .ui-bar-b .ui-slider-track .ui-btn-active,html .ui-body-b .ui-slider-track .ui-btn-active,html body .ui-group-theme-b .ui-slider-track .ui-btn-active,html body div.ui-slider-track.ui-body-b .ui-btn-active{background-color:#666 ;border-color:#666 ;color:#fff ;}.ui-page-theme-b .ui-radio-on:after,html .ui-bar-b .ui-radio-on:after,html .ui-body-b .ui-radio-on:after,html body .ui-group-theme-b .ui-radio-on:after,.ui-btn.ui-radio-on.ui-btn-b:after{border-color:#666 ;}.ui-page-theme-b .ui-btn:focus,html .ui-bar-b .ui-btn:focus,html .ui-body-b .ui-btn:focus,html body .ui-group-theme-b .ui-btn:focus,html head + body .ui-btn.ui-btn-b:focus,.ui-page-theme-b .ui-focus,html .ui-bar-b .ui-focus,html .ui-body-b .ui-focus,html body .ui-group-theme-b .ui-focus,html head + body .ui-btn-b.ui-focus,html head + body .ui-body-b.ui-focus{-webkit-box-shadow:0 0 12px #666 ;-moz-box-shadow:0 0 12px #666 ;box-shadow:0 0 12px #666 ;}.ui-disabled,.ui-state-disabled,button[disabled],.ui-select .ui-btn.ui-state-disabled{filter:Alpha(Opacity=30);opacity:.3;cursor:default !important;pointer-events:none;}.ui-btn:focus,.ui-btn.ui-focus{outline:0;}.ui-noboxshadow .ui-shadow,.ui-noboxshadow .ui-shadow-inset,.ui-noboxshadow .ui-overlay-shadow,.ui-noboxshadow .ui-shadow-icon.ui-btn:after,.ui-noboxshadow .ui-shadow-icon .ui-btn:after,.ui-noboxshadow .ui-focus,.ui-noboxshadow .ui-btn:focus,.ui-noboxshadow input:focus,.ui-noboxshadow .ui-panel{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}.ui-noboxshadow .ui-btn:focus,.ui-noboxshadow .ui-focus{outline-width:1px;outline-style:auto;}
body{margin:0; font-size: 16px;color:#000; font-family: Avenir Next Cyr;}
.sm-icon::after {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
background-color: #333;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
left: 2px;
top: 2px;
}
.sm-icon.expectation::after{background-color: #FF0000;}
.sm-icon.review::after{background-color: #eeb606;}
.sm-icon.done::after{background-color: green;}
.sm-icon.expectation {border-color: #FF0000;color: #FF0000;}
.sm-icon.review {border-color: #eeb606;color: #eeb606;}
.sm-icon.done {border-color: #51C734;color: #51C734;}
.ui-icon-play:after{
background-image: url("images/play.svg");
background-position: center center;
background-size: 32px;
}
.ui-icon-pause::after {
background-image: url("images/stop.svg");
background-position: center center;
background-size: 32px;
}
.ui-footer .ui-btn-icon-top::after{background-color: transparent;}
.ui-footer .ui-btn-icon-top {padding: 29px 5px 6px;}
.ui-page-theme-a .ui-footer.ui-bar-inherit {border-bottom-width: 1px;border-color: #333333;position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;}
.ui-page-theme-a .ui-footer .ui-btn, .ui-page-theme-a .ui-footer .ui-btn:visited, .ui-page-theme-a .ui-footer .ui-btn:hover{border-color: #717171;}
.ui-icon-game::after {
background-image: url("images/play-b.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-user::after {
background-image: url("images/profile-b.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-shop::after {
background-image: url("images/market-b.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-mynft::after {
background-image: url("images/engvo.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-wallet::after {
background-image: url("images/wallet-b.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-game.ui-btn-b::after {
background-image: url("images/play-w.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-user.ui-btn-b::after {
background-image: url("images/profile-w.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-shop.ui-btn-b::after {
background-image: url("images/market-w.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-wallet.ui-btn-b::after {
background-image: url("images/wallet-w.svg");
background-position: center center;
background-size: 18px 18px;
}
.ui-icon-vopros::after {
background-image: url("images/vopros.svg");
background-position: center center;
background-size: 14px 14px;
}
.ui-icon-receive::after {
background-image: url("images/receive.svg");
background-position: center center;
}
.ui-icon-spending::after {
background-image: url("images/spending.svg");
background-position: center center;
}
.ui-icon-external::after {
background-image: url("images/external.svg");
background-position: center center;
}
.ui-icon-trade::after {
background-image: url("images/trade.svg");
background-position: center center;
}
.ui-footer .ui-navbar.inline .ui-btn {padding: 1.2em 0 0.9em 0.4em;}
.ui-footer .ui-navbar.inline .ui-btn-icon-left::after{background-color: transparent;}
.ui-header {position: fixed;top: 0;right: 0;left: 0;z-index: 3;height: 42px;}
.ui-header .ui-title {display: none;}
.ui-btn.ui-icon-metamask { background-color: #E1E1E1;border: 2px solid #F00;height: 30px;border-radius: 15px;font-size: 14px;line-height: 6px;margin-top: 3px;}
.ui-btn.ui-icon-metamask:active, .ui-btn.ui-icon-metamask:hover {}
.ui-loader.ui-loader-default {border-color: transparent;overflow: hidden;opacity: 0.7;border-radius: 50%;}
.ui-icon-metamask:after {background: url("images/metamask.svg");background-size: cover;}
.ui-page .bg-box {background: url("images/v2_238.png"); background-position: top center; background-repeat: no-repeat;background-size: cover;position: absolute;width: 100%;top: 0;bottom: 0;opacity: 0.1;}
.ui-content {position: relative;z-index: 2;padding: 60px 10px;}
.ui-footer li a > i {position: relative;}
.ui-footer i.ui-btn-icon-left::after {margin-top: -12px;}
.word, .transcription, .timer {text-align: center;}
.word {font-size: 44px;color: #FF0000;margin: 20px auto 0px;font-weight:600;}
.transcription {font-size: 19px;margin-bottom: 11px;font-weight: 600;}
.timer {margin-bottom: 20px;font-weight: 600;font-size: 34px;}
.ui-content{max-width: 590px;margin: 0 auto;}
.ui-content .ui-grid-a {line-height: 2.2;}
.ui-content.prof-box .ui-grid-a .ui-block-b, .ui-content.mist-box .ui-grid-a .ui-block-b, .ui-content.stat-box .ui-grid-a .ui-block-b {text-align: right;font-weight: 600;}
.ui-page-theme-a .ui-btn.logo {font-size: 20px;font-weight: 600;padding: 0;margin-top: 3px;background-color: transparent;border: 0px solid transparent;box-shadow: 0 0 0 transparent;}
.ui-page-theme-a .ui-btn.logo > d {color: #FF0000;}
.bl { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.button-box {padding: 0 10px;}
#play .button-box button {font-weight: 400;font-size: 16px;padding: 10px;border-radius: 25px;}
.ui-page-theme-a .button-box .ui-btn:focus, .ui-page-theme-a .button-box .ui-btn:hover {background-color: #f6f6f6;}
.ui-page-theme-a .button-box .ui-btn.good-rez, .ui-page-theme-a .button-box .ui-btn.good-rez:active, .ui-page-theme-a .button-box .ui-btn.good-rez:hover {background-color: #10d955;color: #fff;border-color: #04cd49;}
.ui-page-theme-a .button-box .ui-btn.bad-rez, .ui-page-theme-a .button-box .ui-btn.bad-rez:active, .ui-page-theme-a .button-box .ui-btn.bad-rez:hover {background-color: #FF0000;color: #fff;border-color: #FF0000;}
.game-box {position: relative;}
#play-pause {
margin: 20px auto 0;
height: 44px;
width: 120px;
border-radius: 26px;
text-align: center;
background-color: #333;
color: #fff;
font-size: 18px;
padding: 11px 15px 11px 42px;
}
#play-pause::after {
width: 32px;
height: 32px;
border-radius: 50%;
margin-top: -16px;
margin-left: -5px;
background-color: #545454;
}
#go-to-tasks {
width: 100px;
margin: 25px auto;
border-radius: 25px;
}
@-webkit-keyframes flash { 0% {text-shadow: 0 0 5px rgba(255, 0, 0, 1);} 100% {text-shadow: 0 0 5px rgba(255, 0, 0, 0);}}
@keyframes flash{ 0% {text-shadow: 0 0 5px rgba(255, 0, 0, 1);} 100% {text-shadow: 0 0 5px rgba(255, 0, 0, 0);}}
#play .user-balans {display: block; color: #eeb606; font-size: 31px; font-weight: 600; text-align: center;}
#play .user-balans.added {text-shadow: 0 0 5px rgba(255, 0, 0, 1);animation: flash 0.5s linear infinite; }
.balans-k {margin-left: 10px;}
.button-box button[disabled]{opacity: 0.9;}
.for-mobile {text-align: center;display: none;margin: 0;}
.stat-box .ui-grid-a > .ui-block-a{width: 70%;white-space: nowrap;}
.stat-box .ui-grid-a > .ui-block-b{width: 30%;}
.controlgroup-textinput.ui-btn{padding: 0;}
.field-box {margin-bottom: 30px;position: relative;}
.ui-page-theme-a #save{margin: 0px;}
input.ui-slider-input{width: 50px;}
#learned .ui-block-a {font-weight: bold;}
.ui-grid-b div, #learned .ui-title.for-mobile {margin-bottom: 15px;}
.ui-grid-b .ui-block-b, .inspiration-box .ui-grid-b .ui-block-a, .inspiration-box .ui-grid-b .ui-block-c {text-align: center;}
.ui-grid-b .ui-block-c {text-align: right;}
.shows-word {background-color: #fff;font-weight: 600;position: absolute;bottom: 3px;left: calc(50% - 106px);font-size: 14px;color: #000;border-radius: 50%;padding: 7px;line-height: 22px;border: 1px solid #55A54C;box-shadow: 0 0 3px #55A54C;}
.miss-word {background-color: #fff;font-weight: 600;position: absolute;bottom: 3px;right: calc(50% - 106px);font-size: 14px;color: #000;border-radius: 50%;padding: 7px;line-height: 22px;border: 1px solid #DA4A63;box-shadow: 0 0 3px #DA4A63;}
.inspiration-box .ui-grid-c > .ui-block-a{width: 23%;}
.inspiration-box .ui-grid-c > .ui-block-b{28%}
.inspiration-box .ui-grid-c > .ui-block-c{width: 27%;}
.inspiration-box .ui-grid-c > .ui-block-d{22%;}
.inspiration-box {font-size: 12px; color: #666;text-align: center;border-bottom: 1px solid #D9D9D9;padding-bottom: 17px;position: relative;}
.inspiration-box::after { display: block; content: "Today's Metrics"; position: absolute; bottom: -7px; color: #858585; background-color: #f0f0f0; left: calc(50% - 38px);border-radius: 6px;box-shadow: 0 0 5px #f0f0f0;opacity: 0.8;}
.inspiration-box > div > div > div {white-space: nowrap;}
.words-today-val, .time-left-val, .inspiration-val, .words-paytime-val {font-weight: bold;font-size: 16px;white-space: nowrap;font-weight: 600;}
#balans-val {background: url('images/busd.png') no-repeat; background-size: contain; display: inline-block; padding-left: 26px;height: 19px; background-position: center left;line-height: 17px;}
.mess-box {text-align: center; margin-bottom: 35px;}
.trans-card, .ui-corner-all.trans-page, .task-box {
margin: 0 5px 10px;
background-color: #fff;
border: 1px solid #717171;
border-radius: 20px;
}
.trans-card{
position: relative;
padding: 10px;
}
.trans-card img {
display: block;
margin: 0 auto 10px ;
max-width: 90%;
width: 88px;
}
.trans-price {
font-weight: bold;
top: 3px;
padding: 0 64px 0 0;
font-size: 14px;
clear: both;
position: relative;
}
.trans-speed {
text-align: center;
font-weight: bold;
}
.trans-buy.ui-btn {
border-radius: 24px;
width: 70px;
position: absolute;
right: 0;
bottom: 0;
padding: 5px 0 4px;
background-color: #FF0000;
color: #fff;
border: none;
}
.trans-id, .trans-title {
font-weight: bold;
color: #B1B1B1;
width: 100px;
padding: 0;
border-radius: 20px;
line-height: 25px;
font-size: 11px;
}
.trans-mint, .trans-level, .trans-id, .trans-title {
float: left;
width: 50%;
}
.trans-level, .trans-id {text-align: right;}
.trans-mint, .trans-level {font-size: 13px;}
.trans-card span{display: block;}
.ui-page-theme-a .trans-card {}
.trans-page .trans-title d {
box-shadow: 0 1px 0px #555;
}
.trans-page.ui-popup > img {
margin: 25px auto 25px;
display: block;
}
.trans-params > div.clear {
clear: both;
width: 100%;
float: none;
padding: 0;
}
.ui-corner-all.trans-page {
width: 270px;
max-width: 98%;
}
.trans-params {
border: 1px solid #333;
border-radius: 20px;
padding: 18px 18px 20px;
font-size: 13px;
font-weight: bold;
margin-bottom: 18px;
}
.trans-cost {
margin: 0px 20px 40px;
}
.trans-cost > div {
float: right;
color: #333;
font-weight: bold;
}
.trans-page .trans-buy.ui-btn{
border-radius: 24px;
width: 32%;
position: absolute;
bottom: 1.3em;
padding: 6px 0 4px;
background-color: #FF0000;
border: 2px solid #FF0000;
color: #fff;
}
.trans-page .trans-back.ui-btn {
border-radius: 24px;
width: 32%;
position: absolute;
bottom: 1.3em;
padding: 6px 0 4px;
background-color: #FFFFFF;
border: 2px solid #333333;
color: #333333;
}
.trans-page .trans-buy.ui-btn{right: 1em;}
.trans-back.ui-btn{left: 1em;}
.filter-box {
padding: 13px 12px;
background-color: #fff;
border-radius: 20px;
border: 1px solid #717171;
margin: 10px 4px;
}
.filter-box .wallet-box {
background-color: #efefef;
position: relative;
border-radius: 20px;
height: 28px;
}
.filter-box .wallet-box::after {
display: block;
clear: both;
content: '';
}
.ui-content .filter-box .ui-grid-a{line-height: 1;}
.filter-box .ui-block-b {text-align: right;}
.filter-box .ui-btn.ui-corner-all, .filter-box .ui-slider-track.ui-corner-all{border-radius: 20px;box-shadow: none;font-weight: 400;}
.ui-slider-track.ui-corner-all {margin: 0;}
#settings .ui-slider-track.ui-corner-all {margin-left: 80px;}
.filter-box [class*="ui-block-"] > .ui-select {margin: 0 14px 0 0;}
.filter-box .ui-mini .ui-btn-icon-right::after{right: 2px;background-color: transparent; background-image: url("images/shevron.svg");background-size: 100%;}
.filter-box div.ui-slider-switch.ui-mini {
height: 22px;
width: 50px;
margin-top: 2px;
margin-right: 2px;
position: static;
background: transparent;
border: 1px solid #717171;
}
.filter-box .ui-slider-switch.ui-mini .ui-slider-handle, .filter-box .ui-slider-switch.ui-mini .ui-slider-handle:hover {
width: 22px;
height: 22px;
margin: -1px 0px 0 -13px;
padding: 0;
box-shadow: none;
border: 1px solid #717171;
}
.filter-box .ui-slider-switch.ui-mini .ui-slider-inneroffset {
margin: 0 10px 0 12px;
}
.ui-page-theme-a .filter-box .ui-slider-track .ui-btn-active{
background: transparent;
text-shadow: none;
position: absolute;
left: 27px;
right: auto;
color: #333;
text-indent: 0;
text-align: left;
}
.filter-box .ui-slider-switch .ui-slider-label-a {
}
.filter-box .ui-slider-switch .ui-slider-label-b {
z-index: 0;
right: auto;
text-indent: 0;
text-align: left;
left: 27px;
}
.filter-box .ui-btn.ui-corner-all {
padding: 0 0 0 27px;
height: 28px;
line-height: 30px;
text-align: left;
background-color: #EFEFEF;
border: none;
}
.swr {
position: relative;
height: 28px;
line-height: 27px;
text-align: right;
background-color: #EFEFEF;
margin-left: 14px;
border-radius: 20px;
}
.cw {
float: left;
margin: 0 40px 0 0;
}
.cw > img {
margin-right: 18px;
}
.cw > span {
position: relative;
top: -8px;
font-weight: bold;
}
.uw {
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: -1px;
}
.uw img {width: 100%;}
.ui-popup.ui-content {
padding: 10px 10px 33px;
}
.close-popup.ui-link {
position: absolute;
top: 10px;
right: 10px;
}
.head-title {
font-size: 17px;
font-weight: bold;
text-align: center;
}
.trans-page.ui-popup > img {
margin: 17px auto 10px;
display: block;
width: 100px;
}
.ui-popup .trans-id {
float: none;
width: 100%;
text-align: center;
font-size: 12px;
margin-bottom: 11px;
}
.trans-title-box {
border: 1px solid #333;
border-radius: 20px;
padding: 9px;
font-size: 10px;
text-align: center;
margin-bottom: 10px;
}
.trans-title-box d {
display: block;
font-size: 13px;
font-weight: bold;
margin-bottom: 4px;
}
.trans-params-left, .trans-params-right {
width: 50%;
float: left;
}
.trans-params-right {
text-align: right;
}
.trans-params .pt {
margin-bottom: 14px;
}
.settings.ui-btn, .settings.ui-btn:hover, .settings.ui-btn:active, .settings.ui-btn:focus {
margin-top: -6px;
border: none;
background: transparent;
box-shadow: none;
}
.spwl-box.ui-grid-a {
width: 240px;
margin: 0 auto;
}
.ui-page-theme-a .spwl-box .ui-btn.ui-mini, .ui-page-theme-a .spwl-box .settings.ui-btn:hover, .ui-page-theme-a .spwl-box .settings.ui-btn:active, .ui-page-theme-a .spwl-box .settings.ui-btn:focus {
border-radius: 20px;
border: 1px solid #333;
margin: 0 4px;
box-shadow: none;
line-height: 1;
}
.total-balans {
font-size: 32px;
font-weight: bold;
position: relative;
text-align: center;
margin-top: 15px;
line-height: 1;
}
.total-balans > img {
position: relative;
top: 3px;
right: 0px;
}
.total-balans-label {
font-size: 11px;
color: #858585;
text-align: center;
}
.wallet-button {
width: 163px;
margin: 10px auto 0;
text-align: center;
border: 1px solid #F00;
border-radius: 20px;
padding: 5px;
font-size: 11px;
font-weight: bold;
}
.wallet-button {
width: 156px;
margin: 10px auto 0;
text-align: center;
border: 2px solid #F00;
border-radius: 20px;
padding: 6px 30px 6px 0;
font-size: 14px;
font-weight: bold;
background: url("images/metamask.svg") no-repeat;
background-position: 99% center;
background-size: 24px;
}
.button-group {
width: 320px;
margin: 20px auto 24px;
text-align: center;
}
.button-group .ui-btn-inline {
margin-top: 0;
margin-bottom: 0px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #333;
}
.ui-page-theme-a .button-group .ui-btn:active, .ui-page-theme-a .button-group .ui-btn:hover {border-color: #333;}
.button-group .ui-btn-icon-notext::after {
background-color: transparent;
}
.button-group span {
font-size: 11px;
display: block;
font-weight: bold;
white-space: nowrap;
}
.my-tooltip-btn.ui-icon-vopros, .my-tooltip-btn.ui-icon-vopros:hover, .my-tooltip-btn.ui-icon-vopros:active {
border: 1px solid #000;
border-radius: 50%;
font-size: 1px;
width: 24px;
height: 24px;
position: absolute;
top: -2px;
right: 0;
}
.account-label {
font-weight: bold;
position: relative;
width: 280px;
margin: 0 auto;
}
.wallets {
background-color: #fff;
border: 1px solid #333;
border-radius: 20px;
width: 283px;
margin: 20px auto 0;
font-weight: bold;
}
.wallets .w-busd, .wallets .w-engi, .wallets .w-engvo {
border-bottom: 1px solid #333;
}
.w-l {
position: relative;
}
.w-r {
text-align: right;
padding-right: 13px;
}
.w-l > img {
position: relative;
width: 23px;
top: 6px;
left: 0;
margin-left: 17px;
margin-right: 9px;
}
.ui-content .wallets .ui-grid-a {line-height: 3;}
#tc-3589643 .ct, #tcp-3589643 .ct{color: #B673C9;}
#tc-2598346 .ct, #tcp-2598346 .ct{color: #51C734;}
#tc-6189248 .ct, #tcp-6189248 .ct{color: #398BC9;}
.connect-wraper {
margin-top: 30vh;
text-align: center;
}
.connect-wraper .ui-btn {
max-width: 170px;
margin: 0 auto;
}
.user-inf a {
text-decoration: none;
}
.user-inf-t {
margin-top: 30px;
}
.text-center {
text-align: center;
}
.user-inf img {
box-shadow: 0 0 5px #777;
margin-top: 10px;
border: 10px solid #fff;
}
.mynft-box .trans-card {
position: relative;
padding: 20px 30px;
}
.mynft-box .trans-card img {
width: 150px;
max-width: 100%;
margin-bottom: 0;
}
.mynft-box .trans-title{
float: none;
text-align: center;
width: 100%;
font-size: 14px;
margin-bottom: 0px;
text-transform: uppercase;
}
.mynft-box .trans-id {
text-align: left;
font-size: 14px;
color: #333;
}
.mynft-box .trans-buy.ui-btn {
right: 15px;
bottom: 13px;
width: 22px;
padding: 2px 1px;
background-color: #ccc;
}
.mynft-box .trans-buy.ui-btn.use-active {
background-color: #ccc;
}
.button-group .not-active span{
opacity: 0.5;
}
.ui-grid-a.not-active {
background-color: #bbb;
opacity: 0.5;
}
.w-bnb.ui-grid-a {
border-radius: 0 0 19px 19px;
}
.wallet-box .ui-grid-b .ui-block-c{text-align: center;}
.Beginner .trans-title{color:#0ae506;}
.Intermediate .trans-title{color:#265bc3;}
.Advanced .trans-title{color:#b26bc6;}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.task-box {
padding: 0 25px 18px;
}
.task-box .ui-btn {
border-radius: 8px;
}
.task-box h3 {
position: relative;
}
.task-box h3 .ui-li-count {
right: 0;
border-radius: 12px;
padding-left: 22px;
}
.task-box h3 .ui-li-count.ui-icon-task {
right: 74px;
}
.task-box h3 .ui-li-count.ui-icon-task.ui-icon-user::after {
background-color: transparent;
border: 1px solid #333;
width: 14px;
height: 14px;
}
.act-link-box {
padding: 10px 18px;
border-bottom: 1px solid #717171;
}
.act-link-box img {
width: 24px;
margin-bottom: -8px;
border-radius: 7px;
margin-right: 10px;
}
.input-code-box{padding: 10px 18px;}
.task2-box .task-box .task-box {
padding: 0px;
}
.task1-box img {
width: 90px;
margin: 20px auto;
display: block;
}
.task1-box div.ui-slider-switch {
width: 104px;
margin: 0 auto;
display: block;
}
#questionnaire-form .ui-checkbox{
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
#questionnaire-form .ui-checkbox label {
width: 3px;
padding: 18px;
}
html .ui-loader.ui-body-b .ui-btn.ui-icon-alert{margin: 0 auto 5px;background-color: #F00;}
html .ui-loader.ui-body-b .ui-btn.ui-icon-check{margin: 0 auto 5px;background-color: #51C734;}
@media screen and (max-width: 500px){
.task-box h3 {margin-top: 50px;}
.task-box h3 .ui-li-count, #task1-status {right: auto; left: 0; top: -25px;}
.task-box h3 .ui-li-count.ui-icon-task {right: 0; left: auto;}
}
@media screen and (max-width: 430px){
.mynft-box .trans-card {padding: 15px 20px;}
.mynft-box .trans-buy.ui-btn {bottom: 9px;}
}
@media screen and (max-width: 400px){
}
@media screen and (max-width: 370px){
.trans-price {font-size: 12px;}
}