/* font-family: "HelveticaRegular"; */

* {

	z-index: 2;

}

canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

canvas#search_lines
{
	z-index: 1 !important;
}

@font-face {

    font-family: "HelveticaRegular";

    src: url("../fonts/HelveticaRegular/HelveticaRegular.eot");

    src: url("../fonts/HelveticaRegular/HelveticaRegular.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaRegular/HelveticaRegular.woff") format("woff"),

    url("../fonts/HelveticaRegular/HelveticaRegular.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaBold"; */

@font-face {

    font-family: "HelveticaBold";

    src: url("../fonts/HelveticaBold/HelveticaBold.eot");

    src: url("../fonts/HelveticaBold/HelveticaBold.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaBold/HelveticaBold.woff") format("woff"),

    url("../fonts/HelveticaBold/HelveticaBold.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaItalic"; */

@font-face {

    font-family: "HelveticaItalic";

    src: url("../fonts/HelveticaItalic/HelveticaItalic.eot");

    src: url("../fonts/HelveticaItalic/HelveticaItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaItalic/HelveticaItalic.woff") format("woff"),

    url("../fonts/HelveticaItalic/HelveticaItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaLight"; */

@font-face {

    font-family: "HelveticaLight";

    src: url("../fonts/HelveticaLight/HelveticaLight.eot");

    src: url("../fonts/HelveticaLight/HelveticaLight.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaLight/HelveticaLight.woff") format("woff"),

    url("../fonts/HelveticaLight/HelveticaLight.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaBlack"; */

@font-face {

    font-family: "HelveticaBlack";

    src: url("../fonts/HelveticaBlack/HelveticaBlack.eot");

    src: url("../fonts/HelveticaBlack/HelveticaBlack.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaBlack/HelveticaBlack.woff") format("woff"),

    url("../fonts/HelveticaBlack/HelveticaBlack.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaHeavy"; */

@font-face {

    font-family: "HelveticaHeavy";

    src: url("../fonts/HelveticaHeavy/HelveticaHeavy.eot");

    src: url("../fonts/HelveticaHeavy/HelveticaHeavy.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaHeavy/HelveticaHeavy.woff") format("woff"),

    url("../fonts/HelveticaHeavy/HelveticaHeavy.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaMedium"; */

@font-face {

    font-family: "HelveticaMedium";

    src: url("../fonts/HelveticaMedium/HelveticaMedium.eot");

    src: url("../fonts/HelveticaMedium/HelveticaMedium.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaMedium/HelveticaMedium.woff") format("woff"),

    url("../fonts/HelveticaMedium/HelveticaMedium.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaThin"; */

@font-face {

    font-family: "HelveticaThin";

    src: url("../fonts/HelveticaThin/HelveticaThin.eot");

    src: url("../fonts/HelveticaThin/HelveticaThin.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaThin/HelveticaThin.woff") format("woff"),

    url("../fonts/HelveticaThin/HelveticaThin.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaUltraLight"; */

@font-face {

    font-family: "HelveticaUltraLight";

    src: url("../fonts/HelveticaUltraLight/HelveticaUltraLight.eot");

    src: url("../fonts/HelveticaUltraLight/HelveticaUltraLight.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaUltraLight/HelveticaUltraLight.woff") format("woff"),

    url("../fonts/HelveticaUltraLight/HelveticaUltraLight.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaBoldItalic"; */

@font-face {

    font-family: "HelveticaBoldItalic";

    src: url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.eot");

    src: url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.woff") format("woff"),

    url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaBlackItalic"; */

@font-face {

    font-family: "HelveticaBlackItalic";

    src: url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.eot");

    src: url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.woff") format("woff"),

    url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaLightItalic"; */

@font-face {

    font-family: "HelveticaLightItalic";

    src: url("../fonts/HelveticaLightItalic/HelveticaLightItalic.eot");

    src: url("../fonts/HelveticaLightItalic/HelveticaLightItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaLightItalic/HelveticaLightItalic.woff") format("woff"),

    url("../fonts/HelveticaLightItalic/HelveticaLightItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaMediumItalic"; */

@font-face {

    font-family: "HelveticaMediumItalic";

    src: url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.eot");

    src: url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.woff") format("woff"),

    url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaHeavyItalic"; */

@font-face {

    font-family: "HelveticaHeavyItalic";

    src: url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.eot");

    src: url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.woff") format("woff"),

    url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaThinItalic"; */

@font-face {

    font-family: "HelveticaThinItalic";

    src: url("../fonts/HelveticaThinItalic/HelveticaThinItalic.eot");

    src: url("../fonts/HelveticaThinItalic/HelveticaThinItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaThinItalic/HelveticaThinItalic.woff") format("woff"),

    url("../fonts/HelveticaThinItalic/HelveticaThinItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "HelveticaUltraLightItalic"; */

@font-face {

    font-family: "HelveticaUltraLightItalic";

    src: url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot");

    src: url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.woff") format("woff"),

    url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}





body , input, button, textarea, select, legend, h1, h2,h3,h4{

	font-family:"HelveticaLight" !important;/*'Jura', sans-serif */

}

/*h1, h2,h3,h4{

	font-family:"HelveticaHeavy" !important;

}*/

.reg_log {

	font-family:'Jura', sans-serif !important;

	position: relative;



}

.book_cover{

	margin: 10px;

	width: 50%;

}

.book_format{

	width: 100px;

	margin: 10px;

}

.open_nav, .close_nav {

	position: relative;

	display:none;

	margin-left: 10px;

	margin-right: 10px;

}

::-webkit-scrollbar:vertical{

    width:12px;

}

::-webkit-scrollbar{

    height:12px;

}

::-webkit-scrollbar-corner{

    background-color: transparent;

}

::-webkit-scrollbar-thumb{

    border-width:1px 1px 1px 2px;

    border-color: #777;

    background-color: #aaa;

}

::-webkit-scrollbar-thumb:hover{

    border-width: 1px 1px 1px 2px;

    border-color: #555;

    background-color: #777;

}

::-webkit-scrollbar-track{

    border-width:0;

}



::-webkit-scrollbar-track:hover{

    border-left: solid 1px #aaa;

    background-color: transparent;

}

::-moz-scrollbar:vertical{

    width:12px;

}

::-moz-scrollbar{

    height:12px;

}

::-moz-scrollbar-corner{

    background-color: transparent;

}

::-moz-scrollbar-thumb{

    border-width:1px 1px 1px 2px;

    border-color: #777;

    background-color: #aaa;

}

::-moz-scrollbar-thumb:hover{

    border-width: 1px 1px 1px 2px;

    border-color: #555;

    background-color: #777;

}

::-moz-scrollbar-track{

    border-width:0;

}



::-moz-scrollbar-track:hover{

    border-left: solid 1px #aaa;

    background-color: transparent;

}

select{

	/*background-image: url('../../images/Стрелка3.PNG');

	background-position: right center;

	background-repeat: no-repeat;*/

	-moz-appearance: none;

	text-indent: 0.01px;

	text-overflow: '';

}

input::-webkit-input-placeholder {font-family: 'Jura', sans-serif !important;}

input::-moz-placeholder          {font-family: 'Jura', sans-serif !important;}/* Firefox 19+ */

input:-moz-placeholder           {font-family: 'Jura', sans-serif !important;}/* Firefox 18- */

input:-ms-input-placeholder      {font-family: 'Jura', sans-serif !important;}



.sel{

	/*width: 206px;*/

	height: 28px !important;

	margin-bottom: 0px !important;

}

.sel1{

	height: 20px !important;

}

.inpt{

	margin-right: 20px;

}

.button {

	margin-right: 2px;

	margin-left: 120px;

}

.cont{

	margin-top: 10px;

}

.photo{

	/*width: 20mm;

	height: 20mm;*/

	max-width: 140px;

	position: relative;

	overflow: hidden;

	margin-left: 0px !important;

	margin-bottom: 20px;

}

.contact {

	margin-top: 30px;

	width: 170px;

	height: 300px;

}

.contact {

	border: 1px solid #C2BEBE;

}

.choose_photo, .choose_photo1, .choose_photo2, .choose_photo3, .choose_photo4{

	position: absolute;

	z-index: 10;

	opacity: 0;

	cursor: pointer !important;

	top: 0px;

	left:0px;

}

.choose_photo{

	left: 7px;

}

.btn_choose_photo {

	position: relative;

	left: 0px;

	top: 0px;

	width: 200px;

	height: 40px;

	background-color: rgba(0,32,53,1);

	cursor: pointer;

	color: rgba(145,145,147,1);

	margin: 10px;

	overflow: hidden;

}

.bottom_l2{

	margin-bottom: 10px;

}

.bottom_l2, .bottom_r , .bottom_l{

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.bottom_r , .bottom_l{

	float: right;

}

.bottom_r {

	margin: 10px;

}

.open_comment {

	width: 100%;

	height: 30px;

	background-color: white;

	color: rgb(129,149,160) !important;

}

.coment_block{

	display: none;

}

.main_content {

	min-height: 500px;

}

.nvg {

	padding-top: 20px;

}

.days, .months {

	margin-right: -20px;

	position: relative;

	z-index: 1;

}

.months {

	margin-left: -20px;

}

.title:hover::after

{

	top: -7px;

	right: 0px;

}

.title2:hover::after

{

	top: 10px;

	right: 30px;

}

.title1:hover::after

{

	top: 100px;

	right: 0px;

}

.title3:hover::after

{

	top: -40px;

	right: 0px;

}

.title4:hover::after

{

	top: -25px;

	left: 50%;

	width: 60px;

	font-size: 12pt !important;

	color: rgba(255,255,255,0.5) !important;

}

.title5:hover::after

{

	top: -20px;

	right: 0px;

	width: 30px;

	font-size: 10pt !important;

	color: rgba(255,255,255,0.5) !important;

}

.title:hover::after, .title1:hover::after, .title2:hover::after,.title3:hover::after{

	max-width: 200px;

	color: rgba(255,255,255,0.8) !important;

}

.title:hover::after, .title1:hover::after, .title2:hover::after,.title3:hover::after, .title4:hover::after, .title5:hover::after{

	padding-top:0px;

	padding-bottom:0px;

	content: attr(data-title);

	position: absolute;

	z-index: 80000;

	background-color: rgba(255,255,255,0);

	height:35px;

	padding: 5px;

	text-align: right;

}

.bg_color {

	background-color: #E5E5E5;

	margin-right: 0px;



}

.margin_l {

	padding: 0px;

}

legend {

	text-align:center;

	color: rgba(145,145,147,1);

}

.social_icons {

	margin-right: 50px;

	letter-spacing: 10px;

}

.social_icon {

	color: rgb(138,150,158);

}

.social_icon:hover {

	color: blue;

	cursor: pointer;

}

.background {

	margin-left: 5px;

	padding: 20px; !important;

}

.reg_body, .reg_body7, .reg_body6, .reg_body3, .news_body, .transparent_box, .reg_body4 , .feed_block, .main_scroll{

	background-color: rgba(128,128,220,0.0);

}

.reg_body2{

	background-color: rgba(128,128,220,0.1);

}

.reg_body, .reg_body3 {

	top: 0px;

}

.reg_body3, .reg_body2, .reg_body6, .reg_body4 {

	padding: 20px;

	z-index: 3;

	position: absolute;

	left: 0px;

}

.reg_body {

	padding: 20px;

	z-index: 2;

	position: absolute;

	width: 90%;

	left: 0px;

}

.reg_body2, .reg_body6, .reg_body7{

	top:25px;

}



.reg_body7{

	padding: 20px;

	position: relative;

	margin: 0 auto;

}

.reg_body4 {

	top:50px;

}

.reg_body4{

	width: 97%;

	overflow-y: scroll;

	height: 90%;

}

.reg_body7 table {

	color: rgb(145,145,147)!important;

}

/*********************************Main Page***********************************/

.transparent_box, .transparent_box2 , .transparent_box3, .feed_block {

	padding: 0px;

	height: auto;

}

.new_post_block {

	width: 90%;

}

.new_post_block #feed_photo div img {

	width: 40px !important;

	height: 40px !important;

}

.new_post_block #feed_photo div {

	width: 40px !important;

	height: 40px !important;

}

 .news_img3 {

	max-width: 40%;

	float: left;

 }

  .news_img4 {

	width: 100%;

	min-height: 10px;

	margin: 0px !important;

 }

 .com {

	max-width: 100%;

	float: left;

	word-wrap: break-word;

 }

.transparent_box3, .transparent_box:not(.new_post_block) {

	width: 100%;

	max-width: 790px;

}

.feed_block{

	width: 30%;

	max-width: 790px;

	min-width: 400px;

	position: relative;

	left: 0;

	opacity: 1;

	min-height: 200px;

	margin: 0 auto;

}



.navbar_main {

	background-color: rgba(12,17,37,1) !important;

	color: white;

	width: 100% !important;

	min-width: 1340px;

}

.feed , .feed2, .feed3{

	width: 100%;

	min-width: 560px;

	/*max-width: 1129px;*/

	margin: 0px;

	padding-right: 30px;

	overflow-y: scroll;

}

.news_body{

	width: 100%;

	min-width: 560px;

}

.news_block {

	width: 100%;

	min-height: 100px;

	min-width: 350px;

	float: right;

	margin-bottom: 5px !important;

	position: relative;

}

#feed_photo {

	position: absolute;

	top: 0px;

	left:-11.5%;

	height: auto;

}

.news_block2{

	padding: 20px;

}

.news_block, .friend, .friend_info , .friend_photo, .friend_page  {

	margin: 0px;

	padding: 0px;

}

.news_container  {

	margin: 5px;

	min-height: 30px;

	background-color: white;

}

.news_container2  {

	margin: 0px;

}

.news_container , .news_container2 {

	padding: 0px;

	width: 97%;

}

.news_block, .friends, .background  {

	background-color: white;

	border: 1px solid #D6D7DE;

}

.news_block, .friends, .background  {

	min-height: 30px;

}

.news_block2{

	/*

    background: -webkit-linear-gradient(left, rgba(204,208,211,0.3) 0%, rgba(204,208,211,0.2) 20%, rgba(204,208,211,0.1) 50%,rgba(204,208,211,0) 100%);

    background: -moz-linear-gradient(left, rgba(204,208,211,0.3) 0%,rgba(204,208,211,0.2) 20%, rgba(204,208,211,0.1) 50%,rgba(204,208,211,0) 100%);

    background: -ms-linear-gradient(left, rgba(204,208,211,0.3) 0%, rgba(204,208,211,0.2) 20%,rgba(204,208,211,0.1) 50%, rgba(204,208,211,0) 100%);

	background: linear-gradient(left, rgba(204,208,211,0.3) 0%, rgba(204,208,211,0.2) 20%, rgba(204,208,211,0.1) 50%, rgba(204,208,211,0) 100%);

	*/

	background: rgba(29, 29, 29, 0.8) !important;

	color: rgba(145,145,147,1);

}

.marginAuto{

	margin:0 auto;

}

.news_block2 button, .messager button, .news_block2 textarea, .messager textarea, .messege_personal{

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	margin-bottom: 10px;

	background-color: rgba(0,32,53,1) !important;

}

.news_block2 textarea, .messager textarea, .messege_personal {

	border: none;

	color: white !important;

}

.messege_personal{

	width: 100%;

	min-height: 100px;

	resize: vertical;

	margin: 10px;

}

.messege_personal_block{

	height: auto;

	display: none;

}

.open_messege_block:hover{

	cursor: pointer;

	color: blue;

}

.news_block2 input, .about_user  , .inpt_style, .news_block2 select, .news_block2 span{

    background: -webkit-linear-gradient(left, rgba(0,32,53,1) 0%, rgba(0,32,53,0.5) 20%, rgba(0,32,53,0) 100%) !important;

    background: -moz-linear-gradient(left, rgba(0,32,53,1) 0%,rgba(0,32,53,0.5) 20%, rgba(0,32,53,0) 100%) !important;

    background: -ms-linear-gradient(left, rgba(0,32,53,1) 0%, rgba(0,32,53,0.5) 20%, rgba(0,32,53,0) 100%) !important;

	background: linear-gradient(left, rgba(0,32,53,1) 0%, rgba(0,32,53,0.5) 20%, rgba(0,32,53,0) 100%) !important;

}

.inpt_style {

	text-align: left;

}

.mini_menu {

	text-decoration: none;

	color: rgba(145,145,147,1) !important;

	max-height: 15px !important;

	max-width: 15px !important;

}





.news_block2 input, .news_block2 button, .news_block2 textarea .about_user, .main_nav input, .main_nav select, .messager button , .news_block2 select{

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0;

	border: 0;

	color:  rgba(145,145,147,1);

}



.news_block2 legend{

	color:  rgba(145,145,147,1) !important;

	border: 0 !important;

}

.main_user_info{

	width: 460px;

}

.inpt_radio2 {

	margin-left: 10px !important;

}

.inpt_radio2 , .inpt_radio1 {

	margin-bottom: 5px !important;

}

.main_nav input, .main_nav select {

	background: -webkit-linear-gradient(left, rgba(170,190,225,0.6) 0%, rgba(170,190,225,0.3) 60%,rgba(170,190,225,0.1) 100%) !important;

    background: -moz-linear-gradient(left, rgba(170,190,225,0.6) 0%, rgba(170,190,225,0.3) 60%,rgba(170,190,225,0.1) 100%) !important;

    background: -ms-linear-gradient(left, rgba(170,190,225,0.6) 0%, rgba(170,190,225,0.3) 60%,rgba(170,190,225,0.1) 100%) !important;

	background: linear-gradient(left, rgba(170,190,225,0.6) 0%, rgba(170,190,225,0.3) 60%,rgba(170,190,225,0.1) 100%) !important;

	color: rgba(145,145,147,1);

}

#sel1{

	width: 250px !important;

}

.textarea_news, .textarea_news2 {

	border: none;

	border-bottom: 1px solid #D6D7DE;

	min-height: 30px;

	height: 50px;

	max-height: 250px !important;

	width: 100% !important;

	padding:0px;

	margin-bottom: 0px !important;

	resize: vertical;

}

.textarea_news2{

	min-height: 90px;

}

.noscroll {

    overflow: hidden;

}

.hiddendiv {

    display: none;

    white-space: pre-wrap;

    width: 500px;

    min-height: 50px;

    font-family: Arial, sans-serif;

    font-size: 13px;

    padding: 5px;

    word-wrap: break-word;

}

.buttons, .friend_page {

	font-size: 9pt;

}

.friend_page  {

	color: #314B9A !important;

}

.disabled {

    pointer-events: none;

    cursor: default;

    color: #999 !important;

}

.pub_news, .pub_news2 {

	margin: 0px;

	padding: 0px;

	float:left;

	background-color: #809aa9;

	color: rgb(129,149,160) !important;

	text-shadow: none !important;

	height: 20px;

}

.pub_news{

	width: 100%;

}

.l_d_c_sh li {

	display: block;

	float: left;

}

.l_d_c_sh li a {

	padding: 7px 0 0 7px !important;

	color: rgb(129,149,160) !important;

	cursor: pointer;

}

.pub_news2{

	width: 50%;

}

.select_class, .select_class2 {

	height: 30px;

	font-size: 9pt;

	margin: 0px;

	padding: 0px;

	border: 0;

	background-color: rgba(255,255,255, 0) !important;

	color: rgb(129,149,160) !important;

	text-align: center;

	line-height: 30px;

}

.select_class{

	width: 65px;

	float: right;

}

.select_class2{

	float: left;

	margin-left: 20px;

}

.select_class option {

	background-color: white !important;

}

.main_nav_photo {

	max-height: 20px !important;

	max-width: 20px !important;

}

.news_img,.description, .news_header, .friends, .coment_for_img{

	margin: 0px;

	padding: 0px;

}

.description, .news_header {

	color: gray;

}

.description, .news_header  {

	-moz-word-wrap: break-word;

	word-wrap: break-word;

	width: 100%;

	margin: 0px !important;

}



.news_description {

	margin-left: 5px;

	min-width: 48%;

	max-width: 100%	;

}

.news_img {

	width: 100%;

	overflow: hidden;

}

.coment_for_img{

	max-width: 57%;

	height: 100%;

	overflow: hidden;

}

.friends {

	margin-top: 10px;

	width: 25%;

	min-width: 150px;

	max-width: 213px;

}

.friend{

	width:98%;

}

.friend_info {

	width:65%;

}

.friend_photo {

	width:30%;

}

.no_ours_friends, .sing {

	font-size: 8pt;

}

.sing  {

	height: 20px;

	padding: 1px;

	float: right;

}

.search, .mainSearch{

	height: 10px;

	margin-top: 5px;

	margin-bottom: 0px;

	padding-top: 10px !important;

}

/*.mainSearch{

	position: absolute !important;

	left: 50%;

}*/

.target1, .target2, .target3, .target4 {

	width: 8px;

	height: 8px;

	position: absolute;

	z-index: 5000;

}

.target1, .target3{

	left: -4px;

	border-left: 1px solid grey;

}

.target2, .target1{

	top: -4px;

	border-top: 1px solid grey;

}

.target2, .target4 {

	border-right: 1px solid grey;

	right: -4px;

}

.target3, .target4{

	bottom: -4px;

	border-bottom: 1px solid grey;

}

.navbar-nav  li{

	margin-bottom: 0px;

	padding-bottom: 0px;

}

.main_navbar{

	padding-bottom: 0px;

	height: 50px;

	width: 100% !important;

	min-width: 1320px !important;

	position: relative;

}

.main_nav{

	margin: 0px !important;

	position: relative;

}

.user_inf_rejt{

	width: auto;

	height: auto;

}



.small_li  {

	margin: 5px;

	margin-bottom: 0px;

	padding-right: 5px !important;

	padding-left: 5px !important;

	color: rgb(129,149,160) !important;

}



nav {

	height: 50px;

}

.miniMyPhoto {

	max-width: 30px;

	max-height: 30px;

}

.search_btn {

	margin-bottom: 5px;

	padding: 5px;

	padding-left: 10px;

	background-color: rgb(12, 17, 37) !important;

	border: 0 !important;

	color: grey !important;

	position: relative;

	left: 0;

	top: -5px

}

.main_search {

	width: 250px !important;

}

.addPhotoVideo, .addAlboom {

	display: none;

	width: 100%;

	min-height: 80px;

	padding:0px;

}

.addStatus {

	display: block;

}

.comment_box, .comment_saved , .people_likes, .people_share{

	display: none;



}

.people_likes2, .people_share2{

	background-color: white;

	position: absolute;

	width: 150px;

	height: 150px;

	top: -450%;

	z-index: 10;

	display: block;

	margin: 20px;

	border: 1px solid #D6D7DE;

	overflow-x: scroll;

}

.people_share2{

	left: 130%;

}

.people_likes2{

	left: 80%;

}





.photo_people_likes {

	float: left;

	margin: 5px;

}

.newsfeed_buttons a {

	text-decoration: none;

	color: rgb(129,149,160) !important;

}



.newsfeed_buttons {

	float: left;

	margin: 7px;

}

/****************************Personal Page*******************************/

.margin_for_button {

	margin: 10px;

}

.info_files, .fr_online, .main{

	height: 400px;

	margin: 0px;

}

.info_files, .main{

	margin-left: 20px;

}

.fr_online {

	margin-left: 14px;

}

.text_area{

	width: 90%

}

.user_name {

	padding: 10px;

}

.marg_for_text_area {

	margin-top: 20px;

}

.mini_user_photo, .mini_user_photo2 {

	max-width: 7%;

	max-height: 7%;

	margin: 3px;

	padding: 0px;

}

.user_name_on_feed, .user_name_on_feed2 {

	font-size: 9pt;

	color: rgb(129,149,160);

	word-wrap: break-word;

	min-height: 20px;

	margin:0px;

	padding: 0px;

}

.user_name_on_feed2 {

	font-weight: bold;

	line-height: 33px;

	margin-left: 10px;

}

.user_foto_block {

	width: 75px;

	height: 100px;

	overflow: hidden;

	margin: 5px;

	float: left;

	font-size: 8pt;

}

.user_group {

	width: 100%;

	height: 70px;

	font-size: 8pt;

	overflow: hidden;

	margin: 5px;

}

.mini_group_banner {

	width: 50px;

	height: 50px;

	overflow: hidden;

}

#fader {

	width: 100%;

}

.news_comment_description {

	width: 100% !important;

}

.name_in_comment{

	text-decoration: none !important;

	color: black !important;

}

label .name_in_comment {

	line-height: 0;

}

/******************************index2******************************************/

.knowledge_base {

	margin-bottom: 20px;

}

/***************************************************************************/

.divide {

	height: 50px;

}

.prof_select {

	margin-top: 10px;

	margin-right: 10px;

}

/********************************PhotoGalery***********************************/

		body.photo_galery

		{

			background-color: #DFDFDF;

		}

		#photosContainer img

		{

			width : 90px;

			height: 60px;

			margin : 5px;

			cursor : pointer;

		}

		#shadow

		{

			position : absolute;

			top : 0px;

			left : 0px;

			width : 100%;

			height : 100%;

			background-color : black;

			opacity : 0.4;

			filter : alpha(opacity=40);

			display : none;

		}

		#photo, #bigPhoto, #comment

		{

			display : none;

		}

		#photo

		{

			position : absolute;

			top : 0px;

			left : 0px;

			width : 100%;

			height : 100%;

			overflow: auto;

		}

		#bigPhoto

		{

			width : 100%;

			height : 400px;

			background-repeat : no-repeat;

			background-position : center center;

		}

		#comment

		{

			position : relative;

			top : 0px;

			left : 25%;

			width : 50%;

			background-color: white;

		}

		.block_like

		{

			height: 40px;

			width : 100%;

		}

		.like:hover,.like:active

		{

			color: red;

		}

		.photo_icon {

			margin: 10px;

		}

/***************************************************************************/

.news_feed {

	border: 1px solid gray;

	overflow: scroll;

	height: 500px;

	margin: 0px;

	padding: 0px;

}



.block_for_news{

	border: 1px solid gray;

	min-height: 200px;

}

.logo_block{

	text-align: left;

	line-height: 50px;

	width: auto;

	height: 50px;

}

.logo, .logo2{

	margin: 0px !important;

	position: relative;

}

/**********************************************************************************/

.lg_inpt {

	height: 26px !important;

	margin-bottom: 10px;

}

.editable_input {

	margin-left: 20px !important;

	height: 18px !important;

}

.input_marg {

	margin-bottom: 10px;

}

.display_block{

	display: block !important;

	z-index: 90000 !important;

}

/*.display_block2{

	height: auto !important;

}*/

/***********************Main page***********************************************/

.main_logo_block, .main_words, .main_log_registration, .main_page{

	background-color: rgba(255,255,255,0);

	position: absolute;

	width: 100%;

	color: rgb(145,145,147);

	z-index: 300;

}

.main_logo_block,.main_log_registration{

	text-align: center;

}

.main_logo_block{

	height: 20%;

}

.main_logo{

	margin-top: 4%;

	height: 100%;

}

.main_words{

	height: 10%;

	top: 50%;

	vertical-align: middle;

	z-index: 3000;

}

.one_part{

	width: 37%;

	font-size: 18pt;

	text-align: center;

    font-family:'KaufmannBT-Regular';

	color: rgb(91,91,91);

}

/*.first_part {

	  color: black;

}

.second_part {

	background: linear-gradient(to right, black, grey,white);

	  -moz-background-clip: text;

	  -webkit-background-clip: text;

	  color: transparent;

}*/

.main_log_registration{

	top: 68%;

}

.reg_log{

	margin-top: 40px;

	font-size: 18pt;

	font-weight: bold;

}

.reg_log a, .main_lang a{

	text-decoration: none;

	cursor: pointer;

	color: rgb(145,145,147) !important;

}

.main_lang {

	position: absolute;

	z-index: 400;

	top:35px;

	right:60px;

	font-size: 12pt;

}

.main_page {

	height: 100%

}

/*******************************Messeger*************************************/

.read{

	border-right: 3px solid white !important;

}

.messager {

	width: 460px;

	height: 100%;

	font-family: 'Jura', sans-serif;

	position: relative;

	right: 0;

}

.contacts{

	width: 140px;

	margin-left: 0px !important;

}

.massage{

	width: 300px;

	margin: 10px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	height: 40px !important;

}

.element {

	width: 97%;

	max-height: 150px;

	overflow: hidden;

	margin-bottom: 10px;

	margin-top: 10px;

	margin-right: 3%;

}

.massage:hover{

	cursor: pointer;

}

.contact_name, .date {

	font-size: 9pt;

	margin-bottom: 0px;

	margin-left: 5px;

}

.user_contact{

	width: 80px;

}

.user_image{

	width: 50px;

}

.mini_User_Image{

	max-width: 45px;

	max-height: 45px;

	margin: 5px;

}

.user_contact, .user_image {

	float: left;

}

.messeger_box, .messeger_box2, .dialog {

	margin-top: 20px;

	overflow: hidden;

	position: relative;

	top:0;

	right:0;



}

.messeger_box,.messeger_box2, .dialog {

	background: -webkit-linear-gradient(left, rgba(204,208,211,0) 0%, rgba(204,208,211,0.1) 20%, rgba(204,208,211,0.2) 50%,rgba(204,208,211,0.3) 100%);

    background: -moz-linear-gradient(left, rgba(204,208,211,0) 0%, rgba(204,208,211,0.1) 20%, rgba(204,208,211,0.2) 50%,rgba(204,208,211,0.3) 100%);

    background: -ms-linear-gradient(left, rgba(204,208,211,0) 0%, rgba(204,208,211,0.1) 20%, rgba(204,208,211,0.2) 50%,rgba(204,208,211,0.3) 100%);

	background: linear-gradient(left,  rgba(204,208,211,0) 0%, rgba(204,208,211,0.1) 20%, rgba(204,208,211,0.2) 50%,rgba(204,208,211,0.3) 100%);

	color: rgba(145,145,147,1);

	}

.messeger_box, .messeger_box2{

	display: block;



}

.dialog {

	display: none;

	height: 500px;



}

.my_massage {

	width: 300px;

}

.my_photo_on_dialog {

	width: 80px;

	padding: 10px;

}

.message_field{

	width: 90%;

	margin: 10px;

	border-radius: 0px;

    height: 100px;

	resize: none;

}

.mini_botton {

	font-size: 9pt;

	line-height: 10px;

	height:20px;

	background-color: #777 !important;

	border: none;

	color: white;

}

.mini_botton:hover {

	background-color: blue !important;

}

.send_massage {

	width: 100%;

	height: 173px;

	position: absolute;

	bottom:0;

	min-height: 100px;

}

.send_massage_btn {

	width: 95%;

}

.massenges {

	width: 100%;

	overflow-y: scroll;

	height: 60%;

}

.face {

	width: 50px;

	height: 50px;

}

.massage_from_me .face, .massage_from_me .massege_text {

	float: right;

}

.massege_text {

	width: 77%;

	min-height: 50px;

	padding: 15px;

	color: white;

	overflow: hidden;

	word-wrap: break-word;

}

.massage_from_me, .massage_from_someone {

	width: 90%;

	min-height: 50px;

	margin-bottom: 10px;

}

.massage_from_someone{

	float: left;

}

.massage_from_me{

	float: right;

}

.massage_from_me, .massage_from_someone, .element{

    background: -webkit-linear-gradient(left, rgba(0,32,53,0) 0%, rgba(0,32,53,0.5) 20%, rgba(0,32,53,1) 100%);

    background: -moz-linear-gradient(left, rgba(0,32,53,0) 0%, rgba(0,32,53,0.5) 20%, rgba(0,32,53,1) 100%);

    background: -ms-linear-gradient(left, rgba(0,32,53,0) 0%, rgba(0,32,53,0.5) 20%, rgba(0,32,53,1) 100%);

	background: linear-gradient(left, rgba(0,32,53,0) 0%, rgba(0,32,53,0.5) 20%, rgba(0,32,53,1) 100%);

	color:  rgba(145,145,147,1);



}

.massage_from_someone .face, .massage_from_someone .massege_text {

	float: left;

}

#back {

	margin-left: 5px;

	float: right;

}

#back:hover {

	color: gray;

	cursor: pointer;

}

.main_navbar a{

	padding-left: 10px !important;

	padding-right: 10px !important;

}

/********************************************************************/

.nav_circle {

	position: absolute;

	z-index: 80000;

	width: 20px;

	height: 50px;

	left: 11px;

	top: 30px;

	opacity: 1;

}

.line {

	width: 1px;

	height: 20px;

	background-color:rgb(145,145,147);

	margin-left: 10px;

}

.circle {

	width: 20px;

	height: 20px;

	border: 1px solid rgb(145,145,147);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	color: rgb(145,145,147);

	font-size: 8pt;

	text-align: center;

}

input[type=range] {

    -webkit-appearance: none;

    background-color: transparent !important;

	background: transparent !important;

    width: 100%;

	color: transparent;

	margin-bottom: 10px;

}



input[type="range"]::-webkit-slider-thumb {

     -webkit-appearance: none;

	background: -webkit-linear-gradient(-45deg, rgba(204,208,211,0) 0%, rgba(255,255,255,0) 50%,rgb(255,255,255));

    width: 15px;

    height: 15px;

	position: relative;

	top: -20px;

	left: 2px;

	-webkit-transform: rotate(45deg);

}

input[type=range]::-webkit-slider-runnable-track {

    width: 210px;

    height: 2px;

    background: rgb(189, 189, 189);

    border: none;



}

input[type=range]:focus {

    outline: none;

}



input[type=range]:focus::-webkit-slider-runnable-track {

    background: #ccc;

}

.firefox input[type=range]::-moz-range-track {

    width: 210px;

    height: 2px;

    background: rgb(145,145,147);

    border: none;

}

.firefox input[type=range]::-moz-range-thumb {

    background: -moz-linear-gradient(-45deg, rgba(204,208,211,0) 0%, rgba(204,208,211,0) 50%,rgb(145,145,147));

    background: -ms-linear-gradient(-45deg, rgba(204,208,211,0) 0%, rgba(204,208,211,0) 50%,rgb(145,145,147));

	background: linear-gradient(-45deg, rgba(204,208,211,0) 0%, rgba(204,208,211,0) 50%,rgb(145,145,147));

    width: 10px;

    height: 15px;

	position: relative;

	top: -35px;

	left: 2px;

	-moz-transform: rotate(45deg);

	transform: rotate(45deg);

}



.tick0,.tick10,.tick20{

   height: 12px;

}

.tick1,.tick2,.tick3, .tick4,.tick5,.tick6,.tick7,.tick8,.tick9, .tick11,.tick12,.tick13, .tick14,.tick15,.tick16,.tick17,.tick18,.tick19{

   height: 6px;

}



.tick0 {

	left:5px;

}

.tick1 {

	left:15px;

}

.tick2 {

	left:25px;

}

.tick3 {

	left:35px;

}

.tick4 {

	left:45px;

}

.tick5{

	left:55px;

}

.tick6 {

	left:65px;

}

.tick7 {

	left:75px;

}

.tick8 {

	left:85px;

}

.tick9 {

	left:95px;

}

.tick10 {

	left:105px;

}

.tick11{

	left:115px;

}

.tick12 {

	left:125px;

}

.tick13 {

	left:135px;

}

.tick14 {

	left:145px;

}

.tick15 {

	left:155px;

}

.tick16 {

	left:165px;

}

.tick17{

	left:175px;

}

.tick18 {

	left:185px;

}

.tick19 {

	left:195px;

}

.tick20{

	left:205px;

}





.tick0, .tick1, .tick2, .tick3, .tick4 ,.tick5, .tick6, .tick7, .tick8, .tick9, .tick10, .tick11,.tick12, .tick13, .tick14 ,.tick15, .tick16, .tick17, .tick18, .tick19, .tick20

{

    background-color: rgb(145,145,147);

	position: absolute;

	width: 2px;

}

/*****************************Меню***********************************/

.fa-globe:before{

	content:url("../images/ikosaedron.png") !important;

	opacity:.85;

}



.fa-globe:hover:before{

	opacity:1;

}



#go_to_room {

	/*display: none;*/

	cursor:pointer;

	opacity: .85;

}



#go_to_room:hover {

	opacity:1;

}

/********************************************************************/



@media screen and (max-width:1137px) {

	.main_search,.main_navbar .prof_select ,li  #sel1{

		width: 150px !important;

	}

	.mini_user_photo {

	left: 13%;

	}

}

@media screen and (max-width:1400px) {

	.main_search,.main_navbar .prof_select ,li  #sel1{

		width: 200px !important;

	}

}

/*html, body {

	scrollbar-3dlight-color:red;

	scrollbar-arrow-color:yellow;

	scrollbar-highlight-color: aqua;

	scrollbar-face-color:green;

	scrollbar-shadow-color:fuchsia;

	scrollbar-darkshadow-color:blue;

	scrollbar-track-color: maroon;

}*/



/* CSS ??????? ??? ????? ????????? ????????? TEXTAREA */



/*textarea {

	scrollbar-base-color:lime !important;

}*/



#cursorLabes {

	display: block;

	margin: 0 50%;

	background-color: #0C1125;

	color: #fff;

	width: 270px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border: 1px #809aa9 solid;

	border-radius: 20px;

	opacity: .7;

}



.panel{

	font-family: 'PT Sans', sans-serif;

	position: absolute;

	top: 50px;

	left: 0px;

	color: rgba(255,255,255,0.8);

	width: 220px;

	min-height: 250px;

	overflow: hidden;

	background-color: rgba(255,255,255,0.2);

	margin: 5px;

	border: 1px solid rgba(255,255,255,0.5);

}

.p_bottom{

	font-size: 8pt;

}

.panel ul{

	margin-left: 10px;

}

.panel ul li{

	list-style-type: none;

	font-size: 9pt;

}

.panel ul li a{

	cursor: pointer;

	text-decoration: none;

	color: rgba(255,255,255,0.8);

}

.p_bottom {

	color: rgba(0,0,0,0.8);

	position:absolute;

	bottom:0;

	padding: 5px;

}

.panel_head{

	text-align: center;

}

.divider_vertical{

	height: 20px;

	margin: 0 9px;

}

.b_ava {

	width: 100%;

	max-height: 110px;

	overflow: hidden;

	margin: 5px;

	text-align: center;



}

.ava {

	max-width: 75px;

	max-height: 75px;

}



#zoom_control {

	display: none !important;

	position: absolute;

	top: 80px;

	right: 20px;

	width: 20px;

	overflow: hidden;

}

#zoom_control .zoom_bg {

	display: block;

	width: 100%;

	height: 95%;

}

#zoom_control .zoom_bg .point {

	display: block;

	width: 5px;

	height: 5px;

	background: url('../images/textures/zoom/point.png');

	background-repeat: no-repeat;

	background-size: 5px;

	margin: 0 auto;

}

#zoom_control .zoom_bg .pintup {

	margin-top: 0 !important;

}

#zoom_control .zoom_bg .pintdown {

	margin-bottom: 0 !important;

}

#zoom_control .zoom_bg .zoom_control_line {

	display: block;

	width: 1px;

	height: 100%;

	margin: 0 auto;

	background: #344b5a;

}

#zoom_control #zoom_point {

	position: absolute;

	width: 15px;

	height: 15px;

	left: 3px;

	background: url('../images/textures/zoom/control.png');

	background-repeat: no-repeat;

	background-size: 15px;

	cursor: pointer;

}

.v_colour {

    background-color: #002035 0;

}



.v_txt_colour {

    color: #fff;

}

.v_txt_colour:hover{

	color: #fff !important;

}



.v_border_btn {

    border: 1px solid #fff !important;

}



.v_txt {

    display: block;

    text-align: center;

}



.v_txt_bottom {

    margin-top: 15px;

    margin-bottom: 15px;

    display: block;

}



.v_txt_area {

    width: 100%;

	height: 34px;

}



.v_txt_input {

    width: 100%;

/*    color: #fff;*/

}



.v_txt_margin {

    margin-top: 15px;

}



.v_wrapper {

    margin-top: 150px;

    position: absolute;

}



.v_btn_opacity {

    background-color: rgba(0,0,0, 0.1);

}

.v_btn_opacity:hover {

    background-color: rgb(0, 22, 36);

}

.v_btn_opacity:focus {

    background-color: rgb(0, 22, 36);

}



.v_input_opacity {

    opacity: 0;

}

.btn-file {

  position: relative;

  overflow: hidden;

}

.btn-file input[type=file] {

  position: absolute;

  top: 0;

  right: 0;

  min-width: 100%;

  min-height: 100%;

  font-size: 100px;

  text-align: right;

  filter: alpha(opacity=0);

  opacity: 0;

  background: red;

  cursor: inherit;

  display: block;

}

.btn-file input[type=image] {

  position: absolute;

  top: 0;

  right: 0;

  min-width: 100%;

  min-height: 100%;

  font-size: 100px;

  text-align: right;

  filter: alpha(opacity=0);

  opacity: 0;

  background: red;

  cursor: inherit;

  display: block;

}

input[readonly] {

  background-color: white !important;

  cursor: text !important;

}

.v_rate_margin {

    font-size: 30px;

    margin-left: 20px;

}



.v_colour_like {

/*    color: #F00;*/

    font-size: 1.5em !important;

}

.v_friend_margin {

    margin-left: 15px;

}



.v_subscribe {

    margin-left: 15px;

    transform: rotateY(180deg);

}



.v_msg_new {

    position: relative;

    left: 38px;

    bottom: 7px;

    color: white;

}



.v_msg_menu {

    transform: rotateY(180deg);

}



canvas {

	cursor: url('../images/cursor/normal.cur'), default;

}



.v_books-list > tbody > tr > td {

    padding: 5px;

}

/*

#map_canvas {

	position: absolute;

	width: 400px;

	height: 600px;

	top: 60px;

	right: 15px;

	overflow: hidden;

	z-index: 9999;

	border: 2px #fff solid;

	border-right: 0;

	box-shadow: 0 0 20px #fff;

}

*/

#map_canvas .loadingMapInfo {

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(255,255,255,0.75);

}

#map_canvas .loadingMapInfo span {

	display: block;

	font-size: 30px;

	padding: 10px;

}



#map_canvas #close_map, #bigMap #close_map {

	position: relative;

	top: -40px;

	left: calc(100% - 16px);

	width: 15px;

	height: 15px;

	display: block;

	background: url('/images/close_gray.png') no-repeat;

	background-size: 15px;

	z-index: 2;

	cursor: pointer;

}



#map_canvas ul * {

	width: 100%;

}



.v_scroll-bar {

    width: 90%;

    height: 100%;

    position: absolute;

    opacity: 1;

    overflow-y: scroll;

    overflow-x: hidden;

}



body {

	background: #f2f2f2;

	background-size: cover;

}

.login_block span {
	color: rgb(112, 112, 112);
}

.img-thumbnail.miniMyPhoto {

    background-color: transparent !important;

    border: none !important;

	}



.v_overflow_wrapper {

/*

    overflow-y: scroll;

    height: 120px;

*/

}



#modal_window {

	position: absolute;

	background: #fff;

	width: 550px;

	height: 306px;

	border: 5px #165B88 solid;

	z-index: 999999999;

}

#modal_window .close {

	display: block;

	height: 20px;

	width: 100%;

	opacity: 1 !important;

}

#modal_window .close span {

	display: block;

	float: right;

	background: url('/images/Закрыть.png');

	width: 20px;

	height: 20px;

	margin: 5px 5px 0 0;

	background-size: 20px;

	opacity: 1 !important;

}

#modal_window .message_content {

	display: block;

	width: 520px;

	height: 295px;

	margin: 0 0 0 15px;

}

