/*coded by Tranquil Technology PTY LTD NSW, Australia for LingoMondo 2017*/

/*---------------fonts--------------------------------*/

@font-face{
    font-family:'MarckScript-Regular';	
    src: url('../fonts/MarckScript-Regular.eot');
	src: url('../fonts/MarckScript-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/MarckScript-Regular.woff') format('woff'),  url('../fonts/MarckScript-Regular.ttf') format('truetype'),  url('../fonts/MarckScript-Regular.svg#KGWakeMeUp') format('svg');
	font-weight: normal;
	font-style: normal;
	
}

/*@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-regular-webfont.woff') format('woff'),  url('../fonts/opensans-regular-webfont.ttf') format('truetype'),  url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansbold';
	src: url('../fonts/opensans-bold-webfont.eot');
	src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansbold_italic';
	src: url('../fonts/opensans-bolditalic-webfont.eot');
	src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sans_extraboldregular';
	src: url('../fonts/opensans-extrabold-webfont.eot');
	src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabold-webfont.svg#open_sans_extraboldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'pacificoregular';
	src: url('../fonts/pacifico-webfont.eot');
	src: url('../fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/pacifico-webfont.woff') format('woff'),  url('../fonts/pacifico-webfont.ttf') format('truetype'),  url('../fonts/pacifico-webfont.svg#pacificoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansitalic';
	src: url('../fonts/opensans-italic-webfont.eot');
	src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-italic-webfont.woff') format('woff'),  url('../fonts/opensans-italic-webfont.ttf') format('truetype'),  url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face{
    font-family:'JejuGothic-Regular';	
    src: url('../fonts/JejuGothic-Regular.eot');
	src: url('../fonts/JejuGothic-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/JejuGothic-Regular.woff') format('woff'),  url('../fonts/JejuGothic-Regular.ttf') format('truetype'),  url('../fonts/JejuGothic-Regular.svg#KGWakeMeUp') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
    font-family:'FiraSans-Regular';	
    src: url('../fonts/FiraSans-Regular.eot');
	src: url('../fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/FiraSans-Regular.woff') format('woff'),  url('../fonts/FiraSans-Regular.ttf') format('truetype'),  url('../fonts/FiraSans-Regular.svg#KGWakeMeUp') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------end of fonts-------------------------*/

/*--------------coded by Tranquil Technology NSW, Australia------------------*/

/*---------------responsive layout, navigation----------*/
* {
    box-sizing: border-box;
}

img {
    width: 100%;
    height: auto;
}

.row{
position:relative;
top:70px;/*80px*/
height:100%;/*100%*/
width:100%;
/*clear:both;*/
background: #d2dfe5;
padding-bottom:70px;/*height of the footer. .row is the prev div before the footer */
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    width: 100%;
}


/* SMARTPHONES PORTRAIT */

