.wr_progress_bar{
	display: inline-block;
	vertical-align: top;
}
.words, .words-copy, #header, .custom-gray-bar, #table_cntr, #footer, html, body{
	min-width: 1px!important;
}
.play_buttons_cntr:after{
	content: " ";
	clear: both;
	display: block;
}
.ajax-loader{
	display: none!important;
}
.mob_but{
	display: none;
}
@media (max-width:990px){
	.password_input_cntr div, 
	.login_input_cntr div {
	    display: none;
	}
	html {
	   -webkit-text-size-adjust: none;
	}

	.words-area-top-fix>div{

	}
	.playBtn.play{
		margin: 0!important;
	}
	.mob_but span, .footer_pause_btn_text{
		font-size: 16px!important;
		color:#929292!important;
	}
	.words-area-top-fix{}
	#footer{
		height: 75px!important;
		background: #fff;
	}
	.q_btn, .footer_pause_btn .playBtn{
		width: 100%!important;
		height: 47px!important;
		background-position: 50% 0!important;
		background-size: 36px auto!important;
	}
	.mob_but:hover .q_btn, .mob_but:hover span{
		color:#0695cd!important;
		background-position: 50% -66px!important;
	}
	.footer_pause_btn:hover .playBtn,.footer_pause_btn:hover .footer_pause_btn_text{
		color:#0695cd!important;
		background-position: 50% -69px!important;
	}
	.mob_but.set_q:hover .q_btn{
		background-position: 50% -70px!important;
	}
	.mob_but.vocab_q:hover .q_btn{
		background-position: 50% -79px!important;
	}
	.footer_pause_btn .playBtn{
		background:url("image/mob_ic_1.png")  50% 0/36px auto no-repeat!important;
	}
	.sort_q .q_btn{
		background:url("image/mob_ic_2.png") no-repeat;
	}
	.set_q .q_btn{
		background:url("image/mob_ic_3.png") no-repeat;
	}
	.vocab_q .q_btn{
		background:url("image/mob_ic_4.png") no-repeat;
	}
	.play_buttons_cntr{
		width: 100%;
	}
	.play_buttons_cntr>*{
		display: block;
		float: left;
		width: 25%;
		padding: 0;
		height: 50px;
	}
	.mob_but{
		display: inline-block;
	}	
	#table_cntr{
		margin-top: 0;
	}
	.wr_progress_bar{
		position: fixed;
		bottom: 90px;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	.lesson_bar, .percent_bar_background_body{
		width: 100%;
		height: 30px;
		padding: 0;
		background: #9d9d9d;
		left:0!important;
	}
	.percent_bar_stripe{
		width: 100%!important;
		height: 100%;
		padding: 0!important;
		margin: 0!important;
	}
	.percent_bar_background_left_corner{
		display: none;
	}
	.percent_bar_stripe_body{
		background: #026e96;
		width: 0%!important;
		height: 100%;
		left:0!important;
	}
	.wr_descript{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
		color:#fff;
	}
	.lesson_state, .lesson_percent_text, .hint_count_text, .hint_count{
		font-size: 17px!important;
		color:#fff!important;
		font-weight: normal!important;
	}
	.hint_count{
		padding: 7px 0px!important;
	}
	.hint_count_text{
		padding: 5px 0px 0px 12px!important;
	}
	.footer_rest_btn, .previous_panel_overlay, .footer_back_btn, .footer_forward_btn, .footer_next_btn, .volume_cntr, .lang_cntr, .pause_for_answer_cntr, .font_size_cntr, .footer_separator, .footer_previous_btn, .footer_right_cntr
	,.custom-gray-bar, .menu.role_menu, .menu.user_menu, .lesson_state ,.percent_bar_background_right_corner, .lesson_percent_text, #header{
		display: none;
	}
}

@media (max-width:660px){
	.word.content_table_row{
		font-size: 16px!important
	}
}


