html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header,  menu, nav, section { display: block;
    -moz-user-select: none;  -khtml-user-select: none;  user-select: none;  -webkit-user-select: none; -webkit-tap-highlight-color: transparent;
}
body { line-height: 1; font-family: Arial, Helvetica, sans-serif; min-height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/***********************************************************************/
@font-face {
    font-family: Movavi;
    src: url("/fonts/Movavi.ttf");
}
/*::-webkit-scrollbar {    width: 4px;    height: 4px;}::-webkit-scrollbar-button {    width: 0;    height: 0;}::-webkit-scrollbar-thumb {    background: #cda54a;    border: 0 none #ffffff;    border-radius: 50px;}::-webkit-scrollbar-thumb:hover {    background: #ffffff;}::-webkit-scrollbar-thumb:active {    background: #000000;}::-webkit-scrollbar-track {    background: #5a410e;    border: 0 none #ffffff;    border-radius: 50px;}::-webkit-scrollbar-track:hover {    background: #666666;}::-webkit-scrollbar-track:active {    background: #333333;}::-webkit-scrollbar-corner {    background: transparent;}::-moz-scrollbar {    width: 6px;}::-moz-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    -webkit-border-radius: 10px;    border-radius: 10px;}::-moz-scrollbar-thumb {    -webkit-border-radius: 10px;    border-radius: 10px;    background: rgba(255,0,0);    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}::-moz-scrollbar-thumb:window-inactive {    background: rgba(255,0,0);}*//***********************************************************************/
html {

}
/*input[type="checkbox"], input[type="radio"] { -ms-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); height: 25px; width: 25px }*/

input[type="checkbox"] + label,
input[type="radio"] + label {
    /*font: 18px bold;*/
    /*color: #444;*/
    cursor: pointer;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 7px 5px 0 0;
    /*background-image: url('/tsprite/answer/Box.png');*/
    background-repeat: no-repeat;
    /*outline: 1px #000 solid;*/
    background-size: cover;
    /*display: none;*/
}
input[type="checkbox"] + label::before {
    background-image: url('/tsprite/answer/Box.png');
}
input[type="checkbox"]:checked + label::before {
    background-image: url('/tsprite/answer/CheckAct.png');
}
input[type="checkbox"]:disabled + label::before {
    background-image: url('/tsprite/answer/Box.png');
}
input[type="checkbox"]:checked:disabled + label::before {
    background-image: url('/tsprite/answer/CheckAct.png');
}
input[type="radio"] + label::before {
    background-image: url('/tsprite/answer/Box.png');
}
input[type="radio"]:checked + label::before {
    background-image: url('/tsprite/answer/RadioAct.png');
}
input[type="radio"]:disabled + label::before {
    background-image: url('/tsprite/answer/Box.png');
}
input[type="radio"]:checked:disabled + label::before {
    background-image: url('/tsprite/answer/RadioAct.png');
}

input[type="checkbox"], input[type="radio"] { display: none; }

#error {
    font-size: 12px;
    color: #000;
    background-color: #fff;
}

.wrapper {
    background: #1e86b9;
    position: relative;
    min-width: 1020px;
    display: table;
    width: 100%;
    height: 100%;
}
.content-body {
    width: 100%;
    height: 100%;
    display: table-row;
}
.gamewrapper { width: 1000px;  margin: 0 auto; position: relative; padding-bottom: 30px; }
.footer {
    background: #0e6f9f;
    padding: 35px 0;
    color: #ffffff;
    position: relative;
    z-index: 1;
}
.footer .block-copy {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
}
.footer .block-copy p {
    margin-bottom: 10px;
}
.block-footer-menu {
    text-align: center;
}
.block-footer-menu ul {
    float: none;
    display: inline-block;
}
.block-footer-menu ul li a {
    background: none;
    color: #ffffff;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}
.block-footer-menu ul li a:hover,
.block-footer-menu ul li a:focus,
.block-footer-menu ul li a:active {
    color: #fddc3a;
    background: none;
}
.container-fluid {
    max-width: 1046px;
}
.content-body {
    position: relative;
}
.content-body::before {
    position: absolute;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/img/layer4.svg) no-repeat 50% 100%;
}