@media only screen and (min-width: 300px) {

   div>#div_home_left{float:none; width:100%; height:auto; margin:0; background:transparent;display:block;}
   div>#div_home_right{float:none;width:100%; height:auto; margin:0;background:transparent;display:block;}/*top:-50px lift up div_home_right for portrait mode on smartphones*/
   div>#div_home_left_home{float:none; width:100%; height:auto; margin:0; background:transparent;display:block;}
   div>#div_home_right_home{float:none;width:100%; min-height:-50px!important;
   height:auto; margin:0;background:transparent;display:block;
   top:-20px;
   }/*top:-50px;*/
   
   [class*="lp_h"]{
	  background:yellow;
   }
   
   div>#chart-container {
    width: 100%;
    height: 448px;
	white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
	margin:0 auto;

}

   div>.lp_h{font-size:4.2vw;background:yellow;}
   
   input.cat_name{width:100%!important;left:0;}
   div>#div_home_left_ads{float:none; width:100%; height:auto; background:transparent;margin:0;/*display:inline-block;*/}
   div>#div_home_right_ads{float:none;width:100%; height:auto; background:transparent;margin:0;/*display:inline-block;*/}
   div>#div_center_ads{position:relative;width:100%;height:auto;margin:0 auto;min-height:200px;display:block;	float:none;}
   div>#layer{position:absolute;background-color:rgba(0,0,0,0.4);top:5%;left:10px;width:50%;height:90%; border:none;	}
   #layer>#txt_front_square>#txt_sq_1{font-size:2.4vw;}
   #layer>#txt_front_square>#txt_sq_2{position:relative;top:-3px;font-size:2.4vw;}
   #layer>#txt_front_square>#txt_sq_3{position:relative;top:-3px;font-size:2.4vw;}
   div>#btn_video{font-size:2vw;text-align:center;vertical-align:middle;color:white;}
   #layer>#txt_front_square>#txt_sq_1_ru{font-size:2.4vw;}
   #layer>#txt_front_square>#txt_sq_2_ru{position:relative;top:-3px;font-size:2.4vw;}
   #layer>#txt_front_square>#txt_sq_3_ru{position:relative;top:-3px;font-size:2.4vw;}
   div.upload_f{float:none;width:100%!important;margin-bottom:5px;}
   
   button#lesson_name_order1{position:relative;display:block;float:none;margin:0 auto 10px auto;width:100%;}
   button#lesson_name_order2{position:realtive;display:block;float:none;margin:0 auto;width:100%;}
   button#lesson_name_order3{position:relative;display:block;float:none;margin:0 auto;width:100%;}
   .btn_order_mo{width:90%;border:2px solid red;}
  
   
   button.btn_checkout, button.btn_chk_cancel{width:100%;float:none;margin-bottom:5px;}
   .form_profile{
	  min-height:580px!important;  
   }
   
   button#btn_watch_test{}
   
   button.btn_left_home{float:none;width:100%;font-size:1em;top:10px;}
   button.btn_right_home{float:none;width:100%;font-size:1em;}
   .h-home{height:20px!important;}
   .h-60{height:10px!important;}
   .h-result{height:10px!important;}
   .h-ord-view{height:10px!important;}
   .h-5{height:5px!important;}
   div.div_header{}
   
   div>#left_text_under_pic{display:none;}
   
   div>#left_text_under_pic_test{display:block;}

 
   div.card_home{margin:0 auto 20px auto; }

   .app_li>li>#topic_name{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
   .app_li_prof>li>#topic_name{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
  
   
   .app_li>li>#ad_300x250{width:auto;height:auto;margin: 10px auto 10px auto;}

   

   
   .img_container{width:auto;height:auto;float:none;margin:0 auto;}

   .btn_tp1, .btn_tp2{float:none;width:100%;}
   .btn_container{width:100%;}
   
   #note_inner{width:100%;}
   
   #order_result  .line_top, .app_li_prof li .line_top{
	width:100%;
	position: relative;
    display: block;
    margin: 0 auto;
    height: 5px;
    z-index: 3;
    padding: 3px;
	}
   
   
   .app_li_prof > li >.btn_home,.app_li > li >.btn_home {}
   .app_li > li > .btn_less_1,.app_li > li > .btn_less_2,.app_li>li>.btn_cancel_order,.app_li>li>.btn_chat,.app_li>li>.btn_cancel,ul>li>.btn_conversation{width:100%;top:0;}
   button.btn_less_free{width:100%;top:0;margin:0 auto 10px auto;}
   button.btn_chat_1,button.btn_chat_2,button.btn_chat_3{width:98%;top:90%;bottom:0; margin:0 auto 10px auto;}
   .app_li>li>.btn_test_1,.app_li>li>.btn_contact,.app_li>li>.btn_account,.app_li>li>.btn_mat,.app_li>li>.btn_register,.app_li>li>.btn_youtube,.app_li>li>.btn_send,.app_li>li>.txt_input,.app_li>li>.txt_area{width:100%;top:0;}
   li>.btn_tp1,li>.btn_tp2,li>.btn_tp3{width:100%;} /*min-width:100%;width:auto;*/
   li>.copyright_note{width:100%;float:none;}
   div>.left{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;/*border-right:1px solid grey;*/border:none;}
   div>.left-left{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;border:none;}
   div>.left-middle{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;border:none;}
   div>.left-right{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;border:none;}
   .container>.txt_input_log{display:block;top:0;width:100%;}
   
   /*.container>.btn_login{width:100%;cursor: pointer;margin: 0 auto 10px auto;}*/
   button.btn_login{width:100%;float:none;}
   
   .container>.lbl_log{position:relative;top:0;display:block;left:-5%;width:90%;height:30px;margin:0 auto 0 auto;}
   
   /*.container>.cancelbtn{display:block;height:50px;width:100%;left:0;margin: 0 auto 10px auto;top:0;text-align:center;border:1px solid black;line-height:35px;cursor: pointer;}*/
   button.cancelbtn{width:100%;float:none;}
   
   .container>.radio_btn{position:relative;left:0;margin:0 auto;height:23px;width:100%;display:block;vertical-align:middle;text-align:center;font-size:13px;}
    div>ul>.li_chat_text{height:auto;min-height:150px;}
  
   div>.modal-content{width:90%;}
   /*div>#prof_form >ul >li{width:90%;}*//*controls whole width of the form*/
   /*dic>#edit_lesson_form >ul>li{width:90%;}*/
   .app_li_prof>li{width:90%;height:auto;}
   
   /*start width of the all fields*/
   .app_li>li>#name, .app_li>li>#eadd,.app_li>li>#select_country_teacher,.app_li_prof>li>#select_country_teacher,.app_li>li>#sel_lang, .app_li>li>#sec_lang, .app_li>li>#select_purpose_study_t, .app_li_prof>li>#select_purpose_study_t, ul>li>#select_purpose_study_t,#datepicker,#time,.app_li>li>#author_email,.app_li>li>#author_name,.app_li>li>#con_name,.app_li>li>#level,.app_li>li>#person1,.app_li>li>#person2,.app_li>li>#cat_name,.app_li>li>#sel_video_link,.app_li>li>#sel_statement,.app_li>li>#video_link,.app_li>li>#video_link_ru,.app_li>li>#video_link_de,.app_li>li>#video_link_ko,.app_li>li>#video_link_ja,.app_li>li>#video_link_cn,.app_li>li>#d_name,.app_li>li>#d_name_ru,.app_li>li>#d_name_de,.app_li>li>#d_name_ko,.app_li>li>#d_name_ja,.app_li>li>#d_name_cn,.app_li>li>#p1_name,.app_li>li>#p2_name,.app_li>li>#sel_content{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
   
   .app_li>li>#message,.app_li_prof>li>#message{position:relative;width:100%;margin:0 auto;display:block;height:150px;}
   
   .app_li>li>#txt_video,.app_li_prof>li>#txt_video,.app_li>li>#txt_video_ru,.app_li_prof>li>#txt_video_ru,.app_li>li>#txt_video_de,.app_li_prof>li>#txt_video_de,.app_li>li>#txt_video_ja,.app_li_prof>li>#txt_video_ja,.app_li>li>#txt_video_ko,.app_li_prof>li>#txt_video_ko,.app_li>li>#txt_video_cn,.app_li_prof>li>#txt_video_cn{position:relative;width:100%;margin:0 auto;display:block;height:50px;}

   
   /*end of controls width of all fields*/
   
   #r_3>.form_profile{min-height:600px;width:100%;margin-bottom:25px;}
   .row{height:auto;}
   .forms{height:auto;width:90%;}/*padding-bottom: 20px;*/
   
   .app_li_reg>li>.txt_input{width:100%;}
   .app_li_reg>li>.lbl_form{width:100%;}
   /*.app_li_reg>li>.btn_reg{width:100%;}*/
   .app_li_reg>li>.radio_btn{position:relative;left:0;margin:0 auto;height:23px; width:100%;display:block;vertical-align:middle;text-align:center;font-size:13px;}
   .app_li_prof>li>.txt_input{width:100%;}/*min-width:100%; breaks 768 eadd_res field*/
   .app_li_prof>li>#eadd_res{width:100%;}
   .app_li_prof>li>.lbl_form, .app_li>li>.lbl_form{width:100%;}/*min-width:100%;width:auto;*/
   .app_li>li>a>.lbl_form {position:relative;display:block;float:right;width:auto;margin-right:1%;text-decoration:underline;font-family:'MarckScript-Regular';font-weight:bold;}
   .app_li_prof>li>.btn_send{width:100%;}
   .app_li_prof>li>.txt_area{width:100%;height:150px;}
   .app_li_prof>li>.pic_img_panel, .app_li>li>.pic_img_panel,.app_li_prof>li>.img_container>.pic_img_panel{width:100%;height:auto;}
   /*.app_li_prof>li>.btn_login_reg{min-width:100%;width:auto;}*/
   .app_li_prof>li>#select_order,.app_li_prof>li>#select_country,.app_li_prof>li>#select_date,.app_li_prof>li>#select_time,.app_li_prof>li>#select_language_level,.app_li_prof>li>#select_how_long,.app_li_prof>li>#select_filter_ord{width:100%;}/*min-width:100%;width:auto;*/
   .app_li>li>#select_purpose_study_t{width:100%;}
   .app_li_prof>li>#select_purpose_study_t{width:100%;}/*min-width:100%;width:auto;*/
   .app_li_prof>li>.btn_cancel_order{width:100%;}
   .app_li_prof>li>.lesson_radio{width:100%;left:0;}
    #lbl_sound{min-width:100%;width:auto;}
	#image_container_ven{width:100%;max-height:260px;margin:0 auto;}
	#image_container_ven img{width:100%;max-height:260px;margin:0 auto;}
	.app_li_prof>li>#lbl_img_desc_ven,.app_li>li>#lbl_img_desc_ven, div#lbl_img_desc_ven_l{width:100%;}
	
	#image_container_ven_flip{width:100%;max-height:260px;margin:0 auto;}
	#image_container_ven_flip img{width:100%;max-height:260px;margin:0 auto;}
	.app_li_prof>li>#lbl_img_desc_ven_flip,.app_li>li>#lbl_img_desc_ven_flip{width:100%;}
	
	
	 button.btn_less_free_home{width:100%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_less_2_home{width:100%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_less_1_home{width:100%;top:0;margin:0 auto 10px auto;}
	button.btn_test_1_home{width:100%;top:0;margin:0 auto 10px auto;}
	button.btn_contact_home{width:100%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_account_home{width:100%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_mat_home{width:100%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_register_home{width:100%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_cancel_order,ul>li>.btn_conversation{width:100%;top:10px;margin: 0 auto 10px auto;}
	.app_li>li>.btn_youtube_home{width:100%;top:0;margin:0 auto 10px auto;}
	
	/*button.btn_send_home,button.btn_cancel_home{width:100%;top:0;margin:0 auto 10px auto;}*/
	button.btn_send_home{width:100%;float:none;}
	button.btn_cancel_home{width:100%;float:none;top:5px;}
	button.btn_start_test, button.btn_ord_l{width:100%;float:none;}
	
	input.txt_input_home{width:100%;font-size:21px;} 
	input.input-field{width:100%;}
	textarea.input-area{width:100%;}
	div.input-container{width:100%;}
	textarea.txt_area_home{width:100%;font-size:21px;} 
	div.li_text_header{font-size:23px;}
	div.txt_right_header{width:100%;height:auto;font-size:25px;}
	div.icon-container-checkout{width:100%;}
	div.li_text_header{font-size:29px;}
	

   
   button.btn_cancel_order{width:100%;}
   button.btn_reg{width:100%;float:none;}
   button.btn_login_reg{width:100%;float:none;}
	  
   button.btn_send{width:100%;}
   button.btn_send_result{width:100%;float:none;margin-bottom:5px;}
   button.btn_view_ord{width:100%;float:none;margin-bottom:5px;}
   li>.btn_view_stu{width:100%;}
   li>.tarea_q{width:100%;}

   ul>li>#btn_less_send,.app_li>li>#btn_less_send,ul>li>.btn_less_send{width:100%;}
   input.txt_input{width:100%;}
   textarea.txt_area{width:100%;}
   
   select#select_filter_dial,select#select_order,select#select_country,select#select_date,select>li>#select_time,select>li>#select_language_level,select#select_filter_ord, select#select_country_teacher{width:100%;}/*min-width:100%;width:auto;*/
   
   .app_li>li>#select_purpose_study,.app_li_prof>li>#select_purpose_study,.app_li>li>#select_how_long,.app_li_prof>li>#select_how_long{width:100%;}
   
   .app_li>li>.buttons,.app_li_prof>li>.buttons{width:100%;}
   li>#rate,li>#volume,li>#pitch{width:100%;}
    li>#voice{width:100%;}
	#btn_gram{position:relative;display:block;width:80px;height:24px;background:transparent;border:1px solid grey;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:right;}
   
   #order_result{width:100%;position:relative;height:auto;padding-bottom:20px;}
   #order_result_flip{width:100%;position:relative;height:auto;padding-bottom:20px;}
   
   #mat_links{width:100%;margin:0 auto;}
   #tbl_main_forum{width:100%;margin:0 auto;font-size:14px;}
   #search{width:50%;}
   #img_search{left:0;}
   #ad_left{float:none;width:100%;display:block;}
   #ad_right{float:none;width:100%;display:block;}
   #btn_post_answer{/*width:100%;*/}
   #btn_edit_answer{/*width:100%;*/}
   #chat_icon{margin:0 auto;}
   #page{width:100%;}
   #img_refresh{margin-right:10px;}
   #yandex_link{float:none;display:block;width:70%;margin:0 auto;}
    select{width:100%;max-width:100%;}
   button#btn_video{background:url(../images/btn_video.png) no-repeat 10%;background-size:18px 18px;}	
   #txt_front_square>#sp_box_text{min-height:10%;height:auto;margin-bottom:3px;}
   ul>li>#left_text_under_pic_panel{width:100%; height:auto;}
   .app_li>li>#line_top_con{width:100%;border-top:1px solid grey;}
   iframe#frame_pdf{width:300px;min-width:100%;height:auto; min-height:200px;}
   ul>li>#line_top{width:100%;border-top:1px solid grey;}/*min-width:100%;width:auto;*/
   ul>li>.header_text_page{width:100%;height:auto;}
   ul>li>.header_text_page_flip{width:100%;height:auto;}
   
   
   .bg_reward{width:100%;height:auto;}
   ul>li>#select_country_teacher{width:100%;} /*min-width:100%;width:auto;*/
   ul>li>.upload {width:100%;height:auto;}
   .app_li_prof{height:auto;width:98%;}
   
   .app_li>li>#select_filter_dial_con{width:100%;}/*min-width:100%;width:auto;*/
   .app_li_prof>li>#select_filter_dial_con{width:100%;}/*min-width:100%;width:auto;*/
   
    .app_li_prof>li>#name, .app_li_prof>li>#eadd, .app_li_prof>li>#select_country_teacher, .app_li_prof>li>#select_status, .app_li_prof>li>#sel_lang,.app_li_prof>li>#sec_lang, .app_li_prof>li>#select_purpose_study_t, .app_li_prof>li>#select_purpose_study_t, .app_li_prof>li>#datepicker,.app_li_prof>li>#time{position:relative;width:100%;margin:0 auto;display:block;height:50px;}/*controls width of all fields*/
	
	.app_li>li>#name, .app_li>li>#eadd, .app_li>li>#select_country_teacher, .app_li>li>#select_status, .app_li>li>#sel_lang,.app_li>li>#sec_lang, .app_li>li>#select_purpose_study_t, .app_li>li>#select_purpose_study_t, .app_li>li>#datepicker,.app_li>li>#time{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	
	.app_li>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
	.app_li_prof>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
	
	.app_li>li>#message,.app_li_prof>li>#message{position:relative;width:100%;margin:0 auto;display:block;height:150px;}
	
	.app_li_prof>li>#msg,.app_li>li>#msg{width:100%;}
	
	.app_li>li>#start_date,.app_li_prof>li>#start_date,.app_li>li>#end_date,.app_li_prof>li>#end_date,.app_li>li>#img_link,.app_li_prof>li>#img_link{width:100%;}
	
	.app_li>li>#txt_url_name, .app_li>li>#txt_url,.app_li>li>#txt_url_name_ru, .app_li>li>#txt_url_ru,.app_li>li>#txt_url_name_de, .app_li>li>#txt_url_de,.app_li>li>#txt_url_name_cn, .app_li>li>#txt_url_cn,.app_li>li>#txt_url_name_ko, .app_li>li>#txt_url_ko,.app_li>li>#txt_url_name_ja, .app_li>li>#txt_url_ja{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	
	.app_li>li>#cat_name_ru, .app_li>li>#cat_name_de,.app_li>li>#cat_name_cn,.app_li>li>#cat_name_ko,.app_li>li>#cat_name_ja{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	
	.app_li>li>#con_name_ru, .app_li>li>#con_name_de,.app_li>li>#con_name_cn,.app_li>li>#con_name_ko,.app_li>li>#con_name_ja,
	.app_li>li>#word_en,.app_li>li>#word_ru,.app_li>li>#word_ko,.app_li>li>#word_cn,.app_li>li>#word_ja,.app_li>li>#word_de,.app_li>li>#l_s,.app_li>li>#txt_transliteration_en,.app_li>li>#txt_transliteration_ko,.app_li>li>#txt_transliteration_ru,.app_li>li>#txt_transliteration_ja,.app_li>li>#txt_transliteration_cn{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	
	.app_li>li>#level_ru, .app_li>li>#level_de,.app_li>li>#level_cn,.app_li>li>#level_ko,.app_li>li>#level_ja{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	
	
	.img_container_paypal{width:100%;height:auto;}
	.pic_img_paypal{width:100%;height:auto;}
	#div_copy{width:96%;height:auto;}
	.filem_t_result, .ad_lm{width:96%;height:auto;}
	.p_f_result{width:96%;height:auto;}
	
	.app_li_prof>li>.upload{width:100%;}

	
	input#img_upload{width:100%;position:relative;display:block;}
	.app_li>li>#status,.app_li_prof>li>#status{width:100%;position:relative;display:block;}
	
	#div_vt_form_img{display:inline-block;float:none;width:100%;height:auto;margin:0 auto;position:relative;}
	#div_vt_form_text{display:inline-block;float:none;width:100%;height:auto;margin:0 auto;position:relative;}
	#div_vt_form_main{width:100%;margin:0 auto;height:auto;}
    #div_vt_form_img #div_vt_img{position:relative;display:block;margin:0 auto;width:100%;height:auto;}/*width:200px*/
	
	#div_reward_buttons{position:relative;width:100%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}/*max-width:94%;max-height:40%;*/

    #div_reward_text{position:relative;width:100%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}
    
	ul>li>#read_more_lessons{width:100%;}
	
	.app_li_prof > li >.btn_home,.app_li > li >.btn_home {}/*17px*/
	#panel, #flip{width:97%;}
	
	input[name='set_id_edit[0]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[0]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[0]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[1]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[1]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[1]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[2]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[2]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[2]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[3]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[3]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[3]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[4]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[4]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[4]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[5]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[5]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[5]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[6]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[6]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[6]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[7]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[7]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[7]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[8]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[8]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[8]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[9]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[9]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[9]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[10]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[10]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[10]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[11]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[11]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[11]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[12]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[12]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[12]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[13]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[13]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[13]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[14]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[14]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[14]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[15]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[15]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[15]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[16]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[16]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[16]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[17]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[17]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[17]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[18]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[18]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[18]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[19]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[19]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[19]']{position:relative;display:block;width:100%;}
	
	#div_vt_form_text #txt_teacher_profile1, #div_vt_form_text #txt_teacher_profile2{position:relative;float:none;width:100%;left:0;}
	
	.app_li_prof #add_remove{width:100%;}
	
	.app_li_prof .highlight{position:relative;width:100%;display:block;background:#d2dfe5;margin:0 auto;padding:10px;border-radius:5px;}
	
	.app_li #payment, .app_li_prof #payment{border:1px solid grey;width:100%;height:auto;margin:0 auto;top:15px;position:relative;}
	
	.app_li .line_top_form, .app_li_prof .line_top_form{
		width:100%;
	}
	
	#order_p{
		width:100%;
	}
	
	.app_li .line_top{
	 width:100%;	
	 border-top:0.3px solid grey;
     border-bottom:none;
     border-left:none;
     border-right:none;	 
	}
	
	.forum-topic{width:100%;}
	
	/*#btn_lang>#side1_en, #btn_lang>#side1_1_en, #btn_lang>#side2_1_en, #btn_lang>#side2_en, #btn_lang>#side1_ko, #btn_lang>#side2_ko, #btn_lang>#side1_ja, #btn_lang>#side2_ja, #btn_lang>#side1_ru, #btn_lang>#side2_ru, #btn_lang>#side1_cn, #btn_lang>#side2_cn{
	top:-20px;position:relative;display:block;}*/
	
	
	
/*.app_li_prof>li>#side1_en, .app_li_prof>li>#side2_en, .app_li_prof>li>#side1_ko, .app_li_prof>li>#side2_ko, .app_li_prof>li>#side1_ja, .app_li_prof>li>#side2_ja, .app_li_prof>li>#side1_ru, .app_li_prof>li>#side2_ru, .app_li_prof>li>#side1_cn, .app_li_prof>li>#side2_cn{
top:-30px;
position:relative;
width:80px;
height:42px;
color:white;
font-size:23px;	
border:2px solid red;
}*/

/*.app_li_prof>li>#side1_en, .app_li_prof>li>#side1_ru, .app_li_prof>li>#side1_ko, .app_li_prof>li>#side1_ja, .app_li_prof>li>#side1_cn{
background: transparent url("../images/headset_lm.png") no-repeat scroll center 1px;	
background-size:35px 35px;
float:right;
}

.app_li_prof>li>#side2_en, .app_li_prof>li>#side2_ru, .app_li_prof>li>#side2_ko, .app_li_prof>li>#side2_ja, .app_li_prof>li>#side2_cn{
background: transparent url("../images/headset_lm.png") no-repeat scroll center 1px;	
background-size:35px 35px;	
float:right;
}*/


	
	/*#set_number{
	color:red;font-weight:bold;background:#ffeead;line-height:30px;text-align:center;font-family:MarckScript-Regular;font-size:18px;
	}*/
	
	

	
   
}


/*SMART TV*/
@media screen and (min-width: 1920px) {
	
input.input-field{width:100%;}
div.email_container{height:50vh;}	
	
}

/*END OF SMART TV*/

/* TABLET 600px*/
@media screen and (max-width: 600px){

div.txt_right_header{

}
	
}

/*end of 600px*/


/* SMARTPHONES LANDSCAPE, TABLET LENOVO, ASUS PORTRAIT */
@media only screen and (min-width: 480px) {
	
   div > #prof_form > ul > li {width: 90%;}/*controls whole width of the form*/
   input.cat_name{width:100%!important;left:0;}
   .lp_h{font-size:3.3vw;}
   
   div>#edit_lesson_form >ul>li{width:90%;}
	
   div>#div_home_left{float:none; width:100%; height:auto; background:transparent;display:inline-block;}
   div>#div_home_right{float:none;width:100%; height:auto; background:transparent;display:inline-block;top:0;}
   div>#div_home_left_home{float:none; width:100%; height:auto; background:transparent;display:inline-block;}
   div>#div_home_right_home{float:none;width:100%; height:auto; background:transparent;display:inline-block;top:0;}
   div>#div_home_left_ads{float:none; width:100%; height:auto; background:transparent;display:inline-block;}
   div>#div_home_right_ads{float:none;width:100%; height:auto; background:transparent;display:inline-block;}
   div>#div_center_ads{position:relative;width:100%;height:auto;margin:0 auto;min-height:200px;display:block;float:none;	}
   div.forms, .app_li, ul.app_li, .txt_area{width:100%;position:relative;} /*.txt_input,*/
	.app_li_prof li{min-width:70%;}
	
	.app_li_prof>li>#lesson_name_order1{position:relative;float:none;}
	.app_li_prof>li>#lesson_name_order2{position:relative;float:none;}
	.app_li_prof>li>#lesson_name_order3{position:relative;float:none;}
	
	button.btn_checkout, button.btn_chk_cancel{width:100%;float:none;margin-bottom:5px;}
	.h-home{height:20px!important;}
	.h-60{height:10px!important;}
	.h-result{height:10px!important;}
	.h-ord-view{height:10px!important;}
	.h-5{height:5px!important;}
	
	#order_result .line_top{
	width:100%!important;
	position: relative;
    display: block;
    margin: 0 auto;
    height: 5px;
    z-index: 3;
    padding: 3px;
	}
	
	button.btn_checkout, button.btn_chk_cancel{width:100%;float:none;}
	
	
	/*control width of the fields start*/
	.app_li>li>#name,.app_li_prof>li>#name,.app_li>li>#eadd, .app_li_prof>li>#eadd, .app_li>li>#select_country_teacher,.app_li_prof>li>#select_country_teacher, .app_li>li>#select_status, .app_li_prof>li>#select_status,.app_li>li>#sel_lang, .app_li_prof>li>#sel_lang, .app_li>li>#sec_lang, .app_li_prof>li>#sec_lang, .app_li>li>#select_purpose_study_t, .app_li_prof>li>#select_purpose_study_t, .app_li_prof>li>#datepicker,.app_li_prof>li>#time,.app_li_prof>li>#author_email,.app_li>li>#author_email,.app_li>li>#d_name,.app_li>li>#d_name_ru,.app_li>li>#d_name_de,.app_li>li>#d_name_ko,.app_li>li>#d_name_ja,.app_li>li>#d_name_cn,.app_li>li>#p1_name,.app_li>li>#p2_name,.app_li>li>#img_link,.app_li_prof>li>#img_link,.app_li>li>#start_date,.app_li>li>#end_date,.app_li_prof>li>#start_date,.app_li_prof>li>#end_date{position:relative;width:100%;margin:0 auto;display:block;height:50px;}/*80%*/
	
	.app_li>li>#topic_name{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	.app_li_prof>li>#topic_name{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	
	.app_li>li>#name_vendor{position:relative;width:100%;margin:0 auto;display:block;height:25px;}
	.app_li_prof>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
	
	.app_li>li>#author_name, .app_li_prof>li>#author_name, .app_li>li>#sel_statement, .app_li>li>#con_name,.app_li>li>#level,.app_li>li>#cat_name,.app_li>li>#sel_video_link,.app_li>li>#video_link,.app_li>li>#video_link_ru,.app_li>li>#video_link_de,.app_li>li>#video_link_ko,.app_li>li>#video_link_ja,.app_li>li>#video_link_cn,.app_li>li>#person1,.app_li>li>#person2,.app_li>li>#sel_content{width:100%;} /*width:auto;width:80%;*/
	
	.app_li>li>#message,.app_li_prof>li>#message{position:relative;width:100%;margin:0 auto;display:block;height:150px;box-sizing: border-box;}/*80%*/
	
	.app_li>li>#txt_video,.app_li_prof>li>#txt_video,.app_li>li>#txt_video_ru,.app_li_prof>li>#txt_video_ru,.app_li>li>#txt_video_de,.app_li_prof>li>#txt_video_de,.app_li>li>#txt_video_ja,.app_li_prof>li>#txt_video_ja,.app_li>li>#txt_video_ko,.app_li_prof>li>#txt_video_ko,.app_li>li>#txt_video_cn,.app_li_prof>li>#txt_video_cn{position:relative;width:100%;margin:0 auto;display:block;height:50px;}/*80%*/
	
	.app_li_prof > li > #eadd_res {width:80%;}
	.app_li_prof>li>.buttons, .app_li>li>.buttons {width:100%;}/*80%*/
	
	/*end of controls width of all fields*/
   
   .app_li > li > .btn_less_1,.app_li> li > .btn_less_2, .app_li>li>.btn_cancel_order,.app_li>li>.btn_cancel{width:100%;top:3%;bottom:0;margin: 0 auto;}/*min-width:70%;*/
   button.btn_less_free{width:auto;min-width:70%;margin:0 auto 10px auto;}
   .app_li_chat>li>.btn_chat_1,.app_li_chat>li>.btn_chat_2,.app_li_chat>li>.btn_chat_3{width:60%;top:10px;}
   .app_li>li>.btn_test_1,.app_li>li>.btn_contact,.app_li>li>.btn_account,.app_li>li>.btn_mat,.app_li>li>.btn_register,.app_li>li>.btn_youtube,.app_li>li>.btn_send,.app_li>li>.btn_cancel,.app_li_prof>li>.btn_cancel,.app_li>li>#img_upload,.app_li_prof>li>#img_upload{width:100%;top:0;}/*width:80%*/
    li>.btn_tp1,li>.btn_tp2,li>.btn_tp3{width:100%;} /*80%*/
   .app_li>li>.txt_area{margin:0 auto 10px auto}

   li>.copyright_note{width:100%;float:none;}
    div>.left{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;/*border-right:1px solid grey;*/}
	div>.left-left{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;border-right:1px solid white;}
	div>.left-middle{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;border-right:1px solid white;}
	div>.left-right{float:none;width:100%;color:black;min-height:280px;height:auto;text-align:center;}
    div>.modal-content{width:70%;}
	div.icon-container-checkout{width:100%;}
   .container>.txt_input_log{display:block;top:0;width:90%;}
   
   /*.container>.btn_login{width:90%;cursor: pointer;margin: 0 auto 10px auto;}*/
   button.btn_login{width:100%;float:none;}
   
   .container>.lbl_log{position:relative;top:0;display:block;left:0;width:90%;height:30px;margin:0 auto 0 auto;}/*90%*/
   
   /*.container>.cancelbtn{display:block;height:50px;width:90%;left:0;margin: 0 auto 10px auto;top:0;text-align:center;border:1px solid black;line-height:35px;cursor: pointer;}*/
   
   button.cancelbtn{width:100%;float:none;}
   
   .container>.radio_btn{position:relative;left:0;margin:0 auto;height:23px; width:100%;display:block;vertical-align:middle;text-align:center;}
   .app_li>li{width:100%;}/*80%*/
   #r_3>.form_profile{min-height:600px;padding-bottom:10px;width:90%;margin-bottom:20px;}/*90%*/
   .row{height:auto;}
   .forms{height:auto;width:90%;}
   .app_li_reg>li>.txt_input{width:100%;}/*min-width:80%;width:auto;*/
   .app_li_reg>li>.lbl_form{min-width:50%;width:auto;left:10%;}
   /*.app_li_reg>li>.btn_reg{width:100%;}*//*min-width:80%;width:auto;*/
   button.btn_reg{width:100%;float:none;}
   .app_li_reg>.radio_btn{position:relative;left:0;margin:0 auto;height:23px; width:100%;display:block;vertical-align:middle;text-align:center;font-size:13px;}
   
   .app_li_prof>li>.txt_input{width:100%;}/*min-width:100%; 80%*/
   
   .app_li_prof>li>.lbl_form, .app_li>li>.lbl_form{position:relative;width:100%;height:30px;left:0;margin:0 auto;}
   .app_li>li>a>.lbl_form{position:relative;display:block;float:right;width:auto;margin-right:1%;text-decoration:underline;font-family:'MarckScript-Regular';font-weight:bold;}

   .app_li_prof>li>.btn_send{position:relative;width:100%;}/*80%*/
   .img_container{width:100%;height:auto;} /*100%*/
    .pic_img_panel{width:100%;height:auto;margin:0 auto;} /*80%*/
   li>.btn_view_stu{min-width:100%;}/*min-width:80%;width:auto;*/
   li>.tarea_q,.tarea_q{width:100%;} /*80%*/
   /*.app_li_prof>li>.btn_login_reg{width:100%;}*//*min-width:80%;width:auto;*/
   .app_li_prof>li>.txt_area{position:relative;width:100%;height:150px;}/*min-width:80%;*/
   .app_li_prof>li>#select_order,.app_li_prof>li>#select_country,.app_li_prof>li>#select_date,.app_li_prof>li>#select_time,.app_li_prof>li>#select_language_level,
   .app_li_prof>li>#select_how_long,.app_li_prof>li>#select_purpose_study,ul>li>#select_filter_dial{position:relative;width:100%;margin:0 auto;}
   
   .app_li_prof>li>#select_filter_ord{width:100%;} /*80%*/
    ul>li>#sel_statement{width:100%;} /*min-width:80%;width:auto;*/
	ul>li>#sel_content{width:100%;}
	ul>li>#sel_video_link{width:100%;} /*min-width:70%;width:auto;*/
   .app_li_prof>li>.btn_cancel_order{position:relative;width:100%;}/*min-width:80%;*/
   .app_li_prof>li>.lesson_radio{width:100%;left:0;margin:0 auto;} /*80%*/
    div>ul>.li_chat_text{height:auto;min-height:80px;bottom:10px;}
	#image_container_ven{width:100%;max-height:260px;margin:0 auto;}
	#image_container_ven img{width:100%;max-height:260px;margin:0 auto;}
    .app_li_prof>li>#lbl_img_desc_ven,.app_li>li>#lbl_img_desc_ven, div#lbl_img_desc_ven_l{width:96%;}
	
	#image_container_ven_flip{width:100%;max-height:260px;margin:0 auto;}
	#image_container_ven_flip img{width:100%;max-height:260px;margin:0 auto;}
    .app_li_prof>li>#lbl_img_desc_ven_flip,.app_li>li>#lbl_img_desc_ven_flip{width:96%;}
   
   button.btn_cancel_order{width:100%;}/*min-width:80%;*/

   button.btn_reg{width:100%;float:none;}
   button.btn_login_reg{width:100%;float:none;}/*min-width:80%;*/
	  
   button.btn_send{width:100%;} /*80%*/
   button.btn_send_result{width:100%;float:none;margin-bottom:5px;}/*min-width:80%;*/
   button.btn_view_ord{width:100%;float:none;margin-bottom:5px;}

   textarea.txt_area{width:100%;} /*80%*/
   
   .buttons{width:100%;} /*min-width:80%;width:auto;*/
   li>#rate,li>#volume,li>#pitch{width:100%;} /*min-width:80%;width:auto;*/
    li>#voice{width:100%;} /*min-width:80%;width:auto;*/
	#lbl_sound{width:100%;} /*min-width:80%;width:auto;*/
	#btn_gram{position:relative;display:block;width:80px;height:24px;background:transparent;border:1px solid grey;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:right;}/*80px*/
   
   #order_result{width:100%;} /*min-width:80%;width:auto;*/
   #order_result_flip{width:100%;} /*min-width:80%;width:auto;*/
   
   #mat_links{width:100%;margin:0 auto;}
   #tbl_main_forum{width:100%;margin:0 auto;font-size:14px;} /*min-width:80%;width:auto;*/
   #search{width:auto;min-width:35%;} /*min-width:30%;width:auto;*/
   #ad_left{float:none;}
   #ad_right{float:none;}
   #btn_post_answer{/*width:100%;*/} /*80%*/
   #btn_edit_answer{/*width:100%;*/} /*80%*/
   #chat_icon{margin:0 auto;}
   #page{width:100%;} /*min-width:80%;width:auto;*/
   #img_refresh{margin-right:10px;}

   option{	   
-moz-white-space:pre-wrap;
-o-white-space:pre-wrap;
white-space:pre-wrap;
overflow:hidden;
text-overflow:ellipsis;	
}
  button#btn_video{background:url(../images/btn_video.png) no-repeat 0;background-size:26px 26px;}	
  #txt_front_square>#sp_box_text{min-height:30%;height:auto;margin-bottom:10px;}
  ul>li>#left_text_under_pic_panel{width:100%; height:auto;} /*80%*/
  .app_li>li>#line_top_con{width:100%;border-top:1px solid grey;} /*min-width:80%;width:auto;*/  
  .app_li_prof>li>.line_top,.line_top{width:100%;} /*80%*/
  
  .app_li_prof>li>.line_top_flip,.app_li>li>.line_top_flip,.line_top_flip{width:100%;} /*80%*/
 
  iframe#frame_pdf{width:100%;height:auto; min-height:300px;}
  ul>li>#line_top{width:100%;border-top:1px solid grey;} /*min-width:80%;width:auto;*/
  
  ul>li>.header_text_page{width:100%;height:auto;} /*80%*/
  ul>li>.header_text_page_flip{width:100%;height:auto;} /*80%*/
  
  .bg_reward{width:100%;height:auto;} /*80%*/
  /*ul>li>#select_country_teacher{width:auto;}*//*min-width:80%;*/
  ul>li>.upload {width:100%;height:auto;}/*width:80%;*/
  .btn_home{}

  
   button.btn_less_free_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_less_2_home {width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_less_1_home{width:90%;top:0;margin:0 auto 10px auto;}
	button.btn_test_1_home{width:90%;top:0;margin:0 auto 10px auto;}
	button.btn_contact_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_account_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_mat_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_register_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_cancel_order_home,ul>li>.btn_conversation_home{width:80%;top:10px;margin: 0 auto 10px auto;}
	.app_li>li>.btn_youtube_home{width:90%;top:0;margin:0 auto 10px auto;}
	
	/*button.btn_send_home,button.btn_cancel_home{width:90%;top:0;margin:0 auto 10px auto;}*/
	button.btn_send_home{width:100%;float:none;}
	button.btn_cancel_home{width:100%;float:none;top:5px;}
	button.btn_start_test, button.btn_ord_l{width:100%;float:none;}
	
	input.txt_input_home{width:90%;font-size:21px;} 
	textarea.txt_area_home{width:90%;font-size:21px;} 
	div.txt_right_header{width:90%;height:auto;font-size:25px;min-height:190px!important;
	/*background:#fffeb3 url(../images/paper.jpg) no-repeat right -50px;*/
	
	}
	
	button.btn_chat_1, button.btn_chat_2, button.btn_chat_3 {width: 90%;top: 90%;bottom: 0;margin: 0 auto 10px auto;}
 
	.app_li>li>.txt_input{position:relative;width:100%;margin:0 auto;} /*80%*/
	.app_li_prof>li>#msg,.app_li>li>#msg{width:100%;}

	 .app_li>#pic_img_panel{width:100%;border:1px solid red;} /*min-width:80%;width:auto;border:1px solid red;*/
     
	 .app_li>li>#txt_url_name, .app_li>li>#txt_url,.app_li>li>#txt_url_name_ru, .app_li>li>#txt_url_ru,.app_li>li>#txt_url_name_de, .app_li>li>#txt_url_de,.app_li>li>#txt_url_name_cn, .app_li>li>#txt_url_cn,.app_li>li>#txt_url_name_ko, .app_li>li>#txt_url_ko,.app_li>li>#txt_url_name_ja, .app_li>li>#txt_url_ja{position: relative;width:100%;margin: 0 auto;display: block;height:50px;}
	 
	 .app_li>li>#cat_name_ru, .app_li>li>#cat_name_de,.app_li>li>#cat_name_cn,.app_li>li>#cat_name_ko,.app_li>li>#cat_name_ja{position: relative;width:100%;margin: 0 auto;display: block;height:50px;}
	 
	 
	 .app_li>li>#con_name_ru, .app_li>li>#con_name_de,.app_li>li>#con_name_cn,.app_li>li>#con_name_ko,.app_li>li>#con_name_ja,
	 .app_li>li>#word_en,.app_li>li>#word_ru,.app_li>li>#word_ko,.app_li>li>#word_cn,.app_li>li>#word_ja,.app_li>li>#word_de,.app_li>li>#l_s,.app_li>li>#txt_transliteration_en,.app_li>li>#txt_transliteration_ko,.app_li>li>#txt_transliteration_ru,.app_li>li>#txt_transliteration_ja,.app_li>li>#txt_transliteration_cn{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	 
	 .app_li>li>#level_ru, .app_li>li>#level_de,.app_li>li>#level_cn,.app_li>li>#level_ko,.app_li>li>#level_ja{position:relative;width:100%;margin:0 auto;display:block;height:50px;}
	 
	 	
     .img_container_paypal{width:100%;height:auto;}
	 .pic_img_paypal{width:80%;height:auto;}
	 #div_copy{width:96%;height:auto;}
	 .filem_t_result, .ad_lm{width:96%;height:auto;margin:0 auto;}
	 .p_f_result{width:96%;height:auto;margin:0 auto;}
	 
	 .app_li_prof>li>.upload{width:100%;}
	 input#img_upload{width:100%;position:relative;display:block;}
	
	 #div_vt_form_main{position:relative;width:100%;height:auto;min-height:150px;margin:0 auto;}

     #div_vt_form_img{position:relative;width:100%;height:auto;padding:0;float:none;margin:0 auto;}

     #div_vt_form_text{position:relative;width:100%;height:auto;left:0;float:none;margin:0 auto;}

     #div_vt_form_img #div_vt_img{position:relative;width:100%;height:auto;margin:0 auto;display:block;}/*position:relative;width:200px;height:200px;margin:0 auto;display:block;*/
	
	 #div_reward_buttons{position:relative;width:100%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}/*max-width:94%;max-height:40%;*/

     #div_reward_text{position:relative;width:100%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}
	 
     ul>li>#read_more_lessons{width:100%;}
	 
	 .app_li_prof > li >.btn_home,.app_li > li >.btn_home {}
	 #panel, #flip{width:100%;}
	 
	input[name='set_id_edit[0]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[0]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[0]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[1]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[1]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[1]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[2]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[2]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[2]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[3]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[3]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[3]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[4]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[4]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[4]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[5]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[5]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[5]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[6]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[6]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[6]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[7]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[7]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[7]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[8]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[8]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[8]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[9]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[9]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[9]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[10]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[10]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[10]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[11]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[11]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[11]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[12]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[12]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[12]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[13]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[13]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[13]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[14]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[14]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[14]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[15]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[15]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[15]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[16]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[16]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[16]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[17]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[17]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[17]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[18]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[18]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[18]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[19]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[19]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[19]']{position:relative;display:block;width:100%;}
	#div_vt_form_text #txt_teacher_profile1, #div_vt_form_text #txt_teacher_profile2{position:relative;width:100%;float:none;left:15%;}
	
	
	#add_remove{width:100%;}
	
	.app_li_prof .highlight{position:relative;width:80%;display:block;background:#d2dfe5;margin:0 auto;padding:10px;border-radius:5px;	}
	
	.app_li #payment, .app_li_prof #payment{border:1px solid grey;width:100%;height:auto;margin:0 auto;top:15px;position:relative;}
	
	.app_li .line_top_form, .app_li_prof .line_top_form{
		width:100%;
	}
	
	.forum-topic{width:100%;}
	
	#order_p{
		width:96%;
	}
	
	/*#set_number{
	color:red;font-weight:bold;background:#ffeead;line-height:30px;text-align:center;font-family:MarckScript-Regular;font-size:21px;
	}*/

}
/*Samsung portrait*/
@media only screen and (min-width: 320px;){
	
}

/*Samsung ect landscape*/
@media only screen and (min-width: 740px){
	.line_top{width:70%;}
	.app_li_prof>li>.line_top,.app_li>li>.line_top{width:70%;}
	.app_li_prof>li>.line_top_flip,.app_li>li>.line_top_flip{width:70%;}
	.app_li_prof>li>#left_text_under_pic_panel{min-width:70%;height:auto;}
	#order_p{
		width:100%;
	}
}


/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {
	
	div > #prof_form > ul > li {width: 90%;}/*controls whole width of the form*/
	div>#left_text_under_pic{display:block;}
	div>#left_text_under_pic_test{display:block;}
	div.upload_f{float:left;width:40%!important;}
	input.cat_name{width:32%!important;margin:0 auto 5px auto;left:1%;}
	.lp_h{font-size:4.3vw;}
	
	div > #edit_lesson_form  >ul>li{width:90%;}
    div>#div_home_left{float:left; width:50%; height:auto; background:transparent;display:inline-block;}
	div>#div_home_right{float:right; width:50%; height:auto; background:transparent;display:inline-block;top:0;}
	div>#div_home_left_home{float:left; width:50%; height:auto; background:transparent;display:inline-block;}
	div>#div_home_right_home{float:right; width:50%; height:auto; background:transparent;display:inline-block;top:0;}
	div>#div_home_left_ads{float:left; width:50%; height:auto; background:transparent;display:inline-block;}
	div>#div_home_right_ads{float:right; width:50%; height:auto; background:transparent;display:inline-block;}
	div>#div_center_ads{position:relative;width:50%;height:auto;margin:0 auto;min-height:200px;display:block;float:none;	}
	div>#layer{position:absolute;background-color:rgba(0,0,0,0.4);top:5%;left:20px;width:50%;height:90%;	border: 1px solid grey;}
	#layer>#txt_front_square>#txt_sq_1{font-size:2vw;}
	#layer>#txt_front_square>#txt_sq_2{top:3px;position:relative;font-size:2.7vw;}
	#layer>#txt_front_square>#txt_sq_3{top:3px;position:relative;font-size:2.7vw;}
	div>#btn_video{font-size: 1.9vw;text-align:center;color:white;}
	#layer>#txt_front_square>#txt_sq_1_ru{font-size:2vw;}
	#layer>#txt_front_square>#txt_sq_2_ru{top:-20px;position:relative;font-size:2.7vw;}
	#layer>#txt_front_square>#txt_sq_3_ru{top:-25px;position:relative;font-size:2.7vw;}
	#lesson_name_order1{position:relative;float:left;}
	#lesson_name_order2{position:relative;float:right;}
	#lesson_name_order3{position:relative;float:none;margin:0 auto;}
	button#lesson_name_order1{float:left;width:45%;}
	button#lesson_name_order2{float:right;width:45%;}
	
	div .btn_container{position:relative;display:block;width:80%;min-height:70px;margin:0 auto;}
	div .btn_tp1{float:left;width:45%;} div .btn_tp2{float:right;width:45%;}
	
	button.btn_checkout{float:right;width:48%;}
	button.btn_chk_cancel{float:left;width:48%;}
	button.btn_left_home{float:left;width:48%;font-size:0.7em;top:0;}
    button.btn_right_home{float:right;width:48%;font-size:0.7em;top:0;}
	.h-home{height:70px!important;}
	.h-60{height:60px!important;}
	.h-result{height:50px!important;}
	.h-ord-view{height:10px!important;}
	.h-5{height:5px!important;}
	
	.img_container{width:100%;height:auto;} 
    .pic_img{width:100%;height:auto;min-height:230px;} 
     
	
	.app_li_prof > li >.btn_home,.app_li > li >.btn_home {}
	 button.btn_less_free_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_less_2_home {width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_less_1_home{width:90%;top:0;margin:0 auto 10px auto;}
	button.btn_test_1_home{width:90%;top:0;margin:0 auto 10px auto;}
	button.btn_contact_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_account_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_mat_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_register_home{width:90%;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_cancel_order_home,ul>li>.btn_conversation_home{width:80%;top:10px;margin: 0 auto 10px auto;}
	.app_li>li>.btn_youtube_home{width:90%;top:0;margin:0 auto 10px auto;}
	
	/*button.btn_send_home,button.btn_cancel_home{width:90%;top:0;margin:0 auto 10px auto;}*/
	
	button.btn_send_home{width:48%;float:right;}
	button.btn_cancel_home{width:48%;float:left;top:0;}
	button.btn_start_test, button.btn_ord_l{width:40%;float:left;}
	
	input.txt_input_home{width:90%;font-size:21px;} 
	input .input-field{width:90%;}
	textarea .input-area{width:90%;}
	div.input-container{width:90%;}
	textarea.txt_area_home{width:90%;font-size:21px;} 
	div.icon-container-checkout{width:80%;}
	div.card_home{margin:0 auto;}
	
	
	button.btn_chat_1, button.btn_chat_2, button.btn_chat_3{position:relative;line-height:35px;width:70%;font-size:16px;top:10px;width:auto;bottom:0;margin: 0 auto 20px auto;}
	.app_li>li>.btn_send{width:80%;top:0;}
	
	
	.app_li, .app_li, .txt_area{width:100%;position:relative;display:block;height:auto;}/*80%*/
	

	
	li>.btn_tp1,li>.btn_tp2,li>.btn_tp3{width:80%;}
	
	
	li>.copyright_note{width:80%;float:none;}
	div>.left{float:left;width:33.3%;color:black;min-height:280px;height:auto;text-align:center;/*border-right:1px solid grey;*/}
	div>.left-left{float:left;width:33.3%;color:black;min-height:280px;height:auto;text-align:center;border-right:none;}
	div>.left-middle{float:left;width:33.3%;color:black;min-height:280px;height:auto;text-align:center;border-right:none;}
	div>.left-right{float:left;width:33.3%;color:black;min-height:280px;height:auto;text-align:center;}
	div>.modal-content{width:60%;}
	.container>.txt_input_log{position:relative;display:block;left:0;top:0;width:auto;min-width:90%;height:45px;margin:0 auto 10px auto;}
	.container>.lbl_log{position:relative;width:90%;margin:0 auto;}
	
	/*.container>.btn_login{display:block;height:50px;width:auto;min-width:90%;left:0;margin: 0 auto 5px auto;top:10px;text-align:center;border:1px solid black;line-height:35px;cursor: pointer;}*/
	button.btn_login{width:48%;float:right;}
	
	/*.container>.cancelbtn{display:block;height:50px;width:auto;min-width:90%;left:0;margin: 0 auto 10px auto;top:0;text-align:center;border:1px solid black;line-height:35px;cursor: pointer;}*/
	
	button.cancelbtn{width:48%;float:left;}
	
    .container>.radio_btn{position:relative;left:0;margin:0 auto;height:23px; width:70%;display:block;vertical-align:middle;text-align:center;font-size:13px;}
	.row{min-height:800px;}
	.forms{height:auto;width:80%;}
	#r_3>.form_profile{height:auto;padding-bottom:10px;width:90%;margin-bottom:20px;}
	.app_li_reg>li>.txt_input{min-width:70%;width:auto;}
	.app_li_reg>li>.lbl_form{position:relative;width:70%;left:0;}
	/*.app_li_reg>li>.btn_reg{min-width:70%;width:auto;}*/
	.app_li_reg>li>.radio_btn{position:relative;left:0;margin:0 auto; height:23px; width:100%;display:block;font-size:13px;vertical-align:middle;text-align:center;}
	
	.app_li_prof>li>.lbl_form, .app_li>li>.lbl_form{position:relative;width:80%;left:0;}
	.app_li>li>a>.lbl_form{position:relative;display:block;float:right;width:auto;margin-right:10%;text-decoration:underline;font-family:'MarckScript-Regular';font-weight:bold;}
	.app_li_prof>li>.btn_send{width:80%;}
	.pic_img_panel{width:80%;height:auto;}/*min-width:80%;*/
	li>.btn_view_stu{min-width:80%;width:auto;}
	li>.tarea_q{min-width:80%;width:auto;}
	
	/*.app_li_prof>li>.btn_login_reg{min-width:70%;width:auto;}*/
	button.btn_reg{width:48%;float:right;}
	button.btn_login_reg{width:48%;float:left;}
	
	.app_li_prof>li>.txt_area, .app_li>li>.txt_area{width:80%;height:150px;}
	.app_li_prof>li>#select_order,.app_li_prof>li>#select_country,.app_li_prof>li>#select_date,.app_li_prof>li>#select_time,.app_li_prof>li>#select_language_level,.app_li_prof>li>#select_how_long,.app_li_prof>li>#select_purpose_study,.app_li_prof>li>#select_filter_ord{width:80%;}/*min-width:80%;width:auto;*/
	
	
	 ul>li>#sel_statement{width:80%;}
	 ul>li>#sel_content{width:80%;}
	 ul>li>#sel_video_link{width:80%;}
	.app_li_prof>li>.btn_cancel_order{width:80%;}
	.app_li_prof>li>.lesson_radio,.app_li>li>.lesson_radio{width:80%;left:0;margin:0 auto;}
	 div>ul>.li_chat_text{height:150px;bottom:10px;}
	 ul>.li_devider{margin-bottom:0;height:auto;min-height:90px;bottom:0;position:relative;}
	 #image_container_ven{width:80%;max-height:260px;margin:0 auto;} /*80%*/
	 #image_container_ven img{width:100%;max-height:260px;margin:0 auto;}
	 .app_li_prof>li>#lbl_img_desc_ven, .app_li>li>#lbl_img_desc_ven, div#lbl_img_desc_ven_l{width:80%;} /*width:80%;*/
	 
	 #image_container_ven_flip{width:98%;max-height:260px;margin:0 auto;} /*80%*/
	 #image_container_ven_flip img{width:100%;max-height:260px;margin:0 auto;}
	 .app_li_prof>li>#lbl_img_desc_ven_flip, .app_li>li>#lbl_img_desc_ven_flip{width:98%;} /*width:80%;*/

	
	button.btn_cancel_order,.app_li>li>.btn_cancel_order{width:80%;}
	/*button.btn_reg{width:80%;}*/
	/*button.btn_login_reg{width:80%;}*/
	button.btn_reg{width:48%;float:right;}
	button.btn_login_reg{width:48%;float:left;}
	button.btn_send,.app_li>li>.btn_send,ul>li>.btn_send{width:80%;}/*70%*/
	.app_li>li>.btn_cancel{width:80%;top:0;margin:0 auto 10px auto;}
	
	/*button.btn_send_result{width:80%;}*/
	button.btn_send_result{width:40%;float:right;}
	button.btn_view_ord{width:40%;float:right;}
	
	.app_li_prof>li>.buttons,.app_li>li>.buttons{width:80%;}
	li>#rate,li>#volume,li>#pitch{min-width:80%;width:auto;}
	 li>#voice{min-width:80%;width:auto;}
	 #lbl_sound{min-width:80%;width:auto;}
	 #btn_gram{position:relative;display:block;width:80px;height:24px;background:transparent;border:1px solid grey;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:right;}
	
	
    div#news_nav_top{width:100%;margin:0 auto;left:0;}
	.app_li_prof>li>#order_result{width:80%;}/*80%*/
	.app_li>li>#order_result{width:80%;}
	
	.app_li_prof>li>#order_result_flip{width:98%;}/*80%*/
	.app_li>li>#order_result_flip{width:98%;}
	
	
	
	.app_li_prof li #line_top{width:100%;border-top:1px solid grey;}
	.app_li li #line_top{width:100%;border-top:1px solid grey;}
	
	#mat_links{min-width:70%;width:auto;margin:0 auto;}
	#tbl_main_forum{width:auto;min-width:70%;margin:0 auto;font-size:17px;}
	#search{width:auto;min-width:27%;}
	#ad_left{float:left;}
	#ad_right{float:right;}
	#btn_post_answer{/*width:80%;*/}
	#btn_edit_answer{/*width:80%;*/}
	#chat_icon{margin:0 auto;}
    #page{min-width:70%;width:auto;}
	#img_refresh{margin-right:10px;}

	button#btn_video{background:url(../images/btn_video.png) no-repeat 3%;background-size:40px 40px;}	 
	#txt_front_square>#sp_box_text{top:0;min-height:30%;height:auto;margin-bottom:5px;}
	ul>li>#left_text_under_pic_panel{width:70%; height:auto;}
    .app_li>li>#line_top_con{width:auto;min-width:70%;border-top:1px solid grey;}
	iframe#frame_pdf{width:100%;height:auto;min-height:400px;}
	.app_li>li>#line_top,.app_li_prof>li>#line_top, .app_li>.li_text_list>#line_top, .app_li_prof>li>.line_top,.app_li>li>.line_top{width:80%;margin:0 auto;display:block;position:relative;border-top:0.3px solid grey;}
	
	.app_li>li>#line_top_flip,.app_li_prof>li>#line_top_flip, .app_li>.li_text_list>#line_top_flip, .app_li_prof>li>.line_top_flip,.app_li>li>.line_top_flip{width:70%;margin:0 auto;display:block;position:relative;border-top:0.3px solid grey;}
	
	#order_result .line_top{
	width:100%!important;
	position: relative;
    display: block;
    margin: 0 auto;
    height: 5px;
    z-index: 3;
    padding: 3px;
	/*top:35px;*/
	}
	ul>li>.header_text_page{width:70%!important;height:auto;}
	ul>li>.bg_reward,.app_li>li>.bg_reward{width:80%;height:auto;}
	.app_li_prof>li>#select_country_teacher{min-width:70%;width:auto;}
	ul>li>.upload {width:80%;height:auto;}
	.app_li_prof>li>.btn_home{width:80%;}/**/
	div.txt_right_header{
	/*width:90%;*/
	height:auto;min-height:110px!important;
	font-size:19px;padding:19px;
	/*background:#fffeb3;*/
	}
	
	ul>li>.li_text_header{font-size:30px;width:auto;min-width:70%;}
	ul>.li_text_list{position:relative;top:3px;bottom:3px;text-align:left;display:inline-block;width:70%;margin:0 auto;}
	 
	 /*start of width for all fields*/
	 .app_li>li>#select_country_teacher,.app_li_prof>li>#select_country_teacher, .app_li>li>#select_status, .app_li_prof>li>#select_status,.app_li>li>#sel_lang,.app_li>li>#sec_lang, .app_li>li>#select_purpose_study_t, .app_li_prof>li>#select_purpose_study_t, .app_li>li>#select_purpose_study_t,.app_li>li>#time,.app_li>li>#author_email,  .app_li>li>#con_name,.app_li>li>#level,.app_li>li>#person1,.app_li>li>#person2,.app_li>li>#cat_name,.app_li>li>#sel_video_link,.app_li>li>#sel_statement,.app_li>li>#d_name,.app_li>li>#d_name_ru,.app_li>li>#d_name_de,.app_li>li>#d_name_ko,.app_li>li>#d_name_ja,.app_li>li>#d_name_cn,.app_li>li>#p1_name,.app_li>li>#p2_name,.app_li>li>#sel_content{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}/*controls width of all fields 70%*/
	 
	 .app_li>li>#author_name{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}
	 .app_li>li>#video_link,.app_li>li>#video_link_ru,.app_li>li>#video_link_de,.app_li>li>#video_link_ko,.app_li>li>#video_link_ja,.app_li>li>#video_link_cn{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}
	 
	 .app_li>li>#name{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}
     .app_li>li>#eadd{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}
	 .app_li>li>#datepicker{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}
     .app_li>li>#status,.app_li_prof>li>#status{width:80%;position:relative;display:block;}

	 
	 .app_li_prof>li>#name, .app_li_prof>li>#eadd, .app_li_prof>li>#select_country_teacher, .app_li_prof>li>#select_status, .app_li_prof>li>#sel_lang,.app_li_prof>li>#sec_lang, .app_li_prof>li>#select_purpose_study_t, .app_li>li>#select_purpose_study_t, .app_li_prof>li>#datepicker,.app_li_prof>li>#time{position:relative;width:80%;margin:0 auto;display:block;height:50px;}
	 
	 .app_li>li>#select_purpose_study, .app_li_prof>li>#select_purpose_study, .app_li>li>#select_how_long, .app_li_prof>li>#select_how_long, #note_inner {position:relative;
	 width:80%;margin:0 auto;display:block;height:50px;}
	 
	 /*controls width of all fields*/
	
	.app_li>li>#name, .app_li>li>#eadd, .app_li>li>#select_country_teacher,.app_li>li>#select_status, .app_li>li>#sel_lang, .app_li>li>#sec_lang, .app_li>li>#select_purpose_study_t, .app_li>li>#select_purpose_study_t, .app_li>li>#datepicker,.app_li>li>#time{position:relative;width:80%;margin:0 auto;display:block;height:50px;}
	
	.app_li>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
	.app_li_prof>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
	
	.app_li>li>#topic_name{position:relative;width:80%;margin:0 auto;display:block;height:50px;}
	.app_li_prof>li>#topic_name{position:relative;width:80%;margin:0 auto;display:block;height:50px;}
	

	/*controls width of all fields*/
	
	.app_li>li>#message,.app_li_prof>li>#message{position:relative;width:80%;margin:0 auto;display:block;height:150px;}
	
	.app_li>li>#txt_video,.app_li_prof>li>#txt_video,.app_li>li>#txt_video_ru,.app_li_prof>li>#txt_video_ru,.app_li>li>#txt_video_de,.app_li_prof>li>#txt_video_de,.app_li>li>#txt_video_ja,.app_li_prof>li>#txt_video_ja,.app_li>li>#txt_video_ko,.app_li_prof>li>#txt_video_ko,.app_li>li>#txt_video_cn,.app_li_prof>li>#txt_video_cn{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}
	
	.app_li_prof>li>#msg,.app_li>li>#msg{width:80%;}
	 
	 /*end of width for all fields*/
	 
	.app_li_prof>li>#img_link, .app_li>li>#img_link, .app_li>li>#start_date,.app_li_prof>li>#start_date,.app_li>li>#end_date,.app_li_prof>li>#end_date{width:80%;}
	.app_li_prof>li>.txt_input, .app_li>li>.txt_input{width:80%;}
	.app_li_prof>li>#eadd_res{width:80%;}/*70%*/
	
	#semail{width:80%;position:relative;margin:0 auto;}
	
	
	
	ul>li>#btn_less_send, ul>li>.btn_less_send{width:70%;top:0;font-size:23px;}
	.app_li_prof{height:auto;width:98%;}
	
	.app_li>li>#select_filter_dial{width:auto;}/*min-width:70%*/
	.app_li>li>#select_filter_dial_con{min-width:80%;width:auto;}
	.app_li>li>#d_name{min-width:80%;width:auto;}
	.app_li>li>#d_name_ru{min-width:80%;width:auto;}
	.app_li>li>#d_name_de{min-width:80%;width:auto;}
	.app_li>li>#d_name_ko{min-width:80%;width:auto;}
	.app_li>li>#d_name_ja{min-width:80%;width:auto;}
	.app_li>li>#d_name_cn{min-width:80%;width:auto;}
	.app_li>li>#p1_name{min-width:80%;width:auto;}
	.app_li>li>#p2_name{min-width:80%;width:auto;}
	
	.app_li>li>#txt_url_name, .app_li>li>#txt_url,.app_li>li>#txt_url_name_ru, .app_li>li>#txt_url_ru,.app_li>li>#txt_url_name_de, .app_li>li>#txt_url_de,.app_li>li>#txt_url_name_cn, .app_li>li>#txt_url_cn,.app_li>li>#txt_url_name_ko, .app_li>li>#txt_url_ko,.app_li>li>#txt_url_name_ja, .app_li>li>#txt_url_ja {min-width:80%;width:auto;}
	
	.app_li>li>#cat_name_ru, .app_li>li>#cat_name_de,.app_li>li>#cat_name_cn,.app_li>li>#cat_name_ko,.app_li>li>#cat_name_ja{min-width:80%;width:auto;}
	
	
	.app_li>li>#con_name_ru, .app_li>li>#con_name_de,.app_li>li>#con_name_cn,.app_li>li>#con_name_ko,.app_li>li>#con_name_ja,
	.app_li>li>#word_en,.app_li>li>#word_ru,.app_li>li>#word_ko,.app_li>li>#word_cn,.app_li>li>#word_ja,.app_li>li>#word_de,.app_li>li>#l_s,.app_li>li>#txt_transliteration_en,.app_li>li>#txt_transliteration_ko,.app_li>li>#txt_transliteration_ru,.app_li>li>#txt_transliteration_ja,.app_li>li>#txt_transliteration_cn
	{position:relative;min-width:80%;width:auto;margin:0 auto;display:block;height:50px;}
	
	.img_container_paypal{width:100%;height:auto;}
	.pic_img_paypal{width:80%;height:auto;}
	#div_copy{width:80%;height:auto;}
	.filem_t_result, .ad_lm{width:80%;height:auto;}
	.p_f_result{width:80%;height:auto;}
	
	.app_li_prof>li>.upload{width:80%;}
	input#img_upload{width:80%;position:relative;display:block;}
	
	 #div_vt_form_main{position:relative;width:80%;height:auto;min-height:150px;margin:0 auto;}

     #div_vt_form_img{position:relative;width:100%;height:auto;min-height:150px;padding:0;float:none;}

     #div_vt_form_text{position:relative;width:100%;height:auto;min-height:150px;left:0;float:none;}

     #div_vt_form_img #div_vt_img{position:relative;width:100%;height:auto;margin:0 auto;display:block;}/*position:relative;width:200px;height:200px;margin:0 auto;display:block;*/
	 
	 #div_reward_buttons{position:relative;width:80%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}/*max-width:94%;max-height:40%;*/

     #div_reward_text{position:relative;width:80%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}
		
     ul>li>#read_more_lessons{width:80%;} 
	 #panel,#flip {width:94%;} /*77%*/
	 
	 
	.app_li>li>#level_ru{width:80%; }
	.app_li>li>.header_text_page{width:80%;} /*80%*/
	.app_li>li>.header_text_page_flip{width:98%;} 
	 
	 
	input[name='set_id_edit[0]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[0]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[0]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[1]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[1]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[1]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[2]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[2]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[2]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[3]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[3]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[3]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[4]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[4]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[4]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[5]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[5]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[5]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[6]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[6]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[6]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[7]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[7]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[7]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[8]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[8]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[8]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[9]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[9]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[9]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[10]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[10]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[10]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[11]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[11]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[11]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[12]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[12]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[12]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[13]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[13]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[13]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[14]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[14]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[14]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[15]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[15]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[15]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[16]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[16]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[16]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[17]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[17]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[17]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[18]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[18]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[18]']{position:relative;display:block;width:80%;}
	
	input[name='set_id_edit[19]']{position:relative;display:block;width:80%;}
	input[name='q_id_edit[19]']{position:relative;display:block;width:80%;}
	input[name='a_id_edit[19]']{position:relative;display:block;width:80%;}
	
	#div_vt_form_text #txt_teacher_profile1{
     position:relative;
     width:40%;
     height:auto;
     display:block;	
     float:left;
     text-align:left;
     left:5%;
     }

    #div_vt_form_text #txt_teacher_profile2{
     position:relative;
     width:40%;
     height:auto;
     display:block;	
     float:right;
     text-align:left;
     left:0;
    }
	
	.app_li_prof #add_remove{width:80%;}
	
	.app_li_prof .highlight{position:relative;width:80%;display:block;background:#d2dfe5;margin:0 auto;padding:10px;border-radius:5px;	}
	
	.app_li #payment, .app_li_prof #payment{border:1px solid grey;width:80%;height:auto;margin:0 auto;top:15px;position:relative;}
	
	.app_li .line_top_form, .app_li_prof .line_top_form{
		width:100%;
	}
	
	#order_p{
		width:80%;
	}
	
	.forum-topic{width:80%;}
	
}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
	
	div .btn_container{position:relative;display:block;width:100%;min-height:70px;margin:0 auto;}/*width:70% - for btns w/external border filem_t_result*/
	div .btn_tp1{float:left;width:45%;} div .btn_tp2{float:right;width:45%;}
	
	div > #prof_form > ul > li {width: 98%;}/*controls whole width of the form*/
	
	div > #edit_lesson_form  > ul>li{width:98%;}
	div>#left_text_under_pic{display:block;}
	div>#left_text_under_pic_test{display:block;}
	div.upload_f{float:left;width:40%!important;}
	input.cat_name{width:32%!important;margin:0 auto 5px auto;text-align:center;left:1%;}
	
    .app_li_prof>.li_text_list>.order_result>.v_nav_top>#lp-h{font-size:4.3vw;background:yellow;}
	
    div>#div_home_left{float:left; width:50%; height:auto; margin:0; background:transparent;display:inline-block;}
	div>#div_home_right{float:right; width:50%; height:auto;margin:0!important;background:transparent;display:inline-block;top:0!important;}
	div>#div_home_left_home{float:left; width:50%; height:auto; margin:0; background:transparent;display:inline-block;}
	div>#div_home_right_home{float:right; width:50%; height:auto;margin:0!important;background:transparent;display:inline-block;top:0!important;}
	div>#div_home_left_ads{float:left; width:50%; height:auto; background:transparent;display:inline-block;}
	div>#div_center_ads{position:relative;width:100%;height:auto;margin:0 auto;min-height:200px;display:block;float:none;	}
	div>#div_home_right_ads{float:right; width:50%; height:auto; background:transparent;display:inline-block;}
	div>#layer{position:absolute;background-color:rgba(0,0,0,0.4);top:5%;left:20px;width:40%;height:80%;border: 1px solid grey;	}
	
	#layer>#txt_front_square>#txt_sq_1{font-size:2.2vw;}/*2vw*/
	#layer>#txt_front_square>#txt_sq_2{top:3px;position:relative;font-size:2vw;}/*2vw*/
	#layer>#txt_front_square>#txt_sq_3{top:3px;position:relative;font-size:2vw;}
	
	#layer>#txt_front_square>#txt_sq_1_ru{font-size:2.2vw;position:relative;}
	#layer>#txt_front_square>#txt_sq_2_ru{position:relative;font-size:2vw;width:100%;}
	#layer>#txt_front_square>#txt_sq_3_ru{position:relative;font-size:2vw;width:100%;}
	
	button#lesson_name_order1{float:left;width:40%;}
	button#lesson_name_order2{float:right;width:40%;}
	
	button.btn_checkout{width:48%;float:right;}
	button.btn_chk_cancel{width:48%;float:left;}
	button.btn_left_home{float:left;width:48%;font-size:1em;top:0;}
    button.btn_right_home{float:right;width:48%;font-size:1em;top:0;}
	.h-home{height:70px!important;}
	.h-60{height:60px!important;}
	.h-result{height:40px!important;}
	.h-ord-view{height:10px!important;}
	.h-5{height:5px!important;}
	
	.form_profile{min-height:500px!important;}
	div.card_home{margin:0 auto;}
	
	
	 .app_li_prof>li>#lbl_img_desc_ven_flip, .app_li>li>#lbl_img_desc_ven_flip{width:70%;} /*width:80%;*/
	
	div>.left{float:left;width:33.3%;color:black;min-height:180px;height:auto;text-align:center;
	/*border-right:1px solid grey;*/
	border:none;
	}
	div>.left-left{float:left;width:33.3%;color:black;min-height:180px;height:auto;text-align:center;border-right:1px solid white;}
	div>.left-middle{float:left;width:33.3%;color:black;min-height:180px;height:auto;text-align:center;border-right:1px solid white;}
	div>.left-right{float:left;width:33.3%;color:black;min-height:180px;height:auto;text-align:center;}
	div>.modal-content{width:50%;}
	.container>.txt_input_log{position:relative;display:block;left:0;top:0;width:auto;min-width:80%;height:45px;margin:0 auto 10px auto;}
	
	/*.container>.btn_login{display:block;height:50px;width:auto;min-width:80%;left:0;margin: 0 auto 5px auto;top:10px;text-align:center;border:1px solid black;line-height:35px;cursor: pointer;}*/
	button.btn_login{width:48%;float:right;}
	
	/*.container>.cancelbtn{display:block;height:50px;width:auto;min-width:80%;left:0;margin: 0 auto 10px auto;top:0;text-align:center;border:1px solid black;line-height:35px;cursor: pointer;}*/
	
	button.cancelbtn{width:48%;float:left;}
	
	.container>.radio_btn{position:relative;left:0;margin:0 auto;height:23px; width:100%;display:block;vertical-align:middle;text-align:center;font-size:13px;}
	.forms{height:auto;width:90%;}
	.row{min-height:530px;height:auto;}
	div>ul>.li_chat_text{height:150px;bottom:10px;}
	div>ul>.li_devider{margin-bottom:0;height:auto;min-height:20px;bottom:0;position:relative;}
	#search{width:auto;min-width:25%;}
	#search_in{min-width:10%;width:auto;}
	#ad_left{float:left;}
	#ad_right{float:right;}
	button#btn_video{background:url(../images/btn_video.png) no-repeat 10%;background-size:53px 53px;}
    #txt_front_square>#sp_box_text{min-height:30%;height:auto;margin-bottom:15px;}	
	ul>li>#left_text_under_pic_panel{width:70%; height:auto;}
	#chat_icon{margin:0 auto;}
	div.r_container{width:70%;}
	
	
	
	.app_li .txt_input, .app_li .txt_area{width:70%;position:relative;display:block;}/*width:70%*/
	 li>.copyright_note{width:70%;float:none;}/*width:70%*/
	 .container>.lbl_log{position:relative;top:0;display:block;left:10%;width:70%;height:30px;float:left;}/*width:70%*/
	 #r_3>.form_profile{height:auto;padding-bottom:10px;width:70%;}/*width:70%*/
	 .app_li>li>#select_purpose_study_t{min-width:70%;width:auto;} /*width:70%*/
	.app_li_prof>li>#select_purpose_study_t{min-width:70%;width:auto;}/*width:70%*/
	 ul>li>#sel_statement{min-width:70%;width:auto;}/*width:70%*/
	 ul>li>#sel_content{min-width:70%;width:auto;}
	 ul>li>#sel_video_link{min-width:70%;width:auto;}
	 #page{min-width:70%;width:auto;}/*width:70%*/
	 
	 
	.app_li>li>#message_home,.app_li_prof>li>#message_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	input.txt_input_home{width:90%;font-size:21px;} 
	input.input-field{width:90%;}
	textarea .input-area{width:90%;}
	div.input-container{width:90%;}
	div.icon-container-checkout{width:70%;}
	textarea.txt_area_home{width:90%;font-size:21px;} 
	#name_home,#eadd_home{width:100%;font-size:21px;}/*width:90%*/
	
	
	
	.app_li_reg>li>.txt_input{min-width:60%;width:auto;} /*width:60%*/
	.app_li_reg>li>.lbl_form{position:relative;top:0;display:block;width:60%;left:0;height:30px;} /*width:60%*/
	
	.app_li_reg>li>.radio_btn{position:relative;left:0;margin:0 auto; height:23px; width:70%;display:block;font-size:13px;vertical-align:middle;text-align:center;}/*width:70%*/
	.app_li_prof>li>.txt_input{min-width:70%;width:auto;} /*width:60%*/
	.app_li_prof>li>.lbl_form, .app_li>li>.lbl_form{position:relative;top:0;display:block;width:70%;left:0;height:30px;} /*width:60%*/
	.app_li>li>a>.lbl_form{position:relative;display:block;float:right;width:auto;margin-right:15%;text-decoration:underline;font-family:'MarckScript-Regular';font-weight:bold;}
	
	.app_li_prof>li>.txt_area{min-width:70%;width:auto;height:150px;} /*width:60%*/
	
	/*start width for all fields*/
	 .app_li>li>#select_country_teacher,.app_li_prof>li>#select_country_teacher, .app_li>li>#select_status,.app_li_prof>li>#select_status,.app_li>li>#sel_lang,.app_li>li>#sec_lang, .app_li>li>#select_purpose_study_t, .app_li_prof>li>#select_purpose_study_t, .app_li>li>#select_purpose_study_t,.app_li>li>#time,.app_li>li>#author_email,.app_li>li>#author_name,.app_li>li>#con_name,.app_li>li>#level,.app_li>li>#person1,.app_li>li>#person2,.app_li>li>#cat_name,.app_li>li>#sel_video_link,.app_li>li>#sel_statement,.app_li>li>#sel_content,.app_li>li>#video_link,.app_li>li>#video_link_ru,.app_li>li>#video_link_de,.app_li>li>#video_link_ko,.app_li>li>#video_link_ja,.app_li>li>#video_link_cn,.app_li>li>#d_name,.app_li>li>#d_name_ru,.app_li>li>#d_name_de,#d_name_ko,.app_li>li>#d_name_ja,.app_li>li>#d_name_cn,.app_li>li>#p1_name,.app_li>li>#p2_name,.app_li_prof>li>#select_filter_ord,.app_li_prof>li>#sel_content{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}
	 
	 .app_li>li>#txt_video,.app_li_prof>li>#txt_video,.app_li>li>#txt_video_ru,.app_li_prof>li>#txt_video_ru,.app_li>li>#txt_video_de,.app_li_prof>li>#txt_video_de,.app_li>li>#txt_video_ja,.app_li_prof>li>#txt_video_ja,.app_li>li>#txt_video_ko,.app_li_prof>li>#txt_video_ko,.app_li>li>#txt_video_cn,.app_li_prof>li>#txt_video_cn{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}
	 
	 .app_li_prof>li>#msg,.app_li>li>#msg{width:70%;}
	 
	 #select_status{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}
	 
	 /*controls width of all fields*/
	
	.app_li>li>#name{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}
	.app_li>li>#topic_name{position:relative;width:70%;margin:0 auto;display:block;height:50px;}
	.app_li_prof>li>#topic_name{position:relative;width:70%;margin:0 auto;display:block;height:50px;}
	.app_li>li>#name_vendor{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:25px;}
	.app_li_prof>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
    .app_li>li>#eadd{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}
	.app_li>li>#datepicker{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}
	.app_li>li>#message,.app_li_prof>li>#message{position:relative;width:70%;margin:0 auto;display:block;height:150px;}
	.app_li>li>#status,.app_li_prof>li>#status{width:70%;position:relative;display:block;}
	
	/*end width for all fields*/
	
	
	 li>#rate,li>#volume,li>#pitch{min-width:70%;width:auto;} /*width:60%*/
	 li>#voice{min-width:70%;width:auto;} /*width:60%*/
	 #lbl_sound{min-width:60%;width:auto;} /*width:60%*/
	
	input.txt_input{min-width:70%;width:auto;} /*width:60%*/
	textarea.txt_area{min-width:70%;width:auto;min-height:120px;} /*width:60%*/

	
	#mat_links{min-width:60%;width:auto;margin:0 auto;} /*width:60%*/
	#tbl_main_forum{width:auto;min-width:60%;margin:0 auto;font-size:17px;} /*width:60%*/
	
    /*select{width:60%;} /*max-width:60%;width:60%*/
	.app_li>li>#line_top_con{width:60%;height:auto;border-top:1px solid grey;} /*width:60%*/
	/*#image_container_ven{width:70%;max-height:360px;}*/ /*min-width:60%;width:auto;*/
	.app_li_prof>li>#lbl_img_desc_ven,.app_li>li>#lbl_img_desc_ven, div#lbl_img_desc_ven_l{width:70%;} /*min-width:70%;width:auto;*/
	iframe#frame_pdf{width:100%;min-height:600px; height:auto;}
	ul>li>#line_top,#line_top, .app_li_prof>li>#line_top{width:70%;border-top:1px solid grey;}
	
	.app_li_prof>li >.line_top,.app_li>li>.line_top,.app_li .line_top,.app_li_prof .line_top{
	position:relative;
    display:block;
    margin:0 auto;
    width:70%;
    border-top: 0.3px solid grey;
	border-bottom:none;
    border-right:none;
    border-left:none;
    list-style:none;
	}
	
	.app_li_prof>li >.line_bottom,.app_li>li >.line_bottom,.app_li .line_bottom,.app_li_prof .line_bottom{
	position:relative;
    display:block;
    margin:0 auto;
    width:70%;
    border-bottom: 0.3px solid grey;
    list-style:none;}
	
	
	
	ul>li>#line_top_flip, #line_top_flip, .app_li_prof>li>#line_top_flip{width:70%;}
	/*.app_li_prof>li>.line_top_flip,.app_li>li>.line_top_flip,.line_top_flip{width:70%;}*//*WIDTH:80%;*/
	
	ul>li>.header_text_page{width:70%!important;height:auto;}
	ul>li>.header_text_page_flip{width:70%!important;height:auto;}
	
	.app_li>li>.bg_reward,.app_li_prof>li>.bg_reward{width:70%;height:auto;}
	ul>li>.upload {width:70%;height:auto;}
	div.li_text_header{font-size:35px;line-height:90px;}
	div.txt_right_header{
		/*width:87%*/;
		height:auto;font-size:26px;
		min-height:307px!important;
		}/*background:#fffeb3;*/
	ul>li>#btn_less_send, ul>li>.btn_less_send{width:70%;top:0;font-size:23px;position:relative;display:block;}
		
	/*buttons*/
	.app_li_prof>li>.btn_cancel_order,.app_li>li>.btn_cancel_order{min-width:70%;width:auto;} /*width:60%*/
	.app_li_prof>li>.lesson_radio,.app_li>li>.lesson_radio{width:70%;left:0;margin:0 auto;} /*width:60%*/
	#btn_post_answer{/*width:70%;*/} /*width:60%*/
	#btn_edit_answer{/*width:70%;*/} /*width:60%*/
	.app_li_prof>li>.buttons,.app_li>li>.buttons{width:70%;} /*width:60%*/
	button.btn_cancel_order{min-width:60%;width:auto;top:5px;} /*width:60%*/
	button.btn_send,.app_li>li>.btn_send, ul>li>.btn_send{width:100%;} /*width:60%*/
	/*button.btn_reg{width:70%;}*/
	/*button.btn_login_reg{min-width:70%;width:auto;}*/
	/*button.btn_send_result{min-width:70%;width:auto;} *//*width:60%*/
	button.btn_send_result{min-width:40%;width:auto;float:right;}
	button.btn_view_ord{min-width:40%;width:auto;float:right;}
	
	.app_li_prof>li>.btn_send,.app_li_prof>li>.btn_home,.btn_home,#panel .btn_send{width:70%;} /*width:60%*/
	 li>.btn_view_stu{min-width:70%;width:auto;} /*width:60%*/
	/*.app_li_prof>li>.btn_login_reg{min-width:60%;width:auto;}*/ /*width:60%*/
	button.btn_reg{width:48%;float:left;}
	.app_li>li>.btn_tp1, .app_li>li>.btn_tp2, ul>li>.btn_tp3{min-width:70%;width:auto;} 
	.app_li_prof>li>.btn_tp1, .app_li_prof>li>.btn_tp2, ul>li>.btn_tp3{min-width:70%;width:auto;} 
	/*.app_li_reg>li>.btn_reg{min-width:60%;width:auto;}*/ 
	button.btn_reg{width:48%;float:right;}
	.app_li>li>.btn_cancel{min-width:70%;width:auto;top:0;margin:0 auto 10px auto;}
	 button.btn_less_free_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}	 
	.app_li>li>.btn_less_2_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_less_1_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	 button.btn_test_1_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	 button.btn_contact_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_account_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_mat_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_register_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_cancel_order,ul>li>.btn_conversation{min-width:80%;width:auto;top:5px;margin: 0 auto 10px auto;}
	.app_li>li>.btn_youtube_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}
	
	/*.app_li>li>.btn_send_home,.app_li>li>.btn_cancel_home{min-width:90%;width:auto;top:0;margin:0 auto 10px auto;}*/
	button.btn_send_home{width:48%;float:right;}
	button.btn_cancel_home{width:48%;float:left;top:0;}
	button.btn_start_test, button.btn_ord_l{width:40%;float:left;}
	
	.app_li > li > .btn_less_1,.app_li> li > .btn_less_2,button.btn_less_free{min-width:80%;width:auto;top:0;margin:0 auto 10px auto;}/*width:70%*/
	.app_li>li>.btn_cancel{min-width:70%;width:auto;top:0;margin:0 auto 10px auto;}
	.app_li>li>.btn_cancel_order,li>.btn_conversation{min-width:70%;width:auto;top:5px;margin: 0 auto 10px auto;}/*width:70%*/
	button.btn_chat_1, button.btn_chat_2, button.btn_chat_3{position:relative;line-height:35px;width:80%;font-size:21px;width:auto;top:95%;bottom:0;margin: 0 auto 10px auto;}/*width:70%*/
	.app_li>li>.btn_test_1,.app_li>li>.btn_contact,.app_li>li>.btn_account,.app_li>li>.btn_mat,.app_li>li>.btn_register,.app_li>li>.btn_youtube,.app_li>li>.btn_send{width:70%;top:0;}/*width:70%*/
	#btn_gram{position:relative;display:block;width:80px;height:24px;background:transparent;border:1px solid grey;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:right;}
	div>#btn_video{font-size:1.7vw;text-align:center;color:white;}
	
	.app_li_prof>li>.upload{width:70%;}
	input#img_upload{position:relative;display:block;width:80%;}
	
	
	/* end of buttons*/
	
	
	/*start of control width of all fields*/
	.app_li>li>#name,.app_li>li>#topic_name,.app_li>li>#eadd, .app_li>li>#select_country_teacher, .app_li>li>#select_status, .app_li>li>#sel_lang, .app_li>li>#sec_lang, .app_li>li>#select_purpose_study_t, .app_li>li>#select_purpose_study_t, .app_li>li>#datepicker,.app_li>li>#time{position:relative;min-width:70%;margin:0 auto;display:block;height:50px;}
	
	.app_li_prof>li>#name,.app_li_prof>li>#topic_name,.app_li_prof>li>#eadd, .app_li_prof>li>#select_country_teacher, .app_li_prof>li>#select_status, .app_li_prof>li>#sel_lang, .app_li_prof>li>#sec_lang, .app_li_prof>li>#select_purpose_study_t, .app_li_prof>li>#select_purpose_study_t, .app_li_prof>li>#datepicker,.app_li_prof>li>#time{position:relative;width:70%;margin:0 auto;display:block;height:auto;min-height:50px;}
	
	.app_li>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
	.app_li_prof>li>#name_vendor{position:relative;width:80%;margin:0 auto;display:block;height:25px;}
	
	.app_li>li>#start_date,.app_li_prof>li>#start_date,.app_li>li>#end_date,.app_li_prof>li>#end_date,.app_li>li>#img_link,.app_li_prof>li>#img_link{width:70%;}
	/*controls width of all fields*/
		
	.app_li_prof>li>#eadd{min-width:70%;width:auto;}
	.app_li_prof>li>#eadd_res{min-width:70%;width:auto;}
	ul>li>#author_name,ul>li>#author_email,ul>li>#sel_statement,ul>li>#sel_content{position:relative;width:70%;}
	li>#video_link,ul>li>#video_link_ru,ul>li>#video_link_de,ul>li>#video_link_ko,ul>li>#video_link_ja,ul>li>#video_link_cn{position:relative;width:70%;}
	ul>li>#con_name,ul>li>#con_name_ru, ul>li>#con_name_de,ul>li>#con_name_ko,ul>li>#con_name_ja,ul>li>#con_name_cn{position:relative;width:70%;display:block;margin:0 auto;height:50px;}
    ul>li>#cat_name,ul>li>#level,input#person1, input#person2{position:relative;width:70%;}
	
	.app_li>li>#select_country,.app_li_prof>li>#select_country, .app_li_prof>li>#select_date, .app_li>li>#select_date,.app_li>li>#select_time, .app_li_prof>li>#select_time, .app_li_prof>li>#select_language_level, .app_li_prof>li>#select_language_level,
	.app_li_prof>li>#select_purpose_study, .app_li>li>#select_purpose_study, .app_li>li>#select_filter_ord, .app_li_prof>li>#select_filter_ord, #note_inner {width:70%;} 
	
	.app_li_prof>li>#select_order, .app_li>li>#select_order{width:70%;}
	
	.app_li>li>#select_how_long,.app_li_prof>li>#select_how_long{width:70%;}

	
	.app_li>li>#select_filter_dial{min-width:70%;width:auto;}
	.app_li>li>#select_filter_dial_con{min-width:70%;width:auto;}
	.app_li_prof>li>#select_filter_dial{min-width:70%;width:auto;}
	.app_li>li>#d_name{min-width:70%;width:auto;}
	.app_li>li>#d_name_ru{min-width:70%;width:auto;}
	.app_li>li>#d_name_de{min-width:70%;width:auto;}
	.app_li>li>#d_name_ko{min-width:70%;width:auto;}
	.app_li>li>#d_name_ja{min-width:70%;width:auto;}
	.app_li>li>#d_name_cn{min-width:70%;width:auto;}
	.app_li>li>#p1_name{min-width:70%;width:auto;}
	.app_li>li>#p2_name{min-width:70%;width:auto;}
	 .img_container{min-width:70%;width:auto;}
	 .pic_img_panel{width:70%;height:auto;}/*min-width:70%;width:auto;height:auto;*/
	 
	 .img_container_paypal{min-width:70%;width:auto;}

	
	.app_li_prof>li>#order_result{width:70%;}
	.app_li>li>#order_result{width:70%;}
	
	.app_li_prof>li>#order_result_flip{width:70%;}
	.app_li>li>#order_result_flip{width:70%;}
	
	.app_li_prof>li>#order_result_filem{top:20px;position:relative;width:70%;margin:0 auto 40px auto;}
	.app_li>li>#order_result_filem{top:20px;position:relative;width:70%;margin:0 auto 40px auto;}
	
	
	.app_li_prof>li>#line_top{width:100%;border-top:1px solid grey;}
	.app_li>li>#line_top{width:100%;border-top:1px solid grey;}
	
	 
	
	li>.tarea_q{min-width:70%;width:auto;}
	.li_text_list{position:relative;top:3px;bottom:3px;text-align:left;display:inline-block;min-width:70%;width:auto;margin:0 auto;}
	.app_li_prof{height:auto;width:98%;}
	