@media (max-width: 736px){
	.all_mob_wr div#header {
	    display: block;
	}
	#header {
	    height: auto;
	    background-image: none;
	    background: #f8f8f8;
	    position: absolute;
	    top: 0px;
	    width: 100%;
	    z-index: 50;
	    border-bottom: 1px solid #adadad;
	}
	#login_container_overflow {
	    position: absolute;
	    height: 100%;
	    width: 100%;
	    min-height: 100%;
	    min-width: 100%;
	}
	#login_cntr {
	    position: absolute;
	    width: 90%;
	    top: 10%;
	    left: 50%;
	    margin: 0 0px 0px -45%;
	}
	.loginmobile_logo_cntr {
	    display: block;
	    margin: 0 0 10%;
	}

	.loginmobile_logo_cntr img {
	    display: block;
	    margin: 0 auto;
	    max-width: 393px;
	    width: 100%;
	    height: auto;
	}

	/* плавное изменение прозрачности  placeholder-а при фокусе */
	.login_form > div > input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.5s ease;}
	.login_form > div > input::-moz-placeholder                {opacity: 1; transition: opacity 0.5s ease;}
	.login_form > div > input:-moz-placeholder                 {opacity: 1; transition: opacity 0.5s ease;}
	.login_form > div > input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.5s ease;}
	.login_form > div > input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.5s ease;}
	.login_form > div > input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.5s ease;}
	.login_form > div > input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.5s ease;}
	.login_form > div > input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.5s ease;}


	.login_form {
		background: #e1e1e1;
		padding: 17px 17px 2px 17px;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;

	}
	.login_form .password_input_cntr,
	.login_form .login_input_cntr {
	    background: #fff;
	    border-radius: 9px;
	    -moz-border-radius: 9px;
	    -webkit-border-radius: 9px;
	    border: 1px solid #c8c8cd;
	    height: 55px;
	    margin: 0 0 15px;

	}
	.login_form .password_input_cntr .password_input,
	.login_form .login_input_cntr .login_input{
		width: 100%;
		padding: 0 20px;
		font-size: 18px;
		line-height: 55px;
		color: #7a7a7a;
		margin: 0;
		font-family: 'h_n_Roman';
	}
	
	.login_form .password_input_cntr .password_input::-webkit-input-placeholder {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}
	.login_form .password_input_cntr .password_input::-moz-placeholder          {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}
	.login_form .password_input_cntr .password_input:-moz-placeholder           {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}
	.login_form .password_input_cntr .password_input:-ms-input-placeholder      {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}

	.login_form .password_input_cntr .password_input:focus::-webkit-input-placeholder {color: transparent}
	.login_form .password_input_cntr .password_input:focus::-moz-placeholder          {color: transparent}
	.login_form .password_input_cntr .password_input:focus:-moz-placeholder           {color: transparent}
	.login_form .password_input_cntr .password_input:focus:-ms-input-placeholder      {color: transparent}

	.login_form .login_input_cntr .login_input::-webkit-input-placeholder {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}
	.login_form .login_input_cntr .login_input::-moz-placeholder          {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}
	.login_form .login_input_cntr .login_input:-moz-placeholder           {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}
	.login_form .login_input_cntr .login_input:-ms-input-placeholder      {color:#7a7a7a; font-size: 18px; line-height: 40px; font-style: normal;}

	.login_form .login_input_cntr .login_input:focus::-webkit-input-placeholder {color: transparent}
	.login_form .login_input_cntr .login_input:focus::-moz-placeholder          {color: transparent}
	.login_form .login_input_cntr .login_input:focus:-moz-placeholder           {color: transparent}
	.login_form .login_input_cntr .login_input:focus:-ms-input-placeholder      {color: transparent}

	input.mobile-submit-btn {
	    display: block;
	    border: none;
	    width: 100%;
	    margin: 0 0 15px;
	    background: #026e96;
	    color: #fff;
	    font-size: 42px;
	    border-radius: 9px;
	    -moz-border-radius: 9px;
	    -webkit-border-radius: 9px;
	    height: 88px;
	}

	.recover_link_wrap {
		text-align: center;
		margin: 20% 0 0 0;
	}
	a.recover_link {
	    text-decoration: none;
	    font-size: 34px;
	    display: inline-block;
	}
}

@media (max-width:414px){

	#login_cntr {top: 10%;}

	.loginmobile_logo_cntr img {width: 65%;}

	.login_form .password_input_cntr,
	.login_form .login_input_cntr {height: 40px;}
	
	.login_form .password_input_cntr .password_input,
	.login_form .login_input_cntr .login_input {
	    font-size: 18px;
	    line-height: 40px;
	}

	.login_form .password_input_cntr .password_input::-webkit-input-placeholder {font-size: 18px; line-height: 40px;}
	.login_form .password_input_cntr .password_input::-moz-placeholder          {font-size: 18px; line-height: 40px;}
	.login_form .password_input_cntr .password_input:-moz-placeholder           {font-size: 18px; line-height: 40px;}
	.login_form .password_input_cntr .password_input:-ms-input-placeholder      {font-size: 18px; line-height: 40px;}

	.login_form .login_input_cntr .login_input::-webkit-input-placeholder {font-size: 18px; line-height: 40px;}
	.login_form .login_input_cntr .login_input::-moz-placeholder          {font-size: 18px; line-height: 40px;}
	.login_form .login_input_cntr .login_input:-moz-placeholder           {font-size: 18px; line-height: 40px;}
	.login_form .login_input_cntr .login_input:-ms-input-placeholder      {font-size: 18px; line-height: 40px;}

	input.mobile-submit-btn {
	    font-size: 24px;
	    height: 50px;
	}

	.recover_link_wrap {margin: 10% 0 0 0;}
	a.recover_link {font-size: 22px;}
}

