.kj_logo {height: 43px;width: 145px;background: url('/img/m/logo.png') center center no-repeat;position: relative}
.to_login{position: absolute;top:0px;right: 0px;padding: 13px;font-size: 15px;color:#fff;}
.to_login span{margin-left: 5px;}

.h15nofl {
	width: 100%;
	height: 15px;
}

#step1, #step2, #step3 {
	box-sizing: border-box;
	padding: 0 15px;
}

.secondHeader {
	width: 100%;
	height: 43px;
	background-color: rgb(106, 179, 75);
	z-index: 1000;
}

.head {
	width: 100%;
	height: 50px;
	background-color: #64aa46;
	z-index: 1000;
}
.head .left {
  height: 50px;
  cursor: pointer;
  width: 60px;
  display: flex;
  color: #ffffff;
  float: left;
  box-sizing: border-box;
  border-right: transparent;
}
.head .left i {
  margin: auto;
  font-size: 28px;
  line-height: 28px;
}
.head .center {
  height: 50px;
  width: calc(100% - 10px);
  float: left;
  font-size: 20px;
  font-weight: 100;
  display: flex;
}
.head .center img {
  margin: auto;
}
.head .center strong {
  color: #64aa46;
}
.head .center span {
  margin: auto;
  color: #ffffff;
  font-size: 30px;
  font-weight: 400;
}
.head .rightButtonsLinks {
  height: 50px;
  cursor: pointer;
  display: flex;
  float: right;
  box-sizing: border-box;
  color: #ffffff;
}
.head .rightButtonsLinks a,
.head .rightButtonsLinks span,
.head .rightButtonsLinks i {
  margin: auto;
}
.head .rightButtonsLinks i {
  font-size: 11px;
  line-height: 15px;
}
.head .rightButtonsLinks a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  outline: none;
}
.head .rightButtonsLinks a .butDown {
  padding: 7px 12px 6px;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px dotted rgba(255, 255, 255, 0.3);
  border-radius: 25px;
  margin-right: 30px;
}
.head .rightButtonsLinks a .butDown:hover {
  background-color: rgba(255, 255, 255, 0.95);
  color: #64aa46;
}
.head .right {
  height: 50px;
  cursor: pointer;
  width: 60px;
  display: flex;
  float: right;
  box-sizing: border-box;
  color: #ffffff;
  border-left: transparent;
}
.head .right span,
.head .right i {
  margin: auto;
}
.head .right i {
  font-size: 11px;
  line-height: 15px;
}


.autowr{max-width: 500px;margin: auto;width: 100%;}
.content{width: 100%;}

.main_info{
	background: rgb(87 128 171);
	padding: 15px;
	font-size: 15px;
	color: rgb(255 255 255);
	text-align: center;
	box-sizing: border-box;
	font-family: Roboto;
}

.main_big_but{list-style: none;box-sizing: border-box;padding: 15px;}
.main_big_but li{
	padding: 15px;
	cursor: pointer;
	color: rgb(255 255 255);
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	box-sizing: border-box;
	border-radius: 3px;
}