#image_container_ven{position:relative;width:70%;max-height:260px;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}/**/

#image_container_ven img{position:relative;display:block;width:100%; max-height:260px;overflow:hidden; margin:0 auto 8px auto;}/*max-width: 100%;max-height: 100%;height: auto;*/

#image_container_ven_flip{position:relative;width:70%;max-height:260px;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}/**/

#image_container_ven_flip img{position:relative;display:block;width:100%; max-height:260px;overflow:hidden; margin:0 auto 8px auto;}/*max-width: 100%;max-height: 100%;height: auto;*/

#div_reward_buttons{position:relative;width:70%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}/*max-width:94%;max-height:40%;*/

#div_reward_text{position:relative;width:70%;height:auto;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}

.app_li>li>#txt_url_name, .app_li>li>#txt_url, .app_li>li>#txt_url_name_ru, .app_li>li>#txt_url_ru,.app_li>li>#txt_url_name_de, .app_li>li>#txt_url_de,.app_li>li>#txt_url_name_cn, .app_li>li>#txt_url_cn,.app_li>li>#txt_url_name_ko, .app_li>li>#txt_url_ko,.app_li>li>#txt_url_name_ja, .app_li>li>#txt_url_ja{min-width:70%;width:auto;}

.app_li>li>#cat_name_ru, .app_li>li>#cat_name_de,.app_li>li>#cat_name_cn,.app_li>li>#cat_name_ko,.app_li>li>#cat_name_ja{min-width:70%;width:auto;}