#modal_window .message_content .loading_img {

	width: 40px;

}

#modal_window .message_content h1{

	display: block;

	float: left;

	width: 100%;

	font-size: 18px;

}

#modal_window .message_content .new_message{

	display: block;

	width: 100%;

	height: 100%;

}

#modal_window .message_content .new_message .photo{

	display: block;

	float: left;

}

#modal_window .message_content .new_message .photo img, #modal_window .message_content .new_message .photo span {

	display: block;

	width: 90px;

}

#modal_window .message_content .new_message .photo span {

	text-align: center;

}

#modal_window .message_content .new_message #mes_text {

	display: block;

	float: left;

	width: 400px;

	height: 170px;

	margin-left: 15px;

}

#modal_window .message_content .button {

	display: block;

	float: right;

	margin-left: 20px;

	cursor: pointer;

}

#close_it, .close_it{

	display: block;

	float: right;

	background: url('/images/close_gray.png') no-repeat;

	background-size: 20px;

	width: 20px;

	height: 20px;

	margin: 5px;

	cursor: pointer;

}

#messages {

	cursor: pointer;

}

.messages_box {

	color: rgb(145,145,147);

	position: absolute;

	right: 28px !important;

	top: 50px;

	/*width: 400px;

	height: 100%;

	overflow: hidden;*/

	overflow: hidden;

	width: 23%;

	max-width: 435px;

}