.main_descr{font-size: 12px;color: #555;margin-top: 10px;}
.main_input{
	width: 100%;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    outline: none;
    border-radius: 4px;
    outline: none;
}

#login, #reg{padding: 0;overflow: hidden;height: 0px;transition: 0.27s;-webkit-transition: 0.27s;}

.mlBefore {
    opacity: 0;
  }

.mlBefore .whiteBoxMenu {
	margin-left: -100%;
}

.mlAfter {
	opacity: 1;
}


.mlAfter .whiteBoxMenu {
	margin-left: 0% !important;
}

.hiddenMenu {
  cursor: pointer !important;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.39);
  overflow-y: auto;
  z-index: 7777777;
  position: fixed;
  font-family: Roboto;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hiddenMenu .closeMenuButton {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: calc(100% - 250px);
  display: flex;
}
.hiddenMenu .closeMenuButton i {
  margin: auto;
  color: #ffffff;
  font-size: 30px;
  text-shadow: 0 0 3px #00000059;
}
.hiddenMenu .whiteBoxMenu {
  width: 80%;
  max-width: 250px;
  cursor: pointer;
  background-color: #ffffff;
  left: 0;
  bottom: 0;
  position: fixed;
  top: 0;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  height: 100vh;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hiddenMenu .whiteBoxMenu ul {
  width: 100%;
  box-sizing: border-box;
  float: left;
  margin: 1px 0 0 0;
  padding: 0;
}
.hiddenMenu .whiteBoxMenu ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  float: left;
  box-sizing: border-box;
  width: 100%;
  line-height: 16px;
  height: 50px;
  display: flex;
  position: relative;
}
.hiddenMenu .whiteBoxMenu ul li i {
  font-size: 24px;
  margin: 18px 15px;
  position: absolute;
  color: #64aa46;
  line-height: 14px;
}
.hiddenMenu .whiteBoxMenu ul li span {
  margin: 18px 0 auto 50px;
  font-size: 16px;
  color: #333333;
}


.button{background: rgb(112, 175, 112);border:0;padding: 7px 15px;text-align:center;color: #fff;font-weight: bold;cursor: pointer;outline: none;border-radius: 2px;background: linear-gradient(to top, rgb(75, 134, 75), rgb(127, 188, 127));text-shadow: 0 1px 0 rgb(69, 115, 69);}

.err_red {padding: 8px 15px 8px 14px;color: rgb(255, 255, 255);background-color: rgb(143, 189, 123);font-size: 14px;text-align: center;}
.err_yellow {background-color: #5C719C;color: #fff;padding: 8px 35px 8px 14px;text-align: center;font-family: tahoma;font-size: 15px;}

.no_display{display: none;}

.ui_radioDiv {padding: 5px;cursor: pointer}
.ui_radioDiv:hover .uiButtonBg {background-position: 0px -28px;}
.uiButtonBg {float: left;background: url('/img/m/radio.gif') 0px 0px no-repeat;width: 15px;height: 14px;margin-bottom: 1px;margin-right: 5px;}
.uiButtonBgActive {background-position: 0px -14px;}
.ui_radioDiv:hover .uiButtonBgActive {background-position: 0px -42px;}

.fl_l{float: left}
.clear{clear: both}

.beta{color: #555;position: absolute;right: -10px;top: 10px;}

.speedbar {background: #E9EDF1;color: #607387;padding: 12px;line-height: 140%;font-size: 14px;font-weight: bold;}

.footer {margin-top: 10px;text-align:center;font-size: 12px;margin-bottom: 10px;}

.langs div{padding: 10px 15px;font-size: 12px;font-weight: bold;color: #538f4c;border-bottom: 1px solid #E9EDF1;}
.lang_selected{background: #FAFAFA}

.fb_button{font-size: 12px;width: 100%;color: #fff;text-align:center; padding: 10px 0;background: #3b6193;cursor: pointer;}

.note_bl{position: relative;}
.note_bl span{width: 100%;color: #fff;position: absolute;background: rgba(0,0,0,0.7);padding: 2px 0;bottom:0;left:0;font-weight: bold;text-align:center;}
.note_pos{max-height: 407px;overflow: hidden;}

.head_page{padding: 10px 15px;background: #f5f5f5;}
.head_page li{float: left;padding: 5px 10px;font-weight: bold;color: #538f4c;font-size: 11px;border-radius: 3px;cursor: pointer;list-style:none;}
.activetab, .buttonsprofileSec, .newsPanelActive, .active{background: #538f4c;color: #fff !important;}
.friend_block{padding: 5px;border-bottom: 1px solid #efefef;font-size: 11px;}
.comment_from{padding: 10px;background: #f0f2f4;box-sizing: border-box;}
.comment_from textarea{width: 100%;border: 1px solid #d1d7de;height: 50px;padding: 5px;outline: none;}
.kjCommentsBlock{padding:10px 10px 2px;border-bottom: 1px solid #E3E3E3;font-size: 11px;}
.profile_title{padding: 5px 15px;box-sizing: border-box; width: 100%;font-weight: bold;color: #6A7989; background: #E9EDF1;font-size: 11px;white-space: nowrap;}


.ui_radioDiv {padding: 5px;cursor: pointer}
.ui_radioDiv:hover .uiButtonBg {background-position: 0px -28px;}
.uiButtonBg {float: left;background: url('/images/radio.gif') 0px 0px no-repeat;width: 15px;height: 14px;margin-bottom: 1px;margin-right: 5px;}
.uiButtonBgActive {background-position: 0px -14px;}
.ui_radioDiv:hover .uiButtonBgActive {background-position: 0px -42px;}


.blog_content{line-height: 160%;font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;white-space: normal;}
.blog_content a{color:#2B587A;cursor: pointer}
.blog_content a:hover{color:#2B587A;text-decoration: underline;}
.blog_content img{cursor: pointer}
.blog_content .audioPage{font-size: 11px;font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;line-height: 100%;}
.blog_content.short{max-height: 200px;overflow: hidden;position: relative;}
.blog_read_all{font-weight: bold;color: #2B587A;cursor: pointer;}
.blog_read_all:hover{text-decoration: underline;}
.blog_view_head{padding: 5px 10px;background: #f5f5f5}
.blog_view_head img{width:50px;height:50px;border-radius: 3px;}
.blog_view_head .title{font-weight: bold;color: #2B587A;margin-top: 8px;}
.blog_view_head .name{color:#666;margin-top: 3px}

.h1{border-bottom: 0;font-weight: bold;padding: 0 10px;color: #607387;}

.onesubscription{clear: both;padding: 5px 10px;}
.onenotesicon i{font-size:20px;color: #4F667E}
.nesubscriptstatus{color: #777;}
.onesubscriptiontitle{font-weight: bold;margin-bottom: 2px;}
.onesubscription img{float:left;margin-right: 10px;}
.profile_friend{display: inline-block;margin: 5px;}
.color777{color: #777;}

.wall_controls{list-style: none;color: #BAC3CC;float:right;}
.wall_controls a{color: #BAC3CC;}
.wall_controls li{float: left;font-size: 40px;margin-left: 5px;font-size: 17px;cursor: pointer;}
.wall_controls li .my{color: #2B587A;}

#langs_ch{position: relative;}
#langs_ch select{position: absolute;top:0;left:0px;visibility: hidden;}