.app_li>li>#con_name_ru, .app_li>li>#con_name_de,.app_li>li>#con_name_cn,.app_li>li>#con_name_ko,.app_li>li>#con_name_ja,
.app_li>li>#word_en,.app_li>li>#word_ru,.app_li>li>#word_ko,.app_li>li>#word_cn,.app_li>li>#word_ja,.app_li>li>#word_de,.app_li>li>#l_s,.app_li>li>#txt_transliteration_en,.app_li>li>#txt_transliteration_ko,.app_li>li>#txt_transliteration_ru,.app_li>li>#txt_transliteration_ja,.app_li>li>#txt_transliteration_cn
{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}

.app_li>li>#level_ru, .app_li>li>#level_de,.app_li>li>#level_cn,.app_li>li>#level_ko,.app_li>li>#level_ja{position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;}

     .img_container_paypal{width:100%;height:auto;}
	 .pic_img_paypal{width:45%;height:auto;}
	 #div_copy{width:70%;height:auto;}
	 .filem_t_result, .ad_lm{width:69%;height:auto;}/*width 68%*/
	 .p_f_result{width:70%;height:auto;}
	 
	 #div_vt_form_main{position:relative;
	 width:inherit;
	 height:auto;margin:0 auto 40px auto;}

     #div_vt_form_img{position:relative;width:100%;height:auto;padding:0;float:none;margin:0 auto;}

     #div_vt_form_text{position:relative;width:100%;height:auto;left:0;float:none;margin:0 auto;}

     #div_vt_form_img #div_vt_img{position:relative;width:70%;height:auto;margin:0 auto;display:block;}
	 
	 ul>li>#read_more_lessons{width:70%;}
	 
	 #panel, #flip{width:69%;}
	 

	input[name='set_id_edit[0]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[0]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[0]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[1]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[1]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[1]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[2]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[2]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[2]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[3]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[3]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[3]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[4]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[4]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[4]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[5]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[5]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[5]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[6]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[6]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[6]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[7]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[7]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[7]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[8]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[8]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[8]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[9]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[9]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[9]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[10]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[10]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[10]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[11]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[11]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[11]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[12]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[12]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[12]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[13]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[13]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[13]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[14]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[14]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[14]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[15]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[15]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[15]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[16]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[16]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[16]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[17]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[17]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[17]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[18]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[18]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[18]']{position:relative;display:block;width:100%;}
	
	input[name='set_id_edit[19]']{position:relative;display:block;width:100%;}
	input[name='q_id_edit[19]']{position:relative;display:block;width:100%;}
	input[name='a_id_edit[19]']{position:relative;display:block;width:100%;}
	
	#div_vt_form_text #txt_teacher_profile1{
     position:relative;
     width:42%;
     height:auto;
     display:block;	
     float:left;
     text-align:left;
     left:3%;
	 padding:5px;
     }

    #div_vt_form_text #txt_teacher_profile2{
     position:relative;
     width:42%;
     height:auto;
     display:block;	
     float:right;
     text-align:left;
     left:0;
	 padding:5px;

    }
	
	.app_li_prof #add_remove{width:70%;}
	
	.app_li_prof .highlight{position:relative;width:70%;display:block;background:#d2dfe5;margin:0 auto;padding:10px;border-radius:5px;}
	
	.app_li #payment, .app_li_prof #payment{border:1px solid grey;width:70%;height:auto;margin:0 auto;top:15px;position:relative;}
		
	/*#set_number{
	color:red;font-weight:bold;background:#ffeead;line-height:30px;text-align:center;font-family:MarckScript-Regular;font-size:25px;
	}*/
	
	.app_li .line_top_form, .app_li_prof .line_top_form{
		width:70%;
	}
	
	#order_p{
		width:70%;
	}
	
	.app_li_prof .line{position:relative;width:70%;}
	.forum-topic{width:70%;color:grey;}
	
} 



html, body {
    font-family: 'FiraSans-Regular','Trebuchet MS','arial', 'Lucida Sans', 'sans-serif';
	height:100%;
    width:100%; 
    margin:0;/*new line*/
    padding:0;/*new line*/
	background:#d2dfe5;
	/*background:#e2f4ff ;*/
}

.header {
    background-color: lightgrey/*#ff7b73*/ /*#e2f4ff /*#9933cc*/;
    color: #ffffff;
	height:auto;
	min-height:60px;
	background-repeat:no-repeat;
	background-size:contain;
	
	top:0;
	z-index:100;
	width:100%;
	position:fixed;
	border-bottom:1px solid grey;
	box-shadow: 0 5px 10px grey;
}

.col-12, .col-s-12{
position:relative;
top:-10px;
width:100%;
height:auto;
margin:0;
padding:0;	
}


.footer {
    background-color:lightgrey;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
		
	top:70px;/*70px*/
	height:110px;/*70px*/
	position:relative;
	clear: both;
	bottom:0;
	margin:auto 0 0 0;
    width:100%;
}

.ul_footer{position:relative;width:100%;list-style-type:none;margin:0 auto;padding:0;}

.ul_footer li {display:inline;width:auto;margin:0 5px 0 auto;line-height:40px;} 

.ul_footer  >li> a> img{display:inline;width:34px;height:34px;vertical-align:middle;}

#copyright{position:relative;display:block;margin:0 auto;margin-bottom:0;color:black;height:10px;font-family:'Arial';font-size:12px;font-weight:normal;}

/*----------end of responsive layout, nav----------------------------*/

.row > div > ul{
font-weight:bold;
font-family: "MarckScript-Regular", "Lucida Sans", sans-serif;
font-size:28px;

}

.nav_left{
position:relative;
display:inline-block;
top:0;
float:left;
background:lightgrey  /*#ff7b73  #e2f4ff*/;
min-height:60px;
width:50%;	
text-align:left;
}

.nav_right{
position:relative;
display:inline-block;
top:0;
float:right;
background:lightgrey  /*#ff7b73   #e2f4ff*/;
height:60px;
width:50%;	
text-align:right;
padding:15px;
}

.nav_left img {	
position:relative;	
display:block;
vertical-align:middle;
background-size:contain;
width:auto;
height:55px;
float:left;	
left:3px;
top:3px;
}

.menu_mobile{
position:relative;
top:0;
width:34px; /*30px*/
height:34px; /*30px*/
float:right;
margin-right:0;
vertical-align:middle;
display:inline-block;
line-height:35px;
}

.top_menu{
width:auto;
height:auto;
float:right;
clear: both;
display:none;
font-weight:normal;
position:relative;
z-index:9;	
}

.top_menu ul{
position:relative;
display:block;
top:12px;
width:100%;	
list-style-type:none;
background-color:grey;
margin:0 auto;
padding:0;
filter:alpha(opacity=90);/* Needed for IE8 and old versions */
opacity:0.9;
font-size:16px;
}

.top_menu li {
padding: 8px;
margin-bottom: 3px;	
border-bottom:1px solid black;
text-align:left;
width:auto;
min-width:141px;
height:auto;
}

.top_menu li:hover {
background-color: #a7ae9f;
}

#top_lang_img{
position:relative;
width:70px;
height:30px;
vertical-align:middle;
display:inline-block;
line-height:35px;
/*float:left;
left:82%;*/
}


input:focus,
select:focus,
textarea:focus {
    outline: none;
	border:0;
}

#fig_home{
position:relative;top:0;width:100%;height:auto;display:block;margin:0 auto;bottom:0;
background: #d2dfe5;
/*min-height:500px;*/
}

#figcap_home{
background-color:#ffd18a;min-height:45px;height:auto;padding:5px;color:#33b5e5;text-align:center;line-height:45px;font-size:30px;	
}


#fig_home > img{
position:relative;
display:block;	
width:100%;
height:auto;
margin:0 auto;
}

a:link{border:none;-web-kit-border:none;-moz-border:none;-ms-border:none;}


#top_header_div{
position:relative;
display:inline-block;
top:0;
padding:0;
margin:0;
color:white;
font-size:18px;/*18px*/
width:100%;
height:auto;
min-height:100px;
background:#e94d4e;	
}

#top_header_div > p{position:relative;display:inline-block;left:10px;}

#r_2,#r_3,#r_4,#r_5,#r_6,#r_7,#r_8,#r_9,#r_10,#r_11,#r_12, #r_13{
position:relative;
display:inline-block;
top:0;
width:100%;
height:auto;
min-height:280px;
/*padding:5px;*/
margin:0 auto 0 auto;	
font-size:18px;
color:black;
}

#r_3_worksheet{
position:relative;
display:inline-block;
top:0;
width:100%;
height:auto;
min-height:280px;
padding:5px;
margin:0 auto 0 auto;	
color:black;	
}

#r_3_login{
position:relative;
display:inline-block;
top:0;
width:100%;
min-height:120%;
height:auto;
min-height:280px;
padding:5px;
margin:0 auto 0 auto;	
font-size:18px;
color:black;
background:transparent;	
}


#r_2{background:transparent;height:auto;min-height:30px;}

#r_3,#r_5,#r_7,#r_9,#r_11, #r_12{background:#d2dfe5;} /*#BAE8FF*/

#r_4,#r_6,#r_8,#r_10, #r_13{background:lightgrey;}

.left{
float:left;width:33.3%;color:black;
/*min-height:150px;*/
height:auto;text-align:center;
/*border-right:1px solid grey;*/
border:none;
list-style:none;
}

.left-left{
float:left;width:33.3%;color:black;
height:auto;text-align:center;
border-right:1px solid white;
list-style:none;
}

.left-middle{
float:left;width:33.3%;color:black;
height:auto;text-align:center;
border-right:1px solid white;
list-style:none;
}

.left-right{
float:left;width:33.3%;color:black;
height:auto;text-align:center;
border:none;
list-style:none;
}

#p_home, #p_lesson, #p_chat, #p_test, #p_contact, #p_teacher, #p_student, #p_apps,#p_video,#p_about,#p_contact, #p_free_less, #p_business{
position:relative;	
top:-50px;/*-50px*//*-78px*/	
display:inline-block;
}



/*map{border:none;-web-kit-border:none;-ms-border:none;-moz-border:none;}
map a:link{border:none;-web-kit-border:none;-ms-border:none;-moz-border:none;}*/

.div_home_center{
position:relative;top:0;
width:100%;
height:657px;	
display:block;
margin:0 auto 0 auto;
background:transparent url(../images/bg_home_lm.png) no-repeat;
background-size:100% auto;
}

#div_home_left{
position:relative;top:0;width:50%;float:left;margin:0;padding:0;height:auto;min-height:200px;display:inline-block;
}

#div_home_right{
position:relative;top:0;width:50%;float:right;margin:0!important;padding:0;height:auto;min-height:200px;display:inline-block;
}

#div_home_left_home{
position:relative;top:0;width:50%;float:left;margin:0;padding:0;height:auto;min-height:200px;display:inline-block;
}

#div_home_right_home{
position:relative;top:0;width:50%;float:right;margin:0!important;padding:0;height:auto;min-height:200px;display:inline-block;
}

#div_home_left_ads{
position:relative;width:50%;float:left;margin:10px audio 0 auto;padding:0;height:auto;min-height:200px;display:inline-block;
}*

#div_home_right_ads{
position:relative;width:50%;float:right;margin:10px auto 0 auto;padding:0;height:auto;min-height:200px;display:inline-block;
}

#div_center_ads{
position:relative;width:50%;height:auto;margin:0 auto;min-height:200px;display:block;	
}

.div_home_center > p{
position:relative;
top:0;
left:0;
margin:0 auto;
height:auto;
width:98%;
display:inline-block;	
background:transparent;
}

#div_home_left  p{	
position:relative;
left:0;
margin:0 auto; /*margin:0 auto 0 auto;*/
height:auto;
width:90%;
/*padding-right:5px;*/
}

#div_home_right  p{	
position:relative;
left:0;
margin:0 auto;/*margin:0 auto 0 auto;*/
height:auto;
width:90%;
/*padding-left:5px;*/
}


#div_home_left_home  p{	
position:relative;
left:0;
margin:0 auto; /*margin:0 auto 0 auto;*/
height:auto;
width:90%;
/*padding-right:5px;*/
}

#div_home_right_home p{	
position:relative;
left:0;
margin:0 auto;/*margin:0 auto 0 auto;*/
height:auto;
width:90%;
/*padding-left:5px;*/
}

#video_container iframe{
border:0.5px solid #79b6cd;
border-radius:10px;
}

#video_container{
position:relative;
padding-bottom:52.25%;/*56.25% this is keep ration of the iframe*/
padding-top:35px;
height:0;
overflow:hidden;
background:transparent;	
margin:0 auto;
border-radius:10px;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#video_container_w{
position:relative;
padding-bottom:10px;/*padding-bottom:56.25%;*/
padding-top:10px;
height:auto;
overflow:hidden;
background:transparent;	
margin:0 auto;
}


#div_reward_buttons{position:relative;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}

#div_reward_text{position:relative;top:5px;overflow:hidden;background:transparent;margin:0 auto 8px auto;	}


#image_container_ven{
position:relative;
/*width:auto;*/
top:5px;
overflow:hidden;
background:transparent;
margin:0 auto 0 auto;	
/*margin:0 auto 8px auto;	*/
border:0.5px solid black;
border-radius:10px 10px 0 0;
}

#image_container_ven_flip{
position:relative;
/*width:auto;*/
top:0;
overflow:hidden;
background:transparent;	
margin:0 auto 15px auto;	
border-radius:10px;
/*border:1px solid grey;*/
}

#image_container_ven img{

position:relative;	
display:block;
overflow:hidden;
/*border:2px solid pink;*/

/*for keep image rectangular*/
/*position:relative;	
display:block;
width: auto;
height: auto;
margin:0 auto 0 auto;
object-fit:scale-down;
overflow:hidden;
border:2px solid pink;*/	

} 

#image_container_ven_flip img{

position:relative;	
display:block;
overflow:hidden;
/*border:2px solid pink;*/

/*for keep image rectangular*/
/*position:relative;	
display:block;
width: auto;
height: auto;
margin:0 auto 0 auto;
object-fit:scale-down;
overflow:hidden;
border:2px solid pink;*/	

} 


#lbl_img_desc_ven{
position:relative;background:transparent;margin:0 auto 5px auto;display:block;
/*top:10px;*/
/*width:70%;*/	
height:auto;
min-height:70px;
/*padding:10px;*/
font-family:'FiraSans-Regular','Trebuchet MS';
/*border:1px solid #ACD8F0;*/
/*bottom:10px;*/
}

#lbl_img_desc_ven_l{
position:relative;background:white;margin:0 auto;display:block;
height:auto;
min-height:70px;
font-family:'FiraSans-Regular','Trebuchet MS';
border:0.5px solid black;
border-radius: 0 0 10px 10px;
padding:10px;
}

#lbl_img_desc_ven_flip{
position:relative;
background:#d2dfe5;
margin:0 auto 10px auto;
display:block;
top:0;
/*width:70%;*/	
height:auto;
min-height:70px;
padding:10px;
font-family:'FiraSans-Regular','Trebuchet MS';
/*border:1px solid #ACD8F0;*/
border-radius:0 0 10px 10px;
}

/*#image_container_ven{
position:relative;
padding-bottom:56.25%;
padding-top:10px;
height:0;
overflow:hidden;
background:transparent;	
margin:0 auto;	
}*/

map{outline:none;}

a:active,a:focus{outline:none;}

iframe{
position:absolute;
top:0;
left:0;
right:0;
width:98%;/*width:98%;*/
height:100%;/*height:97%;*/
margin:0 auto;
}

#f{
position:absolute;
top:0;
left:0;
right:0;
width:100%;
height:100%;
margin:0 auto;	
}

#iframe_vid_1, #iframe_vid_2{
position:absolute;
top:0;
left:0;
right:0;
width:98%;
height:100%;
margin:0 auto;	
}

figure{
position:relative;width:100%;
display:block;
left:0;
min-height:350px;
height:auto;
width:100%;
vertical-align: middle;
background:white;
margin:0;	
}

 figcaption {
position:relative;	
display:block;
background:#BAE8FF;min-height:50px;height:auto;
width:100%;
left:0;
line-height:25px;
padding:5px;
margin:0;
}


.div_header{
font-size:30px;/*27px*/
height:35px;
line-height:25px;
font-family:"MarckScript-Regular","pacificoregular","arial";
font-weight:bold;
z-index:3;
/*top:10px;*/
left:10px;
position:relative;
width:90%;

}

/*.img_map{
background:url(../images/bg_home_lm.png) no-repeat ;
min-width:1348px;
min-height:657px;
width:100%;
height:auto;	
}*/

#fig_home  .google_ad_300x250{	
position:relative;
top:0;
float:right;
width:300px;
min-height:250px;
background:grey;
}

.adsbygoogle{
margin:0 auto;	
}

.btn_left_home{float:left;}

.btn_right_home{float:right;}

.btn_left_home, .btn_right_home{
position:relative;
display:inline-block;
width:48%;
height:50px;
color:black;
font-size:1em;
font-weight:bold;
background-size:45px 45px;
background:#79b6cd;	
apperance:none;
-webkit-appearance:none;
-moz-appearance:none;
border:1px solid black;
z-index:5;
outline:0!important;box-shadow:none!important;
}



.btn_less_1{
display:block;
height:50px;
position:relative;
width:auto;
min-width:70%;/*50%*/
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#50b2b5/*#14bf87*/;
background:#50b2b5 url(../images/order_icon2.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_less_1_home{
display:block;
height:50px;
position:relative;
width:auto;
min-width:80%;/*50%*/
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#50b2b5/*#14bf87*/;
background:#50b2b5 url(../images/order_icon2.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_less_free{
position:relative;
display:block;
top:0;
height:50px;
width:auto;
min-width:70%;
left:0;
margin:0 auto 10px auto;
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#00adef url(../images/load_reward.png)no-repeat left 0;
background-size: 45px 45px;
color:white;
/*animation-name:btn_gramm_anima;
animation-duration:4s;
animation-iteration-count:3;*/
	
}

.btn_less_free_home{
position:relative;
display:block;
top:0;
height:50px;
width:auto;
min-width:80%;
left:0;
margin:0 auto 10px auto;
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#00adef url(../images/load_reward.png)no-repeat left 0; /*background:#00adef url(../images/load_reward.png)no-repeat left 0;*/
background-size: 45px 45px;
color:white; /*white*/
 -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
/*animation-name:btn_gramm_anima;
animation-duration:4s;
animation-iteration-count:3;*/
	
}

.btn_less_2{
display:block;
height:50px;
position:relative;
width:auto;
min-width:70%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#f8a910 url(../images/order_icon1.png)no-repeat left -2px;
background-size: 50px 50px;
/*background-color:#00adef;*/
color:white;	
}

.btn_less_2_home{
display:block;
height:50px;
position:relative;
width:auto;
min-width:80%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#f8a910 url(../images/order_icon1.png)no-repeat left -2px;
background-size: 50px 50px;
/*background-color:#00adef;*/
color:white;	
}

.btn_cancel_order{
display:block;
height:50px;
position:relative;
width:auto;
min-width:70%;
left:0;
margin: 0 auto 10px auto;
top:5px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/cancel_round.png)no-repeat 4px 2px;/*#14bf87 url(../images/order_cancel_icon.png)no-repeat left -2px*/
background-size: 45px 45px;/*50px 50px*/
background-color:#f8a910;
color:white;	
}

.btn_conversation{
display:block;
height:50px;
position:relative;
width:auto;
min-width:70%;
left:0;
margin: 0 auto 10px auto;
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/chat_icon.png)no-repeat 4px 2px;/*#14bf87 url(../images/order_cancel_icon.png)no-repeat left -2px*/
background-size:50px 50px;/*50px 50px*/
background-color:#f8a910;
color:white;	
}

.btn_contact{
display:block;
height:50px;
position:relative;
width:auto;
min-width:70%;
left:0;
margin: 0 auto 10px auto;
/*float:left;
margin:0 1% 10px auto;*/
top:0;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#f8a910 url(../images/small_icon_mail.png)no-repeat left -2px;
background-size: 50px 50px;
background-color:#f8a910;
color:white;	
}

.btn_contact_home{
display:block;
height:50px;
position:relative;
width:auto;
min-width:80%;
left:0;
margin: 0 auto 10px auto;
/*float:left;
margin:0 1% 10px auto;*/
top:0;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#f8a910 url(../images/small_icon_mail.png)no-repeat left -2px;/*#ffeead #f8a910*/
background-size: 50px 50px;
background-color:#f8a910;/*#ffeead #f8a910*/
color:white;	
}



.btn_send{
display:block;
z-index:5;
height:50px;
position:relative;
width:auto;
min-width:70%;
left:0;
margin: 0 auto 10px auto;
/*float:left;
margin:0 1% 10px auto;*/
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/small_icon_mail.png)no-repeat 2px -2px;/*small_icon_mail*/
background-size: 50px 50px;
background-color:#14bf87;
color:white;	
}

.btn_send_home{
display:block;
z-index:5;
height:50px;
position:relative;
width:40%;
float:right;
left:0;
/*margin: 0 auto 10px auto;*/
top:0;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/small_icon_mail.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#14bf87;
color:white;	
}

.btn_start_test,.btn_ord_l{
display:block;
z-index:5;
height:50px;
position:relative;
width:40%;
float:left;
left:0;
top:0;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/small_icon_mail.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#14bf87;
color:white;	
}


#btn_less_send{
display:block;
height:50px;
position:relative;
width:auto;
left:0;
margin: 0 auto 10px auto;
/*float:left;
margin:0 1% 10px auto;*/
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#00adef url(../images/order_icon1.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#00adef;
color:white;	
}

.btn_less_send{
display:block;
height:50px;
position:relative;
width:auto;
min-width:70%;
left:0;
margin: 0 auto 10px auto;
/*float:left;
margin:0 1% 10px auto;*/
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#00adef url(../images/order_icon1.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#00adef;
color:white;	
}

.btn_cancel{
display:block;
height:50px;
position:relative;
width:auto;
min-width:50%;
left:0;
margin: 0 auto 10px auto;
/*float:left;
margin:0 1% 10px auto;*/
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/cancel_round.png)no-repeat 8px 2px;/*#14bf87 url(../images/order_cancel_icon.png)no-repeat left -2px*/
background-size: 45px 45px;/*50px 50px*/
background-color:#f8a910;
color:white;	
}