/*=============================MEDIA FOR WIDTH (MESSAGES_BOX)========================*/



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



	.messages_box {

  	width: 435px!important;

	}



}



@media only screen and (min-width: 1700px) and (max-width: 1800px){



	.messages_box {

  	width: 410px!important;

	}



}



@media only screen and (min-width: 1500px) and (max-width: 1699px){



	.messages_box {

  	width: 380px!important;

	}



}



@media only screen and (min-width: 1450px) and (max-width: 1500px){



  .messages_box {

  	width: 360px!important;

	}



}



@media only screen and (min-width:1400px) and (max-width: 1449px) {



  .messages_box {

  	width: 330px!important;

	}



}



@media only screen and (max-width:1400px) {



	.messages_box {

		width: 315px;

	}



}



@media only screen and (max-width:1350px) {



	#search_filters .search-filter-wrap {

		width: 100% !important;

	}



}



@media only screen and (max-width:1280px) {



	.messages_box {

		width: 32%;

		width: 270px;

	}



}



@media only screen and (max-width:992px) {



	.messages_box {

		width: 300px;

	}



	.right-part {

		background-color: transparent !important;

	}



}



@media only screen and (max-width : 800px) {



	.messages_box  {

		width: 100%;

		width:320px;

	}



}



@media only screen and (max-width : 380px) {



	.notices {

		top: 75px;

		height: calc(100% - 75px);

	}



	.messages_box {

		width: 300px;

		top: 25px;

		max-height: 100% !important;

		height: 100% !important;

	}



}