@media (max-width:360px){
	.word.content_table_row{
		font-size: 14px!important
	}	
	.mob_but span, .footer_pause_btn_text, .hint_count_text, .hint_count{
		font-size: 14px!important;
	}	
}
@media (max-height:480px){
	.loginmobile_logo_cntr {margin: 0 0 5%;}
	.recover_link_wrap {margin: 5% 0 0 0;}
}


@media screen and (max-width: 990px) and (max-height: 800px)  and (min-width: 750px) and (min-height: 420px)   {
	div#login_cntr form {
	    float: right;
	    width: 55%;
	}
	#login_cntr {
	    position: absolute;
	    width: 90%;
	    top: 10%;
	    left: 50%;
	    margin: 0 0px 0px -45%;
	}
	.loginmobile_logo_cntr {
	    margin: 0;
	    width: 45%;
	    float: left;
	}
	.loginmobile_logo_cntr img {
	    display: block;
	    margin: 0 auto;
	    max-width: 393px;
	    width: 70%;
	    height: auto;
	}
	.loginmobile_logo_cntr img {
	    display: block;
	    margin: 15% auto 5%;
	    max-width: 393px;
	    width: 70%;
	    height: auto;
	}
	.recover_link_wrap {
	    margin: 10% 0 0 0;
	}
	.login_form .password_input_cntr .password_input,
	.login_form .login_input_cntr .login_input {
	    font-size: 18px;
	}
	input.mobile-submit-btn {
	    font-size: 30px;
	    height: 81px;
	}
	a.recover_link {
	    font-size: 30px;
	}
	.login_form .password_input_cntr .password_input::-webkit-input-placeholder {font-size: 18px;}
	.login_form .password_input_cntr .password_input::-moz-placeholder          {font-size: 18px;}
	.login_form .password_input_cntr .password_input:-moz-placeholder           {font-size: 18px;}
	.login_form .password_input_cntr .password_input:-ms-input-placeholder      {font-size: 18px;}

	.login_form .login_input_cntr .login_input::-webkit-input-placeholder {font-size: 18px;}
	.login_form .login_input_cntr .login_input::-moz-placeholder          {font-size: 18px;}
	.login_form .login_input_cntr .login_input:-moz-placeholder           {font-size: 18px;}
	.login_form .login_input_cntr .login_input:-ms-input-placeholder      {font-size: 18px;}

	.login_form .password_input_cntr .password_input, .login_form .login_input_cntr .login_input {
	    line-height: 45px;
	    font-size: 26px;
	    padding: 0 6px;
	}
}