.btn_cancel_home{
display:inline-block;
height:50px;
position:relative;
width:auto;
min-width:48%;
float:left;
left:0;
/*margin: 0 auto 10px auto;*/
/*float:left;
margin:0 1% 10px auto;*/
top:0;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/cancel_round.png)no-repeat 8px 2px;/*#14bf87 url(../images/order_cancel_icon.png)no-repeat left -2px*/
background-size: 45px 45px;/*50px 50px*/
background-color:#f8a910;
color:white;	
}

.icon-btn{
position:relative;
float:left;
width:auto;
height:auto;
/*top:22%;*/
}

.btn_chat_1{
display:block;
top:0;
height:50px;
position:relative;
width:auto;
min-width:80%;
/*float:left;
margin:0 1% 10px auto;*/
left:0;
bottom:10px;
margin:0 auto 10px auto;
text-align:center;
top:95%;		
border:1px solid black;
/*font-size:15px;*/	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#79b6cd;
background:#79b6cd url(../images/speak_icon.png)no-repeat left -2px; /*#14bf87*/
background-size: 50px 50px;
color:white;
/*clear:both;	*/	
}

.btn_chat_2{
display:block;
top:0;
height:50px;
position:relative;
width:auto;
min-width:80%;
/*float:left;
margin:0 1% 10px auto;*/
left:0;
bottom:10px;
margin:0 auto 10px auto;
text-align:center;
top:95%;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#79b6cd;/*#14bf87*/
background:#79b6cd url(../images/chat_icon.png)no-repeat left -2px;/*#14bf87*/
background-size: 50px 50px;
color:white;
/*clear:both;*/	
}

.btn_chat_3{
display:block;
height:50px;
position:relative;
top:0;
width:auto;
min-width:80%;
/*float:left;
margin:0 1% 10px auto;*/
left:0;
bottom:10px;
margin:0 auto 10px auto;
text-align:center;
top:95%;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#79b6cd;/*#14bf87*/
background:#79b6cd url(../images/talk_icon.png)no-repeat left -2px;/*#14bf87*/
background-size: 50px 50px;
color:white;
/*clear:both;*/	
}

.btn_test_1{
display:block;
height:50px;
position:relative;
width:auto;
min-width:50%;
/*float:left;
margin:0 1% 10px auto;*/
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#00adef;
background:#00adef url(../images/small_icon_test.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_test_1_home{
display:block;
height:50px;
position:relative;
min-width:auto;
width:80%;
/*float:left;
margin:0 1% 10px auto;*/
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#00adef;
background:#00adef url(../images/small_icon_test.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

#btn_post_answer{
display:block;
height:50px;
position:relative;
left:0;
margin:0 auto 3px auto;
text-align:center;
top:0;		
/*border:1px solid black;*/
border-radius:5px;
/*font-size:15px;*/	
padding:5px;
vertical-align:middle;
line-height:40px;
background-color:#14bf87;/* #00adef */
background:#14bf87 url(../images/small_icon_test.png)no-repeat left 1px;
background-size: 45px 45px;
color:white;	
}

#btn_edit_answer{
display:block;
height:50px;
position:relative;
left:0;
margin:0 auto 3px auto;
text-align:center;
top:0;		
border-radius:5px;
padding:5px;
vertical-align:middle;
line-height:40px;
background-color:#14bf87;/* #00adef */
background:#14bf87 url(../images/small_icon_test.png)no-repeat left 1px;
background-size: 45px 45px;
color:white;	
}

.btn_account{
display:block;
height:50px;
position:relative;
width:auto;
min-width:50%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#00adef;
background:#00adef url(../images/account_icon.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_account_home{
display:block;
height:50px;
position:relative;
width:auto;
min-width:80%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#00adef;
background:#00adef url(../images/account_icon.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_reg{
display:inline-block;
height:50px;
position:relative;
float:right;
width:48%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:10px;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#00adef;
background:#00adef url(../images/account_icon.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_mat{
display:block;
height:50px;
position:relative;
width:auto;
min-width:50%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#f8a910;
background:#f8a910 url(../images/small_icon_test.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_mat_home{
display:block;
height:50px;
position:relative;
width:auto;
min-width:80%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#f8a910;
background:#f8a910 url(../images/small_icon_test.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_register{
display:block;
height:50px;
position:relative;
width:auto;
min-width:50%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#f8a910;
background:#f8a910 url(../images/order_icon1.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}



.btn_register_home{
display:block;
height:50px;
position:relative;
width:auto;
min-width:80%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#f8a910;
background:#f8a910 url(../images/order_icon1.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_youtube{
display:block;
height:50px;
position:relative;
width:auto;
min-width:50%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#e94d4e;
background:#e94d4e url(../images/talk_icon.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_youtube_home{
display:block;
height:50px;
position:relative;
width:auto;
min-width:80%;
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#e94d4e;
background:#e94d4e url(../images/talk_icon.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.btn_send_result{
display:inline-block;
height:50px;
position:relative;
width:auto;
min-width:40%;
float:right;
left:0;
top:0;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/account_icon.png)no-repeat 8px 2px;
background-size: 42px 42px;
background-color:#f8a910;
color:white;

}

.btn_view_ord{
display:inline-block;
height:50px;
position:relative;
width:auto;
min-width:40%;
float:right;
left:0;
top:0;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/account_icon.png)no-repeat 8px 2px;
background-size: 42px 42px;
background-color:#f8a910;
color:white;	
}

button:hover{
filter:alpha(opacity=70);/* Needed for IE8 and old versions */
opacity:0.7;
}

.app_li{
 position:relative;	
 z-index:5;
 display: inline;/*display: inline-block;*/
 list-style:none;
 left:0;/*1%*/
 top:0;
 width:98%;/*98%*/
 min-height:390px;
 height:auto;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;			
} 
.app_li li{
position:relative;
display:block;
left:0;/*0px*/
margin:0 auto;
width:96%;/*100%*/	
height:auto;
}
 li a:link, li a:visited{
color:black;	 
 }
 
 .app_li > li > img{
position:relative;
display:block;	 
width:60%;
height:auto;
margin:0 auto 0 auto;	 
 }
 
.app_li_prof{
 position:relative;	
 z-index:5;
 /*display: inline;*/
 display: block;
 list-style:none;
 left:0;/*1%*/
 top:0;
 width:98%;/*98%*/
 min-height:90px;
 height:auto;
 margin: 0 auto;
 padding: 0;
 /* For IE, the outcast */
 zoom:1;
/*display: inline;	*/
} 
.app_li_prof li{
position:relative;
display:block;
left:0;/*0px*/
margin:0 auto;
min-width:96%;/*100%*/	
height:auto;
}
 
.app_li_prof > li > img{
position:relative;
display:block;	 
width:60%;
height:auto;
margin:0 auto 0 auto;	 
 } 
 
.app_li_reg{
 position:relative;	
 display: inline;/*display: inline-block;*/
 list-style:none;
 left:0;/*1%*/
 top:0;
 width:98%;/*98%*/
 /*min-width:70%;*/
 min-height:390px;
 height:auto;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;	
} 
.app_li_reg li{
position:relative;
display:block;
left:0;/*0px*/
margin:0 auto;
width:96%;/*100%*/
height:auto;
}

 .app_li_reg > li > img{
position:relative;
display:block;	 
width:60%;
height:auto;
margin:0 auto 0 auto;	 
 }

.app_li_chat{
 position:relative;	
 display: inline;/*display: inline-block;*/
 list-style:none;
 left:0;/*1%*/
 top:0;
 width:auto;
 min-width:70%;/*98%*/
 /*min-height:200px;*/
 height:auto;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;	
		
background:transparent;color:grey;text-align:left;padding:5px;		
} 
.app_li_chat li{
position:relative;
display:block;
left:0;
margin:0 auto;
width:96%;	
height:auto;
}

 
 .app_li_chat > li > img{
position:relative;
display:block;	 
width:60%;
height:auto;
margin:0 auto 0 auto;	 
 } 
 
.li_chat_text{
position:relative;
top:0;
/*min-height:150px;*/
height:auto;	
padding-left:7px;
padding-right:5px;
} 

.app_li_apps{
 position:relative;	
  display: inline-block;/*display: inline-block;*/
 list-style:none;
 /*left:1%;*/
 left:0;
 top:0;
 width:100%;/*99%*/
 min-height:350px;
 height:auto;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;	
		border-right:1px solid grey;
		padding:5px;
} 
.app_li_apps li{
position:relative;
display:inline-block;
left:0;
margin:0 auto 10px auto;
width:99%;	
height:auto;
}

  .app_li_apps > li > a > img{
position:relative;
display:inline-block;	 
width:auto;
height:auto;
min-width:98px;
min-height:98px;
margin:0 10px 0 10px;
float:left;	
border:2px solid black; 
border-radius:15px;	
-ms-border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
 }
 
/*#prof_form > ul >li{width:70%;}*/

/*#edit_lesson_form >ul >li{width:70%;}*/
 
ul>li>.app_store_icon {position:relative;top:0;display:inline-block;width:94px;height:94px;} 
 
 .app_li_apps_text{position:relative;display:inline-block;width:98%;min-height:45px;height:auto;padding-right:3px;font-size:16px;}

.li_devider{margin-bottom:0;height:auto;min-height:20px;bottom:0;position:relative;}

.li_text_header{position:relative;text-align:left;top:3px;margin-bottom:10px;font-family:'MarckScript-Regular','pacificoregular','arial';font-weight:bold;font-size:35px;}/*font-size:25px;*/

.li_text_list{position:relative;top:3px;bottom:3px;text-align:left;display:inline-block;min-width:70%;width:auto;}

.li_text{position:relative;width:auto;display:inline-block;margin:0 auto;}

#left_text_under_pic{text-align:left;left:10px;top:10px;width:98%;position:relative;
margin:0 auto 10px auto;display:inline-block;height:auto;padding-bottom:15px;
font-family:'FiraSans-Regular','Trebuchet MS';
}

#left_text_under_pic_test{
text-align:left;top:0;width:100%;position:relative;
margin:0 auto 0 auto;display:block;height:auto;
padding-bottom:10px;
font-family:'FiraSans-Regular','Trebuchet MS';
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);	
border-radius:10px;
font-size:17px;
}

.text_apps_desc{height:auto;top:0;bottom:0;}

.pic_img{position:relative;top:0;height:auto;width:100%;margin:0 auto;display:block;border:0.5px solid #79b6cd;border-radius:10px;
vertical-align:middle;
}

.email_container{
position:relative;top:0;height:auto;width:96%;margin:0 auto;display:block;border:0.5px solid #79b6cd;border-radius:10px;
vertical-align:middle;	
}

.text-overlay {
  position: absolute;
  bottom:0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.img_container img{
vertical-align: middle;	
}

.img_container{width:100%;height:auto;overflow:hidden;background:none;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}



.forms{
position:relative;
top:10px;
width:auto;
min-width:70%;
height:auto;
margin:0 auto;
/*margin:0 auto 10px auto;*/	
}

.forms_reg{
position:relative;
top:10px;
width:auto;
min-width:70%;
height:auto;
margin:0 auto 10px auto;	
}

.form_profile{
position:relative;
top:10px;
min-width:70%;
width:auto;
height:auto;
margin:0 auto 0 auto;
border-radius:0px 0px 10px 10px;
/*-ms-border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;*/
background:#eff5fb;
}

.txt_input_home{
position:relative;
top:10px;/*0*/
display:block;
width:auto;
height:45px;
margin:0 auto 10px auto;	
font-size:21px;
color:grey;
background-color:#eeeeee;
-webkit-appearance:text;
font-family:'FiraSans-Regular','Trebuchet MS';
border:1px solid #79b6cd;

}
.txt_area_home{
position:relative;
top:10px;/*0*/
display:block;
width:auto;
height:75px;
margin:0 auto 10px auto;
font-family:'FiraSans-Regular','Trebuchet MS';
font-size:21px;	
border:1px solid #79b6cd;
background-color:#eeeeee;
}

.txt_input{
position:relative;
top:0;
display:block;
width:auto;
min-width:70%;/*70%*/
height:45px;
margin:0 auto 10px auto;	
font-size:21px;
/*color:grey;*/
background-color:white;
-webkit-appearance:text;
}

.txt_input:focus{
border:1px solid grey;	
}

.txt_area{
position:relative;
top:0;
display:block;
width:auto;
min-width:70%;
height:75px;
font-size:21px;
margin:0 auto 10px auto;
border: 1px solid #f0f8ff;	
}

.txt_area:focus{
border:1px solid grey;		
}

#message:focus{
border:1px solid grey;		
}

.lbl_form {
position:relative;
top:0;
left:0;
display:block;
width:50%;
text-align:left;
margin:0 auto;
padding:4px;
height:auto!important;min-height:35px;word-wrap:break-word;	
line-height:35px;
}

.lbl_form_profile{
position:relative;
top:0;
left:0;
width:50%;
text-align:left;
margin:0 auto;
padding:3px;
height:auto!important;min-height:35px;word-wrap:break-word;	
}

.contact_us{
position:relative;
top:10px;
display:block;
left:0;
width:auto;
min-width:70%;
height:auto;
margin:0 auto 10px auto;	
text-align:center;
}

#news_nav_top{
position:relative;
z-index:5;
top:0;
width:100%;
left:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
height:auto;
min-height:45px;
text-align:center;	
background: #ffeead/*#14bf87*/;
/*border-radius:0px 0px 10px 10px;
-ms-border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;*/
font-family:'MarckScript-Regular';
font-size:21px;
font-weight:bold;
padding:3px;
box-sizing: border-box;
color:#e94d4e;
}
#news_nav_top a{
position:relative;
width:auto;	
padding: 5px 5px;
color:#e94d4e;
vertical-align:middle;
line-height:35px;
text-decoration:underline;
}

#news_nav_top div{
position:relative;
width:auto;	
padding: 5px 5px;
color:#e94d4e;
vertical-align:middle;
line-height:35px;
text-decoration:underline;
}

.nav_skype_profile_gen{
position:relative;	
top:0;
z-index:5;

/*border-radius:0px 0px 12px 12px;
-ms-border-radius:0px 0px 12px 12px;
-moz-border-radius:0px 0px 12px 12px;
-webkit-border-radius:0px 0px 12px 12px;*/
padding-top:1px;padding-bottom:1px;
height:50px;
width:100%;	
/*box-shadow: 0 5px 10px grey;*/
background:#79b6cd;/*#9cc4d0 */
box-sizing:border-box;
}
.nav_skype_profile_app{
top:0;	
position:relative;float:right;
vertical-align:middle;	
width:auto;
display:inline-block;
line-height:40px;
}

.nav_skype_profile_gen  img{
display:inline-block;	
vertical-align: middle;	
width:40px;
height:auto;
}

.nav_skype_profile_app  img{
position:relative;	
vertical-align:middle;
top:2px;
width:40px;
height:auto;
margin:0 3px 0 7px;	
}


.nav_skype_profile_app_lm{
top:0;	
position:relative;float:right;
vertical-align:middle;	
width:auto;
display:inline-block;
line-height:40px;
}

.nav_skype_profile_app_lm  img{
position:relative;	
vertical-align:middle;
top:2px;
width:60px;
height:auto;
margin:0 3px 0 7px;	
}

#img_logout{
float:right;	
position:relative;
top:0;
width:39px;
height:39px;
margin-right:3px;
vertical-align:middle;
}

#order_p{
	position:relative;
	top:-10px;
	color:#525252;
	font-size:12px;
	line-height:24px;
	/*margin: 10px 15px auto 15px; */
	margin:10px auto 0 auto;
	text-align:justify;
	/*width:auto;*/
	height:auto;
	min-height:100px;
	padding:10px;
	padding-bottom:0;
	background-color:lightgrey;
}
#yandex_link{
position:relative;
top:-10px;
/*left:1%;*/
width:230px;
height:45px;
margin:0 auto;	
font-size:19px;
font-style:none;
vertical-align:middle;
line-height:45px;
background:white url(../images/icon175x175_yandex_money.png) no-repeat right top;
border:1px solid white;
padding-left:5px;
}

img#yandex_link{
position:relative;
float:right;
width:auto;
min-width:45px;
height:45px;
}

#yandex_link a:link,#yandex_link a:visited{color:navy;margin:0 auto;}

#yandex_link a:hover{
color:#00adef;	
}

#select_filter_ord{
position:relative;
top:5px;
min-width:60%;
width:auto;
display:block;
margin:0 auto;
border:1px solid #ACD8F0;	
height:50px;
font-size:18px;
-webkit-appearance:none;
-moz-appearance:none;
text-indent:0.01px;
text-overflow:'';
appearance:none;
text-overflow:'';
background: #eff5fb url(../images/15.png) no-repeat right center;
bottom:5px;
}

#select_filter_dial,#select_filter_dial_con {
position:relative;
top:5px;
min-width:70%;
width:auto;
display:block;
margin:0 auto;
border:1px solid #ACD8F0;/* #f8a910*/	
height:45px;
font-size:18px;
-webkit-appearance:none;
-moz-appearance:none;
text-indent:0.01px;
text-overflow:'';
appearance:none;
text-overflow:'';
background: #eff5fb url(../images/15.png) no-repeat right center;
bottom:5px;
}

#txt_area_desc_ko, #txt_area_desc_ru,#txt_area_desc_ja,#txt_area_desc_cn,#txt_area_desc_de, #p1_statement_ko {
border:1px solid #ACD8F0;white-space:pre-wrap;	
}



#order_result{
position:relative;top:5px;
min-width:60%;
width:auto;
margin:0 auto;height:auto;display:block;	
}


#order_result_flip{
position:relative;
top:0;
min-width:70%;
margin:0 auto;
height:auto;
display:block;	
}

#line_top{
position:relative;
display:block;
/*margin:3px 0 5px 0;*/
margin:0 auto;
width:auto;
/*width:100%;*/
border-top:1px solid grey;
list-style:none;

}

#line_top_flip{
position:relative;
display:block;
/*margin:3px 0 5px 0;*/
margin:0 auto;
width:auto;
/*width:100%;*/
border-top:1px solid grey;
list-style:none;

}

.line_top{
position:relative;
display:block;
margin:0 auto;
width:auto;
/*min-width:70%;*/
border-top: 0.3px solid grey;
border-bottom:none;
border-right:none;
border-left:none;
list-style:none;
}

.line_top_flip{
position:relative;
display:block;
margin:0 auto;
width:auto;
/*min-width:70%;*/
border-top:0.3px solid grey;
border-bottom:none;
border-right:none;
border-left:none;
list-style:none;
list-style:none;

}


.header_text_page{
width:auto;/*70%*/
height:auto;position:relative;display:block;left:0;margin:0 auto;
font-family:'FiraSans-Regular','Trebuchet MS';font-size:30px;/*font-size:30px;*/	
}

.header_text_page_flip{
width:auto;/*70%*/
height:auto;position:relative;display:block;left:0;margin:0 auto;
font-family:'FiraSans-Regular','Trebuchet MS';font-size:30px;/*font-size:30px;*/	
}


#line_top_con{
position:relative;
display:block;
margin:0 auto;
border:1px solid grey;
list-style:none;
}

#mat_links{
font-family:'MarckScript-Regular';
font-size:21px;
font-weight:bold;
line-height:45px;
color:brown;
position:relative;width:100%;margin:0 auto;height:auto;display:block;
vertical-align:middle;
padding:5px;
}

.mat_url{
position:relative;
top:0;
display:block;
margin:0;
width:auto;
min-width:90%;
height:40px;
/*filter:alpha(opacity=70);*//* Needed for IE8 and old versions */
opacity:0.7;*/
	
}

/*#mat_links_center{position:relative;width:40%;margin:0 auto;}*/

#mat_links a:link{color:navy;text-decoration:underline;position:relative;margin:auto;padding:5px;}

/*#mat_links a:link{color:brown;text-decoration:underline;position:relative;min-width:60%;width:auto;margin:auto;padding:5px;}*/

#mat_links a:visited{color:brown;}


input[type=submit]:hover,input[type=reset]:hover{
filter:alpha(opacity=70);/* Needed for IE8 and old versions */
opacity:0.7;	
}

input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=submit],input[type=reset],input[type=password]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
outline:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius:0px;
border-radius:0 !important;
-moz-border-radius:0 !important;
border:none;/*removes inner bordrs of input in chrome and firefox*/	
border:1px solid #ACD8F0;
font-size: 16px;
background:#eff5fb;
}

input[type=text]{
height:50px;
}
input[type=textarea]{
min-height:50px;
}

input, select, textarea{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
			border:none;
			  font-size: 16px;
			  background:#eff5fb;
}

input{
	border:none; /*removes inner bordrs of input in chrome and firefox*/	
    /*-webkit-appearance:checkbox;/* /*to make checkbox clickable in chrome. it was none before*/
    /*-moz-appearance:none;
	appearance:none;	
	-webkit-border-radius:0px;
	border-radius:0 !important;	
	outline: none;
	border:0;*/
}

select::-ms-expand{ /*for turning off default dropbox view for IE */
display:none;
}


a{
text-decoration:none;
color:white;	
}

mark{
background:#f8d362;
padding:2px; /*makes navigation float left if padding is > 3 for ipad screen*/
width:auto;
}

textarea{
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
outline:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius:0px;
border-radius:0 !important;
-moz-border-radius:0 !important;
-ms-border-radius:0;
border:none;/*removes inner bordrs of input in chrome and firefox*/	
border:1px solid orange;	
}

#img_help {
position:relative;
margin-right:auto;
margin-left:auto;
width:150px;
height:150px;
top:70px;
background:url(../images/IMG_1600_150x150.png) no-repeat;
}

.vert_a{position:fixed;z-index:888;top:93%;margin-left:97%;width:35px;height:auto;	}

.col-6 > h2{
font-weight:bold;
font-family:"Lucida Sans", sans-serif;
font-size:32px;
text-align:center;	
}


/*input[type="checkbox"] {
    width: 0px;
    opacity: 0;
    height: 0px;
}*/
input[type=radio].chk_reg_left  {	
position:relative;	
display:inline-block;
left:0;

/*margin:0 auto 15px auto;*//*0 auto 10px 7.5em*/

width:21px;height:21px;
border:1px solid black;
background:transparent;
-webkit-border-radius:0px;
border-radius:0 !important;	
cursor:pointer;
vertical-align:middle;
-moz-appearance:radio;
-webkit-appearance:radio;
appearance:radio;
}



input[type=radio].chk_reg_right {
position:relative;	
display:inline-block;
left:0;

/*margin:0 auto 15px auto;*/	

width:21px;height:21px;
border:1px solid black;
background:transparent;
-webkit-border-radius:0px;
border-radius:0 !important;	
cursor:pointer;	
vertical-align:middle;
-moz-appearance:radio;
-webkit-appearance:radio;
appearance:radio;
}
#lbl_chk_left {
        position: relative;
		top:2px;
		left:5px;
		height:21px;
		width:auto;
		margin-right:15px;		
 }
 
#lbl_chk_right{
   position: relative;
		top:2px; 
		left:5px;
		height:21px;
		width:auto;
  }
  
.radio_btn{position:relative;display:block;left:0;margin:0 auto 5px auto; height:23px; width:auto;min-width:100%;display:block;vertical-align:middle;text-align:center;} 
.container>.radio_btn{position:relative;left:0;margin:0 auto 5px auto;height:23px; width:100%;display:block;vertical-align:middle;text-align:center;}
ul>li>.radio_btn{position:relative;left:0;margin:0 auto 5px auto;height:23px; width:70%;display:block;vertical-align:middle;text-align:center;}

input[type=radio].chk_reg {
	display:inline-block;
	margin:0 auto 10px 7.5em;
	width:21px;height:21px;
	border:1px solid black;
	background:transparent;
	-webkit-border-radius:0px;
	border-radius:0 !important;	
	cursor:pointer;		 
}

 input[type=checkbox].chk_reg_less{
	
	position:relative;
    left:0;	
    display:inline-block;
    /*margin:0 auto 0 20%;*/
    width:21px;height:21px;
    border:1px solid black;
    background:transparent;
    -webkit-border-radius:0px;
    border-radius:0 !important;	
    cursor:pointer;	

    -webkit-appearance:checkbox; /*to make checkbox clickable in chrome. it was none before*/
    -moz-appearance:checkbox;
	-ms-appearance:checkbox;
	/*appearance:none;*/
	
	-webkit-border-radius:0px;
	border-radius:0 !important;	
     vertical-align: middle;	
	  
}

.chk_reg_less + label{
position:relative;
left:0;
-webkit-appearance:checkbox;
-moz-appearance:checkbox;
-ms-appearance:checkbox;
 display: inline-block;
 vertical-align: middle;

}


.chk_del, .chk_send{
    position:relative;
	top:3px;
    left:0;	
    display:inline-block;
    width:21px;height:21px;
    border:1px solid black;
    background:transparent;
    -webkit-border-radius:0px;
    border-radius:0 !important;	
    cursor:pointer;	

    -webkit-appearance:checkbox; /*to make checkbox clickable in chrome. it was none before*/
    -moz-appearance:checkbox;
	appearance:checkbox;
	-ms-appearance:checkbox;
	-webkit-border-radius:0px;
	border-radius:0 !important;		
}

.chk_del+label, .chk_send+label{
position:relative;
left:0;	
}

.chk_send{
    position:relative;
	top:2px;
    left:0;	
    display:inline-block;
    width:21px;height:21px;
    border:1px solid black;
    background:transparent;
    -webkit-border-radius:0px;
    border-radius:0 !important;	
    cursor:pointer;	

    -webkit-appearance:checkbox; /*to make checkbox clickable in chrome. it was none before*/
    -moz-appearance:checkbox;
	appearance:checkbox;
	-ms-appearance:checkbox;
	-webkit-border-radius:0px;
	border-radius:0 !important;	
    margin-bottom:10px;	
	
}

.chk_send+label{
position:relative;
left:0;	
line-height:25px;
}

.lesson_radio{
left:0;
min-width:70%;
width:auto;
position:relative;
margin:0 auto;	
}

input[type=radio].chk_radio_1{
position:relative;
left:0;	
display:inline-block;
/*margin:0 auto 0 20%;*/
width:21px;height:21px;
border:1px solid black;
background:transparent;
-webkit-border-radius:0px;
border-radius:0 !important;	
cursor:pointer;	
}

input[type=radio].chk_radio_2{
position:relative;	
display:inline-block;
left:10px;
/*margin:0 auto 0 5%;*/
width:21px;height:21px;
border:1px solid black;
background:transparent;
-webkit-border-radius:0px;
border-radius:0 !important;	
cursor:pointer;	
}

.chk_radio_1 + label{
position: relative;
top:0;
left:5px;
vertical-align: middle;
margin-bottom:10px;	
}

.chk_radio_2 + label{
position: relative;
top:0;
left:15px;
vertical-align: middle;
margin-bottom:10px;	
}

input[type=checkbox]:not(old)+ label, 
input[type=radio   ]:not(old) + label{ 
  display      : inline-block;
}

.chk_reg + label {
        position: relative;
		top:0;
		left:5px;
        vertical-align: middle;
		margin-bottom:10px;
		-webkit-appearance: checkbox;
 }

.chk_reg_less + label {
        position: relative;
		top:0;
		left:5px;
        vertical-align: middle;
		margin-bottom:10px;
		-webkit-appearance: checkbox;
		background:white;
 } 

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
background:transparent;
}

input[type=radio].chk_payment{
position:relative;
left:0;	
display:inline-block;
/*margin:0 auto 0 20%;*/
width:21px;height:21px;
border:1px solid black;
background:transparent;
-webkit-border-radius:0px;
border-radius:0 !important;	
cursor:pointer;	
appearance:radio;
-moz-appearance:radio;
-webkit-appearance:radio;
}

.chk_payment + label{
position: relative;
top:0;
left:5px;
vertical-align: middle;
margin-bottom:10px;	
}

input{
-webkit-appearance:checkbox; /*to make checkbox clickable in chrome. it was none before*/
    -moz-appearance:none;
	appearance:none;
	-ms-appearance:none;
	-webkit-border-radius:0px;
	/*border-radius:0 !important;	*/	
}

input[type=date]{
-webkit-appearance:none;	
-moz-appearance:date;
	
}

::-webkit-datetime-edit { padding: 1em; }
::-webkit-datetime-edit-fields-wrapper { background: silver; }
::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: blue; }
::-webkit-datetime-edit-day-field { color: green; }
::-webkit-datetime-edit-year-field { color: purple; }
::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator { background: orange; }


#select_order, #select_country, #select_country_teacher, #select_date, #select_time, #select_language_level,#select_how_long,#select_purpose_study,#select_purpose_study_t, #select_country_teacher, #select_status{
position:relative;
left:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;

text-indent:0.01px;
text-overflow:'';
background: #eff5fb url(../images/15.png) no-repeat right 8px;
border:1px solid #ACD8F0;

display:block;
width:auto;
min-width:70%; /*70%*/
height:45px;
margin:0 auto 10px auto;	
font-size:18px;
}