/*=============================END MEDIA FOR WIDTH (MESSAGES_BOX)========================*/



.caption{

display: block;

float: left;

margin: 5px 0 15px 15px;

width: 200px;

font-size: 16px;

font-weight: bold;

}

.dialog_caption{

	color:#ebedec;

	line-height: 30px;

	height: 30px;

	display: block;

	background: #898989;

	float: left;

	width: 100%;

	font-size: 16px;

	font-weight: bold;

}

.dialog_caption .add_attachment{

	display: block;

	float: right;

	width: 16px;

	height: 16px;

	margin-right: 7px;

	margin-top: 7px;

	background: url('/images/add_attachment.gif') no-repeat;

	background-size: 16px;

	cursor: pointer;

}

.dialog_caption .add_attachment_photo{

	display: block;

	float: right;

	width: 16px;

	height: 16px;

	margin-right: 7px;

	margin-top: 7px;

	background: url('/images/add_attachment.gif') no-repeat;

	background-size: 16px;

	cursor: pointer;

}

.messages_box .content {

	display: block;

	float: left;

	width: 100%;

	height: 100%;

	overflow: scroll;

}



.messages_box .content .spacer {

	display: block;

	width: 100%;

	height: 20px;

}

.messagedialogbox {

	position: absolute;

	top: 70px;

	right: 50px;

	width: 400px;

	height: 420px;

	z-index: 1;

}