/***********************************************************************/
.game { width: 1000px; height: 676px; /*outline: 1px #888 dashed;*/ /*top: 190px;*/ position: relative; /*background-color: #00a65a;*/ /*opacity: 0.5;*/ }
/***********************************************************************/
.banner { width: 440px; height: 236px; /*top:0px;*/ /*left: 10px;*/ background: url("/tsprite/bview.png") no-repeat; cursor: pointer;  position: absolute; top: 19px; left: 122px;}
/***********************************************************************/
.diff { width: 650px; height: 410px; /*outline: 1px #333 solid;*/ left: 0; bottom: 115px; position: absolute; /*background-color: #00a65a;*/ /*opacity: 0.5;*/ }
.diff .player { width: 325px; height: 410px; /*outline: 3px #00FF00 solid;*/ float: left; }
.diff .player .baby, .diff .player .school { float: left; }
.diff .player .image { width: 234px; height: 310px; }
.diff .player.baby .image { background: url("/tsprite/babyMainPage.png") no-repeat; margin-left: 42px; margin-top: 10px; }
.diff .player.school .image { background: url("/tsprite/schoolMainPage.png") no-repeat; margin-left: 65px; margin-top: 8px; }
.diff .player .btn { height: 70px; cursor: pointer; }
.diff .player.baby .btn { background: url("/tsprite/buttonBabyMainPage.png") no-repeat; margin-left: 42px; margin-top: 22px; width: 228px; }
.diff .player.baby .btn:hover { background: url("/tsprite/buttonActiveBabyMainPage.png") no-repeat; }
.diff .player.school .btn { background: url("/tsprite/buttonSchoolMainPage.png") no-repeat; margin-left: 68px; margin-top: 25px; width: 254px; }
.diff .player.school .btn:hover { background: url("/tsprite/buttonActiveSchoolMainPage.png") no-repeat; }
.diff .chip { font-size: 22px; width: 325px; height: 205px; /*outline: 1px #FF0000 solid;*/ float: left; }
.diff .chip .image { width: 150px; height: 134px; }
.diff .chip.chip1 .image { background: url("/tsprite/logoOnePlayerMainPage.png") no-repeat; margin-left: 105px; margin-top: -4px; }
.diff .chip.chip2 .image { background: url("/tsprite/logoTwoPlayersMainPage.png") no-repeat; margin-left: 109px; margin-top: 0; }
.diff .chip.chip3 .image { background: url("/tsprite/logoThreePlayersMainPage.png") no-repeat; margin-left: 101px; margin-top: 18px; }
.diff .chip.chip4 .image { background: url("/tsprite/logoFourPlayersMainPage.png") no-repeat; margin-left: 113px; margin-top: 18px; }
.diff .chip .btn { background: url("/tsprite/bgrButtonNumPlayers.png") no-repeat; text-align: center; /*margin-left: 100px;*/ /*margin-top: 0;*/ width: 156px; height: 50px; cursor: pointer; }
.diff .chip .btn span { font-family: Movavi, Arial, Helvetica, sans-serif; color: white; text-shadow: 0 2px 1px #000, -1px 1px 0 #000; letter-spacing: -0.5px; /*font-size: 30px;*/ /*padding: 14px;*/ line-height: 45px; /*margin-left: 46px; */ /*-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);*/ }
.diff .chip.chip1 .btn { margin-left: 100px; margin-top: 5px; }
.diff .chip.chip2 .btn { margin-left: 110px; margin-top: 2px; }
.diff .chip.chip3 .btn { margin-left: 100px; margin-top: 3px; }
.diff .chip.chip4 .btn { margin-left: 110px; margin-top: 3px; }
.diff .chip .btn:hover { background: url("/tsprite/bgrButtonActiveNumPlayers.png") no-repeat; }
/***********************************************************************/
.rating { width: 304px; height: 410px; /*outline: 1px #333 solid;*/ right: 4px; bottom: 115px; position: absolute; /*background-color: #00a65a;*/ /*opacity: 0.5;*/ }
.rating span, .rating .number { font-family: Movavi, Arial, Helvetica, sans-serif; color: white; text-shadow: 0 2px 1px #000, -1px 1px 0 #000; letter-spacing: -0.5px; /*font-size: 30px;*/ /*padding: 14px;*/ line-height: 36px; /*-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);*/ }
.rating .num span { padding-left: 14px; }
.rating .name span { padding-left: 3px; }
.rating .player .image { background: url("/tsprite/bgrRatingMainPage.png") no-repeat; width: 304px; height: 410px; }
.rating .empty .image { background: url("/tsprite/bgrRatingEmptyMainPage.png") no-repeat; width: 304px; height: 410px; }
.rating .empty .image .rules { position: absolute; width: 128px; height: 27px; top: 318px; left: 88px; border-radius: 10px; cursor: pointer; }
.rating .scroll_box { width: 265px; height: 285px; /*outline: 1px #111 solid;*/ left: 24px; top: 87px; position: absolute; overflow-y: auto; /*opacity: 0.5;*/ }
.rating .scroll_box .row { float: left; width: 252px; height: 54px; margin-bottom: 3px; /*outline: 1px #111 solid;*/ }
.rating .row.image { background: url("/tsprite/panelYellowRating.png") no-repeat; }
.rating .row.image.active { background: url("/tsprite/panelGreenRating.png") no-repeat; }
.rating .num { width: 38px; height: 38px; position: relative; left: 12px; top: 7px; float: left; /*outline: 1px #111 solid;*/ }
.rating .num .number { text-align: center; /*display: inline-block;*/ width: 28px; /*outline: 1px #000 solid;*/ margin-left: 5px; margin-top: -1px; }
.rating .col { width: 48px; height: 38px; position: relative; /*left: 12px;*/ /*top: 7px;*/ float: right;
    /*outline: 1px #111 solid;*/
    text-align: right;
    right:5px;

}
.rating .name { width: 195px; height: 38px; position: relative; left: 3px; top: 7px; float: left; margin-left: 10px; /*outline: 1px #111 solid;*/ overflow: hidden; }
.rating .row .num { background: url("/tsprite/numPlayerYellowRating.png") no-repeat; }
.rating .row.active .num { background: url("/tsprite/numPlayerGreenRating.png") no-repeat; }
.rating .row .col-capt {
    width: 124px;
    overflow: hidden;
    display: inline-block;
}
/***********************************************************************/

.namenowrap {white-space: nowrap; overflow: hidden;}

.auth { width: 304px; height: 250px; /*outline: 1px #333 solid;*/ right: 0; top: 0; position: absolute; /*background-color: #00a65a;*/ /*opacity: 0.5;*/ }
.auth .exit a {cursor: pointer;}
.win_register { width: 961px;  min-height: 656px; height: auto; /*outline: 1px #333 solid;*/ left: -684px; top: 0; position: absolute; /*opacity: 0.9;*/ background: url("/tsprite/auth/bgrRegistration.png") no-repeat; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #300; font-size: 14px; background-size: 100% 100%; padding-bottom: 20px;}
.text-danger { color: #8C3000; font-size: 12px; margin-left: 175px; margin-bottom: -12px;}
.win_lk .text-danger {position: relative; top: -25px;}
.win_register .close { /*outline: 1px #333 solid;*/ width: 70px; height: 72px; position: absolute; right: -22px; top: 16px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.win_register .header { /*outline: 1px #333 solid;*/ width: 700px; height: 25px; float: left;
    margin: 110px 20px 0 225px;
    color: #FF1000; }
.photo-form {
    position: absolute;
    margin: -50px 0 0 -711px;
    background: url("/tsprite/reg/bgrCrop.png") no-repeat;
    background-size: cover;
    /* border: 1px #000 solid; */
    height: 546px;
    width: 660px;
    z-index: 500;
}
.win_register .photo-form {
    margin: -72px 0 0 -695px;
}
.photo-form .plc { margin-top: 30px; }
/* line 1211, assetic_compassioYMm9.scss */
.photo-form .modal-dialog, .photo-form .modal-content { width: auto; text-align: center; padding-top: 0; }
/* line 1216, assetic_compassioYMm9.scss */
.photo-form .reg-reg { margin: 0; position: relative; top: 20px; }
.photo-form .btnApply {background: url('/tsprite/reg/buttonApply.png') no-repeat; width: 198px; height: 51px; border: none; cursor: pointer;}
.photo-form .btnApply:hover {background: url('/tsprite/reg/buttonApplyActive.png') no-repeat; }
/* line 1221, assetic_compassioYMm9.scss */
.photo-form .photo-load { position: relative; max-height: 300px; max-width: 640px; margin: auto; overflow: hidden; }
.win_register .photo-loader { margin: 0 auto; text-align: center; }
.win_register .photo-loader > div { width: 135px; height: 135px; overflow: hidden; margin-bottom: 15px; margin-left: 0; }

.win_lk .photo-loader { margin: 0 auto; text-align: center; }
.win_lk .photo-loader > div { width: 135px; height: 135px; overflow: hidden;
    margin-bottom: 5px;
    margin-left: -7px; }
/* line 1227, assetic_compassioYMm9.scss */
.photo-form .photo-load img { max-height: 300px; max-width: 620px; }
/* line 1244, assetic_compassioYMm9.scss */
.imgareaselect-border1 { background: url(data:image/gif;base64,R0lGODlhAQAGAKEAAP///wAAADY2Nv///yH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACwAAAAAAQAGAAACA4SFBQA7) repeat-y left top; }
/* line 1247, assetic_compassioYMm9.scss */
.imgareaselect-border2 { background: url(data:image/gif;base64,R0lGODlhBgABAKEAAP///wAAADY2Nv///yH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACwAAAAABgABAAACA4SFBQA7) repeat-x left top; }
/* line 1250, assetic_compassioYMm9.scss */
.imgareaselect-border3 { background: url(data:image/gif;base64,R0lGODlhAQAGAKEAAP///wAAADY2Nv///yH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACwAAAAAAQAGAAACA4SFBQA7) repeat-y right top; }
/* line 1253, assetic_compassioYMm9.scss */
.imgareaselect-border4 { background: url(data:image/gif;base64,R0lGODlhBgABAKEAAP///wAAADY2Nv///yH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACwAAAAABgABAAACA4SFBQA7) repeat-x left bottom; }
/* line 1257, assetic_compassioYMm9.scss */
.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 { opacity: 0.5; }
/* line 1260, assetic_compassioYMm9.scss */
.imgareaselect-handle { background-color: #000; border: solid 1px #000; opacity: 0.5; width: 10px !important; height: 10px !important; }
/* line 1267, assetic_compassioYMm9.scss */
.imgareaselect-outer { display: none; border: none !important; }
.win_register input[type="checkbox"], .win_register input[type="radio"] { display: inline-block }
.win_register .content { /*outline: 1px #333 solid;*/ width: 950px; height: auto; float: left; margin: 0 20px; padding-top: 0; }
.win_register .content .error { margin: 0 0 10px 205px; color: #8C3000; }
.win_register .content .avatar { position: absolute; /* margin: 0 0 10px 205px; */ color: #300; top: 177px; left: 730px; width: 150px; height: 200px; /*outline: 1px #000 solid;*/ }
.win_register .content .photo-preview { width: 135px; height: 135px;
    /*margin-top: 15px;*/
}
.win_register .row > div { display: inline-block; }
.win_lk {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #E8BD6F; font-size: 14px; }
.win_lk.bgr { width: 956px; height: 631px; /*outline: 1px #333 solid;*/ left: -684px; top: 50px; position: absolute;
    /*opacity: 0.9;*/ background: url("/tsprite/reg/Window_small.png") no-repeat; }
.win_lk iframe { width: 910px; height: 595px; margin-top: -18px; display: block;}
.win_register iframe { outline: 1px #000 solid; width: 910px; height: 535px; margin-top: -18px; display: block;}
.iframe .iframe .form-group {  margin: 0 0 15px 30px; }

.win_lk .close { /*outline: 1px #333 solid;*/ width: 70px; height: 72px; position: absolute; right: -22px; top: -32px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.win_lk .header { /*outline: 1px #333 solid;*/ width: 600px; /*height: 25px;*/ float: left; margin-top: -25px; margin-left: 15px; color: #FF1000; }
.auth .click { cursor: pointer; }
.win_lk .tab { float: left; height: 25px; width: 135px; /*border: 1px #F9EABB solid; border-radius: 5px 5px 0 0;*/ margin: -20px 15px; background-color: #300; padding: 10px 14px; cursor: pointer; }
.win_lk .tab.tabInfo { background: url("/tsprite/reg/Info.png") no-repeat; }
.win_lk .tab.tabStatistic { background: url("/tsprite/reg/Stat.png") no-repeat; }
.win_lk .tab.tabInfo:hover, .win_lk .tab.tabInfo.active { background: url("/tsprite/reg/InfoActive.png") no-repeat; }
.win_lk .tab.tabStatistic:hover, .win_lk .tab.tabStatistic.active { background: url("/tsprite/reg/StatActive.png") no-repeat; }
/*.win_lk .content .form-group input[type="file"] { width: 220px !important; }*/

.win_lk .content { /*outline: 1px #333 solid;*/ width: 910px; height: 571px; float: left; margin: 39px 20px; }
.win_lk .content .upbuttons { margin: 0 auto; width: 720px; }
.win_lk .content .btn { background: url("/tsprite/bgrButtonNumPlayers.png") no-repeat; /*margin-left: 100px;*/ /*margin-top: 0;*/ width: 156px; height: 50px; cursor: pointer; display: inline-block; margin-right: 10px; font-size: 25px; text-align: center; }
.win_lk .content .btn.active { background: url("/tsprite/bgrButtonActiveNumPlayers.png") no-repeat; }
.win_lk .content .btn span { font-family: Movavi, Arial, Helvetica, sans-serif; color: white; text-shadow: 2px 0 2px #A24C00, -2px 0 2px #A24C00, 0 2px 2px #A24C00, 0 -2px 2px #A24C00; letter-spacing: -0.5px; /*font-size: 30px;*/ /*padding: 14px;*/ line-height: 50px; /*margin-left: 29px;*/ /*-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);*/ }
.win_lk .content .btn.active span { /*text-shadow: 2px 0 2px #008700,*/ /*-2px 0 2px #008700,*/ /*0px 2px 2px #008700,*/ /*0px -2px 2px #008700;*/ text-shadow: 1px -1px 1px #008700, 1px 1px 1px #008700, -1px -1px 1px #008700, -1px 1px 1px #008700, -1px 0 1px #008700, 1px 0 1px #008700, 0 -1px 1px #008700, 0 1px 1px #008700, 0 3px 3px #008700; }
.win_lk .content .upbuttons .texts { margin-top: 30px; height: 460px; overflow-y: auto; line-height: 21px; font-weight: normal; font-size: 16px; margin-left: 8px; color: #944915; }
.win_lk .content .upbuttons .texts hr { background-color: #9C552A; color: #9C552A; border: none; height: 1px; }
.texts .art_date { margin-top: 17px; margin-bottom: 6px; }
.texts .green { color: #418E21; }
.texts .red { color: #FF2F18; }
.win_lk .content .upbuttons .texts .date { margin-left: 50px; }
.auth .win_login { width: 838px; height: 600px; position: absolute; left: -634px; top: 35px; background: url("/tsprite/auth/bgrAuthorization.png") no-repeat; }
.auth .win_login .close { /*outline: 1px #333 solid;*/ width: 70px; height: 72px; position: absolute; right: 22px; top: 46px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.auth .win_login { font-family: Arial; color: #300; }
.auth .win_login .header { text-align: center; font-size: 16px; line-height: 27px; font-weight: bold; height: 135px;}
.auth .win_login .win_login_content { margin: 121px 186px 0 166px; /*outline: 1px #000 solid;*/ }
.auth .win_login .full_content .form-group { margin: -8px 30px; width: 440px; }
.auth .win_login .full_content .form-group input { width: 100%; height: 20px; border-radius: 10px; background-color: #FFF; box-shadow: 0 0 4px #300; }
.auth .win_login .full_content #submitLoginForm { /*display: none;*/ background: url("/tsprite/auth/buttonAuthorization.png") no-repeat; width: 442px; height: 70px; margin-left: 20px; }
.auth .win_login .full_content #btAuthRegister { position: absolute;
    width: 228px;
    height: 67px;
    cursor: pointer;
    top: 449px;
    left: 398px;
    /*outline: 1px #000 solid; */
}
.auth .win_login .full_content #btAuthForget { position: absolute; right: 240px; cursor: pointer; text-decoration: underline;     margin-top: 10px;}
.auth .win_login .full_content .form_error {
    color: #8C3000;
    margin-left: 12px;
    font-size: 13px;
    margin-top: 24px;
    font-weight: bold;
}
.auth .win_login input[type="checkbox"], .win_login input[type="radio"] { display: inline-block }

.auth .win_mail { width: 838px; height: 600px; position: absolute; left: -634px; top: 35px; background: url("/tsprite/auth/bgrResetPassword.png") no-repeat; }
.auth .win_mail .close { /*outline: 1px #333 solid;*/ width: 70px; height: 72px; position: absolute; right: 22px; top: 46px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.auth .win_mail { font-family: "Arial"; color: #300; }
.auth .win_mail .header { text-align: center; font-size: 16px; line-height: 27px; font-weight: bold; }
.auth .win_mail .win_content { margin: 145px 186px 0 166px; /*outline: 1px #000 solid;*/ }
.auth .win_mail .full_content .form-group { margin: 0 30px; width: 450px; position: relative;}
.auth .win_mail .full_content .form-group input { width: 100%; height: 20px; border-radius: 10px; background-color: #FFF; box-shadow: 0 0 4px #300; margin-top: 50px;}
.auth .win_mail .btResetPassword { background: url("/tsprite/auth/buttonResetPassword.png") no-repeat; width: 312px; height: 70px; text-decoration: none; border: none; cursor: pointer; margin: 80px 0 0 100px; display: inline-block; }
.auth .win_mail .btResetPassword:focus {outline: none;}

.auth .content .form-group { margin: 0 0 28px 30px; height: 27px;}
.auth .content .form-group span.required { display: none; }
.auth .content .form-group label { display: inline-block; width: 160px; text-align: right; padding-right: 10px; float: left;}
.auth .content .form-group input:focus { outline: none; }
.auth .content .form-group input { width: 430px; font-size: 13px; padding: 6px 0 4px 10px; border: 1px solid #CECECE; background: #F6F6F6; border-radius: 10px; height: 20px; }
.auth .content .form-group input[type="file"] { width: 180px; }
.auth .content .form-group select { width: 110px; margin-right: 10px; font-size: 13px; padding: 6px 8px 4px 10px; border: 1px solid #CECECE; background: #F6F6F6; border-radius: 10px; line-height: 20px; }
.auth .content .form-group > div { display: inline-block; }
.auth .content .form-group .radio { display: inline-block; width: 136px; }
.auth .content .form-group .radio label { width: 100px; }
.auth .content .form-group input[type="radio"] { /*outline: 1px #333 solid;*/ width: 13px; height: 13px; }
.auth #saveCabinet { background: url("/tsprite/lk/buttonSaveCabinet.png") no-repeat; width: 198px; height: 51px; text-decoration: none; border: none; cursor: pointer; margin: 15px 0 0 200px; display: inline-block; }
.auth #saveCabinet:hover { background: url("/tsprite/lk/buttonSaveActiveCabinet.png") no-repeat;  }
.auth #saveCabinet:focus {outline: none;}
#form_user_profile {position: relative}
.auth #exitCabinet { background: url("/tsprite/lk/buttonExitCabinet.png") no-repeat; width: 198px; height: 50px; text-decoration: none;
    border: none; cursor: pointer; display: inline-block; position: absolute;
    top: 456px;
    left: 450px;
    /*margin: -121px 0 0 380px;*/
}
.auth #exitCabinet:hover { background: url("/tsprite/lk/buttonExitActiveCabinet.png") no-repeat;  }
.auth #saveCabinet:focus {outline: none;}
.auth #registerSubmit { background: url("/tsprite/auth/buttonRegistrationActive.png") no-repeat; width: 275px;
    height: 49px; text-decoration: none; border: none; cursor: pointer; margin: 5px 0 0 182px; display: inline-block; }
.auth #registerSubmit:hover { background: url("/tsprite/auth/buttonRegistration.png") no-repeat; }
.auth #registerCancel { background: url("/tsprite/auth/buttonCancelRegistration.png") no-repeat; width: 198px;
    height: 51px; text-decoration: none; border: none; cursor: pointer; margin: 5px 0 0 12px; display: inline-block; }
.auth #registerCancel:hover { background: url("/tsprite/auth/buttonCancelActiveRegistration.png") no-repeat; }
.auth .login-box .form-group input { width: 112px; font-size: 13px; padding: 4px 0 4px 23px; border: 1px solid #CECECE; background: #F6F6F6; border-radius: 7px; line-height: 18px; /*margin-left: 9px;*/ margin-top: 27px; margin-left: -19px; height: 20px; }
.auth .login-box .form-group .form-control {display: initial;}
.auth .login-box button[type="submit"], #submitLoginForm { background: url("/tsprite/auth/buttonEnterRegistrationActive.png") no-repeat; width: 134px; height: 36px; text-decoration: none; margin: 15px 0 0 2px; border: none; cursor: pointer; }
#submitLoginForm:hover { background: url("/tsprite/auth/buttonEnterRegistration.png") no-repeat;}
.auth .form_error { font-size: 14px; position: absolute; color: #FFF; margin: 2px 0 0 10px; }
.auth .login-box button[type="submit"]:focus, .auth .login-box input:focus, #submitLoginForm:focus { outline: none; }
.auth span.input-login { background: url("/tsprite/iconInputLogin.png") no-repeat; padding-left: 18px; width: 14px; height: 16px; position: relative; left: 4px; top: 3px; }
.auth span.input-password { background: url("/tsprite/iconInputPassword.png") no-repeat; padding-left: 18px; width: 14px; height: 16px; position: relative; left: 4px; top: 3px; }
.auth .win_mail span.input-login { background: url("/tsprite/iconInputLogin.png") no-repeat; padding-left: 18px; width: 14px; /*height: 16px;*/ position: absolute;     left: -12px;  top: 58px; }
.auth .win_mail span.input-password { background: url("/tsprite/iconInputPassword.png") no-repeat; padding-left: 18px; width: 14px; height: 16px; position: relative; left: 4px; top: 2px; }
.auth .win_login .input-login, .auth .win_login .input-password { left: -13px; top: 52px; width: 14px; height: 16px; display: inline-block;}
.auth .login-box .icheck { display: none; }
.auth .full_content .icheck { display: block; margin-left: 40px; margin-top: 30px; }
.auth #btRegister, .auth #btRegister:active { color: #FFF; font-family: Arial, Helvetica, sans-serif; margin: 15px 0 0 20px; display: block; cursor: pointer; text-decoration: underline; }
.auth .col { display: inline-block; width: 152px; /*outline: 1px #000 solid;*/ float: left; height: 250px; }
.auth .rightbar { color: #FFF; margin-top: 23px; }
.auth .rightbar .exit{ color: #FFF; margin-bottom: 10px; }
.auth .col .language{ color: #FFF; margin-top: 23px; }
/*.auth .language .lan { text-decoration: underline; }*/
/*.auth .language .icon { width: 22px; height: 18px; display: inline-block; margin-left: 5px; }*/
/*.auth .language .flagru { background: url("/tsprite/iconFlagRu.png"); }*/
/*.auth .language .flagta { background: url("/tsprite/iconFlagTat.png"); }*/

.win_register .content .avatar label  { margin-left: -41px; margin-bottom: 7px; }

.language {  /*outline: 1px #000 solid;*/ }
.language.vertical  {width: 67px;  }
.language.horizontal {width: 134px;  }
.language .flag {float: left; width: 61px; height: 31px;cursor:pointer;margin: 3px;}
.language .flagRus { background: url("/tsprite/language/rus.png"); }
.language .flagTat { background: url("/tsprite/language/tat.png"); }
.language .flagRus.active { background: url("/tsprite/language/rusActive.png"); }
.language .flagTat.active { background: url("/tsprite/language/tatActive.png"); }


.auth #btForParents { background: url("/tsprite/auth/buttonParentsActiveMainPage.png") no-repeat; width: 134px; height: 36px; text-decoration: none; margin: 22px 0 0 0; border: none; cursor: pointer; }
.auth #btForParents:hover { background: url("/tsprite/auth/buttonParentsMainPage.png") no-repeat;  }
.auth #btRules { background: url("/tsprite/auth/buttonRullGameMainPage.png") no-repeat; width: 134px; height: 36px; text-decoration: none; margin: 10px 0 0 0; border: none; cursor: pointer; }
.auth #btRules:hover { background: url("/tsprite/auth/buttonRullGameActiveMainPage.png") no-repeat; }

.auth .uline { /*text-decoration: underline;*/ /*font-weight: bold;*/ border-bottom: 2px #fff solid;}
.auth .ulineOr { text-decoration: underline; /*font-weight: bold;*/ }
.auth .profile .frameAvatar { width: 186px; height: 184px; /*background: url("/tsprite/frameAvatar.png") no-repeat;*/ margin-top: 26px; margin-left: -3px; }
.auth .profile .caption { margin: 13px 0 0 10px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 18px; overflow: hidden;}
.auth .profile .caption .namenowrap{ max-width: 200px;  display: inline-block;}
.auth .frameAvatar .userAvatar {  width: 135px; height: 135px; position: absolute; top: 47px; left: 19px; overflow: hidden; font-family: Arial; }
.bold { font-weight: bold; }
.auth .profile .rightbar { /*outline: 1px #000 solid;*/ width: 100px; position: absolute; right: 0; top: 0; font-size: 18px; }
.auth .profile .rightbar .exit { /*color: #FF0000;*/ margin-top: 10px; font-family: Arial; font-weight: bold; text-decoration: underline;  }
.auth .profile .rightbar .exit a { color: #666; text-decoration: underline; font-size: 16px; margin-left: 10px;}
.auth .profile .rightbar .exit a:hover { color: #333; }
/***********************************************************************/
.begingame { width: 838px; height: 468px; top: 165px; left: 81px; background: url("/tsprite/begingame/bgrStart.png") no-repeat; /*outline: 1px #aaa dashed;*/ position: absolute; /*opacity: 0.8;*/ }
.begingame .selectplay { width: 650px; height: 200px; margin: 123px 0 0 100px; /*outline: 1px #333 solid;*/ }
.begingame .buttons { width: 420px; height: 70px; margin: 0 0 0 212px; /*outline: 1px #333 solid;*/ background: url("/tsprite/startgame/bgrButton.png") no-repeat; }
.begingame .buttons .btn { /*outline: 1px #333 solid;*/ width: 207px; height: 100%; float:left; cursor: pointer; margin-top: 5px}

.begingame .buttons .btn.ready { background: url("/tsprite/startgame/buttonStartReady.png") no-repeat; margin-left: 3px;}
.begingame .buttons .btn.exit { background: url("/tsprite/startgame/buttonStartExit.png") no-repeat; }
.begingame .buttons .btn.ready:hover { background: url("/tsprite/startgame/buttonStartReadyActive.png") no-repeat; }
.begingame .buttons .btn.exit:hover { background: url("/tsprite/startgame/buttonStartExitActive.png") no-repeat; }

.begingame .selectplay .playerzone { /*outline: 1px #333 solid;*/ width: 150px; height: 100%; float: left; }
.begingame .selectplay .avatar { width: 100%; height: 150px; background: url("/tsprite/frameAvatar.png") no-repeat; background-size: cover; }
.begingame .selectplay .avatar img {     width: 112px;  height: 110px; margin: 17px 0 0 20px; }
.begingame .selectplay .caption { margin: 6px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.begingame .selectplay .chipzone { /*outline: 1px #333 solid;*/ width: 280px; height: 100%; float: left; }
.begingame .selectplay .chipzone .chips { /*outline: 1px #333 solid;*/ width: 215px; margin-left: 65px; height: 160px; text-align: center; }
.begingame .selectplay .onechip { margin: 0 auto; display: inline-block; border-radius: 24px; cursor: pointer; /*border: 1px #000 dashed;*/ }
.begingame .listzone .onechip { cursor: default; }
.begingame .selectplay .size1 { width: 156px; height: 150px; }
.begingame .selectplay .size2 { width: 95px; height: 90px; margin-top: 25px; }
.begingame .selectplay .size3, .begingame .selectplay .size4 { width: 78px; height: 75px; }
.begingame .onechip.green, .begingame .onechip.c1 { background: url("/tsprite/startgame/green_cone.png") no-repeat; background-size: cover; }
.begingame .onechip.red, .begingame .onechip.c2 { background: url("/tsprite/startgame/red_cone.png") no-repeat; background-size: cover; }
.begingame .onechip.orange, .begingame .onechip.c3 { background: url("/tsprite/startgame/orange_cone.png") no-repeat; background-size: cover; }
.begingame .onechip.blue, .begingame .onechip.c4 { background: url("/tsprite/startgame/blue_cone.png") no-repeat; background-size: cover; }
.begingame .onechip.green, .begingame .onechip.c1:hover { background: url("/tsprite/startgame/green_coneActive.png") no-repeat; background-size: cover; }
.begingame .onechip.red, .begingame .onechip.c2:hover { background: url("/tsprite/startgame/red_coneActive.png") no-repeat; background-size: cover; }
.begingame .onechip.orange, .begingame .onechip.c3:hover { background: url("/tsprite/startgame/orange_coneActive.png") no-repeat; background-size: cover; }
.begingame .onechip.blue, .begingame .onechip.c4:hover { background: url("/tsprite/startgame/blue_coneActive.png") no-repeat; background-size: cover; }
.begingame .selectplay .chipzone .select { text-align: right; margin-right: 0; font-family: Arial, Helvetica, sans-serif; }
.begingame .selectplay .listzone { /*outline: 1px #333 solid;*/ width: 210px; height: 170px; float: left; margin-top: 4px; margin-left: 1px; position: relative; }
.begingame .selectplay .listzone li { height: 35px; }
.begingame .selectplay .listzone .check { display: inline-block; width: 24px; height: 40px; vertical-align: middle; }
.begingame .selectplay .listzone .check.ok { background: url("/tsprite/begingame/checkStart.png") no-repeat; }
.begingame .selectplay .listzone .caption { margin: 0; display: inline-block; width: 128px; height: 35px; vertical-align: middle; text-align: left; padding-left: 13px; text-decoration: underline; }
.begingame .selectplay .listzone .chip { display: inline-block; width: 35px; height: 35px; /*vertical-align: bottom;*/ }
.begingame .selectplay .listzone .gamestatus { position: absolute; bottom: 0; /*color: #3E8F3E;*/ margin-left: 40px; }
/***********************************************************************/
.map { width: 1000px; height: 676px; /*outline: 1px #00498f solid;*/ /*margin: 3px;*/ /*opacity: 0.5;*/ position: relative; /*background-color: #ccc;*/ background-size: cover; /*background-size: contain;*/ /*background: url("/image/1920x1080.jpg") no-repeat;*/ margin-left: -4px; }
.map .chip { display: none; width: 85px; height: 77px; position: absolute; /*outline: 5px #000 solid;*/ }
.map .chip1 { background: url("/tsprite/begingame/green_cone.png") no-repeat; background-size: 85px 77px; }
.map .chip2 { background: url("/tsprite/begingame/red_cone.png") no-repeat; background-size: 85px 77px; }
.map .chip3 { background: url("/tsprite/begingame/orange_cone.png") no-repeat; background-size: 85px 77px; }
.map .chip4 { background: url("/tsprite/begingame/blue_cone.png") no-repeat; background-size: 85px 77px; }
.map .chip .hide { display: none; }
.map .whoStep { position: absolute; width: 210px; height: 33px; left: 20px; top: 20px; border: 2px #FFF solid;
    background-color: #00A7D0;
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 22px; box-shadow: 0 0 3px #FFF; font-weight: bold;}
.map .whoStep .place { margin-top: 5px; text-align: center; text-shadow: -2px 2px 0 #036;  }
.map .whoStep .our { color: #6F3; }
.map .whoStep .other { color: #ff6; }
.map .map-settings {
    /*outline: 1px #000 solid;*/
    width: 50px;
    height: 120px;
    top: 75px;
    left: 23px;
    position: absolute;;
}
.map .map-settings .ico {
    width: 45px; height: 45px;
    /*outline: 1px #f00 solid;*/
    margin-bottom: 10px;
    cursor: pointer;
}
.ico.sound {background: url('/tsprite/game3/AudioOFF.png') no-repeat;}
.ico.sound.active {background: url('/tsprite/game3/AudioON.png') no-repeat;}
.ico.info {background: url('/tsprite/game3/iconInfoBeginGame.png') no-repeat;}

.userplace { position: absolute; width: 232px; right: 4px; top: 0; /*outline: 1px #000 solid;*/ height: 100%; }
.userplace .user { width: 76px; height: 76px; position: absolute; /*outline: 1px #f00 solid;*/ }
.userplace .user .avatar { background-size: cover; width: 100%; height: 100%; border-radius: 3px; border: 3px rgba(0,0,0,0) solid;
    /*box-shadow: 0 0 5px #000;*/ cursor: pointer; }
.userplace .user .active { box-shadow: 0 0 10px #0F0; border: 3px #000 solid; border-radius: 3px; background-color: #0B3E6F; }
/*.userplace .user .active { box-shadow: 0 0 10px #0F0; outline-width: 5px; }*/
.userplace .holder { position: absolute; width: 88px; height: 160px; right: 16px; top: 13px; /*outline: 1px #fff solid;*/ text-align: center; font-size: 18px; font-family: Arial, Helvetica, sans-serif; /*color: #fff;*/ color: #FFF; font-weight: bold; text-shadow: -0 -2px 0 #006480, 0 -2px 0 #006480, -0 2px 0 #006480, 0 2px 0 #006480, -2px -0 0 #006480, 2px -0 0 #006480, -2px 0 0 #006480, 2px 0 0 #006480, -1px -2px 0 #006480, 1px -2px 0 #006480, -1px 2px 0 #006480, 1px 2px 0 #006480, -2px -1px 0 #006480, 2px -1px 0 #006480, -2px 1px 0 #006480, 2px 1px 0 #006480, -2px -2px 0 #006480, 2px -2px 0 #006480, -2px 2px 0 #006480, 2px 2px 0 #006480, -2px -2px 0 #006480, 2px -2px 0 #006480, -2px 2px 0 #006480, 2px 2px 0 #006480; }
.userplace #user1 { left: 0; position: relative; }
.userplace .gameexit { top: 13px; position: relative; }
.userplace .gameexit span { cursor: pointer; }
.userplace .gameexit span:hover { cursor: pointer; border-bottom: 2px #fff solid; }
.userplace .timer { width: 100%; height: 27px; position: relative; background-color: #00A7D0; margin-top: 80px; padding-top: 5px; border: 2px #FFF solid; box-shadow: 0 0 3px #FFF; font-size: 20px; }
.userplace .mainuser { width: 95px; }
.userplace .mainuser .user { width: 95px; height: 95px; }
#user2 .gameexit, #user3 .gameexit, #user4 .gameexit { display: none; }
.userplace #user2 { left: -14px; bottom: 23px; width: 68px; height: 68px; }
.userplace #user3 { left: 68px; bottom: 23px; width: 68px; height: 68px; }
.userplace #user4 { left: 150px; bottom: 23px; width: 68px; height: 68px; }

.userplace .immun { width: 100%; height: 36px; position: relative; background-color: #00A7D0; margin-top: 20px;
    border: 2px #FFF solid; box-shadow: 0 0 3px #FFF; font-size: 20px;
    text-shadow: none;
}
.immun .picbox {
    width: 42px;
    height: 100%;
    /*outline: 1px#000 solid;*/
    display: inline-block;
    margin: 0;
    padding: 0;
}

.immun .picbox .num {
    font-size: 20px;
    margin-right: -7px;
}
.immun .picbox .pic {
    width: 27px;height: 27px;
    display: inline-block;
    background-size: cover;
    margin-top: 4px;
}
.pic-star {background: url('/tsprite/game3/Star.png') no-repeat;}
.pic-star.active {background: url('/tsprite/game3/StarAct.png') no-repeat;}
.pic-heart {background: url('/tsprite/game3/heart.png') no-repeat;}
.pic-heart.active {background: url('/tsprite/game3/heartAct.png') no-repeat;}
/***********************************************************************/
#dice .dice { position: absolute; top: 235px; left: 420px; width: 192px; height: 192px; background: url("/tsprite/game3/bgrCubeScreenGame.png") no-repeat; }
#dice .titledice { position: absolute; top: 216px; left: 368px; width: 309px; height: 36px; background: url("/tsprite/game3/titleCube.png") no-repeat; }
#dice .onedice { width: 88px; height: 88px; margin: 50px 0 0 60px; cursor: pointer; left: -6px; position: absolute; background-size: cover; }
#dice .onedice.dice0 { background: url("/tsprite/game3/Dice_With_Stroke_2.gif") no-repeat; background-size: cover; width: 88px; left: -6px; position: absolute; }
#dice .onedice.dice1 { background: url("/tsprite/game3/1.png") no-repeat; background-size: cover; width: 88px; left: -6px; position: absolute; }
#dice .onedice.dice2 { background: url("/tsprite/game3/2.png") no-repeat; background-size: cover; width: 88px; left: -6px; position: absolute; }
#dice .onedice.dice3 { background: url("/tsprite/game3/3.png") no-repeat; background-size: cover; width: 88px; left: -6px; position: absolute; }
#dice .onedice.dice4 { background: url("/tsprite/game3/4.png") no-repeat; background-size: cover; width: 88px; left: -6px; position: absolute; }
#dice .onedice.dice5 { background: url("/tsprite/game3/5.png") no-repeat; background-size: cover; width: 88px; left: -6px; position: absolute; }
#dice .onedice.dice6 { background: url("/tsprite/game3/6.png") no-repeat; background-size: cover; width: 88px; left: -6px; position: absolute; }
/*.dice {    position: relative; height: 300px; width: 300px;    border: 1px solid #ccc; border-radius: 10px;  -webkit-perspective: 500; cursor: arrow;}.onedice {    width: 292px; height: 292px; margin: 4px;    border-radius: 10px; background-color: rgba(239,239,239,0.7);    -webkit-animation: spin 0.5s infinite linear;    -webkit-transform-style: preserve-3d;}.dice:hover .onedice {    -webkit-transform-style: flat;}@-webkit-keyframes spin {    from { -webkit-transform: rotateZ(0); }    to   { -webkit-transform: rotateZ(360deg); }}.onedice > div {    position: absolute; top: 40px; left: 40px;    width: 200px; height: 200px; padding: 10px;    font: 12px monospace; text-shadow: 1px 1px 0 #fff;    -webkit-box-sizing: border-box;}.onedice > :first-child {    background-color: rgba(51,204,153,0.5);    -webkit-transform: translateZ(-100px) rotateY(45deg);}.onedice > :last-child {    background-color: rgba(255,255,102,0.5);    -webkit-transform: translateZ(50px) rotateX(20deg);    -webkit-transform-origin: 50% top;}*//***********************************************************************/
.popup { width: 504px; height: 260px; position: absolute; top: 150px; left: 250px; background: url("/tsprite/winpopup/bgrPopupPlayersNotReady.png") no-repeat;  }
.popup .popup_content {
    /* outline: 1px #000 solid; */
    /* margin: 60px 79px 162px; */
    height: 134px;
    /* border: 1px #000 solid; */
    position: absolute;
    width: 389px;
    top: 56px;
    left: 58px;
}
.popup .popup_content .text{
    /*outline: 1px #000 solid;*/
    text-align: center;
    height: 80px;

}
.popup .popup_content .text span{
    vertical-align: middle;
    margin-top: 10px;
    display: inline-block;
    line-height: 25px;
    color: #330013;
    font-weight: bold;
}


.popup .popup_content .buttons {
    /*outline: 1px #000 solid;*/
    height: 33px;
    width: 389px;
    position: absolute;
    bottom: 0;
}


.popup .popup_content .btn {height: 49px; display: inline-block; margin: 0 5px; cursor: pointer;}
.popup .popup_content #yesBtn {width: 97px; background: url("/tsprite/winpopup/buttonPopupYes.png") no-repeat; }
.popup .popup_content #noBtn { width: 97px; background: url("/tsprite/winpopup/buttonPopupNo.png") no-repeat;  }
.popup .popup_content #closeBtn { width: 179px; background: url("/tsprite/winpopup/buttonPopupClose.png") no-repeat;  }
.popup .popup_content #continueBtn { width: 179px; background: url("/tsprite/winpopup/buttonPopupContinue.png") no-repeat;  }
.popup .popup_content .popup-timer {
    position: absolute;
    /* top: 0; */
    /* right: 6px; */
    /* outline: 1px #000 solid; */
    color: #330013;
    bottom: -9px;
    left: 14px;
}

.flash { /*width: 300px;*/ /*height: 25px;*/ position: absolute; border: 1px #000 solid; border-radius: 10px; top: 10px; right: 10px; background-color: #00A7D0; vertical-align: middle; z-index: 10000; font-family: Movavi, Arial, Helvetica, sans-serif; font-size: 25px; padding: 10px 30px; color: #FFF; /*text-shadow: 1px 1px 4px, #000, -1px -1px 4px, #000;*/ }
/***********************************************************************************/
.formquestion { width: 838px; height: 724px; position: absolute; left: 45px; top: 0; /* border: 7px #720e9e double; */ padding: 10px; /*border-radius: 20px;*/ /*z-index: 100;*/ /*background-color: aquamarine;*/ /*box-shadow: 20px 20px 50px rgba(0,0,0,0.5);*/ background: url("/tsprite/task/bgrTasks.png") no-repeat; z-index: 10; }
.formquestion.other {  background: url("/tsprite/task/bgrTasks_Other.png") no-repeat; }
.formquestion.noinput {

}
.formquestion .content { margin: 105px 0 0 80px; /*outline: 1px #000 solid;*/ width: 660px; height: 520px; }
.noquestion { width: 838px; height: 724px; position: absolute; left: 45px; top: 0; border: 7px #720E9E double; padding: 10px; /*border-radius: 20px;*/ /*z-index: 100;*/ background-color: aquamarine; /*box-shadow: 20px 20px 50px rgba(0,0,0,0.5);*/ /*background: url("/tsprite/task/bgrTasks.png") no-repeat;*/ }
.col_main { width: 500px; /*outline: 1px #000 solid;*/ position: absolute; left: 200px; height: 546px; }
.formquestion .content .col_main h1 {
    display: block; background-color: #39C; border: 3px #FFF solid; border-radius: 7px;
    margin-top: 0; font-size: 24px; padding: 4px 20px; color: #FFF; max-height: 104px; overflow: hidden;
    line-height: 26px; /*text-shadow: 0 1px 3px #277EB3, 0 -1px 1px #277EB3, 1px 0 3px #277EB3, -1px 0 1px #277EB3 ;*/ }

.formquestion .answers {
    /*outline: 1px #F00 solid; */
    margin-top: 15px; height: 340px; width: 500px; overflow-y: auto;
}
.formquestion .answers.mini {
    height: 124px;
}

.formquestion .answers input[type="checkbox"], .formquestion .answers input[type="radio"] {
    /*display: inline-block; */
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}


.answers .block1text {
    /*outline: 1px #000 solid;*/
    width: 498px;
    /*height: 50px;*/
    margin: 1px;
    float: left;
    vertical-align: middle;
    overflow: hidden;
}
.answers .block1nowidth {

}

.answers .block4 {
    /*outline: 1px #000 solid;*/
    width: 248px;
    margin: 1px;
    float: left;
    vertical-align: middle;
    overflow: hidden;
    height:168px;
}
.answers.mini .block4 { height:60px;}

.formquestion .answers.text{ margin-top: 15px; height: 240px; overflow-y: auto; }
.formquestion .answers.col2-video {margin-left: 65px;}
.formquestion .answers.col2-img {margin-left: 45px;}
.formquestion .content .ansBtn,.formquestion .content .btn-close {
    background: url('/tsprite/task/buttonAnswerTasks.png') no-repeat; width: 312px; height: 70px; position: absolute; border: none; cursor: pointer; bottom: 0; left: 70px;
}
.formquestion .content .ansBtn:focus { outline: none; }

/*.sem + label {    display: block;    position: relative;    z-index: 1;    /!*outline: 1px #000 solid;*!/    background-color: gray;    border-radius: 5px;    border: 1px #BAD5CB solid;}.sem + label span{    display: block;    position: relative;    z-index: -1;    width: 100px;    height: 50px;}.sem:checked + label {    background-color: red;}*/
.tRadioBoxText + label { display: block; position: relative; z-index: 1; color: #000; font-size: 20px; /*outline: 1px #000 solid;*/ background-color: #E0E0E0; border: 3px #FFF solid; /*border-radius: 7px;*/ box-shadow: 0 1px 2px #333; margin: 20px 0; }
.tRadioBoxText + label span { display: block; position: relative; z-index: -1; /*width: 100px;*/ /*height: 50px;*/ padding-left: 40px; padding-top: 10px; padding-bottom: 10px; }
.tRadioBoxText:checked + label { background-color: #7ED800; }
.tRadioBoxText + label:hover { background-color: #FFB301; }

.textBoxFill + label { display: block; position: relative; z-index: 1; color: #000; font-size: 20px;
    /*outline: 1px #000 solid;*/ background-color: #E0E0E0; border: 3px #FFF solid;
    /*border-radius: 7px;*/ box-shadow: 0 1px 2px #333; margin: 10px 0; }
.textBoxFill + label span { display: block; position: relative; z-index: -1; /*width: 100px;*/ /*height: 50px;*/ padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
.textBoxFill:checked + label { background-color: #7ED800; }
/*.textBoxFill + label:hover { background-color: #FFB301; }*/
.block1text input[type="checkbox"] + label::before,
.block1text input[type="radio"] + label::before
{
    display: none;
}

.formquestion .content .videoBox { width: 300px; height: 150px; margin: 30px 0 0 95px; border: 3px #FFF solid; background-color: #DADADA; }
.formquestion .content .videoBox2 { width: 300px; height: 150px; margin: 30px 0 0 84px; border: 3px #FFF solid; background-color: #DADADA; }
.formquestion .content .imgBox { width: 320px; height: 180px; margin: 20px 0 0 82px; border: 3px #FFF solid; background-color: #DADADA; }
.formquestion .content .imgBox img { width: 100%; height: 100%; }
.formquestion .content .imgBox2 { width: 320px; height: 180px; margin: 30px 0 0 84px; border: 3px #FFF solid; background-color: #DADADA; }
.formquestion .content .textBox { width: 492px; /*height: 100px;*/ margin: 30px 0 0 0; border: 3px #FFF solid; background-color: #FFAD00; }
.formquestion .content .textBox.words { max-height: 186px; overflow: hidden; }
.formquestion .content .textBox p {
    margin: 15px 0 15px 50px;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 1px 1px #fff;
}
.formquestion .content .textBox input {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 1px 1px #fff;
    width: 120px;
    margin: 0 5px;
    border-radius: 6px;
    padding: 2px 7px;
}

.formquestion .content .span_container {
    margin: 30px 27px;
    /*outline: 1px #F00 solid;*/
    max-height: 200px;
}

.formquestion .content .span_container span{
    display: inline-block;
    background: url('/tsprite/butGreen.png') no-repeat;
    width: 134px;
    height: 35px;
    margin: 3px 7px;
    float: left;
    cursor: pointer;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 21px;
    font-weight: bold;
}

.answers ul li {
    position: relative;
    margin-right: 10px;
    width: 205px;
}
.tCheckBoxText { display: inline-block !important; margin-left: 80px; }
.tCheckBoxText + label { display: inline-block; position: relative; z-index: 1; /*outline: 1px #000 solid;*/ /*background-color: #C0C0C0;*/ /*border: 3px #fff solid;*/ /*border-radius: 7px;*/ /*box-shadow: 0 1px 2px #333;*/ margin: 20px 70px 19px 0; cursor: pointer; }
.tCheckBoxText2 { display: inline-block !important; /* margin-left: 20px;*/ position: absolute; top: 11px;}
.tCheckBoxText2 + label { display: inline-block; position: relative; z-index: 1;
    /*outline: 1px #000 solid;*/
    /*background-color: #C0C0C0;*/ /*border: 3px #fff solid;*/ /*border-radius: 7px;*/ /*box-shadow: 0 1px 2px #333;*/
    margin: 0 0 19px 0; width: 245px; cursor: pointer; word-wrap: break-word;
    height: 60px;
    overflow: hidden;
}
.tCheckBoxText2 + label span,
.tCheckBoxImg2 + label span
{
    vertical-align: top;
    display: block;
    width: 200px;
    overflow: hidden;
    /*outline:1px #f00 solid;*/
    margin-left: 45px;
    margin-top: -26px;
    height: 165px;
    /*margin-left: 40px; display: block;*/

}
.tCheckBoxVideo { display: inline-block !important; margin-left: 80px; }
.tCheckBoxVideo + label { display: inline-block; position: relative; z-index: 1; /*outline: 1px #000 solid;*/ background-color: #DDD; border: 3px #FFF solid; /* border-radius: 7px; */ box-shadow: 0 1px 2px #333; margin: 0 70px 15px 0; cursor: pointer; width: 200px; height: 120px; }
.tCheckBoxVideo2 { display: inline-block !important; margin-left: 0; }
.tCheckBoxVideo2 + label { display: inline-block; position: relative; z-index: 1; /*outline: 1px #000 solid;*/ background-color: #DDD; border: 3px #FFF solid; /* border-radius: 7px; */ box-shadow: 0 1px 2px #333; margin: 0 20px 15px 0; cursor: pointer; width: 150px; height: 150px; }
.tCheckBoxImg { display: inline-block !important; margin-left: 80px; }
.tCheckBoxImg + label { display: inline-block; position: relative; z-index: 1; /*outline: 1px #000 solid;*/ background-color: #DDD; border: 3px #FFF solid; /* border-radius: 7px; */ box-shadow: 0 1px 2px #333; margin: 0 70px 15px 0; cursor: pointer; width: 200px; height: 120px; }
.tCheckBoxImg2 { display: none; visibility:hidden; margin-left: 0; }
.tCheckBoxImg2 + label { display: inline-block; position: relative; z-index: 1; /*outline: 1px #000 solid;*/ /* border-radius: 7px; */ margin: 0 20px 15px 0; cursor: pointer; width: 150px; height: 150px; }
.tCheckBoxImg2 img {width: 100%; height: 100%; max-width: 150px; max-height: 150px;}
.formquestion .connectedSortable { margin: 0; }
.formquestion .element { display: block; position: relative; /*z-index: 1;*/ /*width: 252px;*/ /*height: 54px;*/ padding: 10px;
    /*padding-top: 10px;*/ /*padding-bottom: 10px;*/ /*outline: 1px #000 solid;*/ background-color: #DDD;
    border: 3px #FFF solid; /*border-radius: 7px;*/ box-shadow: 0 1px 2px #333;
    margin: 15px 0; cursor: pointer; overflow: hidden; /*background: url('/tsprite/panelGreyRating.png') no-repeat;*/ }
.formquestion .element:hover { background-color: #FFB301; }
.formquestion .ansLine { /* display: inline-block; */ width: 390px; height: 20px; margin-left: 10px; border-radius: 10px; background-color: #FFF; box-shadow: 0 0 4px #300; /*width: 112px;*/ font-size: 20px; padding: 4px 10px; border: 1px solid #CECECE; /*background: #F6F6f6;*/ /*border-radius: 10px;*/ line-height: 18px; /* margin-left: 9px; */ /*margin-top: 27px;*/ /*margin-left: -19px;*/ /*height: 20px;*/ }
.formquestion .ansLine:focus { outline: none; }
.formquestion .ansBlock { width: 500px; height: 130px; /*outline: 1px #000 solid;*/ position: relative; margin-top: 40px; }
.formquestion .ansBlock label { font-size: 20px; }
.audio { width: 70px; height: 72px; background: url("/tsprite/task/iconVoiceTasks.png"); position: absolute; cursor: pointer; }
.formquestion .audio { margin-left: 30px !important; }
.page .page-container { width:956px; height: 632px; left: 12px; top: 50px; position: absolute; background: url("/tsprite/page/bgrRules_small.png") no-repeat; }
.page .page-container-answer { width: 838px; height: 724px; left: 85px; top: 10px; position: absolute; background: url("/tsprite/answer/bgrTasks.png") no-repeat; }
.page .close { width: 70px; height: 72px; position: absolute; right: -27px; top: -35px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.page .page-container-answer .close { right: 20px; top: 30px; }
.page .page-container-answer .audio { margin-left: -90px; }
.page .page-container-answer .page-content { margin: 115px 0 0 70px; }

.page .page-container-profile { width: 838px; height: 600px; left: 85px; top: 10px; position: absolute;
    background: url("/tsprite/profile/bgrPopupInfoPlayer.png") no-repeat;
    font-family: Arial, Helvetica, sans-serif; /*color: #fff;*/ color: #FFF; font-weight: bold;
    /*text-shadow: -0 -2px 0 #006480, 0 -2px 0 #006480, -0 2px 0 #006480, 0 2px 0 #006480, -2px -0 0 #006480, 2px -0 0 #006480, */
    /*-2px 0 0 #006480, 2px 0 0 #006480, -1px -2px 0 #006480, 1px -2px 0 #006480, -1px 2px 0 #006480, 1px 2px 0 #006480, */
    /*-2px -1px 0 #006480, 2px -1px 0 #006480, -2px 1px 0 #006480, 2px 1px 0 #006480, -2px -2px 0 #006480, 2px -2px 0 #006480, */
    /*-2px 2px 0 #006480, 2px 2px 0 #006480, -2px -2px 0 #006480, 2px -2px 0 #006480, -2px 2px 0 #006480, 2px 2px 0 #006480;*/
}
.page .page-container-profile.rival { background: url("/tsprite/profile/bgrPopupInfoRival.png") no-repeat; }
.page .page-container-profile .page-content { margin: 115px 0 0 -25px; width: 680px; }
.page .page-container-profile .close { right: 20px; top: 30px; }
.page .page-container-profile .gallery-block {width: 384px; height: 306px; background: url("/tsprite/profile/bgrCardsInfoPlayer.png") no-repeat; position: relative;}

.gallery-block .arrow {
    position: absolute;
    width: 20px;
    height: 16px;
    cursor: pointer;
    top: 135px;
}
.gallery-block .arrow.left{ background: url('/tsprite/profile/arrowLeftCards.png');left: -10px;}
.gallery-block .arrow.right{ background: url('/tsprite/profile/arrowRightCards.png');right: -10px;}

.gallery-block .cardholder {
    /*outline: 1px #000 solid;*/
    position: absolute;
    left: 25px; top: 45px;
    width: 335px; height: 160px;
}
.gallery-block .mycard {
    text-align: center;
}
.gallery-block .mycard span{
    font-size: 20px;
}

.gallery-block .mycard img{
    max-width: 335px;
    max-height: 200px;
}
.gallery-block .mycard .title {
    /*position: absolute;*/
    display: block;
    margin-top: -25px;
    /*left: 145px;*/
}
.gallery-block .mycard .cardname {
    /*position: absolute;*/
    display: block;
    margin-top: 10px;
    /*left: 145px;*/
}

.page .foot { position: absolute; bottom: 80px; left: 275px; }
.page .ribbon { width: 392px; height: 100px; position: absolute; top: -45px; left: 290px; }
.page .page-container-answer .ribbon { top: -5px; left: 240px; }
.page .ask-container { width: 622px; height: 779px; left: 196px; top: -47px; position: absolute; background: url("/tsprite/ask/fon.png") no-repeat; color: #624324; }
.page .ask-container .ribbon { width: 392px; height: 100px; position: absolute; top: 50px; left: 135px; }
.page .ask-container .close { width: 70px; height: 72px; position: absolute; right: 34px; top: 66px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.page .ask-container .page-content { left: 106px; width: 400px; height: 440px; position: relative; /*outline: 1px #000 solid;*/ top: 180px; }
.page .ask-container .page-content .card .head { margin-top: 0; text-align: center; font-size: 32px; font-weight: bold; padding-top: 10px; height: 100px; overflow: hidden; word-wrap: break-word; /*outline: 1px #000 solid;*/ }
.page .ask-container .page-content .card .pict { width: 200px; height: 288px; margin: 0 auto; /*outline: 1px #000 solid;*/ padding-top: 20px; }
.page .ask-container .page-content .card .pict img { width: 200px; height: 288px; }
.page .ask-container .page-content .card .cardfooter { text-align: center; font-size: 23px; font-weight: bold; /*padding-top: 100px;*/ height: 85px; /*outline: 1px #000 solid;*/ }
.page .ask-container .page-content .surp .head { text-align: center; font-size: 39px; font-weight: bold; padding-top: 100px; max-height: 78px; word-wrap: break-word; /*outline: 1px #000 solid;*/ }
.page .gameover-container { width: 837px; height: 591px; left: 75px; top: 50px; position: absolute; background: url("/tsprite/gameover/bgrGameOver.png") no-repeat; color: #624324; }
.page .gameover-container .ribbon { width: 392px; height: 100px; position: absolute; top: -9px; left: 235px; }
.page .gameover-container .close { width: 70px; height: 72px; position: absolute; right: 15px; top: 30px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.page .gameover-container .page-content { left: 135px; width: 630px; height: 370px; position: relative; top: 110px; }
.page .gameover-container .page-content .challenge { width: 69px; height: 71px; background: url("/tsprite/gameover/challenge_cup.png") no-repeat; position: absolute; top: 12px; }
.page .gameover-container .page-content .list-content { width: 482px; height: 350px; position: absolute; left: 90px; top: 0; }
.page .gameover-container .page-content .list-content .row { width: 482px; height: 66px; background: url("/tsprite/gameover/Plashka2.png") no-repeat; margin-bottom: 15px; }
.page .gameover-container .page-content .list-content .row.active { width: 482px; height: 92px; background: url("/tsprite/gameover/Plashka_win.png") no-repeat; border: 3px #FFF solid; }
.page .gameover-container .page-content .list-content .row .overrating { display: inline-block; position: relative; width: 129px; height: 44px; float: right; right: 25px; margin-top: 23px; text-align: center; }
.page .gameover-container .page-content .list-content .row.active .overrating { background: url("/tsprite/gameover/Plashka_Win_points.png") no-repeat; }
.page .gameover-container .page-content .list-content .row .overname {
    display: inline-block; position: relative; margin: 20px 0 0 40px;
    width: 300px; overflow: hidden;white-space: nowrap;
}
.page .gameover-container .page-content .list-content .row.active .overname { margin-top: 30px; }
.page .gameover-container .page-content .list-content .row span { font-family: Arial, Helvetica, sans-serif; color: #662522; font-weight: bold; font-size: 24px; }
.page .gameover-container .page-content .list-content .row.active span { color: #FFF; }
.page .gameover-container .page-content .list-content .row.active .overname span { font-size: 30px; text-shadow: 0 1px 2px #074285; display: inline-block;
    width: 280px;
    overflow: hidden;
    white-space: nowrap;}
.page .gameover-container .page-content .list-content .row.active .overrating span { position: relative; top: 10px; text-shadow: 0 1px 2px #157506; }
.page .gameover-container .page-content .card .head { text-align: center; font-size: 30px; font-weight: bold; padding-top: 10px; height: 85px; overflow: hidden; /*outline: 1px #000 solid;*/ }
.page .gameover-container .page-content .card .pict { width: 156px; height: 260px; margin: 0 auto; /*outline: 1px #000 solid;*/ padding-top: 20px; }
.page .gameover-container .page-content .card .pict img { width: 156px; height: 225px; }
.page .gameover-container .page-content .card .cardfooter { text-align: center; font-size: 23px; font-weight: bold; /*padding-top: 100px;*/ height: 85px; /*outline: 1px #000 solid;*/ }
.page .gameover-container .page-content .surp .head { text-align: center; font-size: 39px; font-weight: bold; padding-top: 100px; max-height: 78px; /*outline: 1px #000 solid;*/ }
.ribbon-rules { background: url("/tsprite/page/ribbon_rules.png") no-repeat; }
.ribbon-parents { background: url("/tsprite/page/ribbon_parents.png") no-repeat; }
.ribbon-about { background: url("/tsprite/page/ribbon_project.png") no-repeat; }
.ribbon-ok { background: url("/tsprite/answer/ribbonTrueTasks.png") no-repeat; }
.ribbon-fail { background: url("/tsprite/answer/ribbonWrongTasks.png") no-repeat; }
.ribbon-ok-other { background: url("/tsprite/answer/ribbonTrueTasks_Other.png") no-repeat; }
.ribbon-fail-other { background: url("/tsprite/answer/ribbonWrongTasks_Other.png") no-repeat; }
.ribbonsk { background: url("/tsprite/answer/ribbonTasks.png") no-repeat; }
.ribbon-profile { background: url("/tsprite/profile/ribbonPlayer.png") no-repeat; }
.ribbon-profile-rival { background: url("/tsprite/profile/ribbonRival.png") no-repeat; }
.ribbon-card { background: url("/tsprite/ask/card.png") no-repeat; }
.ribbon-surp { background: url("/tsprite/ask/surp.png") no-repeat; }
.ribbon-gameover { background: url("/tsprite/gameover/ribbonGameover.png") no-repeat; }
.page .page-container .rules { width: 580px; height: 375px; position: absolute; top: 143px; left: 61px; color: #300100; /*font-weight: bold;*/ line-height: 27px; font-size: 15px; }
.page .page-container .rules .scrollable { width: 560px !important; }

/***************/
.page .page-container .rules p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.page .page-container .rules ol, .page .page-container .rules ul { list-style: inherit; }
.page .page-container .rules li,.page .page-container .rules ol, .page .page-container .rules ul {  margin: 0 10px;}
.page .page-container .rules ol { list-style-type: decimal;}
.page .page-container .rules h1, .page .page-container .rules h2, .page .page-container .rules h3, .page .page-container .rules h4,
.page .page-container .rules h5, .page .page-container .rules h6 {
    font-weight: normal;
    line-height: 1.2;
}

.page .page-container .rules h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    /*font-weight: bold;*/
}
.page .page-container .rules h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    /*font-weight: bold;*/
}
.page .page-container .rules h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    /*font-weight: bold;*/
}
.page .page-container .rules h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    /*font-weight: bold;*/
}
.page .page-container .rules h5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    /*font-weight: bold;*/
}
.page .page-container .rules h6 {
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    /*font-weight: bold;*/
}
/***************/


.page .page-container .slimScrollBar { height: 30px !important; }
.page .page-container .slimScrollBar { opacity: 1 !important; }
.page .page-content { left: 126px; width: 470px; position: absolute; }
.page .audio { margin-left: -800px; }
.page .page-content h1 { display: block; background-color: #39C; border: 3px #FFF solid; border-radius: 7px; margin-top: 0; font-size: 24px; padding: 10px 20px; color: #FFF; max-height: 156px; overflow: hidden; line-height: 32px; /*text-shadow: 0 1px 3px #277EB3, 0 -1px 1px #277EB3, 1px 0 3px #277EB3, -1px 0 1px #277EB3 ;*/ }
.page .page-content h1.red { background-color: #93C; }
.page .videoBox { width: 320px; height: 180px; margin: 30px 0 0 73px; /*border: 3px #FFF solid; background-color: #DADADA;*/ }
.page .imgBox { width: 320px; height: 180px; margin: 30px 0 0 60px; /*border: 3px #FFF solid; background-color: #DADADA; */}
.page .imgBox img { width: 100%; height: 100%; }
.before-start { width: 440px; height: 260px; left: 189px; position: absolute; background: url("/tsprite/before_start/bgrBeginGame.png") no-repeat; }
.before-start .close { width: 70px; height: 72px; position: absolute; right: 12px; top: 12px; background: url("/tsprite/auth/buttonClose.png") no-repeat; border-radius: 100px; cursor: pointer; }
.before-start .context { position: absolute; left: 75px; top: 75px; }
.before-start .context .icon { width: 52px; height: 54px; }
.before-start .context .icon-start { background: url("/tsprite/before_start/iconPlayBeginGame.png") no-repeat; padding: 10px 0 0 65px; }
.before-start .context .icon-rules { background: url("/tsprite/before_start/iconInfoBeginGame.png") no-repeat; padding: 0 0 0 65px; }
.before-start .context #btnRules { cursor: pointer; width: 230px; height: 50px; background: url("/tsprite/before_start/rules.png") no-repeat; }
.before-start .context #btnStart { cursor: pointer; width: 230px; height: 50px; background: url("/tsprite/before_start/start.png") no-repeat; }
.btn-close { cursor: pointer; width: 314px; height: 68px; background: url("/tsprite/answer/buttonCloseTasks.png") no-repeat !important; }
.btn-close:hover { background: url("/tsprite/answer/buttonCloseActiveTasks.png") no-repeat; }
.btn-back-to-game { cursor: pointer; width: 312px; height: 70px; background: url("/tsprite/profile/buttonReturnGame.png") no-repeat !important; }
.logo-block { float: left; width: 186px; }
.gallery-block { width: 415px; float: left; margin-left: 42px; color: #330013;
    /*text-shadow: -1px 2px 3px #006480;*/
}
.logo-block .logo { width: 186px; height: 184px; background: url("/tsprite/frameAvatar.png") no-repeat; }
.logo-block .logo img { width: 130px; height: 130px; margin: 23px 0 0 27px; border-radius: 3px; }
.logo-block h3 { font-size: 20px; font-weight: bold; color: #330013;
    /*text-shadow: -1px 2px 3px #006480; */
    letter-spacing: -0.2px; text-align: center; }
.logo-block .label { font-size: 1.2em; font-weight: bold; color: #FFF; text-shadow: 0 1px 2px rgba(7, 66, 133, .75); letter-spacing: -0.2px; }
.logo-block .value { font-size: 1.2em; font-weight: bold; color: #FFC500; text-shadow: 0 1px 2px rgba(74, 26, 0, .75); letter-spacing: -0.2px; }
.logo-block .bg-blue { background-color: #5AB6DB; border: 3px solid #FFF; border-radius: 3px; height: 33px; text-align: center; }
.gallery-block .cards { font-size: 0.9em; font-weight: bold; color: #FFF; text-shadow: 0 1px 2px rgba(7, 66, 133, .75); letter-spacing: -0.2px; }
.mt12 { margin-top: 12px; }
.pt6 { padding-top: 6px; }
#IpadFuck { display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.4) url("/bundles/irevgame/img/main/back.jpg") no-repeat center top;
    color: #000; font-size: 20px; text-align: center; vertical-align: middle; z-index: 100000; }
#IpadFuck span { position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.4; background-color: #000; display: block; }
#IpadFuck div { background-color: #FFF; position: absolute; top: 30%; padding: 20px;
    margin: -80px 40px 40px;
    border-radius: 30px; }
.shadow { display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.3) no-repeat center top;
    color: #000; font-size: 20px; text-align: center; vertical-align: middle; }

.shadow {z-index: 1000;}
.shadow + div {z-index: 1036;}
.shadow + div + div {z-index: 1036;}
.shadow + div + div + div {z-index: 1036;}
.userplace, .whoStep, .map-settings {z-index: 1050;}


.page .page-container-default {
    width: 956px;
    height: 631px;
    top: 50px;
    left: 12px;
    position: absolute;
    background: url("/tsprite/window_default.png") no-repeat;
}

.page .page-container-default .close {
    right: -30px;
}

.page .page-container-default .textblock {
    width: 364px;
    background:url('/tsprite/ornament.png') no-repeat bottom;
    padding-bottom: 60px;
    float: left;
    font: 22px Arial;
    font-weight: bold;
    color: #6a3000;
    line-height: 1.5;;
}

.page .page-container-default .ratingblock {
    float: left;
    width: 495px;
}

.page .page-container-default .page-content {
    left: 70px;
    width: 890px;
    top: 90px;
}

.page .page-container-default .ratingblock .rating-list li {
    height: 82px;
    margin-bottom: 10px;
    overflow: hidden;
}
.page .page-container-default .ratingblock .rating-list li .item {
    float: left;
    width: 399px;
    height: 82px;
    background: url("/tsprite/bgrBrown.png") no-repeat;
    padding: 19px 0 0 16px;
}

.page .page-container-default .ratingblock .rating-list li .item.first {
    background: url("/tsprite/bgrBlue.png") no-repeat;
}

.rating-list li .item .score {
    float: right;
    display: block;
    width: 129px;
    height: 44px;
    padding: 7px 0 0 40px;
    font: 24px Arial;
    font-weight: bold;
    color: #6a3000;
}
.rating-list li .item.first .score {
    text-shadow: 0 2px 1px #157506, -1px 1px 0 #157506;
    color: #ffffff;
}
.rating-list li .item.first .score {
    background: url("/tsprite/bgrTopScore.png") no-repeat;
}
.rating-list li .item .num {
    width: 29px;
    height: 38px;
    background: url("/tsprite/numPlayerGreenRating.png") no-repeat;
    display: block;
    padding: 4px 0 0 4px;
    float: left;
    font: 19px Arial;
    font-weight: bold;
    color: #ffffff;
    margin-top: 6px;
    text-align: center;
    /* width: 26px; */
    /*outline: 1px #000 solid;*/
    text-shadow: 0 2px 1px #000, -1px 1px 0 #000;
}

.rating-list li .item.first .num{
    background: url("/tsprite/numPlayerYellowRating.png") no-repeat;
}

.rating-list li .item a {
    display: block;
    float: left;
    padding-top: 8px;
    font: 24px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #6a3000;
    width: 185px;
    height: 30px;
    overflow: hidden;
    margin-left: 8px;
    cursor: default;
    text-decoration: initial;
}

.rating-list li .item.first a {
    color: #ffffff;
}

.kubok {
    width: 69px;
    height: 71px;
    background: url("/tsprite/kubok.png") no-repeat;
    float: left;
    margin: 8px 10px 0 0;
}

.page .ribbon.ribbon-rating {
    background: url("/tsprite/ribbonRating.png") no-repeat;
}

.ml80 {
    margin-left: 80px;
}

.loading {
    width: 150px;
    height: 150px;
    background: url('/tsprite/loading.gif') no-repeat;
    position: absolute;
    top: 263px;
    left: 425px;
}
/*span {outline: 1px #f00 solid}*/
a:hover,
a:focus {
    text-decoration: none;
}
.header {
    padding: 40px 0;
    overflow: hidden;
}
.header .third-block {
    text-align: right;
    padding-right: 3%;
}
.header .header-block {
    display: table;
    height: 238px;
}
.header .block-content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.header .first-block .logo a {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-block;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    color: #3958ce;
    background: #ffffff;
    padding: 14px 32px;
    -webkit-border-radius: 0 18px 18px 0;
    -moz-border-radius: 0 18px 18px 0;
    border-radius: 0 18px 18px 0;
    border-top: 4px solid #2f7dc8;
    border-right: 4px solid #2f7dc8;
    border-bottom: 4px solid #2f7dc8;
}
.header .first-block .logo a::before {
    position: absolute;
    z-index: -1;
    content: "";
    width: 200%;
    height: 53%;
    bottom: 0;
    left: -50%;
    background: #cccccc;
    -webkit-border-radius: 100% 100% 0% 0%;
    -moz-border-radius: 100% 100% 0% 0%;
    border-radius: 100% 100% 0% 0%;
}
.header .game-logo img {
    margin: 0 auto;
}

.test-lang .field-content a {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    background: #34e23a;
    padding: 18px 14px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -ms-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
.test-lang .field-content a {
    color: #ffffff;
}
.test-lang .field-content a:hover {
    background: #3958ce;
}