@media screen and (max-width: 736px) and (max-height: 414px) {
	div#login_cntr form {
	    float: right;
	    width: 55%;
	}
	#login_cntr {
	    position: absolute;
	    width: 90%;
	    top: 10%;
	    left: 50%;
	    margin: 0 0px 0px -45%;
	}
	.loginmobile_logo_cntr {
	    margin: 0;
	    width: 45%;
	    float: left;
	}
	.loginmobile_logo_cntr img {
	    display: block;
	    margin: 0 auto;
	    max-width: 393px;
	    width: 70%;
	    height: auto;
	}
	.loginmobile_logo_cntr img {
	    display: block;
	    margin: 15% auto 5%;
	    max-width: 393px;
	    width: 70%;
	    height: auto;
	}
	.recover_link_wrap {
	    margin: 10% 0 0 0;
	}
	.login_form .password_input_cntr .password_input,
	.login_form .login_input_cntr .login_input {
	    font-size: 18px;
	}
	input.mobile-submit-btn {
	    font-size: 30px;
	    height: 81px;
	}
	a.recover_link {
	    font-size: 30px;
	}
	.login_form .password_input_cntr .password_input::-webkit-input-placeholder {font-size: 18px;}
	.login_form .password_input_cntr .password_input::-moz-placeholder          {font-size: 18px;}
	.login_form .password_input_cntr .password_input:-moz-placeholder           {font-size: 18px;}
	.login_form .password_input_cntr .password_input:-ms-input-placeholder      {font-size: 18px;}

	.login_form .login_input_cntr .login_input::-webkit-input-placeholder {font-size: 18px;}
	.login_form .login_input_cntr .login_input::-moz-placeholder          {font-size: 18px;}
	.login_form .login_input_cntr .login_input:-moz-placeholder           {font-size: 18px;}
	.login_form .login_input_cntr .login_input:-ms-input-placeholder      {font-size: 18px;}

	.login_form .password_input_cntr .password_input, .login_form .login_input_cntr .login_input {
	    line-height: 45px;
	    font-size: 26px;
	    padding: 0 6px;
	}
}
@media screen and (max-width: 990px) and (max-height: 800px)  and (min-width: 750px) and (min-height: 420px)  {
	.login_form {
	    padding: 15px 15px 2px 15px;
	}
	.login_form .password_input_cntr, .login_form .login_input_cntr {
	    margin: 0 0 8px;
	}
	.login_form .password_input_cntr .password_input,
	.login_form .login_input_cntr .login_input {
	    line-height: 45px;
	    font-size: 18px;
	}
	.login_form .password_input_cntr,
	.login_form .login_input_cntr {
	    height: 45px;
	    font-size: 26px;
	}
	.login_form .password_input_cntr .password_input::-webkit-input-placeholder {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input::-moz-placeholder          {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input:-moz-placeholder           {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input:-ms-input-placeholder      {font-size: 18px; line-height: 45px;}

	.login_form .login_input_cntr .login_input::-webkit-input-placeholder {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input::-moz-placeholder          {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input:-moz-placeholder           {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input:-ms-input-placeholder      {font-size: 18px; line-height: 45px;}

	input.mobile-submit-btn {
	    height: 60px;
	    font-size: 26px;
	}
	.recover_link_wrap {
	    margin: 10% 0 0 0;
	}
	a.recover_link {
	    font-size: 22px;
	}
}
@media screen and (max-width: 750px) and (max-height: 420px) {
	.login_form {
	    padding: 15px 15px 2px 15px;
	}
	.login_form .password_input_cntr, .login_form .login_input_cntr {
	    margin: 0 0 8px;
	}
	.login_form .password_input_cntr .password_input,
	.login_form .login_input_cntr .login_input {
	    line-height: 45px;
	    font-size: 18px;
	}
	.login_form .password_input_cntr,
	.login_form .login_input_cntr {
	    height: 45px;
	    font-size: 26px;
	}
	.login_form .password_input_cntr .password_input::-webkit-input-placeholder {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input::-moz-placeholder          {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input:-moz-placeholder           {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input:-ms-input-placeholder      {font-size: 18px; line-height: 45px;}

	.login_form .login_input_cntr .login_input::-webkit-input-placeholder {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input::-moz-placeholder          {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input:-moz-placeholder           {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input:-ms-input-placeholder      {font-size: 18px; line-height: 45px;}

	input.mobile-submit-btn {
	    height: 60px;
	    font-size: 26px;
	}
	.recover_link_wrap {
	    margin: 10% 0 0 0;
	}
	a.recover_link {
	    font-size: 22px;
	}
}
/*@media screen and (max-width: 480px) and (max-height: 320px) {
	.login_form {
	    padding: 10px 10px 2px 10px;
	}
	.login_form .password_input_cntr, .login_form .login_input_cntr {
	    margin: 0 0 8px;
	}
	.login_form .password_input_cntr .password_input,
	.login_form .login_input_cntr .login_input {
	    line-height: 45px;
	    font-size: 18px;
	}
	.login_form .password_input_cntr,
	.login_form .login_input_cntr {
	    height: 45px;
	    font-size: 24px;
	}
	.login_form .password_input_cntr .password_input::-webkit-input-placeholder {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input::-moz-placeholder          {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input:-moz-placeholder           {font-size: 18px; line-height: 45px;}
	.login_form .password_input_cntr .password_input:-ms-input-placeholder      {font-size: 18px; line-height: 45px;}

	.login_form .login_input_cntr .login_input::-webkit-input-placeholder {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input::-moz-placeholder          {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input:-moz-placeholder           {font-size: 18px; line-height: 45px;}
	.login_form .login_input_cntr .login_input:-ms-input-placeholder      {font-size: 18px; line-height: 45px;}

	input.mobile-submit-btn {
	    font-size: 24px;
	}
	.recover_link_wrap {
	    margin: 10% 0 0 0;
	}
	a.recover_link {
	    font-size: 22px;
	}
}*/
@media screen and (max-width: 480px) and (max-height: 390px) {

	#login_container_overflow {
	    position: relative;
	    height: auto;
	    width: 100%;
	    min-height: 0;
	    min-width: 100%;
	}
	#login_cntr {
	    position: relative;
	    width: 90%;
	    top: 10%;
	    left: 50%;
	    margin: 0 0px 0px -45%;
	}
	.loginmobile_logo_cntr {
	    margin: 0 auto;
	    width: 80%;
	    float: none;
	}
	div#login_cntr form {
	    float: none;
	    width: 100%;
	    margin: 0 auto;
	    padding: 20px 0;
	}
	.login_form {
	    padding: 15px 15px 2px 14px;
	}
}

/*Правки логина*/
@media screen and (max-width: 990px){
	.login_form br {
	    display: none;
	}
	.login_logo_cntr {
	    text-align: center;
	    display: none;
	}
}