.messagedialogbox .content{

	display: block;

	float: left;

	width: 100%;

	height: 250px;

	overflow: scroll;

}

.messagedialogbox .content .item{

	display: block;

	float: left;

	width: 100%;

}

.messagedialogbox .content .income .photo{

	display: block;

	float: left;

	width: 50px;

	overflow: hidden;

}

.messagedialogbox .content .income .message{

	display: block;

	float: left;

	width: 280px;

	background: #898989;

	padding: 5px 10px 5px 10px;

	border-radius: 10px;

	color: #ebedec;

	word-break: break-all;

	margin-left: 10px;

}

.messagedialogbox .content .outcome{

	margin-bottom: 10px;

	margin-top: 10px;

}

.messagedialogbox .content .outcome .message{

	display: block;

	float: right;

	width: 350px;

	background: #ebedec;

	padding: 5px 10px 5px 10px;

	border-radius: 10px;

	color:#898989;

	word-break: break-all;

}

.messagedialogbox .content .outcome .message img{

	display: block;

  	margin: 0 auto;

	width: 200px;

}

.messagedialogbox textarea{

	display: block;

	float: left;

	resize: none;

	width: 100%;

	height: 100px;

	padding: 0;

	background: #ebedec;

	border-radius: 0;

	border: 0;

}

#send_message {

	display: block;

	float: left;

	position: static;

	line-height: 58px;

	margin-left: 15px;

	color: #FFF;

	font-weight: bold;

	cursor: pointer;

}

.send_message_info{

	display: block;

	float: right;

	margin-right: 5px;

	margin-top: -10px;

	color: #898989;

	opacity: 0;

}

.modal_left {

	position: absolute !important;

	top: 70px !important;

	left: 30px !important;

	width: 530px !important;

	overflow: scroll !important;

}



#note {

	cursor: pointer;

}



.spacer {

	display: block;

	float: left;

	height: 50px;

	width: 100%;

}



#preview-pane {

	width: 100%;

	height: 100%;

	display: block;

	margin: 0 auto;

}

#preview-pane .preview-container {

	display: block;

	width: 100%;

	height: 100%;

	overflow: hidden;

	border: 1px #bebebe dotted;

}

#loading_screen {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(199, 199, 199, 0.7);

}

#loading_screen img {

	display: block;

	margin: 20px;

	width: 50px;

}

.dropdown-menu li a {

	cursor: pointer;

}

#news {

	cursor: pointer;

}

.pub_news span {
	color: #fff;
}

.transparent_box .pub_news .add_attachment {

	width: 90px;

	height: 20px;

	text-align: center;

	font-size: 12px;

	line-height: 10px;

	margin-left: 5px;

	margin-top: 5px;

	cursor: pointer;

	display: block;

	float: right;

	color: #fff;

}

.transparent_box .pub_news .add_attachment:hover{

	background: #c5c7c6;

}

.transparent_box .news_container .post_images, .transparent_box .news_container .post_videos,

.news_block .addStatus .attachment_preview .photo_prev, .news_block .addStatus .attachment_preview .video{

	display: block;

	float: left;

	width: 100% !important;

	/*min-height: 100px;*/

}

.transparent_box .news_container .post_images div, .transparent_box .news_container .post_videos div,

.news_block .addStatus .attachment_preview .photo_prev div, .news_block .addStatus .attachment_preview .video div{

	display: block;

	float: left;

	width: 185px;

	height: 135px;

	margin-left: 5px;

	margin-bottom: 5px;

	margin-top: 5px;

	overflow: hidden;



}

.transparent_box .news_container .post_images img, .transparent_box .news_container .post_videos img,

.news_block .addStatus .attachment_preview .photo_prev img, .news_block .addStatus .attachment_preview .video img{

	display: block;

	float: left;

	width: 183px;

	cursor: pointer;

	border: 1px #8594ff dotted;

}

.transparent_box .news_container .post_message {

	display: block;

	cursor: pointer;

	max-width: 100%;

	max-height: 100px;

	overflow: hidden;

	text-overflow: ellipsis;

}

.submit_btn {

	height: 20px !important;

	line-height: 20px !important;

	border: 1px #fff solid;

	margin-top: 0px;

	margin-right: 5px;

	color: #fff !important;

}

.submit_btn:hover{

	background-color: rgb(234, 234, 234) !important;

}