#sel_statement, #sel_content{
position:relative;
top:5px;/*5px*/
min-width:60%;
width:auto;
display:block;
margin:0 auto 7px auto;
border:1px solid #ACD8F0;	
height:50px;
font-size:18px;
-webkit-appearance:none;
-moz-appearance:none;
text-indent:0.01px;
text-overflow:'';
appearance:none;
background: #eff5fb url(../images/15.png) no-repeat right center;
}

#sel_video_link{
position:relative;
top:5px;
min-width:60%;
width:auto;
display:block;
margin:0 auto 7px auto;
border:1px solid #ACD8F0;	
height:50px;
font-size:18px;
-webkit-appearance:none;
-moz-appearance:none;
text-indent:0.01px;
text-overflow:'';
appearance:none;
background: #eff5fb url(../images/15.png) no-repeat right center;	
}

#video_link,#video_link_ru, ##video_link_de,#video_link_ko,#video_link_ko,#video_link_ja,#video_link_cn{
position:relative;
height:45px;
display:block;
width:auto;
min-width:70%;	
}

textarea{
-webkit-appearance:none;
-moz-appearance:none;
border:1px solid #f8a910;	
}


#select_order::-ms-expand, #select_country::-ms-expand, #select_date::-ms-expand, #select_time::-ms-expand, #select_language_level::-ms-expand, #select_how_long::-ms-expand, #select_purpose_study::-ms-expand, #select_country_teacher::-ms-expand, #select_status::-ms-expand  {
display:none;
}


#bottom_arrow{
position:relative;top:10px;float:right;width:30px;height:20px;vertical-align:middle;border:none;	
}



/*login form*/


/* Set a style for all buttons */

.lbl_log{position:relative;top:0;display:block;left:0;width:auto;min-width:50%;height:30px;margin:0 auto 0 auto;}

.txt_input_log{
position:relative;top:0;display:block;
width:auto;
min-width:50%;
height:45px;margin:0 auto 10px auto;
font-size:16px;
color:grey;
background-color:white;	
}

button:hover {
    opacity: 0.8;
}


.btn_login{
display:inline-block;
height:50px;
position:relative;
width:auto;
min-width:48%;
float:right;
left:0;
margin: 0 auto 10px auto;
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
/*background:#14bf87 url(../images/small_icon_mail.png)no-repeat left -2px;*/
background-size: 50px 50px;
background-color:#14bf87;
color:white;	
cursor: pointer;
}

.btn_login_reg{
display:block;
height:50px;
position:relative;
float:left;
width:auto;
min-width:50%;
left:0;
margin: 0 auto 10px auto;
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background:#14bf87 url(../images/order_icon2.png)no-repeat 4px 2px;
background-size: 45px 45px;
background-color:#14bf87;
color:white;	
}

/* Extra styles for the cancel button */
.cancelbtn {
    /*width: auto;
    padding: 10px 18px;
    background-color: #f44336;*/

display:block;
height:50px;
position:relative;
width:auto;
min-width:48%;
float:left;
left:0;
margin: 0 auto 10px auto;
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
/*background:#f8a910 url(../images/order_cancel_icon.png)no-repeat left -2px;*/
background-size: 50px 50px;
background-color:#f8a910;
color:white;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    /*margin: 24px 0 12px 0;*/
    position: relative;
}

.img-container-contact{
    text-align:left;
    position: relative;	
}
.icon-contact-stu{
position:relative;
display:inline-block;
top:10px;
left:30px;	
width:auto;
height:auto;
}
.txt-contact-stu-header{
position:relative;
top:10px;
left:0;
width:auto;
}

.txt-contact-modal{
position:relative;
top:10px;
left:40px;
font-family:"Segoe UI", FiraSans-Regular,Trebuchet MS,Arial,sans-serif;
font-size:26px;
width:auto;	
display:inline-block;
}

img.avatar {
    width: 15%;/*20%*/
    /*border-radius: 50%;*/
	padding:3px;
}

.container {
    padding:10px;/*16px*/
	/*border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;*/
}

span.psw {
    /*float: right;*/
    padding-top: 16px;
	font-size:14px;	
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 888; /* Sit on top */
    left: 0;
    top: 0;
    width:100%; /* Full width */
    height:100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;/*60px*/
	font-size:16px;/*to prevent zoom on ios*/
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width:auto;
	min-width: 50%; /* 80% Could be more or less, depending on screen size */
	font-size:16px;
	/*border-radius:20px;*/
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn,.btn_login {
       width: 100%;
    }
	.txt_input_log{width:100%;}
	
	
}


/* The Modal (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 888; /* Sit on top */
    left: 0;
    top: 0;
    width:100%; /* Full width */
    height:100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;/*60px*/
	font-size:16px;/*to prevent zoom on ios*/
}

/* Modal Content 2/Box */
.modal-content2 {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    /*border: 1px solid #888;*/
    width:auto;
	min-width: 50%; /* 80% Could be more or less, depending on screen size */
	font-size:16px;
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/*end of login form*/

/*-----------------------------forum main page---------------------------------*/

#tbl_main_forum{	
position:relative;
top:-10px;
margin-bottom: 20px; 
border:none;	
width:auto;
min-width:94%;
background:transparent;/*#1697d1*/
}
#searchbar {
	display: inline-block;
}
#searchbar h3 {
	color: #606060;
}
#searchbar input {
	float: left;
	color: #606060;
	font-family: "Muli-Light";
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	width: 193px;
}
#searchbar input.btn {
	background-position: left bottom;
	cursor: pointer;
	height: 30px;
	width: 26px;
	border: 0;
	margin: 0 0 0 6px;
	padding: 0;
}
#search_result{
position:relative;
/*background:yellow;*/
top:0;
margin:0 auto 10px auto;
padding:5px;
height:auto;
min-height:50px;
width:100%;
color: grey;
font-size:16px;
font-style:italic;
font-weight:bold;
/*border:1px solid orange;*/
}
#search{
/*float:right; margin-top:-7px;margin-bottom:5px;*/
position:relative;
width:auto;
min-width:15%;
min-height:30px;
height:auto;
float:right;
}
#img_search{
position:relative;
top:0;
left:0;
/*top:10px;*/
width:23px;
max-width:100%;
-webkit-appearance:none;
height:23px;
margin:0 auto;
vertical-align:middle;
}

#search_in{
position:relative;
top:0;
vertical-align:middle;
height:25px;color:grey;font-style:italic;border:1px solid grey;
/*padding-left:4px;*/
-webkit-appearance:none;
width:100px;
}

#tbl_main_forum a:link{
color:grey;	
}

#t_table{
position:relative;
width:100%;
border: 1px solid lightgrey;
background:#BAE8FF;
}
#t_table2{
position:relative;
width:100%;
}
#t_table2 td{
width:auto;
}
#back{
position:relative;
float:right;
margin-left: 10px;
}
#create{
position:relative;
float:right;
}
#test{
background: url(../images/buttons.png) no-repeat;
}
.btn{
color:red;
background: url(../images/buttons.png) 0 -110px no-repeat;
}
#tbl_view1{
position:relative;
text-align:left;
border: 1px solid orange;
width: 100%;
text-align: center; 
padding:10px;
background:#BAE8FF;
margin-bottom:10px;
}
td#tbl_view1{
background:#BAE8FF;	
}


#tbl1{
width: 100%;
margin-bottom:0;
}
#tbl_view2{
position:relative;
/*left:3.5%;*/
text-align:left;
background:#BAE8FF;
width:100%;
border: 1px solid orange;
padding:10px;
margin-bottom:10px;
margin-top:-20px;
}
#tbl2{
text-align:left;
width:100%;
}
#tbl3{
position:relative;
top:10px;
/*left:3%;*/
text-align:left;
width:100%;
background:transparent;
padding:10px;
border: 1px solid orange;
/*margin:5px;*/
}
#tbl4{
text-align:left;
width:100%;
background:transparent;
margin-top:-10px;
margin-bottom:12px;
}
 #a_name, #a_email
{
position:relative;
width: 435px;
max-width:435px;
background-color:white;
left:30px;
border: 1px solid lightgrey;
}

#a_answer2 {
position:relative;
width: 400px;
height:70px;
background-color:white;
left:30px;
top:10px;
}
#a_answer{
position:relative;
width: 400px;
top:20px;
margin-bottom:10px;
left:0;
}
#topic{
position:relative;
width:600px;
max-width:600px;
left:0;
margin:10px;
}
#t_area{
position:relative;
top:15px;
margin:10px;
left:10px;
width:100%;
}
#t_name{
position:relative;
width:100%;
max-width:100%;
left:0;
margin:10px;
}
#t_email{
position:relative;
width:100%;
max-width:100%;
left:0;
margin:10px;
}

#skype_p_bottom{
position:relative;	
top:0;
font-weight:normal;
padding:10px;
font-size:14px;
min-height:40px;
height:auto;
margin:1% auto 15px auto;
width:98%;
line-height:20px;
/*background:#1697d1;*/
/*background: repeating-linear-gradient(
  25deg,
  #606dbc,
  #606dbc 5px,
  #465298 5px,
  #465298 20px
);*/
}

/*-----------------------------end of forum main page--------------------------*/
/*-----------------------------view topic page---------------------------------*/
#td_back_to_topics_link{
position:relative;
width:auto;
float:right;
font-weight:bold;
font-family:'MarckScript-Regular';
font-size:27px;
margin-right:3px;
}
#td_create_topic_link{
position:relative;
width:auto;
float:left;
margin-left:70px;
font-weight:bold;
font-family:'MarckScript-Regular';
font-size:27px;
}

#to_top{
position:relative;
display:block;
top:70px;
width:100%;
text-align:center;
font-weight:bold;
font-family:'MarckScript-Regular';
font-size:27px;
margin:0 auto;	
/*background:yellow;*/
}

#to_top a{
position:relative;
width:auto;
text-align:center;
/*background:grey;*/	
left:15px;
margin:0 auto;	
}

#td_back_to_topics_link a:link,#td_create_topic_link a:link, #to_top a:link{
color:orange;	
}
#td_back_to_topics_link a:visited,#td_create_topic_link a:visited, #to_top a:visited{
color:orange;	
}

/*-----------------------------end of view topic page---------------------------------*/

#ad_left{
position:relative;width:300px;height:250px;float:left;background:yellow;top:10px;margin-bottom:10px;
display:block;left:0;	
}
#ad_right{
position:relative;width:300px;height:250px;float:right;background:yellow;top:10px;margin-bottom:10px;
display:block;left:0;	
}
#ad_300x250{
position:relative;
/*display:inline-block;*/
top:10px;
margin:0 auto 0 auto;
border:2px solid #d2dfe5;/*#d2dfe5 #e5e2e2*/
width:300px!important;height:250px!important;
bottom:0;	
}

#ad_300x250_free_right{
position:relative;
top:10px;
/*margin:0 auto 0 auto;*/
border:2px solid #d2dfe5;/*#d2dfe5 #e5e2e2*/
width:300px;
height:250px;
bottom:0;	
/*float:left;*/
/*float:left!important;*/
margin:0 auto 0 0;	
word-break: break-all;
}

#ad_300x250_free_left{
position:relative;
top:10px;
/*margin:0 auto 0 auto;*/
border:2px solid red;/*#d2dfe5  #d2dfe5 #e5e2e2*/
width:300px;
height:250px;
bottom:0;
margin:0 0 0 auto;	
word-break: break-all;
/*float:right;*/
/*float:right!important;*/
}

   
#display_topic{
position:relative;top:10px;
/*background:yellow;*/
width:auto;margin:0 auto 20px auto;text-align:center;vertical-align:middle;height:50px;line-height:50px;font-size:17px;	
}

#back_to_topics{
position:relative;float:right;font-family:'MarckScript-Regular','arial';font-size:19px;color:white;	
}
#back_to_main{
position:relative;float:left;font-family:'MarckScript-Regular','arial';font-size:19px;color:white;	
}

#edit_topic{
position:relative;float:right;font-family:'MarckScript-Regular','arial';font-size:19px;color:white;		
}

#tbl_view1{
position:relative;
text-align:left;
border: 1px solid orange;
width:60%;
text-align: center; 
padding:10px;
background:#BAE8FF;
margin:0 auto 10px auto;
}
td#tbl_view1{
background:#BAE8FF;	
}

#tbl_view2{
position:relative;
text-align:left;
background:#BAE8FF;
width:60%;
border: 1px solid orange;
padding:10px;
margin:-20px auto 10px auto;
}

#tbl1{
width: 100%;
margin-bottom:0;
}

#tbl2{
text-align:left;
width:100%;
}
#tbl3{
position:relative;
top:10px;
text-align:left;
width:100%;
background:transparent;
padding:10px;
border: 1px solid orange;
}
#tbl4{
text-align:left;
width:100%;
background:transparent;
margin-top:-10px;
margin-bottom:12px;
}


#topic_desc{
position:relative;
left:0;
width:100%;
margin-left:auto;
margin-right:auto;
height:95px;
font-size:18px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
border:1px solid orange;
font-family: 'FiraSans-Regular','open_sansregular', 'sans-serif', 'Arial', 'Trebuchet MS', 'malgun gothic','sans-serif','Meiryo','Osaka', 'Helvetica';	
}

#chat_icon{
position:relative;
left:0;
width:auto;
height:224px;
margin:0 auto;
display:block;
}

a#li_chat_text{position:relative;width:100%;margin:0 auto;border:2px solid red;z-index:999;}

#classy_link{
color:red;text-decoration:underline;font-family:MarckScript-Regular;font-size:23px;font-weight:bold;	
}

/*#submit_test{
position:relative;	
display:block;
height:30px;min-width:110px;width:auto;border:1px solid black;
float:right;
}*/



#lbl_worksheet{
position:relative;
top:3px;
width:auto;
padding:3px;
margin-bottom:20px;
color:red;
font-family:'MarckScript-Regular','pacificoregular','arial';
font-size:25px;
font-weight:bold;
background:yellow;	
}

#lbl_worksheet_v{
position:relative;
top:-20px;
width:auto;
padding:3px;
color:red;
font-family:'MarckScript-Regular','pacificoregular','arial';
font-size:25px;
font-weight:bold;	
}

/*pagination on worksheet*/
#page{
position:relative;
display:inline-block;
text-decoration:none;
/*left:5%;*/
width:auto;
min-width:100%;/*95%*/
margin:0 auto;
text-align:center;
top:-15px;
height:auto;
z-index:7;
}

#page a{	
width:3%;/*width will center hrefs inside the #page div*/
color:black;
font-style:normal;
font-size:15px;	
padding: 8px 14px;
text-decoration:none;
}

#page a.active{
 background-color: yellow;	
}

#page a:hover:not(.active){background-color: #ddd;}

/*end of pagination*/


/*for wrapping long text in drop down boxes*/
option{
-moz-white-space:pre-wrap;
-o-white-space:pre-wrap;
white-space:pre-wrap;
overflow:hidden;
text-overflow:ellipsis;	
border-bottom:1px solid #DDD;
}
/*select{
width:60%;
max-width:100%;	
}*/

/*end of wrapping text*/

/*#submit_test {
  animation: blinker 3s linear infinite;
}*/

@keyframes blinker {  
  90% { opacity: 0;}
}

#img_refresh{
	position:relative;
	display:inline;
	float:right;
	margin-right:10px;
	width:25px;
	height:25px;
	text-align:center;
	
}

#img_refresh_test{
	/*position:relative;
	display:inline;
	float:right;
	margin-right:10px;
	width:25px;
	height:25px;
	text-align:center;*/
	
	position:absolute;
	right:5px;
	top:50%;
	transform:translateY(-50%);
	display:inline;

	width:25px;
	height:25px;
	text-align:center;
	
}

input, select, textarea{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
			border:none;
			  font-size: 16px;
			  -webkit-border-radius:0px;
	/*border-radius:0 !important;	*/
	outline: none;
	border:0;
}



#yandex_btn{
display:inline-block;
position:relative;
margin:0 auto;	
text-align:center;	
width:90%;
}

#square_header{
position:relative;
width:100%;
height:auto;
margin:0 auto;
/*background:url(../images/bg_home_lm_new.png) no-repeat -110px center;*/
bottom:0;
}

#layer{
position:absolute;
background-color:rgba(0,0,0,0.4);/*rgba(248,247,216,0.7)*/
top:5%;
left:20px;
width:40%;
height:80%;
border: 1px solid grey;	
}

#btn_start{
position:absolute;
/*top:7%;*/
top:73%;
left:50%;
margin-left:-35%;
display:block;
width:70%;
height:10%;
/*margin:0 auto;*/
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 2.5vw;
font-weight:bold;
border:none;
-webkit-border-radius:0!important;
-moz-border-radius:0!important;
border-radius:0 !important;	
outline: none;
background:red;
color:white;	
}

#btn_video{
position:absolute;
/*top:10%;*/
top:87%;
left:50%;
margin-left:-35%;
display:block;
width:70%;
height:10%;	
background:url(../images/btn_video.png) no-repeat 10%;
background-size:59px 59px;
color:white;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.7vw;
font-weight:bold;
text-align:center;
/*border:none;*/
-webkit-border-radius:0px;
border-radius:0 !important;	
outline: none;
border:0;
}

#txt_front_square{
position:absolute;	
top:3%;
left:50%;
margin-left:-45%;
display:block;
color:white;
text-align:center;	
width:90%;
height:65%;
font-size:1.9vw;
}

#txt_front_square>#txt_sq_1{
position:relative;
top:0px;	
font-size:2vw;	
}

#txt_front_square>#txt_sq_2{
font-size:2.1vw;	
}

#txt_front_square>#txt_sq_3{
font-size:2.1vw;	
}

#txt_front_square>#txt_sq_1_ru{
position:relative;
top:-10px;	
font-size:2.2vw;	
}

#txt_front_square>#txt_sq_2_ru{
position:relative;
top:-15px;	
font-size:2vw;	
}

#txt_front_square>#txt_sq_3_ru{
position:relative;
top:-22px;	
font-size:2vw;	
}

#img_map{
position:relative;
width:100%;
height:auto;
margin-bottom:0;
display:block;	
}

.copyright_note{
min-height:100px;width:auto;height:auto;
position:relative;background:yellow;
display:block;	
margin:0 auto 20px auto;
padding:5px;
font-size:16px;
}

#sp_box_text{
top:3px;	
min-height:30%;	
height:auto;	
margin-bottom:15px;	
display:block;
}

#img_help {
position:relative;
margin-right:auto;
margin-left:auto;
width:150px;
height:150px;
top:70px;
background:url(../images/IMG_1600_150x150.png) no-repeat;
}

#img_pdf_download{
position:relative;width:50%;height:auto;display:block;margin:0 auto;	
}

#div_pdf_download{
position:relative;width:98%;height:auto;display:block;margin:0 auto;
background:
repeating-linear-gradient(
45deg, #d8e6f2,
#d8e6f2 10px,
#e4f0fb 10px,
#e4f0fb 20px
);
	
}

.buttons {
position:relative;
top:10px;
display:block;
margin:auto;
width:70%;/*width:60%;*/
height:auto;
border:1px solid grey;
text-align:center;
padding:3px;
background:
repeating-linear-gradient(
45deg, #d8e6f2,
#d8e6f2 10px,
#e4f0fb 10px,
#e4f0fb 20px
);
}

#play,#pause, #stop {
    background: none;
    border: none;
    cursor: pointer;
    height: 48px;
    outline: none;
    padding: 0;
    width: 48px;
	box-shadow:none;
}

#play{
float:left;	
}

#pause{
margin:0 auto;		
}

#stop{
float:right;	
}


#play {
    background-image: url(../images/play.svg);

}

#play.played {
    background-image: url(../images/play1.svg);
}

#pause {
    background-image: url(../images/pause.svg);

}

#pause.paused {
    background-image: url(../images/pause1.svg);
}

#stop {
    background-image: url(../images/stop.svg);

}

#stop.stopped {
    background-image: url(../images/stop1.svg);
}

/*----------------------new with sliders-----------------------------*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*html {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  background: #333;
}*/

#page-wrapper {
  width: 640px;
  background: #FFFFFF;
  padding: 1em;
  margin: 1em auto;
  border-top: 5px solid #69c773;
  box-shadow: 0 2px 10px rgba(0,0,0,0.8);
}

h1 {
  margin-top: 0;
}

#msg {
  top:10px;
  position:relative;  
  font-size: 0.9em;
  line-height: 1.4em;
  width: 60%;
  margin:0 auto;
}

#msg.not-supported strong {
  color: #CC0000;
}

/*input[type="text"] {
  width: 100%;
  padding: 0.5em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  box-shadow: 0 2px 3px rgba(0,0,0,0.1) inset;
}*/

/*input[type="range"] {
  width: 60%;
  margin:0 auto;
  height:10px;
  background:transparent;
}*/

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid transparent;
    
    /*required for proper track sizing in FF*/
    width: 60%;
	background:transparent;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 60%;
    height: 5px;
    background: grey;/*#ddd*/
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    /*-webkit-appearance: none;
    border: none;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -6px;*/
	-webkit-appearance: none;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    background: grey; /*#ddd*/
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    /*border: none;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    background: goldenrod;*/
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 60%;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    /*border: none;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    background: goldenrod;*/
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
input[name='ratesub']{
position:relative;

}

/*input[type='file']{
appearance:none;
-webkit-appearance: none;
-moz-appearance:none;
outline:none;
opacity:0;	
text-align:left;

}*/


/*#img_upload{
position:relative;
top:0;
display:block;
width:50%;
height:45px;
margin:0 auto 10px auto;	
font-size:21px;
color:grey;
padding:6px 12px;
cursor:pointer;
background-color:white;
border:1px solid orange;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;

}*/

#img_upload{
position:relative;
top:0;
width:70%;
}


div.upload {
    position:relative;
	display:block;
	top:0;
	left:0;
	margin:0 auto 10px auto;
	background: #ff7b73 url(../images/upload_img3.png) no-repeat 3 5px;
	background-size:42px 42px;
    width:100%;
	height:50px;
    overflow: hidden;
	left:0;
	border:1px solid black;
	color:white;
	text-align:center;
    vertical-align:initial;
    font-size:21px;
	line-height:25px;
	content:'UPLOAD';
	border-radius: 5px;	
}

div.upload_f{
position:relative;
	display:block;
	top:0;
	left:0;
	float:left;
	background: #ff7b73 url(../images/upload_img3.png) no-repeat 3px 3px;
	background-size:42px 42px;
    width:40%;
	height:50px;
    overflow: hidden;
	left:0;
	border:1px solid black;
	color:white;
	text-align:center;
    vertical-align:initial;
	/*font-weight:bold;*/
    /*font-size:21px;*/
	line-height:25px;
	content:'UPLOAD';
	border-radius: 5px;	
	font-family: 'FiraSans-Regular','Trebuchet MS','arial', 'Lucida Sans', 'sans-serif';
}


#video_upload{
position:relative;
display:block;
top:0;
width:100%;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
text-align:center;
	
}


div.upload input {
	
	top:0;
	z-index:3;
    display: block !important;
	margin:0 auto 0 auto;
    width:100% !important;
	height:50px !important;
    opacity: 0 !important;
	appearance:none;
}

div.upload_f input {
	
	top:0;
	z-index:999;
    display: block !important;
	margin:0 auto 0 auto;
	width:100%!important;
	height:50px !important;
    opacity: 0 !important;
	appearance:none;
}

div.upload_video {
    position:relative;
	display:block;
	top:0;
	left:0;
	margin:0 auto 10px auto;
	background: #79b6cd  url(../images/upload_img3.png) no-repeat 4px 4px;/*#ff7b73*/
	background-size:45px 45px;
    width:100%;
	height:53px;
    overflow: hidden;
	left:0;
	color:white;
	text-align:center;
    vertical-align:initial;
    font-size:21px;
	line-height:25px;
	border-radius:5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	color:black;
}

div.upload_video input {
	
	top:0;
	position:relative;
	z-index:3;
    display: block !important;
	margin:0 auto 0 auto;
    width:100% !important;
	height:50px !important;
    opacity: 0 !important;
	appearance:none;
	border-radius:5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:1px solid black;
}

.lbl_above{
position:absolute;
top:15px;
line-height:25px;
text-align:center;
display:block;
color:white;
width:100%;
left:0;
margin:0 auto;

}

.cat_name{
position:relative; 
min-height:50px;
height:auto;
width:32%;
left:1%;
display:inline-block;
background:#fffcab;
text-align:center;
margin:0 auto 5px auto;
border:1px solid black;
border-radius:5px;
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;	
}

.btn_order_m{
position:relative;	
margin:0 auto;
float:none;
display:block;
background: rgb(103, 114, 229) url('../images/checkout.png') no-repeat scroll 4px 2px;
background-size:42px 42px;
color:white;
min-width:90%;
height:50px;	
top:15%;
transform:translateY(15%);
}

#voice{
position:relative;	
min-width:70%;/*min-width:60%;*/
width:auto;
display:block;
margin:0 auto;
border:1px solid #f8a910;	
height:45px;
font-size:18px;
-webkit-appearance:none;
-moz-appearance:none;
text-indent:0.01px;
text-overflow:'';
appearance:none;
background: white url(../images/15.png) no-repeat right center;
}

#rate,#volume,#pitch{
position:relative;	
min-width:70%; /*min-width:60%;*/
width:auto;
display:block;
margin:0 auto;	
height:45px;
font-size:18px;
-webkit-appearance:none;
-moz-appearance:none;
text-indent:0.01px;
text-overflow:'';
appearance:none;	
}

#lbl_sound{
  /*float: left;
  width: 150px;*/
position:relative;
top:0;
left:0;
display:block;
width:70%;/*width:60%;*/
height:30px;
text-align:left;
margin:0 auto;
padding:3px;
}

/**/
.btn_tp1,.btn_tp2, .btn_tp3, .btn_tp4{
display:block;
height:50px;
position:relative;
/*width:auto;
min-width:70%;*/
left:0;
margin: 0 auto 10px auto;
top:10px;	
text-align:center;	
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;		
}

.btn_tp1{
background:#14bf87 url(../images/account_icon.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#00adef;
color:white;	
}

.btn_tp2{
background:#14bf87 url(../images/chat_icon.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#14bf87;
color:white;	
}

.btn_tp3{
background:#14bf87 url(../images/small_icon_mail.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#f8a910;
color:white;	
}

.btn_tp4{
background:#14bf87 url(../images/small_icon_mail.png)no-repeat 2px -2px;
background-size: 50px 50px;
background-color:#14bf87;
color:white;	
}

.btn_view_stu{
display:block;
height:50px;
position:relative;
width:auto;
min-width:70%; /*min-width:50%*/
left:0;
margin:0 auto 10px auto;
text-align:center;
top:0;		
border:1px solid black;
font-size:15px;	
padding:5px;
vertical-align:middle;
line-height:35px;
background-color:#00adef;
background:#00adef url(../images/account_icon.png)no-repeat left -2px;
background-size: 50px 50px;
color:white;	
}

.tarea_q{
position:relative;
display:block;
width:auto;
min-width:50%;
margin:0 auto;
min-height:50px;
height:auto;
overflow:hidden;
border:1px solid #ACD8F0;
white-space:pre-wrap;
}

.tarea_q::-webkit-scrollbar { 
    display: none; 
}

.pic_img_panel{
position:relative;top:0;min-width:70%;height:auto;margin:0 auto;display:block;	
border-radius:10px;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
#left_text_under_pic_panel{position:relative;text-align:left;font-family:'FiraSans-Regular','Trebuchet MS';
top:10px;width:70%;margin:0 auto 10px auto;display:block;height:auto;padding-bottom:15px;}

#btn_gramm{
position:relative;display:block;width:80px;height:35px;background:#ff7b73;border:1px solid grey;
border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;
-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:right;
/*animation-name:btn_gramm_anima;
animation-duration:4s;
animation-iteration-count:3;*/
}

#btn_create{
position:relative;display:block;width:80px;height:35px;background:#ff7b73;
/*border:1px solid grey;*/
border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;
-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:left;
/*animation-name:btn_gramm_anima;
animation-duration:4s;
animation-iteration-count:3;
background:transparent;*/
}

#btn_edit{
position:relative;display:block;width:80px;height:35px;background:#ff7b73;
/*border:1px solid grey;*/
border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;
-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:right;
/*animation-name:btn_gramm_anima;
animation-duration:4s;
animation-iteration-count:3;*/
}

#btn_play_small, #btn_pause_small, #btn_stop_small, #btn_skype_small,#btn_play_1, #btn_play_2, #btn_play_3, #btn_play_4, #btn_play_5, #btn_play_6, #btn_play_7, #btn_play_8, #btn_play_9, #btn_play_10{
position:relative;display:block;width:80px;height:30px;border:1px solid grey;
-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;float:left;	
margin-right:8px;color:white;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#btn_play_small,#btn_play_1, #btn_play_2, #btn_play_3, #btn_play_4, #btn_play_5, #btn_play_6, #btn_play_7, #btn_play_8,#btn_play_9,#btn_play_10{
background:#14bf87 url(../images/play_small.png) no-repeat center; background-size:20px 20px; width:30px;
background-color:#14bf87;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#btn_pause_small{
background:#79b6cd url(../images/pause_small.png) no-repeat center; background-size:20px 20px; width:30px;	
background-color:#79b6cd;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#btn_stop_small{
background:#ff7b73 url(../images/stop_small.png) no-repeat center; background-size:20px 20px; width:30px;	
background-color:#ff7b73;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#btn_skype_small{
background: url(../images/skype.png) no-repeat center; background-size:28px 28px!important;width:30px;	
background-color:transparent;border:none;
box-shadow: none;
}


