/* Start:/css/styles.css?1607501149101955*/ /* I am Ruspeach */ html, body{height:100%; width:100%;} body{margin:0; padding:0; background:url(/css/../img/bg.png) 50% 0 repeat #f5f0ea; color:#303030; font:12px/1.2 'Open Sans', Verdana, Geneva, sans-serif;} a{ outline:none; cursor:pointer; text-decoration:none; /* color: #fea431; color: #ad6406; color: #cc8223; */ color: #ea8c14; } a:hover{text-decoration:underline;} a img{border:none;} :focus{outline:none;} h1, h2, h3, h4, p, form, table, tr, td, th, ul, li, select{margin:0; padding:0; font-weight:normal;} table, tr, td{border:0; border-collapse:collapse; vertical-align:top; text-align:left;} .full_width table{width:100%;} .brd_center_table tr, .brd_center_table td{border:1px solid #777; text-align:center; padding:5px;} .brd_left_table tr, .brd_left_table td{border:1px solid #777; text-align:left; padding:5px;} .input-text, textarea, select{ font:Verdana, Geneva, sans-serif; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } ::-webkit-input-placeholder{color:#999; font-style:normal;} :-moz-placeholder{color:#999 !important; font-style:normal;} ::-moz-placeholder{color:#999 !important; font-style:normal;} :-ms-input-placeholder{color:#999; font-style:normal;} ul{list-style:none;} .ul-common{list-style:circle;} .ul-common li { margin-left:25px; padding:4px; font-weight:normal;} .ul-common .li-common{ margin-left:25px; padding:4px; font-weight:normal;} /* дубликат, можно удалить */ /* Main ******************************/ .hide {display: none;} .float-l{float:left;} .float-r{float:right;} .display-inline{display: inline-block;} .row{overflow:hidden;} .row_teacher_banner{height:19px; overflow:hidden;} .clear{clear:both; font-size:0 !important;} .clearfix:after{content:''; clear:both; display:block;} .nopad{padding:0 !important;} .nomrgn{margin:0 !important;} .pre{white-space:pre;} .nowrap{white-space:nowrap;} .bold{font-weight:bold;} .dotted{border-bottom:1px dotted; text-decoration:none;} a.dotted:hover, a:hover .dotted, .login-btn:hover > .dotted{text-decoration:none; border-bottom-color:transparent;} .valign-mid{vertical-align: middle !important;} .valign-top{vertical-align: top;} .valign-bot{vertical-align: bottom;} .text-left{text-align:left;} .text-right{text-align:right;} .text-center{text-align:center;} .text-justify{text-align:justify;} .half{width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .unselectable{ -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .black{color:#000;} .white{color:#FFF;} .red{color:#c1272d;} .light-red{color:#f4cccc;} .green{color:#7faf42;} .light-green{color:#d9ead3;} .blue{color:#069;} .gray{color:#9e9e9e;} .purple{color:#CC24D0;} .orange{color:#F77C4A;} .light-red-td{background-color:#f4cccc;} .light-green-td{background-color:#d9ead3;} .font_10{font-size:10px !important;} .font_11{font-size:11px !important;} .font_13{font-size:13px !important;} .font_14{font-size:14px !important;} .font_15{font-size:15px !important;} .font_16{font-size:16px !important;} .font_18{font-size:18px !important;} .font_20{font-size:20px !important;} .font_22{font-size:22px !important;} .font_24{font-size:24px !important;} .font_25{font-size:25px !important;} .pad_0_top{padding-top:0 !important;} .pad_0_bot{padding-bottom:0 !important;} .pad_5_right{padding-right:5px !important;} .pad_5_left{padding-left:5px !important;} .pad_5_top{padding-top:5px !important;} .pad_5_bot{padding-bottom:5px !important;} .pad_5_tb{padding-top:5px !important; padding-bottom:5px !important;} .pad_10_right{padding-right:10px !important;} .pad_10_left{padding-left:10px !important;} .pad_10_top{padding-top:10px !important;} .pad_10_bot{padding-bottom:10px !important;} .pad_10_tb{padding-top:10px !important; padding-bottom:10px !important;} .pad_10_tb{padding-top:10px !important; padding-bottom:10px !important;} .pad_15_right{padding-right:15px !important;} .pad_15_left{padding-left:15px !important;} .pad_15_top{padding-top:15px !important;} .pad_15_bot{padding-bottom:15px !important;} .pad_15_tb{padding-top:15px !important; padding-bottom:15px !important;} .pad_20_top{padding-top:20px !important;} .mrg_10_bot{margin-bottom:10px !important;} .mrg_15_bot{margin-bottom:15px !important;} .mrg_10_top{margin-top:10px !important;} .mrg_15_top{margin-top:15px !important;} .mrg_15_right{margin-right:15px !important;} .mrg_15_left{margin-left:15px !important;} .mrg_20_bot{margin-bottom:20px !important;} .mrg_30_bot{margin-bottom:30px !important;} .mrg_30_left{margin-left:30px !important;} .mrg_30_right{margin-right:30px !important;} .mrg_30_top{margin-top:30px !important;} .line_height_20{line-height:20px;} .sprite, .icon, .btn-play, .btn-play-smal, .learning .task-item-name:after, .learning .task-item-name:before, .btn-next:after, .login-form:before, .help-box-arr, .radio-box, .check-box {background-image:url(/css/../img/sprite.png); background-repeat:no-repeat; overflow:hidden; display:block;} .list-icon{background-image:url(/css/../img/list-icon.jpg); background-repeat:no-repeat; overflow:hidden; display:block;} .man-icon{background-image:url(/css/../img/man-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .men-icon{background-image:url(/css/../img/men-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .man-gender-icon{background-image:url(/css/../img/man-gender-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .woman-gender-icon{background-image:url(/css/../img/women-gender-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .mid-gender-icon{background-image:url(/css/../img/mid-gender-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .search-icon{background-image:url(/css/../img/search-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .icon{display:inline-block; position:relative; vertical-align:baseline;} .icon_intext_mid{display:inline-block; position:relative; vertical-align: middle; margin-right: 5px;} .ico-keyb{width:26px; height:19px; background-position:0 -150px;} .open .ico-keyb{background-position:0 -175px;} .ico-keys{width:15px; height:17px; background-position:-200px 0; position:relative; vertical-align:top; top:4px; margin-right:2px;} .ico-close{width:12px; height:12px; background-position:-375px 0; position:absolute; right:10px; top:10px; cursor:pointer;} .ico-close:hover{background-position:-375px -25px;} .ico-rem-x{width:11px; height:11px; background-position:-375px -50px; cursor:pointer;} .ico-peach{width:26px; height:35px; background-position:-400px 0; top:2px; margin-left:3px;} .ico-cash{width:62px; height:38px; background-position:-325px -100px; top:-1px; margin-left:3px; margin-right:-8px;} .ico-peach-val{width:32px; height:40px; background-position:-400px -50px; position:absolute; top:-5px; vertical-align: middle;} .ico-peach-rec{width:62px; height:73px; background-position:-400px -100px; margin-left:3px;} .icon_flag{/*border:1px solid #F7F7F7;*/ width:25px; height:25px; background-image:url(/upload/img/flagi.png); background-repeat:no-repeat; overflow:hidden; display:inline-block;position:relative; vertical-align:baseline;} .icon_flag_white{border:1px solid #FFFFFF; width:25px; height:25px; background-image:url(/upload/img/flagi.png); background-repeat:no-repeat; overflow:hidden; display:inline-block;position:relative; vertical-align:baseline;} .ico_rus{background-position:-5px -75px;} .ico_eng{background-position:-40px -5px;} .ico_fra{background-position:-40px -40px;} .ico_spa{background-position:-110px -40px;} .ico_zho{background-position:-145px -5px;} .ico_tur{background-position:-145px -40px;} .ico_ara{background-position:-110px -5px;} .ico_vie{background-position:-5px -5px;} .ico_idn{background-position:-75px -40px;} .ico_alb{background-position:-75px -5px;} .ico_deu{background-position: -145px -75px;} .ico_por{background-position:-40px -75px;} .ico_ita{background-position:-75px -75px;} .ico_jpn{background-position:-110px -75px;} .ico_ell{background-position:-5px -110px;} .ico_ces{background-position:-40px -110px;} .ico_tgk{background-position:-110px -110px;} .icon_flag.active{border:2px solid #FEA431; border-radius:15px;} /*social net icons*/ .snsprite68 { background: url('/upload/img/sprite/snsprite68.png') no-repeat top left; width: 68px; height: 68px; display: inline-block;} .snsprite68:hover { opacity: 0.7; } .snsprite68.flipboard { background-position: 0 0; } .snsprite68.googleplus { background-position: 0 -68px; } .snsprite68.instagram { background-position: 0 -136px; } .snsprite68.itunes { background-position: 0 -204px; } .snsprite68.linkedin { background-position: 0 -272px; } .snsprite68.pinterest { background-position: 0 -340px; } .snsprite68.plurk { background-position: 0 -408px; } .snsprite68.stumbleupon { background-position: 0 -476px; } .snsprite68.tumblr { background-position: 0 -544px; } .snsprite68.twitter { background-position: 0 -612px; } .snsprite68.wordpress { background-position: 0 -680px; } .snsprite68.youtube { background-position: 0 -748px; } .snsprite68.blogger { background-position: 0 -816px; } .snsprite68.delicious { background-position: 0 -884px; } .snsprite68.diigo { background-position: 0 -952px; } .snsprite68.facebook { background-position: 0 -1020px; } .snsprite68.vkontakte { background-position: 0 -1088px; } .snsprite68.weibo { background-position: 0 -1156px; } .snsprite68.dreamwidth { background-position: 0 -1224px; } .snsprite68.livejournal { background-position: 0 -1292px; } .snsprite68.telegram { background-position: 0 -1360px; } .snsprite30 { background: url('/upload/img/sprite/snsprite30.png') no-repeat top left; width: 30px; height: 30px; display: inline-block;} .snsprite30:hover { opacity: 0.7; } .snsprite30.diigo { background-position: 0 0; } .snsprite30.facebook { background-position: 0 -30px; } .snsprite30.flipboard { background-position: 0 -60px; } .snsprite30.googleplus { background-position: 0 -90px; } .snsprite30.instagram { background-position: 0 -120px; } .snsprite30.itunes { background-position: 0 -150px; } .snsprite30.linkedin { background-position: 0 -180px; } .snsprite30.pinterest { background-position: 0 -210px; } .snsprite30.plurk { background-position: 0 -240px; } .snsprite30.stumbleupon { background-position: 0 -270px; } .snsprite30.tumblr { background-position: 0 -300px; } .snsprite30.twitter { background-position: 0 -330px; } .snsprite30.wordpress { background-position: 0 -360px; } .snsprite30.youtube { background-position: 0 -390px; } .snsprite30.vkontakte { background-position: 0 -420px; } .snsprite30.blogger { background-position: 0 -450px; } .snsprite30.delicious { background-position: 0 -480px; } .snsprite30.weibo { background-position: 0 -510px; } .snsprite30.dreamwidth { background-position: 0 -540px; } .snsprite30.livejournal { background-position: 0 -570px; } .snsprite30.telegram { background-position: 0 -600px; } /* Стартовое для десктопов и мобильных */ .hidden-pc { display:block; } .hidden-mobile { display:none; } .hidden-vis-pc { visibility: visible; } .hidden-vis-mobile { visibility: hidden; } .ico-book { width: 19px; height: 24px; position: absolute; left: -33px; top: -5px; background-position: 0px -200px; } .ico-video { width: 33px; height: 24px; position: absolute; left: -39px; top: -3px; background-position: -25px -200px; } .ico-subscrip { width: 18px; height: 24px; position: absolute; left: -33px; top: -3px; background-position: -75px -200px; } .ico-audio { width: 29px; height: 26px; position: absolute; left: -33px; top: -3px; background-position: -100px -200px; } .ico-close-store { width: 21px; height: 21px; display: block; cursor: pointer; margin: 12px 0 0 2px; background-position: -150px -200px; } .ico-close-store:hover, .ico-close-store:active { background-position: -176px -200px; } .lang_switch{margin-left:-35px; margin-top:-25px; margin-bottom:15px;} .lang_switch li{display:inline;} .lang_switch li:nth-child(5n) a{margin-right:0;} .lang_switch a{margin:1px 4px;} .lang_switch_nreload{margin-left:-15px; margin-top:10px; margin-bottom:10px;} .lang_switch_nreload li{display:inline;} .lang_switch_nreload li:nth-child(4n) a{margin-right:0;} .lang_switch_nreload a{margin:1px 4px;} .lang_switch_nreload_6{margin-left:-15px; margin-top:10px; margin-bottom:10px;} .lang_switch_nreload_6 li{display:inline;} .lang_switch_nreload_6 li:nth-child(6n) a{margin-right:0;} .lang_switch_nreload_6 a{margin:1px 4px;} .lang_switch_toggle{margin-left:-35px; margin-top:-25px; margin-bottom:15px;} .lang_switch_toggle li{display:inline;} .lang_switch_toggle li:nth-child(5n) a{margin-right:0;} .lang_switch_toggle a{margin:1px 4px;} .btn-style{ cursor: pointer; background-color:#fdb732; border:1px solid #fe9712; border-radius:8px; color:#fff; font-size:16px; line-height:36px; text-align:center; text-decoration:none; height:40px; padding:0 10px; display:inline-block; position:relative; box-shadow:inset 0 -1px 2px RGBA(255,255,256,.2), 0 1px 1px RGBA(0,0,0,.2); text-decoration:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:-webkit-gradient(linear, 0 100%, 0 0, from(#fcc43f), to(#fea923)); background:-webkit-linear-gradient(#fcc43f 0%, #fea923 100%); background:-moz-linear-gradient(#fcc43f 0%, #fea923 100%); background:-o-linear-gradient(#fcc43f 0%, #fea923 100%); background:linear-gradient(#fcc43f 0%, #fea923 100%); -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .btn-style:hover, .btn-style.current{ text-decoration:none; background-color:#ffbe23; background:-webkit-gradient(linear, 0 100%, 0 0, from(#fe931a), to(#ffae1a)); background:-webkit-linear-gradient(#fe931a 0%, #ffae1a 100%); background:-moz-linear-gradient(#fe931a 0%, #ffae1a 100%); background:-o-linear-gradient(#fe931a 0%, #ffae1a 100%); background:linear-gradient(#fe931a 0%, #ffae1a 100%); } .btn-fb{background-color:#325290; border:1px solid #193976; background:-webkit-gradient(linear, 0 100%, 0 0, from(#3b5b99), to(#325290)); background:-webkit-linear-gradient(#3b5b99 0%, #325290 100%); background:-moz-linear-gradient(#3b5b99 0%, #325290 100%); background:-o-linear-gradient(#3b5b99 0%, #325290 100%); background:linear-gradient(#3b5b99 0%, #325290 100%); } .btn-fb:hover{background:#2e4e8b;} .btn-fb .icon{width:12px; height:25px; background-position:-300px 0; float:left; position:relative; top:6px;} .btn-tw{ background-color:#279ccd; border:1px solid #0081b7; background:-webkit-gradient(linear, 0 100%, 0 0, from(#28aae1), to(#279ccd)); background:-webkit-linear-gradient(#28aae1 0%, #279ccd 100%); background:-moz-linear-gradient(#28aae1 0%, #279ccd 100%); background:-o-linear-gradient(#28aae1 0%, #279ccd 100%); background:linear-gradient(#28aae1 0%, #279ccd 100%); } .btn-tw:hover{background:#1d96ca;} .btn-tw .icon{width:25px; height:20px; background-position:-250px 0; float:left; position:relative; top:10px;} .btn-next, .btn-green{display:inline-block; position:relative; height:35px; font-size:16px; line-height:32px; color:#FFF; text-decoration:none; padding:0 10px 0 20px; border:1px solid #649a20; border-right-width:0; border-radius:8px 0 0 8px; box-shadow:inset 0 -1px 1px RGBA(255,255,256,.15), 0 1px 1px RGBA(0,0,0,.2); margin-right:18px; background:#72a532; background:-webkit-gradient(linear, 0 100%, 0 0, from(#7faf42), to(#649a20)); background:-webkit-linear-gradient(#7faf42 0%, #649a20 100%); background:-moz-linear-gradient(#7faf42 0%, #649a20 100%); background:-o-linear-gradient(#7faf42 0%, #649a20 100%); background:linear-gradient(#7faf42 0%, #649a20 100%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .btn-next:hover, .btn-green:hover{background-color:#679d2e; text-decoration:none; background:-webkit-gradient(linear, 0 100%, 0 0, from(#72a73a), to(#5b911e)); background:-webkit-linear-gradient(#72a73a 0%, #5b911e 100%); background:-moz-linear-gradient(#72a73a 0%, #5b911e 100%); background:-o-linear-gradient(#72a73a 0%, #5b911e 100%); background:linear-gradient(#72a73a 0%, #5b911e 100%); } .btn-next:after{content:''; width:18px; height:35px; position:absolute; right:-17px; top:-1px; background-position:-75px 0;} .btn-next:hover:after{background-position:-75px -50px;} .btn-green{margin-right:auto; padding:0 20px; border-radius:8px; border-right-width:1px;} .btn-style.btn-def, .btn-style.btn-def{ background-color:#f9f2ec; border-color:#dfdad6; color:#5d5d5d; background:-webkit-gradient(linear, 0 100%, 0 0, from(#f6f6f6), to(#f0f0f0)); background:-webkit-linear-gradient(#f6f6f6 0%, #f0f0f0 100%); background:-moz-linear-gradient(#f6f6f6 0%, #f0f0f0 100%); background:-o-linear-gradient(#f6f6f6 0%, #f0f0f0 100%); background:linear-gradient(#f6f6f6 0%, #f0f0f0 100%); } .btn-style.btn-def:hover{background-color:#e7e7e7; background:-webkit-gradient(linear, 0 100%, 0 0, from(#e9e9e9), to(#e4e4e4)); background:-webkit-linear-gradient(#e9e9e9 0%, #e4e4e4 100%); background:-moz-linear-gradient(#e9e9e9 0%, #e4e4e4 100%); background:-o-linear-gradient(#e9e9e9 0%, #e4e4e4 100%); background:linear-gradient(#e9e9e9 0%, #e4e4e4 100%); } .btn-style.btn-red, .btn-style.btn-red{ color: #fff; font-size: 19px; text-decoration: none; font-weight: bold; border: 1px solid #e69529; background-color: #edc24c; background: -moz-linear-gradient(top, #edc24c 0%, #FF1A1A 100%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edc24c), color-stop(100%,#FF1A1A)); background: -webkit-linear-gradient(top, #edc24c 0%,#FF1A1A 100%,#7db9e8 100%); background: -o-linear-gradient(top, #edc24c 0%,#FF1A1A 100%,#7db9e8 100%); background: -ms-linear-gradient(top, #edc24c 0%,#FF1A1A 100%,#7db9e8 100%); background: linear-gradient(to bottom, #edc24c 0%,#FF1A1A 100%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc24c', endColorstr='#7db9e8',GradientType=0 ); } .btn-style.btn-red:hover{ background-color: #FF1A1A; background: -moz-linear-gradient(top, #FF1A1A 0%, #edc24c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF1A1A), color-stop(100%,#edc24c)); background: -webkit-linear-gradient(top, #FF1A1A 0%,#edc24c 100%); background: -o-linear-gradient(top, #FF1A1A 0%,#edc24c 100%); background: -ms-linear-gradient(top, #FF1A1A 0%,#edc24c 100%); background: linear-gradient(to bottom, #FF1A1A 0%,#edc24c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF1A1A', endColorstr='#edc24c',GradientType=0 ); } .btn-style.btn-def-sml.current{background:#e0cab9; cursor:default;} .btn-style.disabled, .btn_next.disabled{background:#dbdbdb !important; border-color:#c2c2c2 !important; color:#363636 !important; cursor:default !important;} .btn-next.disabled:after{background-position:-75px -100px !important;} .btn-style.btn-sml{font-size:16px; line-height:31px; height:35px; padding:0 10px;} .btn-style.btn-sml.xs{line-height:23px; height:27px;} .btn-style.btn-custom-bnr{width:80px; height:80px; font-size:12px; line-height:78px; font-weight:bold;} .btn-style.disabled, .btn-next.disabled{background:#dbdbdb !important; border-color:#c2c2c2 !important; color:#363636 !important; cursor:default !important;} .btn-next.disabled:after{background-position:-75px -100px !important;} .btn-play{display:inline-block; width:35px; height:47px; background-position:-25px 0; position:relative;} .btn-play:hover{background-position:-25px -50px;} .btn-play.active, .btn-play.active:hover{background-position:-25px -100px;} .btn-play > span{display:block; position:absolute; bottom:0; right:-1px; height:14px; width:14px; background-color:#FFF; border-radius:50%; font-size:14px; line-height:12px; text-align:center; color:#000;} .list-icon{width:12px; height:16px; display:inline-block; vertical-align: middle; margin-right: 5px; position:relative;} .man-icon{width:19px; height:19px; display:inline-block; vertical-align:top; position:relative;} .men-icon{width:19px; height:19px; display:inline-block; vertical-align:top; position:relative;} .man-gender-icon{width:19px; height:19px; display:inline-block; vertical-align:top; position:relative;} .woman-gender-icon{width:19px; height:19px; display:inline-block; vertical-align:top; position:relative;} .mid-gender-icon{width:19px; height:19px; display:inline-block; vertical-align:top; position:relative;} .btn-play-smal{width:12px; height:16px; background-position:-100px 0; display:inline-block; vertical-align:top; position:relative;} .btn-play-smal:hover{background-position:-100px -25px;} .btn-play-smal.active{background-position:-100px -50px;} .btn-style-lite{height:25px; padding:0 18px; border-radius:0; font-size:12px; line-height:22px;} .btn-style-xl{height:30px; border-radius:3px; font-size:13px; line-height:28px;} .rem-btn{ position:absolute; top:0; right:0; width:18px; height:18px; overflow:hidden; background-color:#dedede; border:1px solid #adadad; border-radius:3px; color:#f00; font-size:14px; line-height:16px; text-align:center; text-transform:uppercase; cursor:pointer; z-index:3; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#c1c1c1)); background:-webkit-linear-gradient(#fdfdfd 0%, #c1c1c1 100%); background:-moz-linear-gradient(#fdfdfd 0%, #c1c1c1 100%); background:-o-linear-gradient(#fdfdfd 0%, #c1c1c1 100%); background:linear-gradient(#fdfdfd 0%, #c1c1c1 100%); } .input-text{padding:0 10px; background:#FFF; border:1px solid #dadada; box-shadow:inset 4px 4px 3px RGBA(0,0,0,.05); border-radius:8px; height:40px; font-size:16px; line-height:20px;} select{border:1px solid #dadada; color:#6b6b6b;} textarea{padding:5px 10px; background:#FFF; border:1px solid #dadada; box-shadow:inset 4px 4px 6px RGBA(0,0,0,.05); border-radius:8px; width:100%; resize:none;} textarea.bx-messenger-textarea-input{box-shadow: none;} .error .input-text, .error textarea{border-color:#ff7b7b;} .error .input-text{box-shadow:inset 4px 4px 3px RGBA(0,0,0,.05), 0 0 3px rgba(255,0,0,.75);} .error textarea{box-shadow:inset 4px 4px 6px RGBA(0,0,0,.05), 0 0 3px rgba(255,0,0,.75);} .input-msg-wrap{position:absolute; top:0; width:100%; height:0;} .input-msg{display:none; position:absolute; left:50%; bottom:10px; width:220px; margin-left:-118px; padding:5px 7px; background-color:#f9f9f9; border:1px solid #dbdbdb; border-radius:8px; font-size:11px; text-align:center;} .input-msg:after{content:''; display:block; position:absolute; top:100%; left:50%; margin-left:-4px; border-left:4px solid rgba(255,255,255,0); border-right:4px solid rgba(255,255,255,0); border-top:7px solid #f9f9f9; z-index:2;} .input-msg:before{content:''; display:block; position:absolute; top:100%; left:50%; margin-left:-5px; border-left:5px solid rgba(255,255,255,0); border-right:5px solid rgba(255,255,255,0); border-top:9px solid #dbdbdb; z-index:1;} .error .input-msg{display:block; background-color:#ffa0a0; border-color:#ff7b7b; color:#fff;} .error .input-msg:after{border-top-color:#ffa0a0;} .error .input-msg:before{border-top-color:#ff7b7b;} .err-msg {color: #B94A48;margin: -5px 5px 5px;} /*.file-input{}*/ .file-input .input-box{float:left; width:234px;} .file-input .button-box{width:auto;} .file-input .input-box + .button-box{margin-left:25px;} .file-input .btn-style{min-width:136px; overflow:hidden;} .file-input .upload-field{height:200px; position:absolute; top:0; right:0; opacity:0; cursor: pointer; font-size:200px;} /*.ch-box-line{overflow:hidden;} .ch-box-line input[type="checkbox"]{width:14px; height:14px;} .ch-box-line .ch-box, .ch-box-line .radio-box{width:12px; height:12px; overflow:hidden; display:inline-block; vertical-align:top;} .ch-box-line .ch-box input[type="checkbox"], .ch-box-line .radio-box input[type="radio"]{display:none;} .ch-box-line .radio-box{background-position:-450px -75px; position:relative; top:2px;} .ch-box-line .radio-box.checked{background-position:-450px -100px;} .ch-box-line .ch-box-label{padding-left:13px; display:inline-block; padding-top:1px;} .ch-box-line .ch-box-label label{position:relative; margin:0; padding:0; cursor:pointer;}*/ .ch-box-area{display:block; line-height:20px;} .ch-box-inline{display:inline-block;} .ch-box-area input{display:none;} .ch-box-area .radio-box{position:relative; width:15px; height:15px; top:3px; display:inline-block; vertical-align:top; background-position:-200px -50px;} .ch-box-area .check-box{cursor: pointer;position:relative; width:20px; height:22px; top:-2px; display:inline-block; vertical-align:top; background-position:-200px -100px;} .ch-box-area .radio-box.checked{background-position:-200px -25px;} .ch-box-area .check-box.checked{background-position:-200px -75px;} .ch-box-area label{padding-left:4px; display:inline-block; padding-top:1px; cursor:pointer;} /**/ .main{ /* height:100%; */ position:relative; } .wrapper{ position:relative; width: 1048px; margin:0 auto; background-color:#FFF; box-shadow:0 0 10px RGBA(0,0,0,.15); } .main-page{background:url(/css/../img/main_bg.png) 50% 0 no-repeat;} /* Keyboard ******************************/ .toggle_all_block{position:fixed; top:20%; z-index:10;} .toggle_all_block .toggle{width:42px; height:34px; position:absolute; overflow:hidden; z-index:1; top:10px; left:0; background-color:#fdb832; border-bottom:1px solid #a6a6a6; border-radius:0 8px 8px 0; box-shadow:inset 0 -1px 1px RGBA(255,255,255,.3); background:-webkit-gradient(linear, 0 100%, 0 0, from(#fcc43f), to(#fdb12b)); background:-webkit-linear-gradient(#fcc43f 0%, #fdb12b 100%); background:-moz-linear-gradient(#fcc43f 0%, #fdb12b 100%); background:-o-linear-gradient(#fcc43f 0%, #fdb12b 100%); background:linear-gradient(#fcc43f 0%, #fdb12b 100%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .kb_block{position:fixed; z-index:10;} .tg_block{position:fixed; z-index:11;} .kb_block .toggle span{margin:7px 5px 7px 7px; cursor:pointer;} .kb_block.open .toggle{border:none; background:none; box-shadow:none; border-radius:0;} .kb_block .content-block{display:none; margin:20px 33px 10px 63px;} .kb_block.open{box-shadow:3px 3px 5px #777; background-color:#FFF; z-index:10;} .kb_block.open .content-block{display:block;} .content-block textarea{height:80px; margin-bottom:10px;} .tg_block .toggle span{margin:4px 5px 6px 9px; cursor:pointer;} .tg_block.open .toggle{border:none; background:none; box-shadow:none; border-radius:0;} .tg_block .content-block{display:none; margin:20px 33px 10px 63px;} .tg_block.open{box-shadow:3px 3px 5px #777; background-color:#FFF; z-index:11;} .tg_block.open .content-block{display:block;} /* Header ******************************/ .header, .header-authorized{position:relative; height:61px; margin:0 -10px; padding:15px 10px 0 5px; background-color:#fdb832; border-bottom:1px solid #a6a6a6; border-radius:0 0 8px 8px; box-shadow:inset 0 -1px 1px RGBA(255,255,255,.3); color:#FFF; z-index:2; background:-webkit-gradient(linear, 0 100%, 0 0, from(#fcc43f), to(#fdb12b)); background:-webkit-linear-gradient(#fcc43f 0%, #fdb12b 100%); background:-moz-linear-gradient(#fcc43f 0%, #fdb12b 100%); background:-o-linear-gradient(#fcc43f 0%, #fdb12b 100%); background:linear-gradient(#fcc43f 0%, #fdb12b 100%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .main-page .header{padding:15px 20px;} .logo-area, .logo-area-authorized{float:left; margin:-15px 5px 0 0; padding-top:15px; height:45px;} .main-page .logo-area{background:url(/css/../img/logo_area_main_p.png) 0 0 no-repeat; width:162px; height:63px; position:absolute; left:50%; bottom:-60px; margin:0 0 0 -81px; padding-top:0; float:none; text-align:center;} .logo , .logo-authorized {background:url(/css/../upload/img/logo.png) -5px -98px no-repeat; background-repeat:no-repeat; width:60px; height:56px; overflow:hidden; display:inline-block; vertical-align:top; position:relative; top:-13px;} .main-page .logo{background-position:0 0; width:132px; height:94px; top:-50px; margin-left:17px;} .logo-area .mobile-header-text, .logo-area .mobile-logo{ display: none; } .header-text, .header-text-authorized, .header-text:hover{font-size:28px; line-height:30px; position:relative; color:#FFF; text-decoration:none;} .logo-authorized + .header-text-authorized, .logo + .header-text{padding-left:2px; top:-2px;} .main-page .header-text{top:-4px; overflow:hidden;} .user-box{float:right; position:relative;} .header .login-btn, .header-authorized .login-btn{font-size:16px; cursor:pointer; position:relative; top: -5px;} .header .login-btn > span{border-bottom-width:2px;} .header-authorized .login-btn > span{border-bottom-width:2px;} .login-form{position:absolute; background-color:#FFF; box-shadow:0 0 5px RGBA(0,0,0,.4); border-radius:8px; width:316px; padding:10px; z-index:15; right:-45px; margin-top:40px; display:none;} .login-form:before{content:''; position:absolute; width:21px; height:14px; background-position:-350px 0; right:59px; top:-14px;} .login-form .form-row{margin-bottom:10px;} .login-form .social-login{padding-top:10px;} .login-form .input-text{width:100%;} .login-form .forgot_pass{float:right; position:relative; font-size:14px; line-height:1; top:12px;} .login-form .btn-style{width:192px;} .login-form .btn-fb, .login-form .btn-tw{width:145px;} .login-form .btn-fb{float:right;} .login-form.error input{color:#B94A48; border-color:#B94A48; box-shadow:0 1px 1px #B94A48;} .error-txt{display:none; color:#B94A48;} .login-form.error .error-txt{display:block;} .logout-form{position: relative;} .logout-form a{color:#FFF;} .logout-form .hc-details{left:-60px; top:18px; text-align:center !important;} .info-bar p{font-size:18px;} .info-bar a{color:#FEA431;} .nav{float:left; height:60px; padding-bottom:1px; margin:-15px 0 0; padding:0 5px; /*overflow:hidden; */ position:relative;} .nav:before{content:''; position:absolute; height:100%; width:1px; background-color:#fd9029; background-color:RGBA(255,0,0,.22); left:5px; z-index:1;} .nav:after{content:''; position:absolute; height:100%; width:1px; background-color:#fec865; background-color:RGBA(255,255,255,.25); right:5px; z-index:1;} .nav .nav-img{vertical-align: middle; padding-right: 7px;} .nav .apple-icon{padding: 0 10px 0 0px;} .nav .ruspeach-icon{padding: 0 10px 0 0px;} .nav li{display:inline-block; height:100%; vertical-align:top; position:relative;} .nav a{/*width:105px;*/ text-align:center; display:inline-block; height:100%; padding-bottom:0; line-height:60px; font-size:22px; color:#FFF; padding:0 8px; border-left:1px solid #fec865; border-left:1px solid RGBA(255,255,255,.25); border-right:1px solid #fd9029; border-right:1px solid RGBA(255,0,0,.22); background:-webkit-gradient(linear, 0 100%, 0 0, from(#fcb039), to(#fe971f)); background:-webkit-linear-gradient(#fcb039 0%, #fe971f 100%); background:-moz-linear-gradient(#fcb039 0%, #fe971f 100%); background:-o-linear-gradient(#fcb039 0%, #fe971f 100%); background:linear-gradient(#fcb039 0%, #fe971f 100%); } .nav a:hover, .nav li:hover > a{text-decoration:none; border-bottom-color:#FFF; background:-webkit-gradient(linear, 0 100%, 0 0, from(#fca736), to(#fe8f1d)); background:-webkit-linear-gradient(#fca736 0%, #fe8f1d 100%); background:-moz-linear-gradient(#fca736 0%, #fe8f1d 100%); background:-o-linear-gradient(#fca736 0%, #fe8f1d 100%); background:linear-gradient(#fca736 0%, #fe8f1d 100%); -moz-transition:background .15s; -o-transition:background .15s; -webkit-transition:background .15s; transition:background .15s; } .nav .current, .nav .current:hover{border:1px solid #447a00; border-top:0 none; box-shadow:0 0 4px RGBA(0,0,0,.45), inset 0 -1px 2px RGBA(255,255,255,.1); position:relative; z-index:10; background:-webkit-gradient(linear, 0 100%, 0 0, from(#75a932), to(#609221)); background:-webkit-linear-gradient(#75a932 0%, #609221 100%); background:-moz-linear-gradient(#75a932 0%, #609221 100%); background:-o-linear-gradient(#75a932 0%, #609221 100%); background:linear-gradient(#75a932 0%, #609221 100%); } .nav ul{display:none; position:absolute; left:0; top:100%; min-width:100%; border:1px solid; border-color:#a48029 transparent #a6a6a6 #fe921a; border-right:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .nav li:hover ul{display:block;} .nav ul li{display:block;} .nav ul a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#fcbf3a; border-left:0 none; text-align:left; line-height:42px;} .nav ul li + li > a{border-top:1px solid #fe921a;} /* Content ******************************/ .content{ margin:0; /* padding-bottom:219px; */ padding-bottom:270px; z-index:1; } .main-page .content{ padding:0px 40px 219px; padding-bottom:270px; } h1, .h1, h2, .h2, h3, .h3, h1 > a, h2 > a, h3 > a, .h1 > a, .h2 > a, .h3 > a{ /* color:#fea923; text-shadow: 0 1px 1px #fe6e12; */ color: #fe9c24; text-shadow: 0 1px 1px #e25f3b; font-weight:600; text-decoration:none; } h1, .h1{font-size:36px;} h2, .h2{font-size:32px;} h3, .h3{font-size:26px;} .content-tbl{width:100%;} .aside-left{background:url(/css/../img/aside_left_bg.png) 100% 0 repeat-y #f7f7f7; width:192px; height:400px;} .aside-left-wrap{padding:25px 0 40px 40px;} .left-menu{overflow:hidden; margin-left:-10px; padding-left:10px;} .left-menu a{display:block; font-size:17px !important; line-height:36px; padding-left:18px;} .left-menu a:hover{color:#7faf42; text-decoration:none;} .left-menu .current, .left-menu .current:hover{background-color:#FFF; box-shadow:0 0 6px RGBA(0,0,0,.11); border-radius:8px 0 0 8px; cursor:default; color:#FEA431;} .left-menu.letters a{text-transform:uppercase;} .courses{margin:0 0 0 -40px; padding:0;} .courses .active, .courses .active:hover{background-color:#FFF; box-shadow:0 0 6px RGBA(0,0,0,.11); border-radius:0; cursor:default; color:#FEA431;} .courses .current, .courses .current:hover, .courses ul .current, .courses ul .current:hover, .courses ul .active, .courses ul .active:hover{box-shadow:none; border-radius:0;} .courses .current{border-radius:0;} .courses ul{display:none; margin-left:10px; margin-right:5px;} .courses .active ul{display:block;} .courses > li > a{ padding-left:10px; padding-right:5px; /* border-bottom: 2px solid #ececec; */ } .courses > li > a:hover{ background-color: #E9E9E9; /* временно */ } .courses ul a {padding-left:0; font-size:15px !important; line-height:normal; color:#858585;} .courses ul .active a {color:#444;} .courses ul .active a:hover {color:#7faf42;} .courses ul .current{color:#7faf42 !important;} .courses .current:hover{box-shadow:none; border-radius:0;} .podcasts{margin-left:-55px;} .podcasts a{font-size:14px !important; line-height:normal !important; text-transform:none!important;} .content-wrap{padding:40px 40px 40px 30px;} .breadcrumbs{font-size:12px; margin:-20px 0 15px; color:#8c8c8c;} .socials-login{float:right; width:290px; margin-left:60px;} .fast-login-form{margin-top:25px;} .fast-login-form .social-login{margin-bottom:10px;} .fast-login-form .form-row{margin-bottom:10px;} .fast-login-form .spacer{text-align:center; position:relative;} .fast-login-form .spacer:before{content:''; display:block; width:100%; height:1px; overflow:hidden; background-color:#dadada; position:absolute; top:10px; z-index:0;} .fast-login-form .spacer span{display:inline-block; background-color:#FFF; padding:0 10px; font-size:16px; line-height:1; position:relative; z-index:1;} .fast-login-form .input-text{width:100%;} .fast-login-form .btn-style{width:100%;} .fast-login-form .btn-fb, .fast-login-form .btn-tw{width:135px;} .fast-login-form .btn-fb{float:right;} .fast-login-form .error input{color:#B94A48; border-color:#B94A48; box-shadow:0 1px 1px #B94A48;} .main-promo-box{padding-bottom:15px;} .main-promo-box h1{margin-bottom:27px; line-height:1;} .main-promo-text p{font-size:20px; line-height:27px;} .main-promo-text p + p{margin-top:16px;} .main-promo-menu{margin:12px -40px; padding:30px 40px 30px 40px; position:relative; background-color:#f7f7f7;} .main-promo-menu:before, .main-promo-menu:after{content:''; background:url(/css/../img/paper_box_bg.png) 50% 0 repeat-x; position:absolute; display:block; height:12px; width:100%; left:0; top:-12px; overflow:hidden;} .main-promo-menu:after{background-position:50% -12px; top:auto; bottom:-12px;} .promo-menu-item{display:table;} .promo-menu-img-td{vertical-align:top; width:380px; display:table-cell;} .promo-menu-img-td-small{vertical-align:top; width:200px; display:table-cell;} .promo-menu-txt-td{vertical-align:middle; display:table-cell; min-width: 264px;} .promo-menu-txt-td + .promo-menu-img-td{text-align:right;} .promo-menu-txt-td + .promo-menu-img-td-small{text-align:right;} .promo-menu-img{display:inline-block; width:330px; height:330px; background-color:#FFF; background-position:50% 50%; background-repeat:no-repeat; border:10px solid #7faf42; border-radius:50%; overflow:hidden; text-align:center; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .promo-menu-img-small{display:inline-block; width:170px; height:170px; background-color:#FFF; background-position:50% 50%; background-repeat:no-repeat; border:4px solid #7faf42; border-radius:50%; overflow:hidden; text-align:center; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .promo-menu-item h2{margin-bottom:12px;} .promo-menu-item p{font-size:18px; line-height:25px; margin-bottom:16px;} .promo-menu-item .btn-style{padding:0 30px; z-index:1;} .main-promo-menu > .spacer{background:url(/css/../img/main_spacer_line.png) 0 0 repeat-x; height:1px; overflow:hidden; margin:20px -40px; clear:both;} .main-promo-reg-txt{padding:40px 0; text-align:center;} .main-promo-reg-txt .text{text-align:left;} .main-promo-reg-img{float:left; margin:0 48px 0 58px; position:relative;} .main-promo-reg-txt ul{overflow:hidden; display:block; padding-top:9px;} .main-promo-reg-txt li{padding-left:16px; position:relative; font-size:18px; line-height:30px;} .main-promo-reg-txt li:before{content:''; display:block; position:absolute; left:0; top:11px; width:8px; height:8px; border-radius:50%; background-color:#7faf42;} .main-promo-reg-txt .btn-style{padding:0 30px; min-width:238px; font-size:20px; font-weight:600;} /*dialogues*/ .catalog-list{overflow:visible;} .catalog-list h2{margin-bottom:20px;} .catalog-list-row{margin-right:-30px;} .catalog-list-item{display:inline-block; vertical-align:top; width:235px; text-decoration:none; text-align:center; margin:0 27px 30px 0;} .catalog-list-item-store{margin:0 34px 30px 0;} .catalog-list .news-more{margin:0 10px 10px 0; width:388px; text-align:left;} .catalog-list-item .task-item-name{color:#FEA431; font-size:18px;} .catalog-list-item:hover .task-item-name{text-decoration:underline;} /*dialogue*/ .dialogue-area{padding-top:15px;} .dialogue-sounds{text-align:center; padding-right:40px; overflow:hidden;} .dialogue-sounds .btn-play + .btn-play{margin-left:20px;} .dialogue-sounds.fixed{position:fixed; top:20%; right:0; width:10px; height:50px; background-color:#fff; box-shadow:0 -1px 1px rgba(255, 255, 255, 0.3) inset; border-radius:10px 0 0 10px; border:1px solid #777; border-right:0; z-index:10;} /*.dialogue-sounds.fixed:hover{width:auto; height:auto;}*/ .phrases_hcard_tb{padding:10px 0; width:100%;} .phrases_hcard_tb table{width:100%;} .phrases_hcard_tb td{width:50%; padding:5px 15px 5px 0; font-size:16px; line-height:20px; text-align:justify; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .phrases_hcard_tb td:first-child{color:#8c8c8c; font-size:14px; padding:5px 0 5px 15px;} .phrases_hcard_tb_three{padding:10px 0; width:100%;} .phrases_hcard_tb_three table{width:100%;} .phrases_hcard_tb_three td{width:33%; padding:5px 15px 5px 0; font-size:16px; line-height:20px; text-align:justify; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .phrases_hcard_tb_three td:first-child{color:#8c8c8c; font-size:14px; padding:5px 0 5px 15px;} .phrases_hcard_tb_four{padding:10px 0; width:100%;} .phrases_hcard_tb_four table{width:100%;} .phrases_hcard_tb_four td{width:25%; padding:5px 15px 5px 0; font-size:16px; line-height:20px; text-align:justify; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .phrases_hcard_tb_four td:first-child{color:#8c8c8c; font-size:14px; padding:5px 0 5px 15px;} .phrases_hcard_tb_five{padding:10px 0; width:100%;} .phrases_hcard_tb_five table{width:100%;} .phrases_hcard_tb_five td{width:20%; padding:5px 15px 5px 0; font-size:16px; line-height:20px; text-align:justify; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .phrases_hcard_tb_five td:first-child{color:#8c8c8c; font-size:14px; padding:5px 0 5px 15px;} .dialogue{padding:10px 0;} .dialogue table{width:100%;} .dialogue td{width:50%; padding:5px 15px 5px 0; font-size:16px; line-height:20px; text-align:justify; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .dialogue td + td{color:#8c8c8c; padding:5px 0 5px 15px;} .dialogue + .actions-row{padding-top:30px;} .actions-row .btn-style + .btn-style{margin-left:15px;} .actions-row .btn-style.float-r + .btn-style{margin-left:0;} .actions-row .btn-style.float-r + .btn-style.float-r{margin-right:15px; margin-left:0;} /*phrases*/ .phrase-area, .bordered-area{border:1px solid #DFDAD6; border-radius:5px; background-color:#FFF0D5; padding:7px;} .phrase-area + .phrase-area{margin-top:10px;} .phrase-wrap, .bordered-wrap{position:relative; border:1px solid #DFDAD6; border-radius:5px; background-color:#FFF; padding:14px 19px 16px; font-size:14px;} .phrase-area .voices{float:right; margin-left:15px; text-align:right;} .phrase-area .voices.left{float:none; margin-left: 0px; text-align:left;} .voices .icon{width:15px; height:20px; vertical-align:top; text-transform:uppercase; cursor:pointer; position:relative; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .voices .icon + .icon{margin-left:10px;} .voices .icon:hover{background-position:0 -25px;} .voices .icon.active{background-position:0 -50px;} .voices .icon > span{display:block; position:absolute; bottom:0; right:-1px; height:10px; width:10px; background-color:#FFF; border-radius:50%; font-size:10px; line-height:8px; text-align:center;} .phrase, .phrase-area .descr{line-height:20px;} .phrase-area .phrase + .descr{margin-top:8px;} .phrase-area label{color:#8c8c8c;} .bordered-area.disabled{background-color:#c5c5c5; border-color:#b3b3b3;} .bordered-area h2{line-height: 1.2;} .disabled .bordered-wrap{border-color:#c5c5c5;} .bordered-area.active{background-color:#fff0d5; border-color:#dfdad6;} .active .bordered-wrap{border-color:#dfdad6;} .bordered-area.clear{background-color:#FEBE89; border-color:#DFAE7B;} .clear .bordered-wrap{border-color:#DFBE89;} /*tabs*/ .tabs{display:none; text-align:justify;} .tabs.active{display:block;} .tab_cont{text-align:center; margin-top:5px;} .tab_cont .active{font-weight:bold;} /*news*/ .sharing, .news .tags{margin-top:15px;} .news .date{ font-size:12px; color:#9e9e9e; margin-bottom:17px; } .news .info{ font-size:12px; color:#9e9e9e; margin-bottom:17px; text-align: center; } .news .info .date{ float: left; } .news .info h1, .news .info h2{ font-size: 12px; color: #9e9e9e; display: inline-block; text-shadow: none; } .news .image_box{text-align:center; margin-bottom:15px;} .sound .btn-play-smal{vertical-align:middle; margin-right:5px;} .sound:hover .btn-play-smal{vertical-align:middle; background-position:-100px -25px;} .sound .list-icon{vertical-align:middle; margin-right:5px;} .sound:hover .list-icon{vertical-align:middle; } .search-tags-cloud{ margin-left: -20px; width: 172px;} .search-tags-cloud a{ color: #447a00; } .search-tags-cloud a:hover{ font-size:16px; } .tags a{ color: #447a00; } .aside-left-wrap h2{ text-align: center; font-size: 20px; margin-bottom: 15px; } /*tests menu*/ .diluting-item + .diluting-item{margin-top:30px;} .diluting-item .image-area{width:170px; height:170px; float:left; margin:0 30px 0 0;} .diluting-item .image-area-square{width:170px; height:170px; float:left; margin:0 30px 0 0;} .diluting-item .descr{line-height:20px; padding:17px 0 15px; text-align:justify;} .diluting-item .btn-style{min-width:136px;} /*tickets*/ .ticket-area{border:1px solid #dfdad6; background-color:#fff0d5; border-radius:5px; padding:7px;} .ticket-content{border:1px solid #dfdad6; background-color:#fff; border-radius:5px; padding:10px 10px 42px; position:relative;} .ticket-stop{position:absolute; left:10px; bottom:10px;} .ticket-restart{position:absolute; right:10px; bottom:10px;} .ticket-menu{text-align:center;} .ticket-descr{font-size:11px; text-align:center; color:#8c8c8c; padding:8px 30px;} .ticket-task-num{font-size:18px; text-align:center; color:#959595; margin:13px 0 0;} .ticket-task{text-align:center; padding:6px 0;} .ticket-task-item{display:inline-block; vertical-align:top; width:235px; margin-bottom:10px; text-decoration:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .ticket-task-item:hover, .ticket-task-item:hover *{text-decoration:none;} .ticket-task-item + .ticket-task-item{margin-left:6px;} .wrong .task-item-block, .correct .task-item-block, .wrong.ticket-task-item, .correct.ticket-task-item{cursor:default;} .image-area{display:block; overflow:hidden; position:relative; width:225px; height:225px; background-color:#fff0d5; border:1px solid #dfdad6; border-radius:50%; padding:4px; margin-bottom:12px;} .image-area.square{border-radius:10px;} .image-area-square{display:block; overflow:visible; position:relative; width:225px; height:225px; background-color:#fff0d5; border:1px solid #dfdad6; padding:4px; margin-bottom:12px;} .image-area-disabled{display:block; overflow:visible; position:relative; width:225px; height:225px; background-color:#c5c5c5; border:1px solid #b3b3b3; border-radius:50%; padding:4px; margin-bottom:12px;} .task-item-image{overflow:visible; position:relative;max-width:100%; max-height:100%; border-radius:50%; border:1px solid #dfdad6; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .task-item-image.square{border-radius:8px;} .task-item-image-square{overflow:visible; position:relative;max-width:100%; max-height:100%; border:1px solid #dfdad6; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .task-item-image-disabled{overflow:visible; position:relative; max-width:100%; max-height:100%; border-radius:50%; border:15px solid #dfdad6; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .wrong .image-area{background-color:#ff5252; border-color:#ff1515;} .correct .image-area{background-color:#7faf42; border-color:#649a20;} .wrong .task-item-image{border-color:#ff1515;} .correct .task-item-image{border-color:#649a20;} .curtain-one, .curtain-two{position:absolute; width:100%; height:100%; background-color:#f9f2ec; left:-100%; top:0; clip:rect(auto 116px auto auto); border-radius:50%;} .curtain-two{clip:rect(auto auto auto 116px); left:auto; right:-100%;} .item-name-wrap{display:block; border:1px solid #dfdad6; background-color:#fff0d5; border-radius:7px; padding:0 4px; margin-bottom:15px;} .task-item-name{color:#363636; font-size:22px; line-height:24px; font-weight:bold; display:inline-block; vertical-align:top;} .wrong .task-item-name{color:#fc3c2f; text-decoration:line-through;} .ticket-nav{text-align:center; padding:6px 30px 3px;} .ticket-task .btn-play{margin:6px 0 16px;} .ticket-sub-info{padding-top:5px; font-size:14px; font-weight:bold; text-align:center;} /*игра слова - learning*/ .learning .task-item-name{padding-right:26px; position:relative; text-decoration:none;} .learning .task-item-name:after{content:''; width:15px; height:20px; right:0; top:3px; position:absolute;} .learning .task-item-name:hover:after{background-position:0 -25px;} .learning .task-item-name.active:after{background-position:0 -50px;} .learning .task-item-name:before{content:''; width:15px; height:20px; left:0; top:3px; position:absolute;} .learning .task-item-name:hover:before{background-position:0 -25px;} .learning .task-item-name.active:before{background-position:0 -50px;} /*checking memorization*/ .memorization .ticket-task{padding-top:16px;} .wrong .item-name-wrap{background-color:#ff5252; border-color:#ff1717;} .correct .item-name-wrap{background-color:#7faf42; border-color:#649a20;} .checking .task-item-name, .memorization .task-item-name{display:block; border:1px solid #dfdad6; border-radius:7px; background-color:#FFF; height:58px; margin:-1px 0; line-height:56px;} .memorization .wrong .task-item-name, .checking .wrong .task-item-name{border-color:#ff1717;} .memorization .correct .task-item-name, .checking .correct .task-item-name{border-color:#649a20;} /*letters*/ .letters .words-list{width:650px; margin-bottom:15px;} .letters .capital-show{text-align:center;} .letters .capital-show > span{display:inline-block; float:none;} .capital-show .current:before{content:''; display:block; position:absolute; left:50%; margin-left:-9px; bottom:-16px; width:18px; height:12px; background:url(/img/sprite.png) -350px -50px no-repeat;} /*endings*/ .endings .task-sentence .sentence-word{cursor:pointer !important;} /*sentence*/ .task-sentence-wrap{text-align:left; margin:15px 0 25px 58px;} .sentence-partial .task-sentence-wrap{margin:10px 0;} .task-sentence:after{content:''; display:block; clear:both;} .sentence-word{display:inline-block; float:left; position:relative; vertical-align:top; background-color:#fff0d5; border:1px solid #dfdad6; border-radius:7px; margin:0 5px 7px 0; padding:0 4px; cursor:pointer; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .sentence-word > span{display:block; border:1px solid #dfdad6; border-radius:7px; background-color:#fff; margin:-1px 0; padding:0 10px; font-size:16px; line-height:28px; text-align:center; min-width:19px;} .sentence-word.drag, .sentence-word.drag > span{background-color:#ffdfa6; border-color:#ffdfa6; opacity:1 !important; cursor:move;} .task-sentence .highlight, .sentence-word.empty-place{display:inline-block; float:left; position:relative; vertical-align:top; border:1px dashed #dfdad6; border-radius:7px; margin:0 5px 7px 0; padding:0 4px; width:60px; height:30px;} .sentence-word.empty-place{background-color:transparent; width:auto; min-width:41px;} .wrong .sentence-word, .wrong.sentence-word{background-color:#ff5252; border-color:#ff1717;} .wrong .sentence-word > span, .wrong.sentence-word > span{border-color:#ff1717;} .correct .sentence-word, .correct.sentence-word{background-color:#7faf42; border-color:#649a20;} .correct .sentence-word > span, .correct.sentence-word > span{border-color:#649a20;} .play .sentence-word, .play.sentence-word{background-color:#ffc872; border-color:#fea923;} .play .sentence-word > span, .play.sentence-word > span{border-color:#fea923;} .active .sentence-word, .active.sentence-word{background-color:#febe89; border-color:#dfae7b;} .active .sentence-word > span, .play.sentence-word > span{border-color:#dfbe89;} .disabled .sentence-word, .disabled.sentence-word{background-color:#c5c5c5; border-color:#b3b3b3; color:#8c8c8c; text-decoration:none !important; cursor:default;} .disabled .sentence-word > span, .disabled.sentence-word > span{border-color:#c5c5c5;} .buy .sentence-word, .buy.sentence-word{cursor: pointer;} .buy .sentence-word:hover, .buy.sentence-word:hover{text-decoration: underline !important;} .sentence-partial .task-sentence{font-size:16px; line-height:30px;} .sentence-partial .task-sentence .sentence-word{margin:0 2px; float:none; cursor:pointer;} /* .sentence-word.sentence-part, .correct .sentence-word.sentence-part, .wrong .sentence-word.sentence-part{background-color:transparent; border-color:transparent; padding:0;} .sentence-word.sentence-part > span, .correct .sentence-word.sentence-part > span, .wrong .sentence-word.sentence-part > span{border-color:transparent; padding:0;}*/ .task-sentence-wrap .btn-play{display:block; position:absolute; margin:4px 0 0 -48px; width:18px; height:24px; background-position:-125px 0;} .task-sentence-wrap .btn-play:hover{background-position:-125px -25px;} .task-sentence-wrap .btn-play.active, .task-sentence .btn-play.active:hover{background-position:-125px -50px;} .words-list{width:256px; margin:30px auto 0; border:1px dashed #dfdad6; border-radius:8px; padding:15px 8px 8px 15px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .words-list .sentence-word{float:none;} .help-box{position:absolute; background-color:#FFF; box-shadow:0 0 5px RGBA(0,0,0,.4); border-radius:8px; padding:10px; left:0; display:none; z-index:15;} .help-box-arr{position:absolute; width:21px; height:14px; background-position:-350px 0; top:-14px; left:127px;} .help-box-arr.bottom{position:absolute; background-position:-350px -25px; top:auto; bottom:-14px; left:127px;} .help-box .tabs{font-size:18px; padding:2px 30px 15px; text-align:center;} .help-box .tabs a{border-bottom-width:2px;} .help-box .tabs a + a{margin-left:40px;} .help-box .tabs .current{color:#303030; border-bottom:0 none;} .hlp-tbl-wrap{border:1px solid #dfdad6; border-radius:8px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .hlp-tbl{font-size:16px; table-layout:fixed; width:100%;} .hlp-tbl .sentence-word{float:none; margin:0;} .hlp-tbl .sentence-word > span{padding:0; min-width:40px;} .hlp-tbl .sentence-word + .sentence-word{margin-left:10px;} .hlp-tbl th, .hlp-tbl td{text-align:center; padding:6px 20px; vertical-align:middle; white-space:nowrap; width:40%; min-height:52px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .hlp-tbl th{border-bottom:1px solid #dfdad6; height:50px;} .hlp-tbl tr th:first-child, .hlp-tbl tr td:first-child{border-right:1px solid #dfdad6; padding-right:20px; width:20%;} .hlp-tbl .gray{font-size:12px; letter-spacing:-1px;} /*alphabel*/ .task-item-letters .btn-play{vertical-align:middle; margin-right:27px;} .task-item-letters .sentence-word{float:none; vertical-align:middle;} .alphabet-letters{width:92.5%; margin-bottom:20px;} .alphabel_nav_list{padding-bottom:10px; text-align:center;} .alphabel_nav_list a{font-size:20px; text-transform:uppercase;} .alphabel_nav_list a + a{margin-left:5px;} .alphabel_nav_list .current, .alphabel_nav_list .current:hover{color:#7faf42; text-decoration:none;} /*task-verbs*/ .task-verbs{width:100%; margin:10px 0 20px;} .task-verbs th{padding-bottom:14px; color:#959595; font-size:18px;} .task-verbs .left-col{width:50%; text-align:left;} .task-verbs .task-sentence-col{width:auto; text-align:left;} .task-verbs .right-col{width:50%; text-align:right;} .task-verbs .task-sentence-wrap{margin-top:0; margin-bottom:7px;} .task-verbs .word-place{min-height:32px; margin-bottom:7px;} .task-verbs .sentence-word{float:none; display:inline-block; margin-bottom:0;} .right-col .sentence-word, .left-col .sentence-word{margin-right:0;} /*statistic*/ .statistic .ticket-stop{right:50%; left:auto; margin-right:5px;} .statistic .ticket-restart{left:50%; right:auto; margin-left:5px; color:#FFF !important; border:1px solid #649a20; background:#72a532; box-shadow:inset 0 -1px 1px RGBA(255,255,256,.15), 0 1px 1px RGBA(0,0,0,.2); background:-webkit-gradient(linear, 0 100%, 0 0, from(#7faf42), to(#649a20)); background:-webkit-linear-gradient(#7faf42 0%, #649a20 100%); background:-moz-linear-gradient(#7faf42 0%, #649a20 100%); background:-o-linear-gradient(#7faf42 0%, #649a20 100%); background:linear-gradient(#7faf42 0%, #649a20 100%); } .statistic .ticket-restart:hover{background-color:#679d2e; text-decoration:none; background:-webkit-gradient(linear, 0 100%, 0 0, from(#72a73a), to(#5b911e)); background:-webkit-linear-gradient(#72a73a 0%, #5b911e 100%); background:-moz-linear-gradient(#72a73a 0%, #5b911e 100%); background:-o-linear-gradient(#72a73a 0%, #5b911e 100%); background:linear-gradient(#72a73a 0%, #5b911e 100%); } .ticket-stat{margin:22px 0;} .ticket-stat:after{content:''; display:block; clear:both;} .ticket-stat .stat-half-col{width:50%; float:left; border:0 none; padding:0; margin:0; list-style:none !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .stat-half-col li{padding:4px 20px 4px 33px; font-size:15px; line-height:17px; margin:0 !important;} .stat-half-col .btn-play-smal{position:relative; margin-left:-23px; margin-right:11px; top:0;} .ticket-stat .correct, .ticket-task-num .green{font-weight:bold; color:#008000;} .ticket-stat .wrong, .ticket-task-num .red{font-weight:bold; color:#fc3c2f;} .peach-val{height:34px; margin-right:20px; padding:0 16px 0 10px; background-color:#fff; border-radius:3px; color:#fea923; font-size:25px; font-weight:bold; line-height:34px; white-space:nowrap;} .peach-info{height:35px; color:#fea923; font-size:25px; font-weight:bold; text-align:right;} .bordered-area .peach-info, .learning .peach-info{position:absolute; top:8px; right:15px;} .ticket-content .peach-info{float:right; margin:-3px 0 0 10px;} .peach-info > .text{font-size:12px; font-weight:normal;} .peach-info + h2, .peach-info + h3, .peach-info + .title{margin-right:105px;} .disabled .ico-peach{background-position:-450px 0;} .disabled .peach-info{color:#9e9e9e;} .disabled .hc-details{top:18px; text-align:center !important;} .peach-rec{color:#fea923; font-size:48px; font-weight:bold; padding:20px 0 25px;} /*summaty tests*/ .summary_info{padding-top:20px; margin-left: -15px; margin-right: -22px;} .summary_info table{width:100%; font-size:14px;} .summary_info th, .summary_info td{border-bottom:1px solid #e8e8e8; border-left:1px dashed #e8e8e8; text-align:center;} .summary_info th{vertical-align:middle; padding:8px 10px; color:#303030; font-size:18px;} .summary_info th:first-child, .summary_info td:first-child{ width:60px; max-width:83px; border-left:0 none;} .summary_info th:first-child + th{width:140px; max-width:180px;} .summary_info th .ico-peach{position:relative; margin-top:-17px;} .summary_info td{padding:9px;} .summary_info td + .th_brgdr{position:relative;} .th_brgdr:before{content:''; position:absolute; top:-8px; left:-11px; width:1px; height:20px; background-color:#fff;} .summary_info .text{padding-top:7px; line-height:16px;} .summary_info .sentence-word{float:none; margin:0; } .summary_info br + .sentence-word{margin-top:7px;} .summary_info .disabled{color:#8c8c8c;} .summary_info tr.free-lvl{background-color: rgb(237, 255, 236);} .summary_info tr.game-lvl{background-color: rgb(251, 247, 255);} /*paging*/ .paging{padding:30px 0 10px; text-align:center; font-size:16px;} .paging > *, .paging > *:hover{display:inline-block; position:relative; width:35px; height:35px; border:1px solid #d5d5d5; border-radius:8px; text-align:center; color:#5d5d5d; line-height:34px; vertical-align:top; text-decoration:none; box-shadow:0 1px 1px RGBA(0,0,0,.1), inset 0 -2px 2px RGBA(255,255,255,.9); background:-webkit-gradient(linear, 0 100%, 0 0, from(#f6f6f6), to(#f0f0f0)); background:-webkit-linear-gradient(#f6f6f6 0%, #f0f0f0 100%); background:-moz-linear-gradient(#f6f6f6 0%, #f0f0f0 100%); background:-o-linear-gradient(#f6f6f6 0%, #f0f0f0 100%); background:linear-gradient(#f6f6f6 0%, #f0f0f0 100%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .paging > .current, .paging > .current:hover{cursor:default; background:-webkit-gradient(linear, 0 100%, 0 0, from(#dad9d9), to(#e9e9e9)); background:-webkit-linear-gradient(#dad9d9 0%, #e9e9e9 100%); background:-moz-linear-gradient(#dad9d9 0%, #e9e9e9 100%); background:-o-linear-gradient(#dad9d9 0%, #e9e9e9 100%); background:linear-gradient(#dad9d9 0%, #e9e9e9 100%); } .paging > .spacer, .paging > .spacer:hover{cursor:default; background:none; border-color:transparent; box-shadow:none;} .paging > .disabled, .paging > .disabled:hover{cursor:default; opacity:.45;} .paging .next:before, .paging .prev:before{content:''; position:absolute; top:50%; left:50%; margin:-6px 0 0 -5px; border-bottom:6px solid transparent; border-bottom:6px solid RGBA(255,255,255,0); border-top:6px solid transparent; border-top:6px solid RGBA(255,255,255,0);} .paging .next:before{border-left:10px solid #5d5d5d;} .paging .prev:before{border-right:10px solid #5d5d5d;} /*add form*/ .type-switch{padding:0 0 20px;} .type-switch:first-child{position:relative; margin-top:-20px;} .type-switch .label{font-size:14px; line-height:20px;} .type-switch .ch-box-inline{margin-left:45px; cursor: pointer;} .add-new-form{padding:18px 20px; border:1px solid #cdcdcd; border-radius:12px/14px;} .submit-row{padding-top:30px; text-align:center;} .add-new-form .form-row + .form-row{margin-top:15px;} .add-new-form .form-row .title{padding-bottom:10px;} .input-box{position:relative;} .input-box .input-text{width:100%;} .three-in-row{float:left; width:234px; padding-left:12px;} .three-in-row:first-child, .title + .three-in-row{padding-left:0;} .three-in-row .input-msg-wrap{width:inherit;} .stat-game-photo{display: inline-block; vertical-align: middle; position:relative; width:80px; height:40px; overflow:hidden; background-color:#fff; border:1px solid #e2e2e2; border-radius:10px; -webkit-box-shadow:0 2px 4px rgba(188,188,188,.75); box-shadow:0 2px 4px rgba(188,188,188,.75); } .user-photo{position:relative; width:124px; height:124px; overflow:hidden; background-color:#fff; border:1px solid #e2e2e2; border-radius:10px; -webkit-box-shadow:0 2px 4px rgba(188,188,188,.75); box-shadow:0 2px 4px rgba(188,188,188,.75); } .user-photo-author{position:relative; width:80px; height:80px; overflow:hidden; background-color:#fff; border:1px solid #e2e2e2; border-radius:10px; -webkit-box-shadow:0 2px 4px rgba(188,188,188,.75); box-shadow:0 2px 4px rgba(188,188,188,.75); } .user-photo-author-mini{position:relative; width:30px; height:30px; border-radius:5px; display: inline-block; vertical-align: middle; } .user-photo > *{border-radius:10px;} .photo-field .user-photo{float:left; margin-right:23px;text-align: center;} .photo-field .user-photo-author{float:left; margin-right:14px;text-align: center;} .user-photo-upload{margin-left:150px;} .photo-field .title{padding-top:64px; line-height:1;} /*.ch-list{}*/ .ch-list .title{float:left; width:105px; padding:4px 0 10px;} .ch-list-wrap{overflow:hidden;} .ch-list .ch-box-area{float:left; width:135px; margin:0 0 20px 20px;} .ch-list .ch-box-area label{display:inline-block; overflow:hidden; width:110px; color:#807f7f; white-space:nowrap; text-overflow:ellipsis;} .order-banner .btn-custom-bnr{float:right; margin-left:25px;} .bnr-place-txt{overflow:hidden; height:80px; border:1px solid #e9e9e9; color:#dcdcdc; font-size:36px; line-height:76px; text-align:center;} .view-banner{position:relative; max-width:726px; overflow:hidden;} .lock-banner{position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,.8); color:#999; font-size:36px; line-height:76px; text-align:center; cursor:default; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .error-banner{color: #E45050;} .comment {bottom: 5px;left: 50%;margin-left: -100px;position: absolute;text-align: center;width: 200px;} /* Forum ******************************/ .forum-area{padding-top:30px;} .forum-nav{margin-bottom:30px;} .forum-nav .search-panel{float:right; position:relative; top:-1px; padding-left:20px;} .search-panel .input-text, .forum-search-filter .input-text, .profile-param .input-text{width:200px; height:32px; -webkit-box-shadow:none; box-shadow:none; } .search-panel .input-text{padding-right:50px;} .search_submit{position:absolute; top:0; right:0; width:50px; height:32px; background:url(/css/../img/ico_search.png) 50% 50% no-repeat;} .forum-nav .nav-item{display:inline-block; vertical-align:top; padding:5px 14px 7px; border:1px solid transparent; color:#828282; font-size:14px; line-height:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .forum-nav .nav-item.current{border-color:#cdcdcd; font-weight:bold; text-decoration:none;} .forum-search-filter{width:344px;} .forum-search-filter label{display:inline-block; vertical-align:top; width:130px; padding:8px 10px 0 0;} .forum-search-filter select{vertical-align:top; width:200px; margin-top:4px;} .forum-search-filter select[multiple]{height:84px;} .forum-search-filter .btn-style{padding:0 20px;} .forum-sr-row{color:#6b6b6b;} .forum-sr-row p{margin-top:8px; line-height:18px;} .forums-backs{margin:-10px 0 20px;} .forums-backs .btn-style{margin-right:12px;} /*.forum-summ-info{}*/ .forum-parent-name{display:block; overflow:hidden; font-size:14px;} .forum-paging{float:right; padding-left:20px; color:#444; line-height:19px; text-align:right;} .paging-info{margin-right:10px;} /*.paging-nav{}*/ .paging-nav .nav-el{display:inline-block; vertical-align:top; min-width:15px; color:#444; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .paging-nav .current, .paging-nav .current:hover{border-bottom:1px solid #ffa51b; text-decoration:none; cursor:default;} .paging-nav .nav-el + .nav-el{margin-left:12px;} .paging-nav .prev, .paging-nav .next{top:-1px; height:20px; width:35px; padding:0; border-radius:0; color:#fff; line-height:18px;} .forums-tbl{width:100%; color:#6b6b6b; margin-bottom:25px;} .forums-tbl th{padding:10px 25px 13px 0; border-bottom:1px solid #cecece; font-weight:bold; text-align:left; vertical-align:middle;} .forums-tbl td{padding:12px 25px 15px 0; border-bottom:1px solid #ececec;} .forums-tbl .no-brdr td{padding-bottom:0; border-bottom:0;} .forums-tbl .forums_val{font-size:14px;} .forums-tbl .last{min-width:20%; padding-right:0;} .forum-area .user-avtr{display:block; width:40px; height:40px; overflow:hidden; border:1px solid #dcdcdc; border-radius:4px; text-decoration:none;} .forum-area .user-avtr img{max-width:100%; max-height:100%;} .forums-tbl .user-avtr{margin-right:13px;} .forums-tbl .user-inf{margin-left:54px; overflow:hidden;} .forums-tbl .user-inf-name{display:inline-block; min-height:2em;} .forums-tbl .date{padding-top:4px; font-size:10px;} .forums-tbl .ch-box-area, .forum-summ-info .ch-box-area{display:inline-block; position:relative; vertical-align:top; margin-right:12px;} .forums-name .btn-style{margin-right:12px;} .forums-name select{margin-left:12px; width:190px;} .forums-name select:first-child{margin-left:0;} .forums-name .ch-box-area{float:left; top:-3px; margin:0 15px 15px 0;} .forums-actions{position:relative; top:-1px;} .forums-actions select{display:inline-block; position:relative; top:1px; width:180px;} .forums-actions .btn-style-lite{height:20px; padding:0 10px; margin-left:8px; line-height:18px;} .forums-actions .btn-style-lite + select{margin-left:12px;} /*.forums-h1{}*/ .forums-h1 th{padding-right:0;} .forums-h1 .btn-style{margin-top:-6px;} /*.posts-tbl{}*/ .posts-tbl .post-unit-act{border-bottom:0;} .post-unit-act{width:90px;} .post-unit-act .ch-box-area{float:left; margin:12px 15px 0 0;} .post-unit-act .user-avtr{float:none; margin:0 12px 0 35px;} .forums-tbl .post-info{padding-right:0;} .post-info .post-mssg{color:#363636; line-height:1.4;} .post-info .date{padding-top:12px; color:#b0b0b0; font-size:10px;} .add-comment{padding:8px 0;} .add-comment-wrap{float:left; width:100%; padding-right:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .add-comment textarea{width:100%; height:26px; min-height:26px; border:1px solid #ffe3b7; border-radius:2px; resize:vertical; -webkit-box-shadow:none; box-shadow:none; } .add-comment .btn-style{float:left; position:relative; width:85px; margin:1px 0 0 -86px; padding:0 2px;} /*.dialogs-tbl{}*/ .dialogs-tbl td{padding-top:15px; padding-bottom:16px; vertical-align:middle;} .dialogs-tbl tr:hover td{background-color:#ffedd1;} .dialogs-tbl td:first-child{width:220px;} .dialogs-tbl td:first-child .user-avtr{float:left;width:50px; height:50px;} .dialogs-tbl td:first-child .user-inf{padding-top:5px;} .forums-tbl .avtr-col{width:57px; padding-right:0;} .dialogs-tbl .last{min-width:70px; max-width:70px; width:70px;} .rem-post-btn{position:relative; width:16px; height:16px; overflow:hidden; padding:0; border:0 none; border-radius:3px; color:#fff; font:12px/16px Verdana, Geneva, sans-serif; text-align:center; text-decoration:none; -webkit-font-smoothing: subpixel-antialiased !important; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; } .dialogs-tbl .rem-post-btn{margin-right:50px;} .mssgs-tbl{border-bottom:1px solid #cdcdcd;} .mssgs-tbl td{padding-top:15px; padding-bottom:16px; border-bottom:0;} .mssgs-tbl tr:hover td{background-color:#ffedd1;} .forums-tbl .check-col{width:75px; padding-right:0; padding-left:25px; vertical-align:middle;} .mssgs-tbl .post-mssg{margin-top:10px; line-height:1.4;} .mssgs-tbl .last{vertical-align:middle; padding-right:20px; text-align:right;} .mssgs-tbl .time{font-size:10px; color:#b0b0b0;} .msg-autors-list{float:left;} .msg-autors-list .item{display:inline-block; position:relative; height:25px; padding:0 45px 0 17px; background-color:#ffd79b; border-radius:5px; color:#fff; font-size:12px; line-height:24px;} .msg-autors-list .item .ico-rem-x{position:absolute; right:8px; top:50%; margin-top:-5px;} .ico-star-w{position:relative; display:inline-block; vertical-align:top; top:5px; width:15px; height:16px; background:url(/css/../img/b_star.png) 0 0 no-repeat;} .add-mssg-box{width:684px; margin:24px auto;} .add-mssg-box .user-avtr{width:80px; height:80px;} .add-mssg-box .this-mssg{position:relative; margin:0 98px;} .add-mssg-box textarea{width:100%; height:82px; min-height:82px; border-radius:4px; resize:vertical; -webkit-box-shadow:none; box-shadow:none; } .add-mssg-box .actions-box{padding-top:15px;} .ico-smile{position:absolute; top:6px; right:6px; width:16px; height:16px; background:url(/css/../img/b_smile.png) 0 0 no-repeat; text-decoration:none; z-index:2;} .forum-profile{width:100%; margin-top:20px;} .forum-profile td:first-child{width:286px; min-width:286px; border-right:1px solid #cdcdcd;} .user-pers-info{padding-right:40px;} .pers-avatar{float:left; width:80px; height:80px; overflow:hidden; margin-right:10px;} .pers-avatar img{max-width:100%; max-height:100%;} .pers-names{overflow:hidden; padding-top:20px;} .pers-nick{color:#fe9500;} .pers-fio{margin-top:8px;} .user-pers-stat{padding-right:40px; color:#6b6b6b;} .user-pers-stat p{padding-top:10px;} .user-pers-stat .label{color:#212121;} .user-pers-stat .time{font-size:10px;} .user-pers-actions{margin-top:50px;} .user-pers-actions .btn-style + .btn-style{margin-left:12px;} .user-activity{padding-left:40px;} .user-activity li{overflow:hidden; padding:13px 0; border-bottom:1px solid #ececec;} .user-activity li:first-child{padding-top:0;} .user-activity .label{float:left; width:152px; padding-right:10px;} .user-activity .value{overflow:hidden;} /*.profile-param{}*/ .profile-param .ch-box-list{display:inline-block; vertical-align:top; padding-top:5px;} .profile-param .ch-box-area{display:block;} .profile-param .ch-box-list .ch-box-area + .ch-box-area{margin-top:10px;} .profile-param > label{display:inline-block; vertical-align:top; width:85px; padding:8px 10px 0 0;} .profile-param select{vertical-align:top; width:222px; margin-top:4px;} .profile-param .input-text{width:222px;} .profile-param textarea{width:222px; height:102px; resize:vertical; -webkit-box-shadow:none; box-shadow:none; } .actions-holder{text-align:right;} .actions-holder .btn-style{min-width:100px;} .actions-holder .btn-style + .btn-style{margin-left:12px;} /* Footer ******************************/ .footer{ position:absolute; bottom:0; width:100%; /*height: 209px;*/ height: 270px; padding:40px; background-color:#303030; color:#FFF; font-size:14px; z-index:3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bottom-menu{font-size:13px; margin-right:65px; line-height: 170%;} .bottom-menu a{color:#c4c4c4;} .socials-links{float:right;} .socials-links > a{width:40px; height:40px; border-radius:8px; margin:10px 1px 0 0;} .tw_link{background-position:-242px 10px; background-color:#28aae1;} .tw_link:hover{background-color:#1d96ca;} .fb_link{background-position:-286px 8px; background-color:#3b5b99;} .fb_link:hover{background-color:#2e4e8b;} .yt_link{background-position:-250px -50px;} .yt_link:hover{opacity:0.7;} .copy + .dev{margin-top:25px;} .whip{display:inline-block; vertical-align:middle; position:relative; margin-left:10px;} .overlay{top:0; width:100%; height:100%; position:absolute; display:none; background-color:rgba(255,255,255,.5); z-index:8;} .popup-mask{display:none; position:fixed; bottom:0; left:0; top:0; width:100%; height:100%; opacity:.37; background:#000; z-index:200;} .popup{position:absolute; padding:7px; background-color:#f9f2ec; border:1px solid #dfdad6; border-radius:5px; z-index:210; display:none;} .popup-area{padding:20px 15px 15px; background-color:#fff; border:1px solid #dfdad6; border-radius:5px;} .popup-card{width:420px; text-align:center;} .popup-area > .title{font-size:24px; margin-bottom:5px;} .advertising{margin-left:-40px; margin-top:20px; text-align:center;} .advertising.min{margin-top:0px;} /* articles */ .article .related { margin: 25px 1% 0px 3%; display: inline-block; vertical-align: top; min-width: 40%; } .article .more { border-bottom: 1px dotted; border-top: 1px dotted; width: 100%; margin: 50px 0 30px 0; padding-bottom: 30px; } .article .related ul { margin-top: 10px; list-style: circle; } .article .related li { margin-left: 1%; line-height: 160%; font-weight: normal; } .article .ol-common , .grammar_article_body .ol-common { padding-left:40px; } .grammar_article_body ul { list-style: circle; } .grammar_article_body ol{ padding: 4px 0 4px 0; list-style-type: decimal; } .grammar_article_body ol li { padding: 4px 0 4px 0; } .grammar_article_body ul li { padding: 4px 0 4px 0; } .grammar_article_body ul, .grammar_article_body ol { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .grammar_article_body table tr, .grammar_article_body table td{ border:1px solid #777; padding:5px; } .grammar_article_body h2{ font-size: 22px; margin: 20px 0 25px 0; } .grammar_article_body img { max-width: 100%; } /*tfbsh*/ div.formated {font-size: 18px; font-family: Arial; text-align: justify;} div.formated p {margin-bottom: 10px;} div.formated ul { list-style: decimal inside none;} div.formated1 {font-size: 18px; text-align: justify;} div.formated1 p {margin-bottom: 10px;} /*div.formated1 ul { list-style: decimal inside none;}*/ div.formated1.font_articles{ font-family: Verdana; font-size: 16px;} div.formated2 { text-align: justify; } div.formated2 p {margin-bottom: 10px;} div.formated2 ul { list-style: decimal inside none;} div.formated3 { text-align: left; } div.formated3 p {margin-bottom: 10px;} div.formated3 ul { list-style: decimal inside none;} table.formated {width: 100%; margin-bottom: 25px;} table.formated td, table.formated th {text-align: center;} table.border td, table.border th {border: 1px solid #000;} table.formated .brdBotOnly {border: none; border-bottom: 1px solid #000;} table.formated .orangeBackgr {background-color: #FCC43F;} table.formated .yellowBackgr {background-color: yellow;} .formated .example {text-align: center; font-size: x-large;} .centreDiv {margin-left: -15px; margin-right: 10px;} .ttl_row{font-size: 16px; text-shadow:none;} .ttl_rowlist{ } .b_back{width: 9%;float: left;} .b_back span{color:#fea431; padding-right: 3px;} .b_edit{width: 9%; float: right; background: url(/img/b_edit.png) no-repeat 0 4px; padding-left: 13px;} .b_flag_teacher_lang{width: 25px; float: right; } .square{border-radius: 0; width: auto; height: 176px; margin-right: 24px;} .square_school{border-radius: 0; width: 225px; height: 225px; margin-right: 0px;} .cont_info{font-size: 16px; color: #303030; font-family: Tahoma;} .cont_info li{font-size: 14px; padding-bottom: 7px;} .cont_info li span{padding-left: 26px;} .a_icon{background: url(/img/a_icon.png) no-repeat;} .a_man{background: url(/img/a_man.png) no-repeat;} .i_icon{background: url(/img/i_icon.png) no-repeat;} .s_icon{background: url(/img/s_icon.png) no-repeat;} .icq_icon{background: url(/img/icq_icon.png) no-repeat;} .cont_inf em, .choose_lang em {width: 7px; height: 7px; background-color: #fde9c4; display: inline-block; border-radius: 50%; margin-right: 4px; margin-bottom: 1px;} .cont_inf td{padding-bottom: 6px; } .choose_lang{margin-top: 10px;} .select_lang{width: 177px; border-color: #d9d9d9; margin-top: 10px;} .centreDiv .sel {font-weight: bold; text-decoration: underline;} .banner-center {margin-bottom: 10px; display: block;} .pop_up_log { background-color: #FFFFFF; border-radius: 8px 8px 8px 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); display: none; padding: 7px 0; position: absolute; top: 41px; /* width: 250px; */ top: 10px; margin-top: 30px; right: -15px; } .pop_up_log:after { background: url("/img/cover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; } .pop_up_log a { color: #303030; font-size: 14px; text-decoration: none; } .pop_up_log .btn:hover{background-color: #F7F7F7;} .pop_up_log .btn{ background-color: #FBFBFB; padding: 8px 0 8px 40px; border-bottom: 1px solid #E1E1E1; } .pop_up_log .my_prof_edit { background: url("/img/a_man.png") no-repeat scroll 11px 8px rgba(0, 0, 0, 0); } .pop_up_log .my_teacher_blank { background: url("/img/my_prof.png") no-repeat scroll 11px 8px rgba(0, 0, 0, 0); } .pop_up_log .my_mng_letters{ background: url("/upload/img/icons_small/letter.png") no-repeat scroll 11px 8px rgba(0, 0, 0, 0); } .pop_up_log .my_mng_orders{ background: url("/img/basket-black.png") no-repeat scroll 13px 10px rgba(0, 0, 0, 0); } .pop_up_log .btn_exit { background: url("/img/ex_icon.png") no-repeat scroll 13px 6px rgba(0, 0, 0, 0); border-bottom: 0px; } h1.store{ margin: 0; font-size: 24px; } .ttl_str_hdr{ font-size: 25px; margin-bottom: 15px; } .line_gray{ display: block; background-color: #e8e8e8; width: 650px; height: 1px; float: right; margin-top: 18px; } .access_list{ margin: 19px 0px 19px 100px ; font-size: 14px; overflow: hidden; } .access_list2{ margin: 19px 0px 19px 20px ; font-size: 14px; overflow: hidden; } .stor_header_01{ padding: 6px 5px; margin: 26px 0; background: url(/img/letters.png) no-repeat #efffda 100% 0; } .stor_header_02{ padding: 6px 5px; margin: 26px 0; background: url(/img/price_big_banner.png) no-repeat #efffda 100% 0; } .stor_header_03{ padding: 6px 5px; margin: 26px 0; background-color: #EAEBFF; } .stor_header_03 table{width: 100%;} .access_list li{ background: url(/img/mark_list.png) no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 8px;} .access_list2 li{ background: url(/img/mark_list.png) no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 8px;} .access_list li:last-child{background: none;} .access_list2 li:first-child{background: none;} .access_list2 li:last-child{background: none;} .subscription { font-size: 16px; margin-bottom: 7px; float: right; margin-top: -50px; margin-right: 150px; } .subscription.bundle{ float: none; margin: 0 0 30px 0; } .subscription .button_orange{ margin-top: 0; padding-top: 2px; height: 24px; } .subscription p{ float: right; margin-top: -131px; } .subscription img{margin-left: 40px;} .subscription em{ color: #699e26; font-size: 18px; font-style: normal; font-weight: bold; } .tab_product{ margin: 26px 0; width: 100%; } .tab_product .product{ display: inline-block; margin-bottom: 26px; width: 100%; } .tab_product .product .descr{ display: inline-block; /* width: 540px; */ width: 480px; } .tab_product .product{ display: inline-block; margin-bottom: 26px; width: 100%; } .tab_product tr{ /* padding: 12px 0; */ } .tab_product .button_orange { } .logo_product{ float: left; margin-right: 13px; border-radius: 6px; display: inline-block; } .ttl_prdc{ font-size: 14px; font-weight: bold; margin-bottom: 14px; } .ttl_prdc.bundle{ margin-bottom: 5px; margin-top: 5px; } .button_prc{ background: url(/img/btn_green.png) no-repeat; width: 140px; height: 22px; text-align: center; padding-top: 4px; cursor: pointer; } .button_prc a{ color: #fff; margin-left: -20px; text-decoration: none; font-size: 14px; font-weight: bold; } .button_prc:hover{ background: url(/img/btn_green_h.png) no-repeat; } .tab_product .button_prc{ margin-left: 35%; margin-top: 21%; } .orn_btn{ background: url(/img/btn_orn.png) no-repeat; } .orn_btn:hover{ background: url(/img/btn_orn_h.png) no-repeat; } .price.bundle{ margin-right: 0px; margin-bottom: 20px; text-align: center; } .bundle.discount{ color: #7faf42; text-shadow: 0 1px 0 #55732E; font-size: 45px; letter-spacing: 2px; } /*Authorization*/ .a-block { float: left; width: 300px; } .a-block p { color: #939393; font-family: "OpenSans-Light", sans-serif; font-size: 14px; margin-bottom: 17px; } .a-block input { width: 277px; height: 36px; border: 1px solid #d8d8d8; border-radius: 8px; background-clip: padding-box; background-color: #fff; box-shadow: inset 2px 3px 3px rgba(0,0,0,.05); margin-bottom: 10px; padding-left: 9px; color: #b9b9b9; /* text color */ font-family: "OpenSans", sans-serif; font-size: 16px; } p.a-title { color: #e9a735; font-family: "OpenSans", sans-serif; font-size: 26px; text-shadow: 0 1px 0 #e06d22; margin-bottom: 9px; } .icon-42{background-image:url(/css/../img/man-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .icon-43{background-image:url(/css/../img/men-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .gender-icon-39{background-image:url(/css/../img/man-gender-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .gender-icon-40{background-image:url(/css/../img/women-gender-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} .gender-icon-41{background-image:url(/css/../img/mid-gender-icon.png); background-repeat:no-repeat; overflow:hidden; display:block;} p.a-title { color: #e9a735; font-family: "OpenSans", sans-serif; font-size: 26px; text-shadow: 0 1px 0 #e06d22; margin-bottom: 9px; } .a-block .button_orange{ width: 288px; height: 31px; padding-top: 7px; } .a-block .button_orange a { color: #fff; font-family: "Myriad Pro", sans-serif; font-size: 20px; } .text_info { margin-top: 40px; } .text_info p { color: #939393; font-family: "Myriad Pro"; font-size: 14px; margin-bottom: 17px; } /*Card*/ .card-wrap { padding: 22px 16px 40px 29px } .card-head { padding-left: 35px; margin-top: 28px; } .cart_product { margin-left: 4px; width: 100%; } .cart_product td { /* padding-bottom: 16px; */ border-bottom: 1px solid #e8e8e8; padding: 10px 0px 10px 0px; } .cart_product .c-logo { width: 81px; } .cart_product .c-title { width: 540px; } .cart_product .c-price { width: 104px; } .cart_product .c-close { width: 25px; } .cart_product .ttl_prdc { color: #ebb13d; /* text color */ font-family: "OpenSans", sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 4px; } .card-catag { color: #e9a735; /* text color */ font-family: "OpenSans", sans-serif; font-size: 18px; text-shadow: 0 1px 0 #e06d22; /* drop shadow */ position: relative; margin-bottom: 6px; } .txt-gray { color: #939393; /* text color */ font-family: "OpenSans", sans-serif; font-size: 14px; } .card-catag .line_gray { width: 88%; } .cart_product p.price { font-weight: normal; margin-top: 8px; } .sup-prod { width: 124%; margin-top: 18px; } .sup-prod td { padding-bottom: 17px; } .sup-logo { width: 88px; } .sup-info { width: 400px; } .sup-price { width: 70px; } .sup-check { width: 20px; } .green_ttl_prdc { color: #87be7b; font-family: "OpenSans", sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 4px; } .price-gray { color: #cbcbcb; /* text color */ font-family: "OpenSans", sans-serif; font-size: 26px; text-shadow: 0 1px 0 #898989; /* drop shadow */ } .sup-prod .ch-box-area {margin: 11px 0 0 10px;} .niceCheck { width: 17px; height: 18px; display: inline-block; cursor: pointer; background: url(/img/checkbox.png) no-repeat; } .niceCheck input { display: none; } .total { text-align: right; margin-right: 44px; } .total p{ color: #949494; } .payment { margin-top: 36px; } .pay-logo { width: 105px; } .var-payment { margin: 20px 0 12px; } .p-logo { float: left; margin-right: 15px; padding: 5px 10px; border-radius: 4px; cursor: pointer; border: 1px solid transparent; } .p-logo:hover, .p-logo:active, .p-logo.active { border: 1px solid #e6962a; } .var-payment .ttl_prdc { color: #ebb13d; /* text color */ font-family: "OpenSans", sans-serif; font-size: 14px; font-weight: normal; margin: 0; } .big-ogange { width: 290px; height: 33px; padding-top: 5px; margin: 40px 0; float: right; } .big-ogange a { font-size: 20px; } .ico-book { width: 19px; height: 24px; position: absolute; left: -33px; top: -5px; background-position: 0px -200px; } .ico-video { width: 33px; height: 24px; position: absolute; left: -39px; top: -3px; background-position: -25px -200px; } .ico-subscrip { width: 18px; height: 24px; position: absolute; left: -33px; top: -3px; background-position: -75px -200px; } .ico-audio { width: 29px; height: 26px; position: absolute; left: -33px; top: -3px; background-position: -100px -200px; } .ico-close-store { width: 21px; height: 21px; display: block; cursor: pointer; margin: 12px 0 0 2px; background-position: -150px -200px; } .ico-close-store:hover, .ico-close-store:active { background-position: -176px -200px; } /*Форма регистрации*/ .reg-form{ background: url(/css/../img/reg-bg.png) no-repeat; width: 543px; height: 643px; position: fixed; right: 0px; bottom: 0px; z-index: 9999 } .reg-form .ico-close{ width: 37px; height: 37px; background: url(/css/../img/ico-close.png) no-repeat; position: absolute; left: 335px; top: 40px; display: block; } .reg-form .js_registr_form { margin: 44px 0 0 76px; width: 236px; } .reg-form .input-text{ border: 1px solid #ccbe6e; height: 33px; width: 100%; } .reg-form .form-row{ margin-bottom: 8px; } .reg-form .profile-param{ margin-bottom: 8px; } .js_registr_form-ttl{ font-size: 23px; line-height: 24px; color: #e3971e; font-family: Verdana, Arial; margin-bottom: 14px; } .reg-form .btn-style{ height: 33px; font-size: 14px; line-height: 30px; width: 100%; } .reg-form label { line-height: 14px; max-width: 206px; } .reg-form-2{ max-width: 787px; position: relative; top:-35px; } .left-reg-bg{ position: absolute; left: 0; top: 0; z-index: 1; } .right-reg-bg{ position: absolute; right: 0; top: 0; z-index: 1; } .reg-form-2 .js_registr_form{ width: 390px; margin: 0 auto; padding-top: 6px; } .reg-form-2 .input-text{ height: 30px; width: 190px; font-size: 15px; } .reg-form-2 .form-row{ width: 190px; margin-bottom: 8px; float: left; } .reg-form-2 .right{ margin-left: 9px; } .reg-form-2 .btn-style{ height: 30px; width: 100%; padding: 0; font-size: 15px; line-height: 28px; } .reg-form-2 label{ max-width: 360px; } .pop_up_phrase_alert { display: none; padding: 10px; width: 270px; position: absolute; margin-left: -105px; margin-top: 15px; background-color: #FFF; box-shadow: 0 0 5px RGBA(0,0,0,.4); border-radius: 8px; z-index: 500; text-align: center; font-size: 18px; } .pop_up_phrase_alert:before { content: ''; position: absolute; width: 21px; height: 14px; background-position: -350px 0; left: 120px; top: -14px; background-image: url(/css/../img/sprite.png); background-repeat: no-repeat; overflow: hidden; display: block; } /*Со страницы словаря*/ .btn-style.btn-xxsml{ font-size: 19px; line-height: 13px; height: 16px; padding: 0 2px; vertical-align: middle; border-radius: 2px; } .gray_text { color: gray; } .gray_text a{ color: gray; } /*Убрать кнопку СКАЧАТЬ ДЕСКТОПНОЕ ПРИЛОЖЕНИЕ ЧАТА*/ .bx-messenger-call-overlay{display:none;} /* Строка выбора сложности в тестах, в словаре*/ div.level-test-sw { float: right; font-size: 18px; } div.level-test-sw a { font-size: 15px; line-height: 220%; text-decoration: none; color: #000; border-width: 1px; border-style: solid; border-color: #CED6E4 #9CADC9 #9CADC9 #CED6E4; padding: 3px 3px; margin: 0 3px 0 0; border-radius: 8px; } div.level-test-sw a.selected { background-color: #FFFCC1; border-color: #E8BE8B #D07C17 #D07C17 #E8BE8B; font-size: 18px; } /* Управление словарём */ .voc_mng_table td:first-child { border-right: 1px solid #cdcdcd; } table.voc_mng_table { vertical-align: top; } .vocabulary-tbl td:first-child{ padding-left: 15px; } .vocabulary-tbl th:first-child{ padding-left: 15px; } .vocabulary-tbl {width:100%; color:#6b6b6b; margin-bottom:25px;} .vocabulary-tbl th{ padding:10px 25px 13px 0; border-bottom:1px solid #cecece; font-weight:bold; text-align:left; vertical-align:middle; } .vocabulary-tbl td{padding:12px 25px 15px 0; border-bottom:1px solid #ececec;} .vocabulary-tbl .default_voc{background-color: rgb(237, 255, 236);} /* Серый текст */ .gray_text { color: gray; } .gray_text a{ color: gray; } /* Предложение изменить язык сайта для неавторизованных */ .lang-change-suggest { /* width: 100%; */ padding: 20px; font-size: 25px; /* background-color: #f7f7f7; */ text-align: center; background:-webkit-linear-gradient(#f7f7f7 92%, #fea923 100%); background:-moz-linear-gradient(#f7f7f7 92%, #fea923 100%); background:-o-linear-gradient(#f7f7f7 92%, #fea923 100%); background:linear-gradient(#f7f7f7 92%, #fea923 100%); } .ico-close-lang-suggest { width: 21px; height: 21px; cursor: pointer; margin: 6px 0 0 2px; float: right; background-position: -150px -200px; } .ico-close-lang-suggest:hover, .ico-close-lang-suggest:active { background-position: -176px -200px; } /* Нотификация (прямоугольные подсказки) */ .notify { background-color:#e3f7fc; color: #555; border: 2px solid; border-color: #8ed9f6; border-radius:10px; font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 16px; padding:5px 10px 10px 10px; margin: 20px 0px 20px 0px; cursor: default; } .symbol { font-family: Times New Roman; border-radius: 50%; padding: 1px 10px 2px 10px; font-weight: bolder; margin-right: 5px; line-height: 200%; } .icon-excl { background: #ffd54b; color: black; } .notify-yellow { background: #FFFCF9; border-color: #f7deae; } .notify-orange { background: #FFF8DE; border-color: #E9AF75; } .notify-red { background: #FDEDED; border-color: #C91C2E; } .notify-green { background: #F0FFF5; border-color: #329818; } /* Список преподавателей, активных в скайпе */ .teacher-status { width: 192px; overflow: hidden; max-width: 100%; max-height: 100%; } .teacher-status .teacher { border-bottom: 3px solid #ececec; padding: 8px 0px 3px 8px; /* padding: 15px 0px 9px 0px; */ } .teacher-status .teacher:first-child{ border-top: 3px solid #ececec; } .teacher-status .user-avtr { display: inline-block; width: 40px; height: 40px; overflow: hidden; border: 1px solid #dcdcdc; border-radius: 4px; text-decoration: none; float: left; } .teacher-status .user-avtr img { max-width: 100%; max-height: 100%; } .teacher-status .user-inf { display: inline-block; overflow: hidden; margin: 0px 0px 0px 5px; width: 127px; white-space: nowrap; } .teacher-status .user-inf-name { font-size: 14px; white-space: nowrap; } .teacher-status .user-inf .status-area { position:relative; vertical-align: middle; margin: 3px 0px 0px 0px; } .teacher-status .user-inf .icon-skype { margin: 0px 3px 4px 0px; vertical-align: middle; } /* Маленькие баннеры преподавателей */ .banner-small{float: left; width: 100px;} .banner-small .bordered-wrap{padding: 9px;} .banner-small.bordered-area.diluting-item{margin-top: 0px; margin-bottom: 10px;} .banner-small .ttl_row{text-align: center;} /* Быстрые ссылки в левом меню */ .left-menu-area { width: 192px; overflow: hidden; max-width: 100%; max-height: 100%; } .left-menu-area .item { border-bottom: 2px solid #ececec; padding: 15px 0px 9px 8px; min-height: 67px; } .left-menu-area:hover{ background-color: #E9E9E9; } .left-menu-area .link-icon { display: inline-block; width: 65px; height: 65px; overflow: hidden; border: 1px solid #dcdcdc; border-radius: 4px; text-decoration: none; float: left; } .left-menu-area .link-icon img { max-width: 100%; max-height: 100%; } .left-menu-area .link-text { word-wrap: break-word; display: inline-block; width: 110px; font-size: 16px; } /* Книги в магазине */ .shop-books { width: 380px; display: inline-block; overflow: hidden; margin: 0px 10px 15px 0px; } .shop-books .bordered-wrap{ min-height: 185px; padding: 14px 14px 16px; } .shop-books .book-icon { display: inline-block; max-width: 140px; max-height: 180px; overflow: hidden; border: 1px solid #dcdcdc; border-radius: 4px; text-decoration: none; margin-right: 15px; margin-bottom: 15px; float: left; } .shop-books .book-icon img { max-width: 100%; max-height: 100%; } .shop-books .book-name { font-size: 14px; font-weight: bold; margin-bottom: 14px; } .shop-books .book-text { word-wrap: break-word; font-size: 13px; } /* всплывающий переводчик Google/Яндекс */ .transhelpbox{ max-width: 350px; min-width: 250px; font-size: 15px; } .transhelpbox .result-area{ /* margin: 15px 0px 10px 0px; */ margin: 20px 0px 30px 0px; } .transhelpbox .translated_by{ border-top: 1px solid #D4D4D4; text-align: right; padding-top: 3px; } /* иконка поиска в верхнем меню */ .search-svg-icon { display: inline-block; width: 20px; height: 20px; background-size: 20px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDg1LjIxMyA0ODUuMjEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODUuMjEzIDQ4NS4yMTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDcxLjg4Miw0MDcuNTY3TDM2MC41NjcsMjk2LjI0M2MtMTYuNTg2LDI1Ljc5NS0zOC41MzYsNDcuNzM0LTY0LjMzMSw2NC4zMjFsMTExLjMyNCwxMTEuMzI0ICAgIGMxNy43NzIsMTcuNzY4LDQ2LjU4NywxNy43NjgsNjQuMzIxLDBDNDg5LjY1NCw0NTQuMTQ5LDQ4OS42NTQsNDI1LjMzNCw0NzEuODgyLDQwNy41Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTM2My45MDksMTgxLjk1NUMzNjMuOTA5LDgxLjQ3MywyODIuNDQsMCwxODEuOTU2LDBDODEuNDc0LDAsMC4wMDEsODEuNDczLDAuMDAxLDE4MS45NTVzODEuNDczLDE4MS45NTEsMTgxLjk1NSwxODEuOTUxICAgIEMyODIuNDQsMzYzLjkwNiwzNjMuOTA5LDI4Mi40MzcsMzYzLjkwOSwxODEuOTU1eiBNMTgxLjk1NiwzMTguNDE2Yy03NS4yNTIsMC0xMzYuNDY1LTYxLjIwOC0xMzYuNDY1LTEzNi40NiAgICBjMC03NS4yNTIsNjEuMjEzLTEzNi40NjUsMTM2LjQ2NS0xMzYuNDY1Yzc1LjI1LDAsMTM2LjQ2OCw2MS4yMTMsMTM2LjQ2OCwxMzYuNDY1ICAgIEMzMTguNDI0LDI1Ny4yMDgsMjU3LjIwNiwzMTguNDE2LDE4MS45NTYsMzE4LjQxNnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNzUuODE3LDE4MS45NTVoMzAuMzIyYzAtNDEuODAzLDM0LjAxNC03NS44MTQsNzUuODE2LTc1LjgxNFY3NS44MTZDMTIzLjQzOCw3NS44MTYsNzUuODE3LDEyMy40MzcsNzUuODE3LDE4MS45NTV6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } /* панель мессенджера */ .bx-im-mobile .bx-notifier-panel { bottom: 8px!important; right: 50px!important; } /* disable mouse selection */ .noselect, .button, .btn { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } audio{display:none;} /* End */ /* Start:/css/mmenu/jquery.mmenu.all.css?148085170846947*/ .mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box} .mm-btn,.mm-menu{box-sizing:border-box} .mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none} .mm-hidden{display:none!important} .mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block} .mm-wrapper{overflow-x:hidden;position:relative} .mm-menu{padding:0;position:absolute} .mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute} .mm-btn,.mm-panel.mm-highest{z-index:1} .mm-panels{overflow:hidden} .mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} .mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px} .mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px} .mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px} .mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important} .mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px} .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent} .mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block} .mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto} .mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto} .mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:19px} .mm-btn{width:40px;height:40px;position:absolute;top:0} .mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px} .mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px} .mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-prev:before{border-right:none;border-bottom:none;left:23px} .mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px} .mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0} .mm-navbar>*{display:block;padding:10px 0} .mm-navbar .mm-btn:first-child{padding-left:20px;left:0} .mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0} .mm-panel .mm-navbar{display:none} .mm-panel.mm-hasnavbar .mm-navbar{display:block} .mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0} /* .mm-listview{font:inherit;font-size:14px;line-height:20px} */ .mm-listview{font:inherit;font-size:1.7em;line-height:1.7em} .mm-listview>li{position:relative} .mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit} .mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0} .mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px} .mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:20px} .mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2} /* .mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0} */ .mm-listview .mm-next:before{content:'';border-left-width:2px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0} .mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px} .mm-listview .mm-next.mm-fullsubopen{width:100%} .mm-listview .mm-next.mm-fullsubopen:before{border-left:none} .mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0} .mm-panels>.mm-panel>.mm-listview{margin:20px -20px} .mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px} .mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0} .mm-listview .mm-inset>li{padding:5px 0} .mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px} .mm-listview .mm-spacer{padding-top:40px} .mm-listview .mm-spacer>.mm-next{top:40px} .mm-listview .mm-spacer.mm-divider{padding-top:25px} .mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)} .mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)} .mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)} .mm-menu .mm-listview{border-color:rgba(0,0,0,.1)} .mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)} .mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)} .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)} .mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative} .mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1} html.mm-opened{overflow-x:hidden;position:relative} html.mm-blocking,html.mm-blocking body{overflow:hidden} html.mm-background .mm-page{background:inherit} #mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2} html.mm-blocking #mm-blocker{display:block} .mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed;width:80%;min-width:140px;max-width:440px} .mm-menu.mm-offcanvas.mm-current{display:block} html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)} } .mm-menu.mm-autoheight.mm-bottom,.mm-menu.mm-autoheight.mm-top{max-height:80%} .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-autoheight.mm-top.mm-fullscreen{max-height:100%} .mm-menu.mm-measureheight .mm-panel{display:block!important} .mm-menu.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important} .mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform} .mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-offcanvas.mm-columns-0{width:80%;min-width:140px;max-width:0} html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)} .mm-menu.mm-offcanvas.mm-columns-1{width:80%;min-width:140px;max-width:440px} html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)} } .mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)} .mm-menu.mm-offcanvas.mm-columns-2{width:80%;min-width:140px;max-width:880px} html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)} } .mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)} .mm-menu.mm-offcanvas.mm-columns-3{width:80%;min-width:140px;max-width:1320px} html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)} } .mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)} .mm-menu.mm-offcanvas.mm-columns-4{width:80%;min-width:140px;max-width:1760px} html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)} } .mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)} .mm-menu.mm-offcanvas.mm-columns-5{width:80%;min-width:140px;max-width:2200px} html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)} } .mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)} .mm-menu.mm-offcanvas.mm-columns-6{width:80%;min-width:140px;max-width:2640px} html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)} } .mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%} /* em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%} */ em.mm-counter{font:inherit;font-size:1.2em;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%} em.mm-counter+a.mm-next{width:90px} em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px} em.mm-counter+a.mm-fullsubopen{padding-left:0} .mm-vertical>.mm-counter{top:12px;margin-top:0} .mm-vertical.mm-spacer>.mm-counter{margin-top:40px} .mm-nosubresults>.mm-counter{display:none} .mm-menu em.mm-counter{color:rgba(0,0,0,.3)} .mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px} .mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .mm-collapsed:not(.mm-uncollapsed){display:none} .mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-fixeddivider:after{content:none!important;display:none!important} .mm-hasdividers .mm-fixeddivider{display:block} .mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)} html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s} .mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%} html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1} html.mm-dropdown .mm-menu{z-index:2} html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none} .mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .mm-menu.mm-tipleft:before{left:22px} .mm-menu.mm-tipright:before{right:22px} .mm-menu.mm-tiptop:before{top:-8px} .mm-menu.mm-tipbottom:before{bottom:-8px} .mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform} .mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit} .mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-iconpanel .mm-panel.mm-iconpanel-0{left:0} .mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px} .mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px} .mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px} .mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px} .mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px} .mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px} .mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} .mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3} .mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none} .mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0} .mm-navbar-bottom~.mm-navbar-bottom{border-top:none} .mm-navbar.mm-hasbtns{padding:0 40px} .mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left} .mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px} .mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px} .mm-navbar .mm-breadcrumbs>a{text-decoration:underline} .mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px} .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0} .mm-navbar-top-1{top:0} .mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px} .mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px} .mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px} .mm-hasnavbar-top-4 .mm-panels{top:160px} .mm-navbar-bottom-1{bottom:0} .mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px} .mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px} .mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px} .mm-hasnavbar-bottom-4 .mm-panels{bottom:160px} .mm-navbar-size-2{height:80px} .mm-navbar-size-3{height:120px} .mm-navbar-size-4{height:160px} .mm-navbar-content-2>*{width:50%} .mm-navbar-content-3>*{width:33.33%} .mm-navbar-content-4>*{width:25%} .mm-navbar-content-5>*{width:20%} .mm-navbar-content-6>*{width:16.67%} .mm-sronly{text-indent:10px;overflow:hidden;display:block;width:1px;height:1px;position:absolute;z-index:-1} .mm-search,.mm-search input{box-sizing:border-box} .mm-search{height:40px;padding:7px 10px 0;position:relative} .mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:26px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px} .mm-search input::-ms-clear{display:none} .mm-search .mm-clear,.mm-search .mm-next{right:0} .mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0} .mm-panel.mm-hassearch{padding-top:40px} .mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px} .mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px} .mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0} .mm-noresults .mm-indexer{display:none!important} li.mm-nosubresults>a.mm-next{display:none} li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px} .mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)} .mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)} .mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-indexer a{text-decoration:none;display:block;height:3.85%} .mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px} .mm-hasindexer .mm-indexer{right:0} .mm-hasindexer .mm-fixeddivider{right:20px} .mm-menu .mm-indexer a{color:rgba(0,0,0,.3)} .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease} .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)} input.mm-check,input.mm-toggle{position:absolute;left:-10000px} label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px} label.mm-check:before,label.mm-toggle:before{content:'';display:block} label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px} label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px} input.mm-toggle:checked~label.mm-toggle:before{float:right} label.mm-check{width:30px;height:30px;margin-top:-15px} label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} input.mm-check:checked~label.mm-check:before{opacity:1} li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px} label.mm-toggle+a,label.mm-toggle+span{padding-right:80px} label.mm-check+a,label.mm-check+span{padding-right:60px} a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px} a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px} a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px} a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px} em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px} em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px} .mm-menu label.mm-toggle{background:rgba(0,0,0,.1)} .mm-menu label.mm-toggle:before{background:#f3f3f3} .mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu label.mm-check:before{border-color:rgba(0,0,0,.7)} .mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none} .mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important} .mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px} .mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease} html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} .mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease} html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)} html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1} .mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)} .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms} .mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0} html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} .mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0} html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1} .mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%} html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0} .mm-menu.mm-offcanvas.mm-fullscreen{width:100%;min-width:140px;max-width:10000px} html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} @media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)} } html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} @media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)} } @media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)} } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px} html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important} .mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0} .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal} html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0} html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s} html.mm-pagedim #mm-blocker{background:inherit} html.mm-pagedim-white #mm-blocker{background:#fff} html.mm-pagedim-black #mm-blocker{background:#000} .mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} .mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%} .mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after{content:none;display:none} .mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)} html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1} html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1} html.mm-popup .mm-menu{z-index:2} .mm-menu.mm-offcanvas.mm-right{left:auto;right:0} html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)} @media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)} } @media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)} } html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-front #mm-blocker{z-index:1} html.mm-front .mm-menu.mm-offcanvas{z-index:2} .mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} .mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto;bottom:0} .mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px} html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)} .mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)} .mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)} .mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)} .mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)} .mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)} .mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)} .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)} .mm-menu.mm-theme-dark label.mm-toggle:before{background:#333} .mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)} .mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)} .mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)} .mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)} .mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)} .mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)} .mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)} .mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)} .mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)} .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)} .mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)} .mm-menu.mm-theme-white label.mm-toggle:before{background:#fff} .mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)} .mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)} .mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)} .mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)} .mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)} .mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)} .mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none} .mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)} .mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)} .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)} .mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)} .mm-menu.mm-theme-black label.mm-toggle:before{background:#000} .mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both} .mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none} .mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative} .mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1} .mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%} .mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0} .mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto} .mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0} .mm-menu.mm-tileview .mm-listview{margin:0} /* Иконки */ .mm-listview .icon_flag { display: inline-block; padding: 0px; } .mm-listview .mm-textcolor { color: #494949; } .mobilemenu .slink { padding-left: 40px; margin-left: 10px; /* background-position-y: 50% !important; */ background-position: 8px 50% !important; } .mobilemenu .my_prof_edit { background: url('/img/a_man.png') no-repeat scroll 11px 8px rgba(0, 0, 0, 0); } .mobilemenu .my_mng_letters { background: url('/upload/img/icons_small/letter.png') no-repeat scroll 11px 8px rgba(0, 0, 0, 0); } .mobilemenu .my_mng_orders { background: url('/img/basket-black.png') no-repeat scroll 13px 10px rgba(0, 0, 0, 0); } .mobilemenu .btn_exit { background: url('/img/ex_icon.png') no-repeat scroll 13px 6px rgba(0, 0, 0, 0); } /* Скайп */ .mm-panels .mmuser-avatar { display: inline-block !important; width: 70px; height: 70px; overflow: hidden; border: 1px solid #dcdcdc; border-radius: 4px; text-decoration: none; float: left; } .mm-panels .mmuser-name { display: inline-block !important; margin: 0px 10px 0px 10px; float: left; width: 140px; position: absolute; white-space: nowrap; } .mm-panels .mmuser-skypestatus { display: inline-block !important; margin: 0px 10px 0px 10px; float: left; } .mm-panels .mm-nocounter .mm-counter{ display: none !important; } .mm-panels .mm-big-teacher-avatar{ border: 1px solid rgba(160, 154, 148, 0.6); border-radius: 50%; width: 72px; height: 72px; display: inline-block; overflow: hidden; position: relative; background-color: #fff0d5; padding: 4px; margin-bottom: 12px; } .view-profile{ padding: 25px 0 !important; background-color: #fff; text-align: center; color: #ff7d0e !important; } .mm-panels .mm-nodecoration a{ text-decoration:none; } .mm-panels .mail_icon { background: url(/img/i_icon.png) no-repeat; padding-left: 30px; background-position: 2px 50%; } .mm-panels .home_icon { background: url(/img/a_icon.png) no-repeat; padding-left: 30px; background-position: 0 50%; } .mm-panels .dskype_icon { vertical-align: middle !important; padding-right: 5px; } /* End */ /* Start:/css/mobile/mobile.css?15020194999737*/ /* Десктопы */ .footer{ clear:both; position: initial !important; /* position:absolute; */ /* bottom:0; */ width:100%; height: initial !important; padding:40px; background-color:#303030; color:#FFF; font-size:14px; z-index:3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; } .content-mobile .aside-left-wrap { padding: 25px 0 0 0; } .content-mobile .left-menu.courses { margin: 0; } .content-mobile .advertising { margin-left: 0; } .content-mobile .aside-left { height: initial; } .pt1 { padding-top:100px; } .r { border:1px solid red; } .mt1 { } .mr1 { margin-right:20px; } .main-promo-text{ float:left; width:600px; } .mttop { top:0px!important; } .mttop-main { top:0px!important; } .menutop { display:none; } .labeltxt { width:90%; margin-bottom:10px; } /*.banner-small.diluting-item + .banner-small.diluting-item{ margin-right: 25px; } */ .cb { clear:both; } .splCont {display:none; padding:5px 15px; margin:-5px 0 0 0; background:#fff; border:2px solid #bbb; } .spoiler-style{ display:block; width:100%; border:2px solid #fe9c24; background:#fff; cursor: pointer; text-decoration:none; border-radius:8px; color:#fe9c24; font-size:1.2em; line-height:1.4em; text-align:center; text-decoration:none; /* height:40px; */ padding:5px 10px; display:inline-block; position:relative; box-shadow:inset 0 -1px 2px RGBA(255,255,256,.2), 0 1px 1px RGBA(0,0,0,.2); text-decoration:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } .spoiler-style:hover{ background: rgb(238,238,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ color:#5d5d5d; border:2px solid #bbb; text-decoration:none; } .spoilerbox { margin:30px 0 0 0; } .mkey-search { display:none; float: left; margin: 12px 30px 13px 13px; } .reg-form-3{ text-align:center; margin:0 auto; } .left-menu { padding-left: 0px; } .aside-left { width: 192px; height: 100%; background:url(/img/aside_left_bg.png) 100% 0 repeat-y #f7f7f7; float:left; } .content-right-box { width: 81.5%; float:right; background:#fff; } .content { padding-bottom: 0px; } .aside-left-wrap { padding: 20px 0 40px 0; height: 100%; } /* Для мобильных */ @media only screen and (max-width: 1100px) { .hidden-pc { display:none; } .hidden-mobile { display:block; } .hidden-vis-pc { visibility: hidden; } .hidden-vis-mobile { visibility: visible; } .peach-val { font-size: 20px; padding: 0 16px 0 4px; } .reg-form{ display:none; } .reg-form-2{ /* display:none; */ } /* Общие */ h1, .h1{font-size:1.8em;} h2, .h2{font-size:1.4em;} h3, .h3{font-size:1.2em;} .wrapper { width: 100%; margin:0 auto; } div.formated2 { text-align:center; } .header, .header-authorized { margin:0; padding:0; border-radius:0; } .header-text, .header-text-authorized, .header-text:hover{ font-size: 20px; line-height: 1.8em; } .content-mobile .breadcrumbs { font-size: 13px; margin: -10px 0 15px; color: #8c8c8c; } .socials-login { float:none; width:100%; margin:0 auto; } .main-page .content { margin-top:80px; } .pt1 { padding-top:0; } .mr1 { margin-right:0; } .main-promo-text { float:none; width:100%; margin:0 auto; } .fast-login-form .spacer span { font-size:1em; } .btn-style { /* font-size:1em; */ line-height:2.25em; } .btntop { /*display:none;*/ /* padding-right: 15px; */ } .mttop { top:20px !important; right:20px; } .mttop-main { top:6px !important; } .login-btn { /* top:20px !important; right:35px!important; margin:0 0 0 -50px; padding:20px; */ display:none; margin: 0 10px 0 0; } .search-btn { top:20px !important; right:20px!important; margin:0 0 0 -50px; padding:20px; } .login-btn-main { top:0; margin:0 0 0 -50px; padding:20px; } .login-form { top: 4px; right:14px; } .login-form:before { right: 56px; } .login-form-main { top:0px !important; right:-7px !important; } .menutop { display:block; } .dotted { display:none; } .mobibtn-main { background: center center no-repeat transparent; background-image: url('/upload/img/icons/mm.png'); display: block; width: 40px; height: 40px; position: absolute; top:-6px !important; right:0px!important; } .mobibtn { background: center center no-repeat transparent; background-image: url('/upload/img/icons/mm.png'); display: block; /* width: 40px; */ width: 25px; height: 40px; /* position: absolute; */ /* top:9px !important; */ top: 0px !important; display: inline-block; right: 20px; margin-right: 20px; } .nav { display:none; } .logo-area, .logo-area-authorized { float: left; margin: 0 5px 0 0; padding-top: 15px; height: 45px; } .toggle_all_block { display:none; } .content-right-box { /* width: 100%; */ width: initial; /* padding: 40px 10px 40px 10px; */ } .content-tbl { /* width: inherit; */ width: initial; } .reg-form-2 { max-width:100%; top: -20px; } .reg-form-2 .js_registr_form { /* width:100%; */ } .left-reg-bg { /* display:none; */ } .right-reg-bg { /* display:none; */ } .footer .float-l { float:none; width:100%; } .footer .float-r { float:none; width:100%; margin:20px 0 0 0; } .mkey-search { display: inline-block; } .btntop .mkey { top: 12px; margin-right: 25px; } /* Общие */ } @media only screen and (max-width: 810px) { .right-reg-bg { display:none; } .reg-form-2 .js_registr_form { margin: 0 0 0 205px; } } @media only screen and (max-width: 743px) { .banner-small.diluting-item + .banner-small.diluting-item { margin-left: 4px !important; } } @media only screen and (max-width: 630px) { .reg-form-2 .form-row { float: none; display: inline-block; } .reg-form { display:none; } .left-reg-bg { display:none; } .reg-form-2 .js_registr_form { margin: 0 auto; /* width: inherit; */ width: initial; } .reg-form-2 { background-color: rgba(220, 220, 220, 0.32); margin-left: -10px; width: 100%; padding: 10px; top: -35px; text-align: center; } /* баннеры преподавателей */ .banner-small.bordered-area.diluting-item { width: 45%; } .banner-small .banner-center { float: left; margin-bottom: 0px; display: inline; } .banner-small .row_teacher_banner { padding-top: 30px; width: 50%; } .banner-small.diluting-item + .banner-small.diluting-item { margin-left: 0px !important; } /* баннеры преподавателей */ } @media only screen and (max-width: 430px) { .reg-form-2 { /* width: inherit; */ text-align: center; } .reg-form-2 .profile-param .ch-box-list { padding-top: 0px; } .reg-form-2 .profile-param .ch-box-list label{ width: 60%; } .reg-form-2 .check-box{ /* display: none; */ } .reg-form-2 .right { margin-left: 0px; } .reg-form-2 .form-row { float: none; display: block; margin: 0 auto 5px; } /* баннеры преподавателей */ .banner-small.bordered-area.diluting-item { width: 45%; } .banner-small .banner-center { float: none; } .banner-small .row_teacher_banner { padding-top: 5px; width: initial; } .banner-small .bordered-wrap { text-align: center; } .banner-small.diluting-item + .banner-small.diluting-item { margin-left: 0px !important; } /* баннеры преподавателей */ } @media only screen and (max-width: 350px) { .banner-small.bordered-area.diluting-item { width: 90%; } } /* End */ /* Start:/css/mobile/news.css?14814483207941*/ .search-tags-cloud { margin-left: 20px; width: 172px; } .phrase-area.news .image_box img{ max-width: 100%; } /* блок фраз */ .phrase-area.news .phrase_block{ display: block; cursor: pointer; /* width: 100%; */ } .phrase-area.news .phrase_block:hover{ background-color: #f9f9f9; } .phrase_block .sound{ display: inline-block; } .phrase_block .scr{ display: inline-block; } .phrase_block .sl{ display: inline-block; } .phrase_block .def{ display: inline-block; } .phrase_block .wrd{ display: inline-block; } .phrase_block .addvoc{ display: inline-block; margin-right: 7px; } /* .content-right-box { width: initial; } .content-right-box { width: 81.5% ; } */ .phrase_block .sound-btn { display: inline-block; margin: 3px 7px 0 5px; vertical-align: middle; } .phrase_block .btn-style.btn-xxsml { line-height: 15px; border-radius: 2px; margin-left: 3px; } .phrase_block { padding: 3px; } .image_box img{ max-height: 300px; } .pop_up_phrase_alert:before { left: 103px; } .more_news .one_chunk { width:48%; display:inline-block; vertical-align: top; } .more_news .catalog-list-row { margin-right: 0px; } .h3-more-news { margin: 15px 0px 15px 0px; } @media only screen and (max-width: 1100px) { .h3-more-news { text-shadow: none; margin: 0px 0px 25px 0px; font-size: 25px; } .h3-more-news a{ text-shadow: none; padding: 2px 10px; background: #ffc460; border-bottom: 1px solid #a88140; margin: 5px; display: inline-block; color: #875501; text-shadow: 0 1px 0 rgba(255,255,255,0.25); text-decoration: none; font-weight: normal; } .news-more-block .one_chunk { width: initial; } .catalog-list .news-more { width: initial; margin: 0px; } .news-more-block .catalog-list-row { margin-right: 0px; } .phrase-area.news .image_box img{ max-height: 600px; } .phrase_block .addvoc{ display: none; } .news .info, .news .info .date{ margin-bottom: 5px; } .news .info{ padding-left: 5px; padding-right: 5px; } .content-mobile .breadcrumbs { padding-left: 5px; padding-right: 5px; } .phrase, .phrase-area .descr { padding-left: 5px; padding-right: 5px; line-height: 145%; } .phrase, .phrase-area .phrase_block { line-height: 125%; } .phrase-wrap, .bordered-wrap { font-size: 16px; } .image_box img{ max-height: initial; } .news .image_box { /* margin-left: -5px; margin-right: -5px; */ } .diluting-item + .diluting-item { margin-top: 20px; } .content-right-box { width: initial; float:none; background:#fff; } .content-right-box .content-wrap{ /* padding:20px 5px 40px 5px; */ padding:20px 0 40px 0; } .mkey { top: 12px; margin-right: 25px; } .mkey-search { visibility: visible; } .mkey-search { visibility: hidden; } .user-box { top: 12px; } .aside-left { display: none; } .phrase-area, .bordered-area{ padding: 0; } .phrase-wrap, .bordered-wrap { padding: 0; /* padding: 10px; */ } .content-right-box .phrase_block .btn-style.btn-xxsml { line-height: 26px; border-radius: 2px; height: initial; float: right; } .phrase-area.news{ border:0px; } .phrase-area.news .phrase-wrap{ border:0px; } /* .phrase-area.news .phrase-wrap .descr{ margin: 0px 5px; } .phrase-area.news .phrase-wrap .tags{ margin-left: 5px; } */ .phrase-area.news{ margin-bottom: 40px; } /* кнопка проигрывателя */ .phrase_block .wrd{ display: block; font-weight: bold; } .active { background-color: #fbfbfb; padding:20px; } .phrase_block { text-align: left; position: relative; padding: 10px 10px 12px 10px; } .phrase_block.active { background-color: #ffefd4 !important; } .phrase_block .sound-btn { float: left; /* position:absolute; */ display: inline-block; margin-right: 20px; margin-top: 0; height: 40px; width: 40px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); } .phrase_block .sound-btn { background: rgb(244,244,244); background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(222,222,222,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(222,222,222,1))); background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%); background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%); background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%); background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(222,222,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dedede',GradientType=0 ); } .phrase_block .sound-btn i { background: url('/upload/img/mobile/news/icons.png') no-repeat -1px -50px; display:block; height: 100%; width: 100%; } .phrase_block.active .sound-btn { border:1px solid #e79112; background: rgb(255,141,0); background: -moz-linear-gradient(top, rgba(255,141,0,1) 0%, rgba(255,207,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,141,0,1)), color-stop(100%,rgba(255,207,0,1))); background: -webkit-linear-gradient(top, rgba(255,141,0,1) 0%,rgba(255,207,0,1) 100%); background: -o-linear-gradient(top, rgba(255,141,0,1) 0%,rgba(255,207,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,141,0,1) 0%,rgba(255,207,0,1) 100%); background: linear-gradient(to bottom, rgba(255,141,0,1) 0%,rgba(255,207,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d00', endColorstr='#ffcf00',GradientType=0 ); } .phrase_block.active .sound-btn i { background: url('/upload/img/mobile/news/icons.png') no-repeat -40px -48px; display: block; height: 100%; } .phrase_block .sound-btn { box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); border:1px solid #dbdbdb; border-radius:5px; overflow: hidden; } /* теги */ .tags { padding:20px; padding-top: 25px; background: url('/upload/img/mobile/news/bg_line.jpg') repeat; position: relative; font-size:16px; font-weight:bold; margin-bottom:70px; margin-top:20px; /* margin-left: -5px; margin-right: -5px; */ } .tags a{ padding:5px 10px; background:#ffc460; border-bottom:1px solid #a88140; margin:5px; display:inline-block; color:#875501; text-shadow: 0 1px 0 rgba(255,255,255,0.25); text-decoration: none; font-weight:normal; font-size:14px; } } @media only screen and (max-width: 550px) { .diluting-item .image-area { width:120px; height:120px; } .achieves-list .task-item-image { width: 35px; height: 35px; } .diluting-item .image-area { margin: 0 15px 0 0; } } /* End */ /* /css/styles.css?1607501149101955 */ /* /css/mmenu/jquery.mmenu.all.css?148085170846947 */ /* /css/mobile/mobile.css?15020194999737 */ /* /css/mobile/news.css?14814483207941 */