.slider-button {

	position: fixed;

	top: 0;

	width: 90px;

	height: 100%;

	border: 0;

	background: rgba(0,0,0,0);

	color: #fff;

	font-weight: bold;

}

.Wallop-buttonPrevious {

	left: 0;

}

.Wallop-buttonNext {

	right: 0;

}

.Wallop .close_message {

	display: block;

	margin: 0 auto;

	width: 650px;

	height: 36px;

	text-align: center;

	font-size: 25px;

	margin-top: 55px;

	color: #c8d3d5;

	margin-bottom: 0;

}

#modal_window .message_content .attachment_tab {

	display: block;

	float: left;

	width: 100px;

	background: #E6E6E6;

	height: 30px;

	margin-left: 5px;

	border: 1px #fff dotted;

	border-bottom: 0;

	line-height: 30px;

	text-align: center;

	font-size: 16px;

	cursor: pointer;

	border-top-left-radius: 7px;

	border-top-right-radius: 7px;

}

#modal_window .message_content .attachment_photo_dialog,#modal_window .message_content .attachment_video_dialog{

	position: absolute;

	width: 517px;

	height: 230px;

	top: 51px;

	background: #E6E6E6;

	border: 1px #fff dotted;

}

#modal_window .message_content .attachment_photo_dialog .button_area {

	display: block;

	margin: 0 auto;

	width: 200px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 18px;

	background: #34789A;

	color: #fff;

	margin-top: 90px;

	cursor: pointer;

}

#modal_window .message_content .attachment_photo_dialog .button_area:hover{

	background:#3F8EB5;

}

#modal_window .message_content .attachment_video_dialog input {

	display: block;

	width: 470px;

	margin: 0 auto;

	margin-top: 50px;

}

#modal_window .message_content .attachment_video_dialog .button_area {

	display: block;

	margin: 0 auto;

	width: 200px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 18px;

	background: #34789A;

	color: #fff;

	margin-top: 10px;

	cursor: pointer;

}

#modal_window .message_content .attachment_video_dialog .button_area:hover{

	background:#3F8EB5;

}

#now_playing_video {

	position: absolute;

	z-index: 999999999;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

}

#connections_system
{
	z-index: 9999999999 !important;
}

#now_playing_video .video{

	display: block;

	margin: 0 auto;

	width: 560px;

	margin-top: 160px;

}

#now_playing_video .instagramv{

	display: block;

	margin: 0 auto;

	width: 800px;

	margin-top: 120px;

}

.pub_news #yutubelink {

	position: absolute;

	top: 70px;

	left: 5px;

	width: 375px;

}

.Wallop {

	overflow: scroll;

}

.blogs-post-wrapper .comments_block {

	display: block;

}

.blog-wrapper .post_comments {

	display: none;

	/*float: left;*/

	margin: 10px;

	width: 99%;

	max-height: 180px;

	overflow: scroll;

}

.blog-wrapper .post_comments .comment_item {

	width: 100%;

	margin-bottom: 7px;

	display: none;

}

.blog-wrapper .post_comments .comment_item .user_info{

	width: 100%;

}

.blog-wrapper .post_comments .comment_item .user_info img {

	width: 30px;

	height: 30px;

}

.blog-wrapper .post_comments .comment_item .user_info span {

	margin-left: 5px;

	font-size: 14px;

}

.blog-wrapper .post_comments .comment_item span {

	word-wrap: break-word;

	font-size: 12px;

}

.news_block_ajax #loading_feed {

	display: block;

	margin: 0 auto;

	width: 30px;

	margin-top: 20px;

	margin-bottom: 20px;

}

.modal_bg {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	z-index: 999999;

}
.modal_window, .modal-window, #photos_list {
	z-index: 99999999999999 !important;
}

.modal_bg .modal_window{

	display: block;

	margin: 0 auto;

	width: 500px;

	/*height: 500px;*/

	background: #fff;

	margin-top: 70px;

	z-index: 99999999999999;

}

.modal_bg .modal_window .content{

	padding: 10px;

	width: 480px;

	/*height: 480px;*/

}

.modal_bg .modal_window .content textarea {

	width: 465px;;

	height: 80px;

	resize: none;

}

.modal_bg .modal_window .content .images_list, .modal_bg .modal_window .content .videos_list {

	width: 480px;

}

.modal_bg .modal_window .content .images_list .imageItem, .modal_bg .modal_window .content .videos_list .imageItem {

	width: 100px;

	height: 75px;

	float: left;

	margin-left: 15px;

	margin-top: 5px;

	border: 1px #bebebe dotted;

}

.modal_bg .modal_window .content .images_list .imageItem span, .modal_bg .modal_window .content .videos_list .imageItem span {

	display: none;

}

.modal_bg .modal_window .content .images_list .imageItem:hover span, .modal_bg .modal_window .content .videos_list .imageItem:hover span {

	display: block;

	float: right;

	width: 10px;

	height: 10px;

	background: #fff;

	line-height: 9px;

	text-align: center;

	color: #ff511d;

	cursor: pointer;

}

.modal_bg .modal_window .content .update_post {

	float: right;

	background: #CACACA;

	width: 100px;

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	text-align: center;

	cursor: pointer;

	margin-top: 20px;

}

.modal_bg .modal_window .content .update_post:hover {

	background: #DADADA;

}

.modal_bg .modal_window .content .addattachment{

	display: block;

	float: left;

	margin-right: 25px;

	margin-bottom: 5px;

	cursor: pointer;

}

.modal_bg .modal_window .content #yutubelink_update {

	position: absolute;

	margin-top: 40px;

	margin-left: 10px;

	width: 445px;

}

.td_hidden {

    display: none !important;

}

.left_prof {

    display: block;

    float: left;

    margin-right: 40px;

}

.error_message {

    display: block;

    clear: left;

    height: 70px;

    color: red;

    visibility: hidden;

}

#error_message_prof2 {

    display: block;

    float: left;

    color: red;

    visibility: hidden;

}

.orange {

    color: #fe6608 !important;

}

.Wallop-item .share_image {

	display: block;

	float: right;

	margin: 10px 25px 0 0;

	cursor: pointer;

}

#room_box_block * {

	z-index: 3 !important;

}

.post_likes, .profile_likes {

	display: block;

	float: left;

	width: auto;

	height: 20px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 5px;

	text-align: left;

	padding: 0px 0 0 0px;

}

.post_likes .values_block,

.profile_likes .values_block {

	display: inline-block;

	vertical-align: top;

	float: left;

	width: 75px;

	height: 20px;

	margin-right: 4px;

}

.post_likes .values_block .values,

.profile_likes .values_block .values {

	display: inline-block;

	vertical-align: middle;

	float: left;

	width: 100%;

	height: 20px;

}

.post_likes .values_block .values .value, .post_likes .values_block .values .value span {

	display: block;

	float: left;

	width: 15px;

	height: 15px;

	cursor: pointer;

	color: #eaeaea;

	font-size: 25px;

	line-height: 11px;

	text-align: center;

	position: relative;

	opacity: .7;

}



.post_likes .values_block .values .pos:not(.profile_likes .values_block .values .pos), .post_likes .values_block .values .pos:not(.profile_likes .values_block .values .pos){

	background: url('/images/like_hiver.gif') no-repeat !important;

	background-size: 15px !important;

}



.post_likes .values_block .values .neg:not(.profile_likes .values_block .values .neg), .post_likes .values_block .values .neg:not(.profile_likes .values_block .values .neg) {

	background: url('/images/like_hiver_1.gif') no-repeat !important;

	background-size: 15px !important;

}

.pos.recvoute:hover,.pos.recvoute.checked{

	background: url('/images/like_hiver.gif') no-repeat !important;

	background-size: 15px !important;

}

.neg.recvoute:hover,.neg.recvoute.checked{

	background: url('/images/like_hiver_1.gif') no-repeat !important;

	background-size: 15px !important;

}



.post_likes .values_block .values .pos:hover, .post_likes .values_block .values .pos.checked {

	opacity: 1;

}

.post_likes .values_block .values .neg:hover, .post_likes .values_block .values .neg.checked {

	opacity: 1;

}



.profile_likes .values_block .values .pos:hover, .profile_likes .values_block .values .pos.checked{

	background: url('/images/like_hiver.gif') no-repeat !important;

	background-size: 15px !important;

}

.profile_likes .values_block .values .neg:hover, .profile_likes .values_block .values .neg.checked{

	background: url('/images/like_hiver_1.gif') no-repeat !important;

	background-size: 15px !important;

}



.post_likes .values_block .values .value:hover span, .post_likes .values_block .values .checked span,

.profile_likes .values_block .values .value:hover span, .profile_likes .values_block .values .checked span{

	display: none;

}



.dislikes-counter {

	margin: -3px 5px 0 0;

}



.likes-counter {

	margin: -3px 0 0 3px;

}



.post_likes .values_block span,

.profile_likes .values_block span {

	display: inline-block;

	vertical-align: middle;

	float: left;

	width: 100%;

	text-align: center;

	color: #fff;

	font-size: 12px;

	height: 12px;

	line-height: 12px;

}

.post_likes .sum_block,

.profile_likes .sum_block {

	display: block;

	float: left;

	width: 42px;

	height: 100%;

	font-size: 15px;

	font-weight: bold;

	color: #5f6160;

	line-height: 30px;

	margin-left: 5px;

}

.comments_icon {

	width: 15px;

	height: 15px;

	background: url('/images/comment.gif') no-repeat;

	background-size: 15px;

	margin: 12px -10px 0px 7px;

}

.shares_icon {

	width: 15px;

	height: 15px;

	background: url('/images/share.gif') no-repeat;

	background-size: 15px;

	margin: 12px -10px 0px 12px;

}

.likes_hint {

	position: fixed;

	height: 95px;

	background: #b2b4b3;

	border: 2px #ebedec solid;

	border-radius: 7px;

	color: #fefefe;

	line-height: 35px;

	text-align: center;

	font-weight: bold;

	font-size: 12px;

	z-index: 999999999999;

}

.users-info
{
	z-index: 1;
}

.chosen-results
{
	z-index: 99999999;
}

.chosen-drop .chosen-search
{
	overflow: hidden;
}

.likes_hint .liked_user {

	display: block;

	float: left;

	width: 50px;

	height: 100%;

	margin: 5px 5px 0 5px;

	overflow: hidden;

	cursor: pointer;

}

.likes-item {

	cursor: pointer;

}

.likes-wrap {

	margin: 0 !important;

}

.likes_hint .show_all {

	display: block;

	float: right;

	width: 30px;

	height: 30px;

	margin-right: 10px;

	margin-top: 24px;

	cursor: pointer;

}