#frame_pdf{
position:relative;display:block;min-width:800px;width:100%;height:auto;
 box-sizing: border-box;	
}

/*.lbl_form{position:relative;top:0;display:block;left:0;height:auto!important;min-height:35px;word-wrap:break-word;margin: 0 auto;}*/

@keyframes btn_gramm_anima{
	from{background-color:#BAE8FF;}
	to{background-color:#ff7b73;}/*#00adef*/
}

.bg_reward{
position:relative;
display:none;
/*min-width:70%;
width:auto;*/
margin:0 auto;
left:0;
background:#e5e6eb;
/*background:#e5e6eb url(../images/qr_for_profile.png)no-repeat 98% 10px; 
background-size:150px 150px;*/
/*box-shadow:0 5px 5px #888888;*/	
border: 1px solid #bbb;
padding:3px;
border-radius:10px;
}

/*.bg_reward_txt{
position:relative;
top:10px;
width:auto;
height:200px;	
}*/

.bg_reward_img{
position:relative;
display:block;
/*background: url(../images/qr_for_profile.png)no-repeat 98% top; 
background-size:150px 150px;
width:150px;
height:150px;*/
width:100%;
height:auto;
margin:0 auto;
padding:5px;
/*background:#f1f1f1;*/
border-radius:10px;
}

.r_form_element{
position:relative;
display:block;
height:auto;
margin:0 auto;	
}

img.img_r_form{
position:relative;
display:block;
border-radius:10px;
/*box-shadow:0 4px 8px 0 rgba(0,0,0,2);*/
}

.promo {
  background: #ccc;
  padding: 3px;
}

.qr_reward_img{
position:relative;
display:block;
width:150px;
height:150px;	
margin:0 auto;
}

#img_scissors{
	position:relative;width:60px; height:auto;top:-23px;z-index:3;float:right;margin-right:67%;
}

.ui-resizable-handle.ui-resizable-e{background:red;width:3px;}

.ui-resizable{border:red solid 1px;width:200px}

#btn_free_less{
position:relative;
display:block;
color:white;
font-size:25px;
background:url(../images/order_icon1.png)no-repeat left -2px, linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
background-size:45px, cover; /*cover makes gradient fill width of the button*/
padding-top:10px;
margin:0 auto;
width:auto;
height:auto;
min-height:50px;
vertical-align:middle;
text-align:center;	
/*border:.5px solid black;*/
border-radius:5px;

}

#btn_free_less text{
vertical-align:middle;	
}

.btn_home{
z-index:5;	
font-size:0.8em;
/*font-weight:bold;*/	
}

.txt_right_header{	
display:block;
position:relative;
margin:0 auto 10px auto;
width:auto;	
height:auto;
/*min-height:230px!important;*/
font-family:'FiraSans-Regular','Trebuchet MS';
padding-top:7%;
padding-bottom:8.5%;
background:#fffeb3;

top:50%;
border:1px solid black;
border-radius:10px;
background:linear-gradient(to bottom right, #d2dfe5, #b3cde0);
}

.email_form_home{
position:relative;
display:block;
top:20px;
width:auto;
height:auto;	
}

#img_link,#start_date,#end_date{
position:relative;
width:auto;
height:45px;
margin:0 auto;	
}

#txt_url_name, #txt_url,#txt_url_name_ru, #txt_url_ru,#txt_url_name_de, #txt_url_de,#txt_url_name_cn, #txt_url_cn,#txt_url_name_ko, #txt_url_ko,#txt_url_name_ja, #txt_url_ja, #status{
border:1px solid #ACD8F0;white-space:pre-wrap;	
position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;	
}

/*#lbl_con_name_ru,#lbl_con_name_de,#lbl_con_name_cn,#lbl_con_name_ko,#lbl_con_name_ja,#lbl_level_ru,#lbl_level_de,#lbl_level_cn,#lbl_level_ko,#lbl_level_ja{
position:relative;
top:0;
left:0;
display:block;
width:70%;
height:30px;
text-align:left;
margin:0 auto;
padding:3px;	
} */

#cat_name_ru, #cat_name_de,#cat_name_cn,#cat_name_ko,#cat_name_ja,#level_ru,#level_de,#level_cn,#level_ko,#level_ja{
border:1px solid #ACD8F0;white-space:pre-wrap;	
position:relative;min-width:70%;width:auto;margin:0 auto;display:block;height:50px;	
}

#iframe_video_materials{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
	
}
#title_under_pic{
position:relative;	
font-weight:bold;font-family:'MarckScript-Regular';font-size:28px;	
	
}

#text_under_pic{
position:relative;
text-align:center;	
font-family:'FiraSans-Regular','Trebuchet MS';
display:block;
margin:0 auto;
}

#subtext_under_pic{
position:relative;
font-family:'FiraSans-Regular','Trebuchet MS';
display:block;
margin:0 auto;
text-align:left;
padding:5px;
width:100%;
line-height:35px;
word-wrap:break-word;
background:#e5e6eb;
font-size:21px;
border-radius:5px;
}

#banner_materials_buy{
position:relative;margin:0 auto;width:100%;height:auto;text-align:center;background:yellow;padding:5px;	
}

#banner_materials_buy_url{
font-family:'MarckScript-Regular';font-weight:bold;text-decoration:underline;color:red;font-size:23px;padding:5px;text-align: center;	
}


.pic_img_paypal{position:relative;top:0;height:auto;width:45%;display:block;}

.img_container_paypal{width:100%;height:auto;overflow:hidden;background:white;}

button{
border-radius:5px;	
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

/*record video*/
.experiment {
	position:relative;
	display:block;
	width:auto;
    margin: 1em 3em;
    text-align: left;
}

.experiment .header_video {
    padding: .2em .4em;
}

.experiment .description {
    padding: .8em 1.4em;
}

 /*label {
            display: inline-block;
            width: 8em;
        }*/

h1 span {
background: yellow;
border: 2px solid #8e1515;
padding: 2px 8px;
margin: 2px 5px;
border-radius: 7px;
color: #8e1515;
display: inline-block;
}

.recordrtc button {
font-size: 23px ;/*inherit*/
}

.recordrtc button {
position:relative;
display: block;
height: 53px;
width: 100%;
left: 0;
margin:0 auto 10px auto;
top: 10px;
text-align: center;
border: 1px solid black;
font-size: 19px;
padding: 5px;
vertical-align: middle;
line-height: 35px;
background-color: rgb(20, 191, 135);
background-color: #14bf87;
color: white;
			
}

/*#btn-start-recording{
background: #ff7b73 url(../images/record.png)no-repeat 4px 4px;
background-color: rgb(20, 191, 135);
background-size: 42px 42px;
background-color: #ff7b73;
color: black;
font-size:19px;
}	

#btn-stop-recording{
background: #ff7b73 url(../images/stop_small.png)no-repeat 4px 4px;
background-color: rgb(20, 191, 135);
background-size: 42px 42px;
background-color: #ff7b73;
color: black;
font-size:19px;
}	

#btn-pause-recording{
background: #14bf87 url(../images/pause.svg)no-repeat 4px 4px;
background-color: rgb(20, 191, 135);
background-size: 42px 42px;
background-color: #79b6cd;
color: black;
font-size:19px;
}

#btn-release-microphone{
background: #14bf87 url(../images/record-no.png)no-repeat 4px 4px;
background-color: rgb(20, 191, 135);
background-size: 42px 42px;
background-color: #79b6cd;
color: black;
font-size:19px;	
}

#btn-download-recording{
	background: #14bf87 url(../images/arrow.png)no-repeat 4px 4px;
background-color: rgb(20, 191, 135);
background-size: 42px 42px;
background-color: #79b6cd;
color: black;
font-size:19px;
}*/

#save-to-disk{
background: #14bf87 url(../images/arrow_down.png)no-repeat 4px 4px;
background-color: rgb(20, 191, 135);
background-size: 42px 42px;
background-color: #79b6cd;
color: black;
font-size:19px;	
width: 100%;
}

#upload-to-php{
background: #14bf87 url(../images/arrow_up.png)no-repeat 4px 4px;
background-color: rgb(20, 191, 135);
background-size: 42px 42px;
background-color: #79b6cd;
color: black;
margin-bottom:10px;	
font-size:19px;
width: 100%;
}

#open-new-tab{
background: #ff7b73 url(../images/btn_login_round.png)no-repeat 2px 3px;
 background-color: rgb(20, 191, 135);
background-size: 45px 45px;
background-color: #79b6cd;
color: black;
font-size:19px;
}

		.recordrtc select{
		
         position:relative;
         top:5px;
         width:100%;
         display:block;
         margin:0 auto 7px auto;
         border:1px solid #ACD8F0;/*#ACD8F0 #f8a910*/	
         height:45px;
         font-size:18px;
         -webkit-appearance:none;
         -moz-appearance:none;
		 appearance:none;
         text-indent:0.01px;
         text-overflow:'';
         background: white url(../images/15.png) no-repeat right center;			
			
		}
		

        .recordrtc, .recordrtc .header_video {
            width:100%;
            margin:0 auto;
            position: relative;
			display: block;
            text-align: center;
            padding: 0;
			
			border-radius:20px;
	        padding:10px;
	        background:#e4f0fb;/*#e4f0fb #bae8ff*/
	        height:auto;
			
        }
		
		.recordrtc{border:0.5px solid black;}

        .recordrtc video, .recordrtc img {
            max-width: 100%!important;
            vertical-align: top;
        }

        .recordrtc audio {
            vertical-align: bottom;
        }

        .recordrtc option[disabled] {
            display: none;
        }

        .recordrtc select {
            font-size: 17px;
        }		


/*end of record video*/

#btn_practise{
border-radius:5px;
position:relative;top:3px;color:black;font-size:16px;
background:yellow;/*#ff7b73*/
padding:5px;
border:1px solid black;
height:35px;width:100px;display:inline-block;text-align:center;line-height:25px;/*#ff7b73  #ffeead*/
float:left;
outline:0;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#btn_words{
	
border-radius:5px;
position:relative;top:3px;color:black;font-size:16px;background:green;padding:5px;
margin:0 auto;
/*border:1px solid grey;*/
height:35px;width:100px;display:inline-block;text-align:center;line-height:25px;/*#ff7b73  #ffeead*/	
	
/*position:relative;display:inline-block;width:80px;height:35px;background:yellow;color:black;text-align:center;line-height:35px;font-size:16px;float:right;bottom:10px;border-radius:5px;border:1px solid grey;*/		
}

#btn_phrase{
position:relative;display:inline-block;top:3px;width:100px;height:35px;
background:yellow;color:black;text-align:center;line-height:35px;font-size:16px;float:right;bottom:10px;
border:1px solid black;
border-radius:5px;
/*border:1px solid grey;*/	
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#btn_gramm_1, #btn_gramm_1_en, #btn_gramm_2, #btn_gramm_2_en, #btn_gramm_3, #btn_gramm_3_en, #btn_gramm_4, #btn_gramm_4_en, #btn_gramm_5, #btn_gramm_5_en, #btn_gramm_6, #btn_gramm_6_en,#btn_gramm_7, #btn_gramm_7_en, #btn_gramm_8, #btn_gramm_8_en, #btn_gramm_9, #btn_gramm_9_en, #btn_gramm_10, #btn_gramm_10_en,#btn_gramm_all,#btn_gramm_1_ko,#btn_gramm_2_ko,#btn_gramm_3_ko,#btn_gramm_4_ko,#btn_gramm_5_ko,#btn_gramm_6_ko,#btn_gramm_7_ko,#btn_gramm_8_ko,#btn_gramm_9_ko,#btn_gramm_10_ko, #btn_gramm_all_ko  {
position:relative;display:block;min-width:80px;width:auto;height:35px;background:#ff7b73;color:white;
/*border:1px solid grey;*/
-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;top:0;text-align:center;float:right;padding:5px;
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
border-radius:5px!important;appearance:none;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

input[type="submit"].btn_del, input[type="reset"].btn_reset{
position:relative;display:block;min-width:80px;width:auto;height:35px;background:#ff7b73;color:white;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;padding:5px;
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
border-radius:5px!important;appearance:none;
border:1px solid grey;	
}

.btn_del{
float:left;	
}

.btn_reset{
float:right;	
}

input[type="submit"].btn_copy, input[type="submit"].btn_copy_all, input[type="submit"].btn_delete{
position:relative;display:block;min-width:80px;width:auto;height:35px;background:#ff7b73;color:white;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;text-align:center;padding:5px;
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
border-radius:5px!important;appearance:none;	
border:1px solid grey;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.btn_delete{
float:right;	
}

.btn_copy{
float:left;	
}

.btn_copy_all{
margin:0 auto;	
}

#div_copy{
position:relative;display:block;height:auto;margin:0 auto;
background:lightgrey;/*#BAE8FF*/
border-radius:10px;	
padding:0;
top:20px;
}
.filem_t_result, .ad_lm{
position:relative;
height:auto;
/*min-height:778px;*/
border:.3px solid grey; border-radius:10px;top:20px;	
display:inline-block;
margin:0 auto;padding:10px;/*5px*/
background:#d2dfe5;
/*box-shadow:0 4px 8px 0 rgba(0,0,0,2);*/

left: 50%;
transform: translateX(-50%);
}

.p_f_result{
position:relative;height:auto;
min-height:75px;
border:.3px solid black; border-radius:10px;top:20px;	
display:block;margin:0 auto;padding:10px;background: #d2dfe5;	
}

.h_range_filem{
position:relative;width:100%;top:-3px;height:55px;padding:10px;background:grey;border-radius:10px 10px 0 0;margin:0!important;	
}
.txt_h_filem{
position:relative;color:white;width:auto;line-height:30px;font-size:21px;font-weight:bold;
font-family: "Segoe UI", FiraSans-Regular,Trebuchet MS,Arial,sans-serif;	
}
.btn_range_filem_bottom{
width:100%;padding:10px;background:grey;border-radius:0 0 10px 10px;	
}

#div_vt_form_main{
position:relative;height:auto;min-height:150px;
margin:0 auto 5px auto;	
box-sizing: border-box;
padding:10px;
border:0.3px solid #ACD8F0;
border-radius:10px;
background:#f1f1f1;
width:auto;
/*box-shadow:5px 10px 18px #888888;*/
}

#div_vt_form_img{
position:relative;height:auto;padding:0;display:inline-block;
box-sizing: border-box;	background:#d2dfe5;
padding:10px;
}

#div_vt_form_text{
position:relative;height:auto;left:0;display:inline-block;
box-sizing: border-box;
}

#div_vt_form_img #div_vt_img{

position:relative;
width:200px;
height:200px;
margin:0 auto;
display:block;
border-radius:50%;	
	
/*position:relative;
width:50%;
height:auto;
margin:0 auto;
display:block;*/

}

#txt_teacher_profile1{
position:relative;
width:40%;
height:auto;
display:block;	
float:left;
text-align:left;
left:5%;
padding:0 5px;
}

#txt_teacher_profile2{
position:relative;
width:40%;
height:auto;
display:block;	
float:right;
text-align:left;
left:4%;
padding:0 5px;
}


/*chat */
#loginform {
	position:relative;
    margin: 0 auto;
    padding-bottom: 25px;
    background: #EBF4FB;
    width: 100%;
    border: 1px solid #ACD8F0;
}

#wrapper{
    position:relative;
    margin: 0 auto;
    padding-bottom: 25px;
    background: #EBF4FB;
    width: 100%;
    border: 1px solid #ACD8F0;	
}
 
#loginform {
    padding-top: 18px;
}
 
#loginform p {
    margin: 5px;
}
 
#chatbox {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 10px;
    background: #fff;
    height: 270px;
    width: 96%;
    border: 1px solid #ACD8F0;
    overflow: auto;

}
 
#usermsg {
	position:relative;
	display:inline-block;
    width:60%;
	height:45px;
    border: 1px solid #ACD8F0;
	margin:0 auto 0 10px;
}

#submitmsg{
position:relative;
display:inline-block;
width:30%;
height:45px;
float:right;
margin:0 10px 0 auto;
border-radius:5px!important;	
border: 1px solid #ACD8F0;	
}
 
#submit {
    width:100%;
}

#msg_chat{
position:relative;
display:block;
width:100%;
height:auto;	
}
 
.error {
    color: #ff0000;
}
 
#menu {
    padding: 12.5px 25px 12.5px 25px;
}
 
.welcome {
    float: left;
}
 
.logout {
    float: right;
}
 
.msgln {
    margin: 0 0 5px 0;
	
}

#name{
position:relative;
display:inline-block;
width:60%;
height:45px;
margin:0 auto 0 auto;
border: 1px solid #ACD8F0;	
}

#topic_name{
position:relative;
display:inline-block;
height:45px;
margin:0 auto 0 10px;
border: 1px solid #ACD8F0;	
}

#name_vendor{
position:relative;
display:inline-block;
width:100%;
height:25px;
margin:0 auto 0 0;
border: 1px solid #ACD8F0;		
}

#enter{
position:relative;	
display:inline-block;
width:30%;
height:45px;
float:right;
margin:0 10px 0 auto;
border-radius:5px!important;	
border: 1px solid #ACD8F0;	
}

/*end of chat*/


ul>li>#read_more_lessons{
position:relative;
top:0;
display:block;
height:30px;
font-family:'MarckScript-Regular';
font-size:21px;
font-weight:bold;
background:#ACD8F0;
margin:0 auto 10px auto;
}

#read_more_lessons div {
	float:right;
	padding-right:5px;
}

#read_more_lessons a{
text-decoration:underline;
color:red;	
}





/*flip*/

	
/* not important */
.page1,.page2 {
   color: black;
   padding: 10px;    
}
/* end */

.container_flip {
    position: relative; 
    top:-3px;/*3px*/	
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
	border:3px solid yellow;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	width:98%;
	margin:0 auto;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.flip_nav{
/*position:relative;
padding:5px;
top:0;
width:100%;
min-height:60px;
height:auto;
border:3px solid yellow;
border-radius:15px;
-moz-border-radius:15px;	
-webkit-border-radius:15px;
background:#88d8b0;*/
position:relative;
top:0;
width:98%;
height:70px;
margin:0 auto;
border:3px solid yellow;
border-radius:15px;
-moz-border-radius:15px;	
-webkit-border-radius:15px;
background:#88d8b0;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.flip_nav2{
/*top:-10px;
position:relative;
padding:5px;
width:100%;
min-height:60px;
height:auto;*/
top:-30px;
position:relative;
width:40%;
height:auto;
left:10%;
border:1px solid grey;

}

.flip_nav3{
top:-10px;
position:relative;
padding:5px;
width:100%;
min-height:60px;
height:auto;
}

.page1 {
    width:100%;
    height:auto ;
	min-height:180px; /*230px*/
    background:#ffc5e8 ;/*#fffcab */
    position: relative;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.page2 {
    width:100%;
    height:auto ;
	min-height:180px;/*230px*/
    background:#4dd7ff; /*#4dd7ff #6760aa #98cbfb*/
    position: relative;
    display: none;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.flip {
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateX(0); 
    -moz-backface-visibility:hidden;
    -moz-transform:translateX(0);
}
.flip.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 175ms;
    -moz-transform: rotateY(-90deg) scale(.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 175ms;
}
.flip.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 225ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 225ms;
}
.flip.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(.9);
    -moz-animation-name: flipouttoright;
}
.flip.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}

#f_next, #f_back{
position:relative;
top:-12px; /*-10px*/
z-index:5;
width:50px; /*70px*/
height:50px;/*45px*/
border: none;
color:white;
font-size:23px;	
border:2px solid yellow;
text-align:center;
vertical-align:32px;
display:inline-block;
margin-bottom:10px;
}

#go{
position:relative;
top:13px;
float:right;
margin-right:20px;
width:100px;
height:40px;
vertical-align:32px;	
color:red;
font-size:23px;
border:2px solid yellow;	
background:#4dd7ff;
}

#f_next{
float:right;
background-color: #4CAF50; 
text-align:center;
margin-right:10px;
border-radius:70%;
}

#f_back{
float:left;	
background-color: #4CAF50; 
text-align:center;
margin-left:10px;
border-radius:70%;
}

#f_next:after{
/*content: '\f061';*/
font-family:'FontAwesome';
font-size:1em;	
}

#f_back:after{
/*content: '\f060';*/
font-family:'FontAwesome';
font-size:1em;	
}

#show_reward{
top:0;
position:relative;
width:30px;
height:30px;
outline:0;
display:inline-block;
border:none;
z-index:7;
float:left;	
box-shadow:none;
}

#hide_reward{
top:0;
position:relative;
width:30px;
height:30px;
outline:0;
display:inline-block;
border:none;	
float:right;
box-shadow:none;		
}

#show_reward{
background: transparent url("../images/add.png") no-repeat scroll center 1px;	
background-size:30px 30px;	
}

#hide_reward{
background: transparent url("../images/remove.png") no-repeat scroll center 1px;	
background-size:30px 30px;	
}

#add_remove{
position:relative;
display:block;
margin:0 auto;
width:70%;
height:35px;/*30px*/	
}

#show, #hide{
/*top:0;
position:relative;
width:100px;
height:52px;
color:white;
font-size:23px;	
border:2px solid yellow;*/
top:0;
position:relative;
width:40px;
height:40px;
outline:0;
display:inline-block;
border:none;
z-index:7;
box-shadow:none;	
}

#show{
/*background: #4CAF50 url("../images/show2.png") no-repeat scroll center 1px;	
background-size:70px 45px;
float:left;*/
background: transparent url("../images/show3.png") no-repeat scroll center 1px;	
background-size:40px 40px;
}

#hide{
/*background: #4CAF50 url("../images/hide2.png") no-repeat scroll center 8px;	
background-size:70px 40px;	
float:right;*/
background: transparent url("../images/hide3.png") no-repeat scroll center 1px;	
background-size:40px 40px;	
}

#btn_show_hide_cont{
position:absolute;top:10px;	
}

#btn_lang{
position:relative;
/*top:-32px;*/
width:42px;
height:42px;
float:right;	
}

#btn_lang>#side1_en, #btn_lang>#side1_1_en, #btn_lang>#side2_1_en, #btn_lang>#side2_en, #btn_lang>#side1_ko,
#btn_lang>#side2_ko, #btn_lang>#side1_ja, #btn_lang>#side2_ja, #btn_lang>#side1_ru, #btn_lang>#side2_ru,
#btn_lang>#side1_cn, #btn_lang>#side2_cn, #btn_lang>#side3_en,#btn_lang>#side4_en,#btn_lang>#side5_en,
#btn_lang>#side6_en,#btn_lang>#side6_en,#btn_lang>#side7_en,#btn_lang>#side8_en,#btn_lang>#side19_en,
#btn_lang>#side10_en,
#btn_lang>#side3_ru,#btn_lang>#side4_ru,#btn_lang>#side5_ru,#btn_lang>#side6_ru,
#btn_lang>#side7_ru,#btn_lang>#side8_ru,#btn_lang>#side9_ru,#btn_lang>#side10_ru,
#btn_lang>#side3_ko,#btn_lang>#side4_ko,#btn_lang>#side5_ko,#btn_lang>#side6_ko,#btn_lang>#side7_ko,
#btn_lang>#side8_ko,#btn_lang>#side9_ko,#btn_lang>#side10_ko,
#btn_lang>#side3_ja,#btn_lang>#side4_ja,#btn_lang>#side5_ja,#btn_lang>#side6_ja,#btn_lang>#side7_ja,
#btn_lang>#side8_ja,#btn_lang>#side9_ja,#btn_lang>#side10_ja,
#btn_lang>#side3_cn,#btn_lang>#side4_cn,#btn_lang>#side5_cn,#btn_lang>#side6_cn,#btn_lang>#side7_cn,
#btn_lang>#side8_cn,#btn_lang>#side9_cn,#btn_lang>#side10_cn
{
/*top:-3%;*/
position:relative;
width:42px;
height:42px;
border:none;
line-height:18%;
color:black;
z-index:5;
box-shadow:none;
/*border:2px solid yellow;*/
}

#btn_lang>#side1_en,#btn_lang>#side1_1_en, #btn_lang>#side1_ru,#btn_lang>#side1_ko,#btn_lang>#side1_ja,#btn_lang>#side1_cn,
#btn_lang>#side2_en,#btn_lang>#side3_en,#btn_lang>#side4_en,#btn_lang>#side5_en,#btn_lang>#side6_en,#btn_lang>#side7_en,
#btn_lang>#side8_en,#btn_lang>#side9_en,#btn_lang>#side10_en,
#btn_lang>#side2_ru,#btn_lang>#side3_ru,#btn_lang>#side4_ru,#btn_lang>#side5_ru,#btn_lang>#side6_ru,#btn_lang>#side7_ru,
#btn_lang>#side8_ru,#btn_lang>#side9_ru,#btn_lang>#side10_ru,
#btn_lang>#side2_ko,#btn_lang>#side3_ko,#btn_lang>#side4_ko,#btn_lang>#side5_ko,#btn_lang>#side6_ko,#btn_lang>#side7_ko,
#btn_lang>#side8_ko,#btn_lang>#side9_ko,#btn_lang>#side10_ko,
#btn_lang>#side2_ja,#btn_lang>#side3_ja,#btn_lang>#side4_ja,#btn_lang>#side5_ja,#btn_lang>#side6_ja,#btn_lang>#side7_ja,
#btn_lang>#side8_ja,#btn_lang>#side9_ja,#btn_lang>#side10_ja,
#btn_lang>#side2_cn,#btn_lang>#side3_cn,#btn_lang>#side4_cn,#btn_lang>#side5_cn,#btn_lang>#side6_cn,#btn_lang>#side7_cn,
#btn_lang>#side8_cn,#btn_lang>#side9_cn,#btn_lang>#side10_cn
{
background: transparent url("../images/speechbubble2.png") no-repeat scroll center 1px; /*headset_lm*/	
background-size:40px 40px;
float:right;/*#ffc5e8*/
box-shadow:none;
}

#btn_lang>#side2_en,#btn_lang>#side2_1_en,#btn_lang>#side2_ru,#btn_lang>#side2_ko,#btn_lang>#side2_ja,#btn_lang>#side2_cn
{
background: transparent url("../images/speechbubble2.png") no-repeat scroll center 1px;	
background-size:40px 40px;	
float:right;/*#6760aa*/
}

#f_speak{
top:12px;	
position:relative;
display:inline-block;
left:20px;
width:35px;
height:35px;	
}

#dis_span1, #dis_span2{
text-align:center;	
font-size:21px; /*35px*/
color:red;	
}

#dis_span1_1, #dis_span2_1{
text-align:left;	
font-size:21px; /*30px*/
color:black;		
}

#dis_title{
text-align:center;	
font-size:35px;
color:white;	
}

#flip_w_title{
position:relative;	
/*word-break: break-all;*/
color:black;
font-size:17px;
/*background:yellow;*/
padding-left:3px;padding-right:3px;
}

#img_speak_flip{
position:relative;
float:right;
vertical-align:32px;	
top:10px;
left:5px;
width:50px;
height:50px;
	
}

.img_speak_flip{
position:relative;
top:3px;
/*float:right;*/
width:50px;
height:50px;
background-image: tarsparent url(../images/speak_icon.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right top;
background-size:50px 50px;
overflow: hidden;
opacity: 0.3;
filter: alpha(opacity=30);
display:block;
margin:0 auto;	
}

#display_count{
position:relative;top:13px;width:40px;height:40px;left:-5px;bottom:10px;text-align:center;background:#fff5bc;
border-radius:20px;
border:2px solid #4dd7ff;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-moz-border-radius:20px; 
font-size:25px;	
vertical-align:32px;
margin-left:20px;	
}

.r_container{
position:relative;
display:block;
margin:0 auto;
height:auto;
top:10px;	
}

#r_panel_header{
text-align:center;
padding:10px;
position:relative;width:100%;height:50px;background:#e4f0fb;border:none;	
}
#r_panel_content{
display:none;
border-top:1px solid #eff5fb;
padding:20px;
width:100%;height:100%;border-radius:0 0 10px 10px;background:#e4f0fb;	
}

#panel, #flip, #panel2, #flip2 {
	position:relative;
    padding: 5px;
    text-align: center;
    background-color: #c6c7c4; /*#e5eecc  */
    /*border: solid 1px #c3c3c3;*/
	margin:0 auto;
}

#panel, #panel2 {
    padding: 20px;
    display: none;
	text-align: left;
	
}

#controls {
  position:relative;
  display:flex;
  margin:0 auto 10px auto;  
  top:15px;	
  background:yellow;
  padding:3px;
  width:98%;
  border-radius:10px;
}

#recordButton, #pauseButton, #stopButton{
position:relative;
width:50px;
height:50px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
border:2px solid yellow;
box-shadow:none;	
}
#recordButton{
display:inline-block;	
float:left;
background: #ff7b73 url(../images/record.png)no-repeat scroll center 1px;
background-size:45px 45px;	
}