.likes_hint .show_all img{

	width: 100%;

	height: 100%;

}

.likes_hint .liked_user img {

	display: block;

	float: left;

	width: 50px;

	height: 50px;

	border: 1px #ebedec solid;

	border-radius: 25px;

}

.likes_hint .liked_user span {

	display: block;

	float: left;

	width: 100%;

	font-size: 12px;

	text-align: center;

	line-height: 12px;

	margin-top: 2px;

}

#photo_album_previews {

	display: block;

	width: 100%;

	max-height: 170px;

	height: 170px;

	overflow: scroll;

}

#photo_album_previews .item {

	display: block;

	float: left;

	width: 120px;

	height: 120px;

	margin: 3px 0 0 3px;

	border: 1px #666 dotted;

}

#photo_album_previews .item img {

	max-width: 120px;

	max-height: 120px;

}

.black_bg {

	position: fixed;

	top:0;

	left: 0;

	z-index: 9999999999;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.7);

}

.message_content .caption{

	display: block;

	float: left;

	width: 100%;

	font-size: 28px;

	font-weight: bold;

	text-align: center;

	margin-top: 50px;

}



.message_content .action{

	display: block;

	font-size: 18px;

	margin: 5px 0px 0px 0px;

	width: 100%;

	text-align: center;

}

.delete_feed_post,.edit_feed_post {

	cursor: pointer;

}

#album_bg {

	position: fixed;

	z-index: 999999999999999;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.7);

}

#carousel {

	position: relative;

	background: #fff;

	display: block;

	margin: 0 auto;

	width:800px;

	height: 400px;

	display: relative;

	overflow: hidden;

}

#carousel img{

	width: 200px !important;

	height: auto !important;

	display: hidden; /* hide images until carousel prepares them */

	cursor: pointer; /* not needed if you wrap carousel items in links */

}

.loading_box {

	position: absolute;

	top: 70px;

	left: 20px;

	width: 350px;

	height: 50px;

	background: rgb(230, 230, 230);

	border: 1px #969696 solid;

	border-radius: 7px;

	z-index: 999999999;

}

.loading_box img {

	display: block;

	float: left;

	width: 40px;

	margin: 4px;

}

.loading_box span {

	display: block;

	float: left;

	margin-left: 15px;

	line-height: 50px;

	font-size: 18px;

	font-weight: bold;

}

.bigmapbg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 99999999;

	background: rgba(0,0,0,0.7);

}

.bigmapbg #bigMap {

	position: relative;

	left: 5%;

	top: 5%;

	width: 90%;

	height: 90%;

}

.profile_likes {

	position: static !important;

	height: 40px !important;

	text-align: center !important;

	margin: 0 auto !important;

	margin-top: 0px !important;

}

.profile_likes .square span.plus,.profile_likes .square span.minus {

	line-height: 8px !important;

}

.profile_likes .sum_block, .profile_likes .values_block span {

	color: #F9F9F9 !important;

}



ul.ui-autocomplete {

	position: absolute;

	z-index: 9999999999999999 !important;

	max-height: 450px;

	overflow-y: scroll;

	overflow-x: hidden;

}

.recomendations_items {

	position: absolute;

	top: 300px;

	left: 70px;

	width: 200px;

	z-index: 99999999999;

	background: #fff;

	border: 1px #9A9A9A solid;

	border-radius: 8px;

	overflow: hidden;

	border-bottom-left-radius: 0;

}

.recomendations_items span {

	display: block;

	background: #ddd;

	color: #898989;

	cursor: pointer;

}

.recomendations_items span:hover {

	background: #898989;

	color: #ddd;

}

.locations_items {

	position: absolute;

	top: 300px;

	left: 70px;

	width: 200px;

	z-index: 99999999999;

	background: #fff;

	border: 1px #9A9A9A solid;

	border-radius: 8px;

	overflow: hidden;

	border-bottom-left-radius: 0;

}

.locations_items span {

	display: block;

	background: #ddd;

	color: #898989;

	cursor: pointer;

}

.locations_items span:hover {

	background: #898989;

	color: #ddd;

}

.login_msg{

	background: #fff;

	padding: 5px;

	border: 1px #FF2C2C dotted;

	border-radius: 10px;

	text-align: center;

	color: #565B5D;

}

#search_filters {

	/*width: 100% !important;

	position: absolute;

	min-height: 55px;

	height: auto;

	padding-bottom: 3px;

	left: 368px;

	top: 100px !important;

	background-color: #727270;

	z-index: 999999;

	text-wrap: none;

	padding: 0 5px 10px 5px !important;*/

}



.search-filter-wrapp {

	/*float: left;

	width: 320px;

	*/

}



.search-filter-wrapp.filter-checkbox {

	width: 170px !important;

}



#search_filters button, #opensearchlist {

	display: block;

	float: left;

	width: 30px;

	height: 30px;

	margin-left: -30px;

	background-color: #DEDEDE;

	font-weight: bold;

	border-top-left-radius: 7px;

	border-bottom-left-radius: 7px;

	text-align: center;

	color: #5F5F5F;

}

#search_filters button {

	border: 1px #fff solid;

	border-right: 0;

	margin-top: -1px;

}



#search_filters button.hide-filters {

	/*border: none !important;

	background-color: #727270 !important;

	color: #fff !important;*/

}



#opensearchlist{

	position:absolute;

	top: 5px;

	right:5px;

	z-index: 999999;

	border: 1px #FC0 solid;

	border-right: 0;

	background: #FFE168;

	color: #fff;

}

#search_filters .content{

	display: block;

	width: 100%;

	height: 89%;

	overflow: hidden;

	overflow-y: scroll;

	max-width: 350px;

}

#search_filters .content span,

#search_filters .content select,

#search_filters .content input {

	display: block;

	margin-left: 10px;

	margin-top: 2px !important;

	margin-bottom: 0 !important;

	width: 95%;

}



#search_filters .content select,

#search_filters .content input {

	width: 95% !important;

}



#search_filters .content .filter-checkbox input {

	width: 15px !important;

	height: 15px !important;

}



#search_filters .content .filter-checkbox span {

	margin-top: 20px !important;

}



#search_filters .content select,#search_filters .content input {

	height: 30px;

}

#search_filters .content span {

	width: 125px;

	margin-top: 0px;

}



#search_filters .content .filter-checkbox span {

	margin-top: 20px;

}



#sity_block {

	display: none;

}

.content label, .content #pt1, .content #pt2, .content #pt3 {

	display: block;

	float: left;

}

.content label{

	margin-left: 20px;

}

.content #pt1, .content #pt2, .content #pt3 {

	width: 13px !important;

	margin: -3px 0px 0px 6px !important;

}

.links ul li {

	cursor: pointer;

}



.post_videos .post_video {

	width: 100%;

}

.post_videos .post_video img {

	width: 100px;

	top: calc(50% - 50px);

	left: calc(50% - 50px);

	position: relative;

	opacity:.7;

	cursor: pointer;

	transition: .4s ease-out;

}

.post_videos .post_video img:hover{

	opacity: 1;

}

.link_prev {

	display: block;

	float: left;

	width: 100%;

	margin-top: 5px;

	margin-bottom: 5px;

}

.link_prev .image {

	display: block;

	float: left;

	margin: 10px 0 0 0;

	width: 100%;

	overflow: hidden;

}

.link_prev .image img {

	max-width: 100%;

}

.link_prev .info {

	display: block;

	float: left;

	width: 100%;

}

.links ul li div.new-messages-count{

	position: absolute;

	top: 0;

	background: #EC4949;

	width: 20px;

	height: 20px;

	border: 1px #FFFFFF solid;

	border-radius: 10px;

	line-height: 17px;

	font-size: 13px;

	text-align: center;

	color: #fff;

	margin-left: 12px;

	cursor: pointer;

}

.modal_info_message {

	position: absolute;

	top: 100px;

	left: 100px;

	background: #BBBFC1;

	width: 400px;

	height: 100px;

	font-size: 28px;

	text-align: center;

	line-height: 100px;

	font-weight: bold;

	border: 3px #727270 solid;

	border-radius: 50px;

	color: #727270;

}

.rec_attachment{

	display: block;

	float: left;

}

.rec_attachment span {

	margin-left: 10px;

	cursor: pointer;

}

#modal_new_recomendation_block .attachment-content {

	display: block;

	float: left;

	width: 130px;

	height: 60px;

}

#modal_new_recomendation_block .attachment-content div{

	display: block;

	float: left;

	height: 60px;

	margin-left: 5px;

	background: url('/images/loading.gif') no-repeat;

	background-size: 60px;

}

#modal_new_recomendation_block .attachment-content div a {

	display: none;

	float: right;

	width: 15px;

	height: 15px;

	background: url('/images/close.png') no-repeat;

	background-size: 15px;

	cursor: pointer;

}

#modal_new_recomendation_block .attachment-content div:hover a {

	display: block;

}

.fake-profile-attachment {

	display: block;

	float: right;

	width: 50%;

	max-height: 70px;

	text-align: center;

	align-content: center;

}

.fake-profile-attachment img {

	display: block;

	float: left;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	width: 60px;

	height: 60px;

	cursor: pointer;

}



/*.tooltipsy:after,

.tooltipsy:before{

	width: 0;

	height: 0;

	border-style: solid;

	position: absolute;

	content: '';

	transform: rotate(-135deg);

	letter-spacing: .6px;

	transition: all .5s;

	padding: 0;

}*/

.tooltipsy_profile{

	position: relative;

	padding: 10px;

	max-width: 300px;

	color: #ffffff;

	background-color: #484848;

	border: 2px solid #FFFFFF;

	opacity: 0.7;

	border-radius:5px 5px 5px 0;

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	text-shadow: none;

	text-align: center;

	-webkit-border-radius: 5px 5px 5px 0;

	-moz-border-radius: 5px 5px 5px 0;

}



.tooltipsy_profile:after {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	left: 0px;

	top: 40px;

	border: 7px solid;

	border-color: #484848 transparent transparent #484848;

}



.tooltipsy_profile:before {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	left: -1px;

	top: 40px;

	border: 8px solid;

	border-color: #FFFFFF transparent transparent #FFFFFF;

}



.tooltipsy_menu{

	position: relative;

	padding: 10px;

	max-width: 300px;

	color: #ffffff;

	background-color: #484848;

	border: 2px solid #FFFFFF;

	opacity: 0.7;

	border-radius: 0 5px 5px 5px;

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	text-shadow: none;

	text-align: center;

	-webkit-border-radius: 0 5px 5px 5px;

	-moz-border-radius: 0 5px 5px 5px;

}



.tooltipsy_menu:after {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	left: 0px;

	bottom: 40px;

	border: 7px solid;

	border-color:transparent transparent #484848 #484848;

}



.tooltipsy_menu:before {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	left: -1px;

	bottom: 40px;

	border: 8px solid;

	border-color: transparent transparent #FFFFFF  #FFFFFF  ;

}



.tooltipsy_menu_sp{

	position: relative;

	padding: 10px;

	max-width: 90px;

	color: #ffffff;

	background-color: #484848;

	border: 2px solid #FFFFFF;

	opacity: 0.7;

	border-radius: 5px 0 5px 5px !important;

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	text-shadow: none;

	text-align: center;

	-webkit-border-radius: 0 5px 5px 5px;

	-moz-border-radius: 0 5px 5px 5px;

}



.tooltipsy_menu_sp:after {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	left: 74px;

	bottom: 59px;

	border: 7px solid;

	border-color:transparent #484848 #484848 transparent;

}



.tooltipsy_menu_sp:before {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	left: 73px;

	bottom: 60px;

	border: 8px solid;

	border-color: transparent #FFFFFF  #FFFFFF transparent;

}



/*.blogs-post-wrapper .post_add_comment{

	display: block;

}*/











.blogs-post-wrapper .post-content .comments-wrapp {

	background-color: #d2dcde;

	box-sizing: border-box;

	position: relative;

	padding: 10px;

	height: 10px;

}

.footer-links a span {
	color: #fff !important;
}



	.blogs-post-wrapper .post-content .comments-wrapp .photo {

		width: 40px;

		height: 40px;

		margin-right: 10px;

		overflow: hidden;

		float: left;

		margin-bottom:0;

	}



		.blogs-post-wrapper .post-content .comments-wrapp .photo img {

			width: 50%;

			height: 50%;

			object-fit: cover;

		}



	.blogs-post-wrapper .post-content .comments-wrapp form {

		float: left;

		width: calc(100% - 50px);

		position: relative;

		max-height: 40px;

		margin-bottom: 0;

	}



		.blogs-post-wrapper .post-content .comments-wrapp form textarea {

			resize: none;

			width: 100%;

			padding: 1px 90px 0 10px;

			color: rgb(64,73,82);

			opacity: 1;

			font: normal 14px "HelveticaLight", sans-serif;

			letter-spacing: .5px;

			max-height: 20px;

			overflow-y: auto;

			border-radius: 0 !important;

		}



		.blogs-post-wrapper .post-content .comments-wrapp form textarea::-webkit-input-placeholder,

		.blogs-post-wrapper .post-content .comments-wrapp form textarea:-moz-placeholder {

			color: rgb(64,73,82);

			opacity: 1;

		}



		.blogs-post-wrapper .post-content .comments-wrapp a {

			position: absolute;

			right: 10px;

			top: 33%;

			transform: translate(0, -50%);

			color: rgb(64,73,82);

			font: normal 14px "HelveticaLight", sans-serif;

			letter-spacing: .5px;

			transition: all .6s ease-in-out;

		}



			.blogs-post-wrapper .post-content .comments-wrapp a:hover {

				color: rgba(0,0,0,1);

			}



.comments_uploaded_photos_preview {

	display: block;

	width: calc(100% - 50px);

	float: right;

	height: 70px;

	margin: 10px 0 10px 0;

}

.comments_uploaded_photos_preview .preview_item {

	display: block;

	float: left;

	width: 70px;

	height: 70px;

	margin-right: 5px;

}

.comments_uploaded_photos_preview .preview_item span {

	display: block;

	float: right;

	cursor: pointer;

	font-size: 15px;

	line-height: 8px;

	margin: 3px;

}

.comments_uploaded_photos_preview .preview_item span:hover {

	color: red;

}



#close_me_1 {

	position: absolute;

	z-index: 9999999;

	width: 300px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	color: rgb(249, 249, 255);

	font-size: 18px;

	font-weight: bold;

	border: 1px solid rgb(183, 183, 183);

	display: block;

	top: 0;

	left: 0;

	background: rgb(190, 255, 68);

	border-radius: 25px;

	text-shadow: 0 0 4px #000;

	box-shadow: 0 0 10px #545454;

}



.comp_loc {

	width: 312px;

}



a {

	cursor: pointer;

}

::-webkit-scrollbar {

	width: 7px !important;

}

.main-content .left-part {

	overflow-y: hidden !important;

}



.playerHtml {

	display: block;

	margin: 0 auto;

	width: 300px;

	height: 20px;

	background: #bebebe;

	border-radius: 10px;

	overflow: hidden;

}

.playerHtml .player-button {

	display: block;

	width: 20px;

	height: 20px;

	float: left;

	background: url('../images/buttons.png') no-repeat;

	background-size: 106px;

	cursor: pointer;

}

.playerHtml .player-button.play {

	background-position-x: -43px;

}

.playerHtml .player-button.pouse {

	display:none;

	background-position-x: 0px;

}

.playerHtml .player-button:hover {

	background-position-y: -20px;

}

.playerHtml .progress {

	display: block;

	float: left;

	margin-left: 5px;

	margin-top: 6px;

	height: 9px;

	width: 210px;

	cursor: pointer;

	background: #D2D2D2;

}

.playerHtml .progress .progressBar, .playerHtml .volume .volumeBar {

	display: block;

	float: left;

	height: 100%;

	width: 0;

	background: #888;

}



.playerHtml .volume .volumeBar {

	width: 50%;

}



.playerHtml .volume {

	display: block;

	float: left;

	margin-left: 5px;

	margin-top: 6px;

	width: 53px;

	height: 9px;

	background: #D2D2D2;

	overflow: hidden;

	cursor: pointer;

}

#changephoto {

	cursor: pointer;

}

.roomFrame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
}



.companie_profile .main-content .left-part {

	overflow-y: scroll !important;

}

#online_user_name{

	color: #fff;

	position: absolute;

	z-index: 9999999999;

	background: #9A9A9A;

	padding: 3px 7px 3px 7px;

	border-radius: 7px;

	border: 1px #fff solid;

}

.loadingshopwallpaper, .shop_iframe {

	position: fixed;

	top:0;

	left:0;

	width: 100%;

	height: 100%;

	z-index: 999999999;

	opacity: 0;

}

.shop_iframe {

	overflow: hidden;

}

.loadingshopwallpaper{

	z-index: 999999999;

	background: rgb(64,73,82);

}

.loadingshopwallpaper img {

	display: block;

	width: 100px;

	margin-left: 50%;

	margin-top: 25%;

}

#exit_shop, #openmessageslink {

	position: absolute;

	top:5px;

	right: 10px;

	z-index: 1000000000;

	color:#DDE0E2;

	cursor: pointer;

}



.invite-inputs .company-logo {

	width: 50px;

	height: 50px;

	display: block;

	float: left;

}

.invite-inputs .loadlogolink {

	display: block;

	width: 270px;

	float: left;

	font-size: 17px;

	font-weight: bold;

	color: #2d6cb5;

	line-height: 50px;

	margin-left: 10px;

	cursor: pointer;

	margin-bottom: 20px;

}

h5#search_place_label {

	display: block;

	float: right;

	margin-top: 13px;

	font-size: 12px;

	cursor: pointer;

	color: #727270;

}

.searchStarHtmlInfo {

	position: absolute;

	width: 130px;

	height: 50px;

	background: #ebedec;

	border: 2px #727270 solid;

	border-radius: 7px;

	cursor: pointer;

	z-index: 1;

	opacity: .7;

	transition: opacity .4s ease-in-out;

}

.searchStarHtmlInfo:hover {

	z-index: 2;

	opacity: 1;

}

.searchStarHtmlInfo img {

	display: block;

	float: left;

	width: 35px;

	height: 35px;

	margin: 5px;

}

.searchStarHtmlInfo span {

	display: block;

	float: left;

	width: calc(100% - 45px);

	font-size: 12px;

	line-height: 12px;

	margin-top: 5px;

}



.searchableSelectPluginElement {

	background-position: 100% 5px;

}



label#load_book_image{

	margin-right: 30px;

}

img.book_preview_image {

	width: 25px;

}

.resetSeatchInputs {

	position: absolute;

	z-index: 9999999;

	color: #fff;

	font-weight: bold;

	opacity: 0;

	width: 35px;

	cursor: pointer;

}

#selectrd_language {

	display: block;

	float: left;

	width: 63px;

	padding: 0;

	font-size: 10px;

	height: 17px;

	margin-top: 5px;

	margin-left: 4px;

}





/*******LANGUAGES BLOCK*******/



@media only screen and (max-width: 768px) {



	.languages-container {

		right: 0 !important;

		top: 40px !important;

		text-align: right !important;

		padding-right: 20px !important;

		box-sizing: border-box !important;

	}



	.languages-container.login_block.mycontrol a {

		color: #fff !important;

	}



}



@media only screen and (max-height: 599px) {



	.languages-container {

		right: 0 !important;

		top: 45px !important;

		text-align: right !important;

		padding-right: 20px !important;

		box-sizing: border-box !important;

	}



	.languages-container.login_block.mycontrol a {

		color: #fff !important;

	}



}



@media only screen and (max-width: 380px) {



	.languages-container {

		padding-right: 10px !important;

	}



}



.right-friend-list ul li {

	overflow: hidden !important;

}

#modal_new_recomendation_block {

	position: absolute !important;

}



.search_history {

	display: block;

	width: 100%;

	height: 250px;

	background: rgb(64,73,82);

	position: absolute;

	right: 0 !important;

	bottom: 0 !important;

}



.search_history span {

	display: block;

	width: 100% !important;

	color: #fff;

}



.search_history a.search_link {

	display: block;

	float: left;

	color: #fff;

	margin: 3px 5px 3px 5px;

	padding: 0 5px 0 5px;

	width: auto;

	cursor: pointer;

	background: rgb(134, 134, 134);

	border-radius: 10px;

	height: 20px;

	text-align: center;

	transition: all .3s;

}

.search_history a.search_link:hover {

	color: #000;

	background: rgb(255, 255, 255);

}



.searchResualtRemove {

	position: absolute;

	top: 3px;

	right: 3px;

	display: block;

	width: 11px;

	height: 11px;

	background: url(/images/close_white.gif) no-repeat;

	background-size: 11px;

	cursor: pointer;

}

.mfp-bg
{
	z-index: 999999999 !important;
}

.mfp-wrap
{
	z-index: 9999999999 !important;
}

#feed_block_main
{
	width:38% !important;
	left:40% !important;;
	transform: translate(-50%,0) !important;;
	z-index: 999 !important;;
}