#pauseButton{
display:inline-block;	
margin:0 auto;	
background: #4dd7ff url(../images/pause_small.png)no-repeat scroll center 4px;
background-size:40px 40px;	
}

#stopButton{
display:inline-block;	
float:right;
background: #88d8b0 url(../images/stop_small.png)no-repeat scroll center 1px;
background-size:45px 45px;		
}

audio {
  position:relative;	
  display:block;
  width:100%;
  /*margin-top: 0.2rem;*/
}

#recordingsList{
position:relative;
top:-10px;
width:100%;
display:inline;
margin:0 auto 0 auto;
height:auto;
min-height:10px;	
}

#li_audio {
  position:relative;
  top:5px;
  padding:3px;
  display:block;
  width:100%;
  left:0;  
  list-style: none;
  background:yellow;
  box-sizing: border-box;
  overflow:hidden;
  margin-bottom: 1rem;
}
#formats {
  /*margin-top: 0.5rem;*/
  top:10px;
  position:relative;
  font-size: 80%;
}
#save_audio{
position:relative;
float:right;
color:white;
width:50px;
height:50px;
line-height:25px;
padding:5px;
border:2px solid #4CAF50;
border-radius:5px;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
background:#4dd7ff;	
text-align:center;
background:#4dd7ff url(../images/arrow_d.png) no-repeat center -2px;
background-size:50px 50px;
}

#upload_file{
position:relative;
float:left;
color:white;
width:50px;
height:50px;
line-height:25px;
padding:5px;
border:2px solid #4dd7ff;
border-radius:5px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
background:#ff7b73 url(../images/arrow_u.png) no-repeat center 0;
background-size:50px 50px;	
text-align:center;	
	
}

#close_file{
position:relative;
float:left;
color:white;
width:90px;
height:40px;
line-height:25px;
padding:5px;
border:2px solid #4dd7ff;
border-radius:5px;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
background:#ff7b73;	
text-align:center;
}


/*end of flip*/

#set_id{
position:relative;display:inline-block;padding:5px;background:yellow;bottom:10px;width:80px;text-align:center;border-radius:5px;height:35px;line-height:25px;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

    input[name='set_id_edit[0]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;} /*#d0f2ff*/
	input[name='q_id_edit[0]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[0]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[1]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;}
	input[name='q_id_edit[1]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[1]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[2]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[2]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[2]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[3]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[3]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[3]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[4]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[4]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[4]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[5]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;}
	input[name='q_id_edit[5]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[5]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[6]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[6]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[6]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[7]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[7]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[7]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[8]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[8]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[8]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[9]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[9]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[9]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[10]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[10]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[10]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[11]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[11]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[11]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[12]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[12]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[12]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[13]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[13]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[13]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[14]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[14]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[14]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[15]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[15]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[15]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[16]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[16]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[16]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[17]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[17]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[17]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[18]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[18]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[18]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	input[name='set_id_edit[19]']{position:relative;display:block;height:50px;text-align:center;margin:0 auto;background:linear-gradient(to right,#BAE8FF,#e7eff6);font-size:30px;	color:red;	}
	input[name='q_id_edit[19]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	input[name='a_id_edit[19]']{position:relative;display:block;height:30px;text-align:left;margin:0 auto;background:#ffa6a6;	}
	
	
	input[type='number'] {
    -moz-appearance:textfield;
	-webkit-appearance: textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    }
	
	#set_number{
	color:red;font-weight:bold;background:#ffeead;line-height:30px;text-align:center;font-family:MarckScript-Regular;font-size:25px;
	}
	
	
/*google ads remove green background*/

#gpt-overlay-0 {
    box-sizing: border-box;
    empty-cells: show;
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 250px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    z-index: 2147483647;
}


#gpt-overlay-1 .ad-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 296px;
    height: 246px;
    /* background-color: #5abd50; */
    border: solid 2px transparent;
    opacity: 0.6;
}

.ad-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 296px;
    height: 246px;
    /* background-color: #5abd50; */
    border: solid 2px transparent;
    opacity: 0.6;
}

#sel_flip{
position:relative;
background:#4CAF50 url(../images/arrow_u.png)no-repeat left 7px;
background-size:50px 40px;
top:15px;border:3px solid yellow;
width:100%;height:60px;	
}

/*nav flips btn*/

.nav ul {
  list-style: none;
  background-color: #e1edfb;/*  #c6c7c4 #BAE8FF  #e4f0fb*/
  text-align: center;
  padding: 0;
  margin: 0;
  overflow:auto;/*make ul flexible*/
}
.nav li {
  /*font-family: 'Oswald', sans-serif;*/
  font-size: 1.2em;
  line-height: 40px;
  min-height: 40px;
  height:auto;
  overflow-wrap: break-word;
  /*border-bottom: 1px solid  #79b6cd;*/
  text-align:left;
  line-height:normal;
}
 
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
  height: 40px;
  line-height: 40px;
}
 
.nav a:hover {
  background-color: #d2dfe5; /*#e4f0fb*/
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}

button:active {
    outline: none;
    border: none;
}

button:focus {outline:0;}	

.txt_inside_headset{
position:relative;	
top:0;
color:black;
margin: 0 auto;	
}

.txt_text_test{
position:relative;
width:96%;
height:auto;
min-height:150px;
background:#e5e2e2;
padding:5px;
border:1px solid grey;
border-radius:10px;	
margin:0 auto;	
}

.txt_header_test{
position:relative;
display:block;
text-align:center;
font-family:'MarckScript-Regular','pacificoregular','arial';
font-weight:bold;
font-size:25px;
color:grey;
}

#lesson_name_order1{
position:relative;display:block;height:45px;width:40%;text-align:center;border:1px solid black;line-height:45px;color:white;font-weight:bold;border-radius:5px;background:#ff7b73;margin-bottom:5px;

  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

#lesson_name_order2{
position:relative;display:block;height:45px;width:40%;text-align:center;border:1px solid black;line-height:45px;color:white;font-weight:bold;border-radius:5px;background:#ff7b73;margin-bottom:5px;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}

#lesson_name_order3{
position:relative;display:block;height:45px;width:210px;text-align:center;border:1px solid yellow;line-height:45px;color:white;font-weight:bold;border-radius:10px;background:#ff7b73;margin-bottom:5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.highlight{
position:relative;width:70%;display:block;background:lightgrey;margin:0 auto;padding:10px;border-radius:5px;	
}

#payment{
border:1px solid grey;width:70%;height:auto;margin:0 auto;top:15px;position:relative;	
}

#desc_reward_small{
position:relative;display:block;width:70%;margin:0 auto;text-align:center;line-height:33px;	
height:auto;
}

.line_top_form{
position:relative;
width:70%;
margin:0 auto;	
}

#close_audio_flip{
position:relative;top:15px;float:right;z-index:5;width:15px;height:15px;text-align:center;	
/*display:none;*/
background:white;
/*border-radius:20px 20px;*/
color:black;
font-size:14px;
}

#angle_down_flip{
font-size:21px;float:right;line-height:36px;position:relative;	
}

audio:focus {outline:0;}
button:focus {outline:0;}

.tooltip,.tooltip-flip-middle{
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 999;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  font-size:16px;
  height:35px;
  line-height:35px;
  font-family:'FiraSans-Regular','Trebuchet MS','arial', 'Lucida Sans', 'sans-serif';
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left:-8px;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip-flip-middle .tooltiptext{
	
  visibility: hidden;
  width: 60px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 5;
  bottom: 150%;
  left:-10px;
  /*margin-left:-60px;*/
  font-size:16px;
  height:35px;
  line-height:35px;
  font-family:'FiraSans-Regular','Trebuchet MS','arial', 'Lucida Sans', 'sans-serif';
}

.tooltip-flip-middle .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left:-8px;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.tooltip-flip-middle:hover .tooltiptext {
  visibility: visible;
}

.tooltip_controls {
  position: relative;
  display: block;
}

.tooltip_controls .tooltiptext {
   position: absolute;
  color: #FFFFFF;
  background: #000000;
  text-align: center;
  visibility: hidden;
  border-radius: 8px;
  z-index:9999;
  
  width: 120px;
  height:35px;
  line-height:35px;
  bottom: 110%; /*150%*/
  left: 50%;
  margin-left: -60px;
  font-size:16px;
  font-family:'FiraSans-Regular','Trebuchet MS','arial', 'Lucida Sans', 'sans-serif';
}

.tooltip_controls .tooltiptext::after {
  content: '';
  position: absolute;

  width: 0;
  height: 0;
  
  margin-left: -8px;
  /*border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;*/
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  
  top: 100%;
  left: 50%;
  /*margin-left: -5px;*/
}

.tooltip_controls:hover .tooltiptext {
  visibility: visible;
  z-index: 999;

}
.btn_d_w{
position:relative;
width:200px;
height:auto;
float:right;
bottom:10px;	
}
.btn_d, .btn_w{
position:relative;
width:95px;
height:35px;
border-radius:5px;
border:1px solid grey;	
}
.btn_d{
float:left;
background:#bae1ff;	
color:black;
}
.btn_w{
float:right;
background:#bae1ff;	
color:black;
}
.input-wrapper {
    position: relative;
    width:auto;
}
 
.input-wrapper:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #459ce7;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    right: 0;
}

#message, #message_answer, #message_new{
font-size:19px;	
border:1px solid #ACD8F0;
}

.selectable{
    -webkit-touch-callout: all; /* iOS Safari */
    -webkit-user-select: all; /* Safari */
    -khtml-user-select: all; /* Konqueror HTML */
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all; /* Internet Explorer/Edge */
    user-select: all; /* Chrome and Opera */

}

#video_settings{
display:none;
height:auto;
width:100%;	
position:relative;
}
#v_settings{
float:right;font-size:21px;top:-10px;position:relative;z-index:9;	
}

.video_container{
position:relative;
width:100%;
height:100;
/*border: .2px solid grey;*/
border-radius:10px;background:lightgrey;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);	
padding:5px;
}

#qr_course, #qr_lesson{
display:inline-block;width:100px;height:100px;position:relative;

}

#qr_course{
float:left;		
}

#qr_lesson{
float:right;	
}

#qr_course img {
background: transparent url(..images/qr-code-lm-course-eng.png) no-repeat center 0;
background-size:80px 80px;	
}

#note_inner{
position:relative;height:auto;display:block;margin:0 auto;border-radius:10px;background:none;text-align:center;min-height:200px;	
}

button{
outline:none;
/*border:none!important;*/	
}

.app_li_prof .highlight{position:relative;display:block;background:#d2dfe5;margin:0 auto;padding:10px;border-radius:5px;}

#select_filter_flip{
position:relative;
top:3px;
width:98%;
display:block;
margin:0 auto;
border:3px solid yellow;font-size:19px;font-weight:bold;height:55px;border-radius:10px!important;	
background: white url(../images/15.png) no-repeat right center;
text-overflow: '';
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}

.flip-panel{
position:relative;
width:98%;
display:block;
margin:0 auto;
height:auto;
border-radius:15px;
background:#d2dfe5;
padding:10px!important;	
}

#banner_materials_buy_url{
border:none;	
}

.forum-topic{
word-wrap:break-word;margin:0 auto;display:block;position:relative;		
background:transparent;border:none;height:auto;
color:grey;
font-size: 19px;
}

a.forum-topic:link, a.forum-topic:visited  {
color:grey!important;	
}

div .btn_container{position:relative;display:block;min-height:70px;margin:0 auto;}


/*alerts not box*/
.alert {
  padding: 20px;
  background-color: #2196F3;
  color: white;
  margin:0;
  width:100%;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

/*end of alerts not box*/




/*customized alert*/

#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png);
	
}

#alertBox {
	position:relative;
    width:300px;
    min-height:100px;
    margin-top:50px;
    border:1px solid #666;
	border-radius: 10px;
    background-color:#eff5fb;
    background-repeat:no-repeat;
    background-position:20px 30px;
	padding:10px;
	word-break: break-word;
	text-align:left;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
    font:bold 0.9em verdana,arial;
    background-color:#79b6cd;/*#79b6cd, #3073BB */
    color:#FFF;
    /*border-bottom:1px solid #000;*/
    padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.9em verdana,arial;
    min-height:50px;
    /*padding:5px;*/
    /*margin-left:5px;*//*55px*/
	height:auto;

}

#alertBox #closeBtn {
	display:block;
    position:relative;
    margin:5px auto;
    padding:7px;
    border:0 none;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#79b6cd; /*#357EBD*/
    border-radius: 3px;
    text-decoration:none;
}

/* unrelated styles not necessary for customized alert  */


/* modal for order lesson or content*/

.modal-content-o {
  position: relative;
  background-color: #fefefe;/*#fefefe */
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: black;
  float: right;
  font-size: 38px;
  font-weight: bold;
  z-index:3;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-btn-vertical{
  margin: 0;
  top:50%;
  position: relative;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);	
}

.modal-header-o {
  padding: 2px 16px;
  background-color: #ffc425;/*#ffc425 #5cb85c*/
  color: white;
}

.modal-body-o {padding: 2px 16px;}

.modal-footer-o {
  padding: 2px 16px;
  background-color: #fefefe ; /*#ffc425 #5cb85c*/
  color: white;
  width:auto;
  height:130px;/*130px*/
}

/* end for modal order lesson or content*/

/* order form input icons*/

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

.btn_checkout{
float:right;	
background: #6772E5 url(../images/checkout.png)no-repeat 4px 2px;
background-color:#6772E5; /*#6772E5*/

}

.btn_chk_cancel{
float:left;	
background:#6772E5 url(../images/cancel_round.png)no-repeat 4px 2px;
background-color:#6772E5; /*#f8a910*/
}

.btn_checkout, .btn_chk_cancel{
width:48%;	
color:#FFF;
padding:8px 12px;
border:0;
border-radius:4px;
font-size:1em;
font-weight:bold;
background-size:40px 40px;
display:inline-block;
height:45px;
position:relative;
} 

/* end of order form input icons and buttons*/

/*scrollbars*/
::-webkit-scrollbar{
width:10px;	
}

::-webkit-scrollbar-track{
box-shadow:inset 0 0 5px grey;
border-radius:5px;	
}

::-webkit-scrollbar-thumb{
background:#79b6cd grey;
border-radius:5px;	
}

::-webkit-scrollbar-thumb:hover{
background:#79b6cd;	
}

*{
scrollbar-width:thin;
scrollbar-color:#79b6cd grey;	
}

/*end of scrollbars*/

/*stu panel*/

div.lbl_g_cn{
position:relative;
text-align:center;border:1px solid grey;
border-radius:10px 10px 0 0;
background:#ffeead;	
overflow: auto;
white-space: nowrap;
overflow-x: scroll;
width:100%;
height:100%;
margin:0 auto;
}
div.lbl_g_cn a {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}


/*end of stu panel*/


/* level test form elements */

#test_nav{
width:auto;min-width:96%;min-height:40px;height:auto;	
position:relative;display:inline;
}

#demo{
/*position:relative;top:0;width:140px;height:35px;left:10px;text-align:center;
float:left;
display:block;*/	

position:absolute;
left:5px;
top:50%;
transform:translateY(-50%);
width:140px;
height:35px;
text-align:center;
display:inline-block;
border-radius:5px!important;
}

#result{
/*width:140px;height:35px;float:right;
bottom:5px;border:1px solid #ACD8F0;display:none;	
background:#ff7b73;font-weight:bold;font-size:16px;color:white;*/

position:absolute;
right:5px;
width:140px;
height:35px;
border:1px solid #ACD8F0;
display:none;	
background:#ff7b73;
font-weight:bold;
font-size:16px;
color:white;
top:50%;
transform:translateY(-50%);

}

#sel_q{
/*position:relative;top:0;width:140px;height:35px;float:right;
bottom:0;border:1px solid #ACD8F0;
display:block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background: white url(../images/15.png) no-repeat right 8px;
background-size:20px;
border:1px solid #ACD8F0;*/	

position:absolute;
top:50%;
right:5px;
transform:translateY(-50%);
width:140px;
height:35px;
border:1px solid #ACD8F0;
display:inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background: white url(../images/15.png) no-repeat right 8px;
background-size:20px;
border:1px solid #ACD8F0;
border-radius:5px;

}

#result_q{
width:30px;height:30px;text-align:center;	
}

#btn_watch_test{
/*position:relative;display:inline-block;min-width:140px;width:auto;height:35px;float:left; left:10px;
background:#ff7b73;color:white;border:1px solid grey;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;
text-align:center;padding:5px;
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
border-radius:5px!important;appearance:none;
vertical-align:middle;line-height:25px;	
font-weight:bold;
font-size:16px;*/

position:absolute;
display:inline-block;
min-width:140px;width:auto;height:35px;
left:5px;
background:#ff7b73;color:white;border:1px solid grey;-webkit-appearance:none;-moz-appearance:none;vertical-align: middle;line-height:10px;
text-align:center;padding:5px;
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
border-radius:5px!important;appearance:none;
vertical-align:middle;line-height:25px;	
font-weight:bold;
font-size:16px;
top:50%;
transform:translateY(-50%);

}

#btn_watch_test:a{
text-decoration:none;	
}

.t_nav{
position:relative;
width:100%;
display:block;
margin:0 auto;
top:0;
height:auto;
min-height:45px;	
background:lightgrey;
padding-top:0;
}

.t_nav_radius{
border-radius: 10px 10px 0 0;	
}

#submit_test{
position:relative;	
display:inline;
height:40px;min-width:100px;width:auto;border:1px solid #ACD8F0;
line-height:35px;
float:right;
background:#79b6cd;
border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
font-weight:bold;
font-size:18px;
}

#back_test {
position:relative;	
display:inline-block;
height:40px;width:100px;border:1px solid #ACD8F0;
line-height:35px;
text-align:center;
padding:3px;
background:#79b6cd;
float:left;
border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
font-weight:bold;
font-size:18px;
}

a:link#back_test, a:visited#back_test {
color:black;	
}

a:hover#back_test {
opacity: 0.9;
filter:alpha(opacity=50);  
}

#again_test{
position:relative;display:none;float:right;min-width:140px;width:auto;height:40px;border:1px solid #ACD8F0;
border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;
background:#79b6cd;
font-size:18px;font-weight:bold;
}

input[type=radio]#a1,input[type=radio]#a2,input[type=radio]#a3{
position:relative;
left:0;	
display:inline-block;
width:21px;height:21px;
border:1px solid black;
background:transparent;
-webkit-border-radius:0px;
border-radius:0 !important;	
cursor:pointer;	
appearance:radio;
-moz-appearance:radio;
-webkit-appearance:radio;
}

#a1 + label,#a2 + label,#a3 + label{
position: relative;
top:0;
left:5px;
vertical-align: middle;
margin-bottom:10px;	
}

/*container for Questions table*/
#txtHint{
/*background:lightgrey;
border-radius:15px;	
border:1px solid black;*/
}

#tbl_test_questions{
background:#ffeead;	/*#f8f8fa #ffeead*/
border:none;
/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/	
}

#tbl_test_questions #td_test_q_1,#tbl_test_questions #td_test_q_2,#tbl_test_questions #td_test_q_3,#tbl_test_questions #td_test_q_4,
#tbl_test_questions #td_test_q_5,#tbl_test_questions #td_test_q_6,#tbl_test_questions #td_test_q_7,#tbl_test_questions #td_test_q_8,
#tbl_test_questions #td_test_q_9,#tbl_test_questions #td_test_q_10{
border:none;font-weight:bold;color:red;text-align:center;padding:10px;background:#ffeead;
font-size:21px;	
}

.bg_test_level{
position:relative;
height:98%;
width:98%;
background:#e5e6eb;
border-radius:15px;
/*border:1px solid #79b6cd;*/
padding:20px;
margin:0 auto;	

}


/* end of level test form elements */


/*email form on home page*/
.icon {
  padding: 10px;
  background: #79b6cd;
  color: white;
  min-width: 50px;
  text-align: center;
}
.input-container {
  display: flex;
  width: 90%;
  margin-bottom: 15px;
  margin:12px auto 10px auto;
  top:10px;
}
.input-field {
  width: 90%;
  padding: 10px;
  outline: none;
  /*background-color:#eeeeee;*/
-webkit-appearance:text;
font-family:'FiraSans-Regular','Trebuchet MS';
  
}

.input-field:focus {
  border: 2px solid #79b6cd;/*#79b6cd dodgerblue*/
}

.icon-area {
  padding: 10px;
  background: #79b6cd ;/* dodgerblue*/
  color: white;
  min-width: 50px;
  text-align: center;
}
.input-area {
  width: 90%;
  padding: 10px;
  outline: none;
  height:50px;
  border:1px solid #79b6cd;
  font-family:'FiraSans-Regular','Trebuchet MS';
  
}

.input-area:focus {
  border: 2px solid #79b6cd;
}
.icon-send-home, .icon-cancel-home{
float:left;
/*position:relative;
font-size:25px;*/
/*top:40%;
transform: translateY(-40%);*/
padding: 5px;
background: #79b6cd ;/* dodgerblue*/
color: white;
width: 40px;
text-align: center;
}

/*end of email form on home page*/


/*checkout form*/
.icon-container-checkout{
position:relative;
text-align:center;
height:60px;/*45px*/
top:0;
width:70%;
background:#ffeead;
margin:0 auto;
border-radius:0 0 10px 10px;	
}

/*end of checkout form*/



/*profile card for home*/
.card_home {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 90%; /*300px*/
  margin: 0 auto;
  text-align: center;
  font-family: arial;
  top:10px;
  position:relative;
  font-family: 'Segoe UI', FiraSans-Regular,'Trebuchet MS',Arial,sans-serif;
  min-height:427px;
  /*display: flex;
  flex-direction: column;
  justify-content: space-between;*/
}

.title_card {
  color: grey;
  font-size: 15px;
  font-family: 'Segoe UI', FiraSans-Regular,'Trebuchet MS',Arial,sans-serif;
  font-weight:bold;
}

.btn_card_home {
  border: none!important;
  outline: 0;
  position:absolute;
  bottom:0;
  display: block;
  padding: 18px;
  color: white;
  background-color: grey;/*#000*/
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 25px;
  border-radius:0;
  font-weight:bold;
  font-family: 'Segoe UI', FiraSans-Regular,'Trebuchet MS',Arial,sans-serif;
}

.button_card_home:hover, a:hover {
  opacity: 0.7;
}

.card-content{font-weight:normal;}

.card_links{
position:relative;display:block;margin: 24px auto 0 auto;	

}

 .card_links a:link {
  text-decoration: none;
  font-size: 22px;
  color: black;
}
.card_links a:visited{color:black;}

.card_home img{
width:100%;
height:auto;
min-width:500px;
min-height:300px;
position:relative;	
}

.card_home h2{
top:3px;
position:relative;	
 font-family: 'Segoe UI', FiraSans-Regular,'Trebuchet MS',Arial,sans-serif;
}

p.card_content{}

.header_card{
width:100%;
height:auto;
position:relative;
display:block;
padding:20px;	
font-size:32px;
background:grey;
color:white;
}

.h-home{
position:relative;
height:70px;
width:auto;	
}

.h-60{height:60px;}

.h-result{
position:relative;
height:30px;
width:auto;	
}

.h-ord-view{
height:10px;
width:auto;
}

.h-5{
height:5px;
width:auto;
}

.f_element_arrow{
line-height:25px;
position:relative;
top:10px;
margin:0 auto 10px auto;
display:block;
min-height:25px;
width:100%;
overflow:hidden;	
}

/*end of profile card for home*/

.txt_pass_forgot{
position:relative;
float:right;	
}

.txt_reset{
position:relative;
float:left;	
}

/*box sizing for diff browsers*/
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
/*end of box sizing*/

/*search*/
.input-search{
border-bottom: 0.3px solid black !important;
border: 0;
outline: 0;
background: transparent!important;

font-size: 16px;
/*background-color: none;
background-image: url('searchicon.png');
background-size: 20px 20px;
background-position: right;
background-repeat: no-repeat;*/
/*padding: 12px 10px 10px 25px;*/
width:120px;
position:relative;
top:-30px;
left:-80px;
height:35px!important;
}

#livesearch{
position:relative;
top:-20px;
left:210px;	
color:black;
background:lightgrey;
opacity:0.9;
width:50%;
height:auto;
text-align:left;
padding:5px;
}

/*#search {
  position:relative;
  width: 100px;
  left:-90px;
  top:-30px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: lightgrey;
  background-image: url('../images/hide.png');
  background-size:24px 24px;
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}*/

#search:focus {
  width: 100%;
}

/*end of search*/

.txt_des{
overflow-wrap:break-word;
padding:5px;
text-align:left;
top:10px;
position:relative;
text-align:left;
height:auto;margin:0 auto;	
background: #eff5fb; /*#d2dfe5  #ffeead*/
width:100%;
margin:0 auto 10px auto;
border-radius:10px;
border:1px solid grey;
}

@keyframes glowing {
  0% { box-shadow: 0 0 -10px #c4a300; }
  40% { box-shadow: 0 0 20px #c4a300; }
  60% { box-shadow: 0 0 20px #c4a300; }
  100% { box-shadow: 0 0 -10px #c4a300; }
}


.heading {
  font-size: 16px;
  margin-right: 16px;
}

.fa {
  font-size: 19px;
}

.checked {
  color: orange;
}
.txt_rating{
position:relative;
width:98%;
font-size:16px;
	
}

/*#chart-container {
    width: 100%;
    height: auto;
	border:1px solid black;
	white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}*/

#chart-container {
    width: 100%;
    height: 448px;
	display:block;
	margin:0 auto;
	border:1px solid black;
	white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/*div#fig_home> div#r_3 >div.form_profile> div.forms >ul.app_li_prof> li.li_text_list >div#order_result>  div.filem_t_result> div.div_inner_result{
position:relative;width:auto;height;auto;top:10px;padding-bottom:40px;	
}*/

/*search files*/

.hide_search{
position:relative;
top:40px;
display:none;
margin:0 auto 20px auto;
width:90%;
height:auto;
min-height:50px;	
background:transparent;
color:black!important;
z-index:9999;
}

a.hide_search:active {color:black;}

.show_search{
position:relative;
top:50px;
width:90%;
display:block;
margin:0 auto;
height:auto;
min-height:300px;
background:orange;	
}
.input_search{
position:relative;
top:20px;
width:90%;
height:45px;
display:block;
margin:0 auto;
}


/* Clear floats */
form.search_form::after {
  content: "";
  clear: both;
  display: table;
}

/* Style the search field */
form.search_form input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

/* Style the submit button */
form.search_form button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.search_form button:hover {
  background: #0b7dda;
}

/*end of search files*/

/*lesson taken teacher form*/
::-webkit-datetime-edit { padding: 1em; }
::-webkit-datetime-edit-fields-wrapper { background: transparent; }
::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: black; }
::-webkit-datetime-edit-day-field { color: black; }
::-webkit-datetime-edit-year-field { color: black; }
::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator {
	background-image: url('../images/arrow.png');
    background-size:25px 25px;
    background-position: 0px 0px; 
    background-repeat: no-repeat;
	background-color:transparent;

	}

/*end of lesson taken teacher form*/


.div_home_left_ads_new{width:auto;float:none;text-align:center;padding:10px;}
.div_home_right_ads_new{width:auto;float:none;text-align:center;padding:10px;}
.div_home_left_ads_new>.img_free_left_new{position: relative;margin:0 auto 0 auto;}
.div_home_right_ads_new>.img_free_right_new{position: relative;margin:0 auto 0 auto;}


@media screen and (min-width: 480px) {

  .div_home_left_ads_new{width:50%;float:left;text-align:right;padding:10px;}
  .div_home_right_ads_new{width:50%;float:right;text-align:left;padding:10px;}
  
  .div_home_left_ads_new>.img_free_left_new{position: relative;margin:0 auto 0 auto;}
  .div_home_right_ads_new>.img_free_right_new{position: relative;margin:0 auto 0 auto;}
}



 
 /*animation: glowing 5000ms infinite;*/
 
 
 
 


/*#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font:0.7em verdana,arial;
}

h1,h2 {
	margin:0;
	padding:4px;
	font:bold 1.5em verdana;
	border-bottom:1px solid #000;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}*/

/*end of customized alert*/


/*.app_li_prof .li_text_list  .forum-el-topic, .app_li_prof .li_text_list  .forum-el-date, .app_li_prof .li_text_list  .forum-el-name{color:black;background:transparent;line-height:50px;border:none!important;color:grey;}

.app_li_prof  .li_text_list  .forum-el-desc{background:transparent;height:auto;min-height:150px;word-wrap: break-word;padding:3px;border:none!important;color:grey;}*/



/*.option {
  position:relative;	
  width:60%;  
  margin: 1em auto 0 auto;
  background:yellow;
}*/

/*button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}*/


/*input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4.4px;
  cursor: pointer;
  background: grey; 
  border-radius: 3.3px;
  border: 0.1px solid #010101;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 4.4px;
  cursor: pointer;
  background: grey; 
  border-radius: 3.3px;
  border: 0.1px solid #010101;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 4px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.1px solid #010101;
  border-radius: 3.6px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.1px solid #010101;
  border-radius: 3.6px;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}*/