@font-face {
    font-family: 'play bold';
    src: url('/css/fonts/play-bold.eot');
    src: url('/css/fonts/play-bold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/play-bold.woff') format('woff'),
         url('/css/fonts/play-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'play';
    src: url('/css/fonts/play-regular.eot');
    src: url('/css/fonts/play-regular.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/play-regular.woff') format('woff'),
         url('/css/fonts/play-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

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

body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  }
hr {
padding-bottom: 1px;
background-color: #5189ae;
border-bottom:1px solid #5189ae;
}
a {
outline: none;
text-decoration: none;
}
hr {
background-color: #9b9b9b;
border-bottom:1px solid #F4F4F4;
}
h1{
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 0 2px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 0 2px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 0 2px rgba(0, 0, 0, 0.4);
	-ms-text-shadow: 0 2px rgba(0, 0, 0, 0.4);
	-o-text-shadow: 0 2px rgba(0, 0, 0, 0.4);
}

h3{
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  text-align: center;

}

h4{
    margin-bottom: 8px;
    font-size: 23px;
    font-weight: bold;
    color: #606060;
    text-shadow: 0 0px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0 0px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 0 0px rgba(0, 0, 0, 0.4);
	-ms-text-shadow: 0 0px rgba(0, 0, 0, 0.4);
	-o-text-shadow: 0 0px rgba(0, 0, 0, 0.4);
	text-align: center;
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060;
    padding: 7px;
    display: block;
    width: 100%;
    float: left;
    margin-top: 0px;
	margin-bottom: 17px;
}

#body {
	margin:0px;
	padding:0px;
	 text-decoration: none;
	font-family: play;
	  font-size: 100%;
/* 	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-ms-filter: blur(4px);
	-o-filter: blur(4px);
	filter: blur(4px); */
}


/* �������!  */


.icon_span{
	 font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}


/* Loader */
#loader {

	height: 36px;
	width: 36px;
	display:none;
	opacity: 0;
	margin: 0px auto; 
}
#loader_glav{
	margin-left: 45%;
	margin-top: 20%;
}

.menu_icon{
	position: fixed;
	width: 76px;
	height: 76px;
	text-decoration: none !important;
	z-index:888;
	overflow: hidden;

}
.menu_icon_del{
	position: absolute;
	text-decoration: none !important;
	z-index:1;
	overflow: hidden;
}
/* ���������� � ������ ++++++++++*/
  /* ������ �������� ���� */
  #button_add {
   position: fixed;
   left: 50%;
   margin-left: -126px;
   top: 90%;
   font-size: 18px;
   z-index: 501;
   font-size: 16px;
   
}
/* ���� ������ ����������� ������ �����*/
#result_add{
	position:fixed;
	left: 40%;
	width: 1px;
	height: 1px;
	z-index: 9999;
}
/* ���� ������ �������� ������  */
#take_result{
	
	width: 1px;
	height: 1px;
	z-index: 9999;
}


.ui-resizable-handle.ui-resizable-s{position:absolute;left:0;bottom:0;right:0;height:5%;}
.ui-resizable-handle.ui-resizable-e{position:absolute;top:0;bottom:0;right:0;width:5%;}
.ui-resizable-handle.ui-resizable-se{cursor:crosshair; position:absolute;right:0;bottom:0;width:10px;height:10px;background-image: url('/img/resize.png');  opacity: 0.2;background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;}

/* Закрытая\Открытая */
.open_link{
    position: absolute;
    right: 20px;
    top: -5px;
    background-image: url("/img/icon_link/open.png");
    width: 32px;
    height: 32px;
    z-index: 2;
    opacity: 0.7;
    visibility:hidden;
    background-color: #5794bd;
    border-radius: 0 0 8px 8px;
    box-shadow:0px 3px 7px 1px #727ea6;
}


/* @media (max-width: 930px) and (min-width: 470px) {
.q {
	position: relative!important;
    float: left;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
	margin-top: 1%;
	height: 130px !important;
}
 
} */


.q {
	position: fixed;
	text-decoration: none !important;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.62),inset 1px 2px 0 rgba(255,255,2555, 0.05),0 2px 0 rgba(0,0,0, 0.1), inset 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.62),inset 1px 2px 0 rgba(255,255,2555, 0.05),0 2px 0 rgba(0,0,0, 0.1), inset 0 0 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.62),inset 1px 2px 0 rgba(255,255,2555, 0.05),0 2px 0 rgba(0,0,0, 0.1), inset 0 0 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.62),inset 1px 2px 0 rgba(255,255,2555, 0.05),0 2px 0 rgba(0,0,0, 0.1), inset 0 0 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.62),inset 1px 2px 0 rgba(255,255,2555, 0.05),0 2px 0 rgba(0,0,0, 0.1), inset 0 0 2px rgba(0,0,0,0.1);
	
	/* box-shadow: 0px 1px 8px 1px #020202; */
	cursor: move;
	background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-ms-background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	
} 

.q a{
	display: block;
	height: 100%;
    width: 100%;
	background: radial-gradient(transparent,rgba(0,0,0, .1));
	background: -webkit-radial-gradient(transparent,rgba(0,0,0, .1));
}


.q:hover .linkInfo {

}
.q:hover .ui-resizable-handle.ui-resizable-se {
	opacity: 1;

}

.img {
	cursor:move;
	width:100%;
	height: 100%;
	z-index:2;
	
	}
.size {
	width:5%;
	height: 5%;
	position: absolute;
	top: 90%;
	left: 90%;
	z-index: 1;
}

.linkInfo {
	position: absolute;
	overflow: hidden;
	left: 0;
	bottom: 0;
	padding: 3px 0px;
	width: 100%;
	height: 14px;
	outline: none;
	opacity: 0.9;
	color: rgb(11, 11, 11);
	text-align: center;
	background: rgba(255, 255, 255, 0.65);
	text-decoration: none;
	font-family: play;
	font-size: 14px;
	z-index: 3;
	box-shadow:0px 3px 5px 1px #000;
}




.q:hover .panel_link{
	visibility:visible;
}
/* �������������� ������ */
.panel_link{
	font-family: 'LigatureSymbols';
	text-shadow: #1e4158 0 1px 0;
	-moz-text-shadow: #1e4158 0 1px 0;
	-webkit-text-shadow: #1e4158 0 1px 0;
	-o-text-shadow: #1e4158 0 1px 0;
	-ms-text-shadow: #1e4158 0 1px 0;
	
	color: #fff;
	font-size: 1.3em;
	position: absolute;
	display: block;
	background-color: #5794bd;
	border: 1px solid #5189ae;
	border-radius: 0 0 8px 0;
	overflow:hidden;
	visibility:hidden;
	padding: 0px 5px;
}
.panel_link .edit_link{
	cursor: pointer;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
.panel_link .edit_link:hover{
	color: rgb(65, 65, 65);
}

.link_lock_btn{
	color: rgb(65, 65, 65);
}

.link_lock_btn:hover{
	color: #fff!important;
}

.link_hidden{
	box-shadow: inset 0px -1px 40px #191919!important, box-shadow:0px 3px 5px 1px #000;
	-webkit-box-shadow: inset 0px -1px 40px #191919!important, box-shadow:0px 3px 5px 1px #000;
	-ms-box-shadow: inset 0px -1px 40px #191919!important, box-shadow:0px 3px 5px 1px #000;
	-moz-box-shadow: inset 0px -1px 40px #191919!important, box-shadow:0px 3px 5px 1px #000;
	-o-box-shadow: inset 0px -1px 40px #191919!important, box-shadow:0px 3px 5px 1px #000;
}

.img_panel_link_q{
	height: 20px;
	width: 20px;
	float: right;
	cursor:pointer;
	margin: 1px 2px 0 0;
}

.img_panel_link{
	height: 20px;
	width: 20px;
	margin: 1px 0 0 6px;
	float: left;
	opacity: 0.6;
	cursor:pointer
}
.img_panel_link:hover{
	opacity: 1;

}
#link{
	z-index: 1000;
}
/* ������� ������ �� ����� */
.take{
	position: absolute;
	top:0px;
	height: 20px;
	width: 100%;
	opacity: 0.9;
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 14px;
   font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
}
.take:hover {
	opacity: 1;
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
.take:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }
  /* �������� ������ �� ����� */
.refuse{
	position: absolute;
	top:21px;
	height: 20px;
	width: 100%;
	opacity: 0.9;
   border: 1px solid #0a3c59;
  background: #db1709;
   background: -webkit-gradient(linear, left top, left bottom, from(#d92620), to(#db1709));
   background: -webkit-linear-gradient(top, #d92620, #db1709);
   background: -moz-linear-gradient(top, #d92620, #db1709);
   background: -ms-linear-gradient(top, #d92620, #db1709);
   background: -o-linear-gradient(top, #d92620, #db1709);
   background-image: -ms-linear-gradient(top, #d92620 0%, #db1709 100%);
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 14px;
   font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
}
.refuse:hover {
	opacity: 1;
	text-shadow: #1e4158 0 1px 0;
	color: #fff;
	
   }
.refuse:active {
 background: #f76f68;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2120e), to(#f76f68));
   background: -webkit-linear-gradient(top, #f2120e, #f76f68);
   background: -moz-linear-gradient(top, #f2120e, #f76f68);
   background: -ms-linear-gradient(top, #f2120e, #f76f68);
   background: -o-linear-gradient(top, #f2120e, #f76f68);
   background-image: -ms-linear-gradient(top, #f2120e 0%, #f76f68 100%);
   }

/* ������� ���� ++++++++++++*/
.sweetMenuAnchor{
                
				border-top-right-radius: 4px;
				-moz-border-radius-topright: 4px;
				border-bottom-right-radius: 4px;
				-moz-border-radius-bottomright: 4px;
				color: #1c1c1c;
				font-size: 20px;
				text-align: right;
				font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
				text-decoration: none;
				background-color: #888888;
				opacity: 1;
				box-shadow:4px 5px 20px 1px #000;
				font-weight:bold;
				text-shadow: #1c1c1c 0 1px 6px;
				width: 300px;
				margin-left: -800px;
			}

			.sweetMenuAnchor span{
				display: block;
				padding-top: 10px;
			}
/*���������	 +++++++++++++*/		
#settings {
top: 200px;
position: absolute;
width: 400px;
height: 600px;
left: 50%;
margin-left: -200px;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
box-shadow:4px 5px 20px 1px #000;
background-image: url(/img/background_reg_form.jpg);
color: black;
}
#img_settings01 {
	width: 400px;
	height: 200px;
	position: fixed;
	left: 50%;
	margin-left: -320px;
}
#img_settings02 {
	width: 380px;
	height: 100px;
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -320px;
}

/* ������ +++++++++++++++*/
#friends_div{
top: 100px;
position: relative;
left: 50%;
margin-left: -300px;
width: 600px;
height: 500px;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
box-shadow:4px 5px 20px 1px #000;
background-image: url(/img/background_reg_form.jpg);
color: black;

}
#name_form_myfriends{
position: relative;
width: 100%;
height: 50px;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
background-image: url(/img/bg01.png);
color: white;
text-align: center;
font-size: 30px;

}
#name_form_findfriends{
position: relative;
width: 100%;
height: 60px;
background-image: url(/img/bg01.png);
bottom: 0px;
}
#friends_list{
overflow: auto;
width: 100%;
height: 430px;

}
/* ������ ������ ������ */
#btn_find_driends{
top:20px;
left: 10px;
position: relative;
}
/* ������ ������������ */
.friend_list{
width: 100%;
padding-top: 5px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

}
.friend_list:hover {
	
}

.stop_add{
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: 50px;
    background: #3e779d;
    font-size: 20px;

}



/* ������ ++++++++++++++++++++++*/
.go_friend_icon{  box-shadow:0px 0px 1px 1px #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.go_friend_icon:hover{  box-shadow:0px 3px 5px 1px #000;}
ав 
.del_friend_icon{ opacity: 0.5;}
.del_friend_icon:hover{ opacity: 0.9;}

/* ����� ������ */
#find_friends{
top: 100px;
position:fixed;
left: 50%;
margin-left: -300px;
width: 600px;

font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
box-shadow:4px 5px 20px 1px #000;
background-image: url(/img/background_reg_form.jpg);
color: black;

}
/* ���������� ������� */
#link_add{
top: 100px;
position: relative;
left: 50%;
margin-left: -300px;
width: 600px;
height: 500px;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
box-shadow:4px 5px 20px 1px #000;
background-image: url(/img/background_reg_form.jpg);
color: black;

}
.add_new_link{
	width: 260px;
	float: left;
	padding: 10px;
}
#link_list{
overflow: auto;
width: 290px;
float: left;
height: 350px;
margin-left: 20px;

}
/* ������� ���� ���������� ���� ���������� ������� */
#link_add_friend_top{
	position: relative;
width: 100%;
height: 50px;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
background-image: url(/img/bg01.png);
color: white;
text-align: center;
font-size: 30px;

}
/* ����������� ������ ��� ����� */
.q_f{
	position: fixed;
	text-decoration: none !important;
	z-index:2;
	overflow: hidden;
	box-shadow:0px 3px 15px 1px #01ac00;
	cursor:move;

}
.q_f:hover .ui-resizable-handle.ui-resizable-se{
	opacity: 1;
}
.take_icon{
	width: 25%;
	height: 28%;
}

/* ����� ����� */
.input_login_form{
	width: 380px;
	height: 50px;
	position: relative;	
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
	border: 0px;
	height: 35px;
	width: 250px;
	font-size:16px;
	background: rgba(0,0,0,.40);
	text-align: center;
	border:0;
}
.input_login_form:focus {
		outline: none;
		border: 0px;
		font-size:16px;
		box-shadow:0px 0px 15px 1px #000;
		border:0;
		   }
#input_login{
 top: 48px;
}
#input_password{
 top: 82px;
}
#form_login{
		top: 150px;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
		position: absolute;
		text-shadow: #696969 1px 1px 4px;
		font-size:18px;
		font-weight:bold;
		text-align:center;	
		width: 380px;
		height: 340px;
		left: 150px;
		background-image: url('/img/bg_login.jpg');
}
#test_login {
	position: relative;

}


#add_sql{
    display: block;

}
/* 
.input_edit_link{
	width: 380px;
	height: 50px;
	position: relative;	
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
	border: 0px;
	height: 35px;
	width: 250px;
	font-size:16px;
	background: rgba(0,0,0,.40);
	text-align: center;
	border:0;
}
.input_add_link {
	width: 380px;
	height: 50px;
	position: relative;	
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
	border: 0px;
	height: 35px;
	width: 250px;
	font-size:16px;
	background: rgba(0,0,0,.40);
	text-align: center;
	border:0;

} */

#link_div{
	position: fixed;
	width: 0px;
	height: 300px;
	top: 30%;
	z-index:1000;
	background: rgba(0,0,0,.70);
	left: 50%;
	margin-left: -150px;
	}
	
	
/* ������ */
.button{
    z-index: 100;
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
     box-shadow: 0px 1px 2px #06283F;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 14px;
   font-family: play;
   text-decoration: none;
   vertical-align: middle;
	

   }
.button:hover {
   border: 1px solid #0a3c59;
 
  background: #3e779d;
  background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
  background: -webkit-linear-gradient(top, #71B0DB, #4880A5);
  background: -moz-linear-gradient(top, #65a9d7, #3e779d);
  background: -ms-linear-gradient(top, #65a9d7, #3e779d);
  background: -o-linear-gradient(top, #65a9d7, #3e779d);
  background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);

  box-shadow: 0px 0px 1px #06283F;
   }
.button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }




/* Друзья ============= Статистика */

.friends_div{
	padding: 20px;
	width: 380px;
	border: 1px solid #0a3c59;
	z-index: 900;
	background: #3e779d;
	height: 400px;
	
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   
   
   scrollbar-face-color:#5997CA; 

    scrollbar-shadow-color: #ffffff;

    scrollbar-highlight-color: #ffffff;

    scrollbar-3dlight-color: #5997CA;

    scrollbar-darkshadow-color: #5997CA; 

    scrollbar-track-color: #F6F6F6;

          scrollbar-arrow-color: #F6F6F6;
   
   
}
.statistics{
	padding: 20px;
	width: 280px;
	border: 1px solid #0a3c59;
	z-index: 900;
	background: #3e779d;
	
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   
}


.friends_list_div{
	    width: 270px;
		background: #3872D4;
    margin-left: 10px;
    float: left;
    border-bottom: 1px solid #2B549B;
    word-wrap: break-word;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    padding: 5px 0;
    line-height: 5px;
    margin-top: 15px;
}

.friends_lits_table{
	float: left;
	width: 100%;
}

.friends_list_div_serch{
	margin-bottom: 20px;
}

.friends_list{
	display: block;
	float: left;
	width: 30px;
	text-align: center;
	padding: 6px;
}

.friends_list_name{
	width: 160px;
	display: hidden;
	text-align: left;
}

.friends_list_go a{
	font-family: 'LigatureSymbols';
	font-size: 27px;
	color: #fff;
	text-shadow: #1e4158 0 1px 0;
	-webkit-transition: text-shadow 0.3s ease;
	-moz-transition: text-shadow 0.3s ease-in-out;
	-o-transition: text-shadow 0.3s ease-in-out;
	-ms-transition: text-shadow 0.3s ease-in-out;
	transition: text-shadow 0.3s ease-in-out;
	display: block;
}

.friends_list_go a:hover{
	text-shadow: #1e4158 14px 1px 3px;
}

.friends_list_go span{
	font-family: 'LigatureSymbols';
	font-size: 27px;
	color: #fff;
	text-shadow: #1e4158 0 1px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
	cursor: pointer;
}

.friends_list_go span:hover{
	text-shadow: #1e4158 14px 1px 3px;
}



.friends_list_del a img{
	    width: 15px;
    position: absolute;
    margin-top: 0px;
    margin-left: -25px;
    opacity: 0.2;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;

}

.friends_list_del a img:hover{
	opacity: 1;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

.friends_list_tr_search{
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}

#friends_menu{
	
}

/* Стикеры */
#sticker_add{
    left: 50%;
    margin-left: -225px;
    width: 550px;
    height: 400px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    box-shadow:4px 5px 20px 1px #000;
    background-image: url(/img/background_reg_form.jpg);
    color: black;
}
.sticker{
    position: relative;
    margin: 10px 0 0 10px;
    height: 255px;
    width: 250px;
    background-color: #eceb83;
    box-shadow:4px 5px 10px 1px #828282;
    border: 1px solid #b7b666;
    float: left;

}
.sticker_text_test{
    font-size: 28px;
    font-style: oblique;
    padding: 3px 5px 5px 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.sticker_text{

}
.ps_sticker{
    position: absolute;
    bottom: 4px;
    right: 4px;
    font-style: italic;
    color: #726f73;
    font-size: 14px;
}
#textarea_sticker{
    float: right;
    resize: none;
    margin: 10px 15px 0 0;
}
/* START */

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

:-moz-placeholder {
  color: #bcc0c8 !important;
}

::-webkit-input-placeholder {
  color: #bcc0c8;
}

:-ms-input-placeholder {
  color: #bcc0c8 !important;
}


input, textarea, select, label {
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.login {
  margin:0 auto;
  padding: 10px 20px;
  background: #3f65b7;
  background-clip: padding-box;
  border: 1px solid #172b4e;
  border-bottom-color: #142647;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #437BD0, #2F518E);
  background-image: -moz-radial-gradient(cover, #437BD0, #2F518E);
  background-image: -o-radial-gradient(cover, #437BD0, #2F518E);
  background-image: radial-gradient(cover, #437BD0, #2F518E);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}
.login > h1 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #E3EEFF;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.login-input {
	  font-family: play;
  display: block;
  width: 100%;
  height: 37px;
  margin-bottom: 20px;
  padding: 0 9px;
  color: white;
  text-shadow: 0 1px black;
  background: #2b3e5d;
  border: 1px solid #15243b;
  border-top-color: #0d1827;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}
.login-input:focus {
  outline: 0;
  background-color: #32486d;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
}
.lt-ie9 .login-input {
  line-height: 35px;
}
.login-textarea {
height: 100px;
display: block;
width: 100%;
margin-bottom: 10px;
padding: 5px 10px;
color: white;
text-shadow: 0 1px black;
background: #2b3e5d;
border: 1px solid #15243b;
border-top-color: #0d1827;
border-radius: 4px;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
resize: none;
}
.login-submit {
	
line-height: 2.5em;
  display: block;
  width: 100%;
  height: 37px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #294779;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #adcbfa;
  background-clip: padding-box;
  border: 1px solid #284473;
  border-bottom-color: #223b66;
  border-radius: 4px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.login-submit:hover{
	 background: #a4c2f3;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
}
.login-submit:active {

  box-shadow: inset 0 1px 8px rgba(4, 0, 0, 0.9), 0 1px rgba(255, 255, 255, 0.1);
}

.login-help {
  text-align: center;
}
.login-help > a {
  font-size: 11px;
  color: #d4deef;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.login-help > a:hover {
  text-decoration: underline;
}
.reg{
	margin-top: 20px;
	
}




.logo_div{

	float: right;
}


/* иконки */
#icon_settings{
	display: block;
}




/* Панель */
/* #panel{
	display: none;
	position: absolute;
	z-index: 10000;
	top: -2px;
	width: 600px;
	height: 40px;
	left: 50%;
	margin-left: -300px;
	border: 1px solid #0a3c59;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
}
#panel .panel_info{
	width: 200px;
	
}
#panel .FIO{
	position: absolute;
	right: 3px;
	bottom: 3px;
	font-size: 12px;
    text-shadow: #1e4158 0 1px 0;
    color: #fff;
	
}
#panel .panel_id{
	position: absolute;
	left: 3px;
	bottom: 2px;
	font-size: 12px;
    text-shadow: #1e4158 0 1px 0;
    color: #fff;
}
#panel .panel_id span{
	font-size: 20px;
}
#panel .panel_icon{
width: 390px;
margin-left: 72px;
	
}
#panel .panel_icons{
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 10px;
	margin-top: 4px;
	cursor: pointer;
}
 */
#tourText {font-size:14px;}
#tourText {margin-top:10px}
#tourText h2 {margin:0;padding:0;font-size:16px;margin-bottom:10px}
#tourText p {margin:0;padding:0}

#tourButtons {margin-top:20px}
#tourButtons button {
 margin:0;
 margin-right:5px;
 padding:5px 10px;
 color:#FFFFFF;
 background:#4892EC;
 border:0px;
 border-radius:3px;
 cursor:pointer
}

#tourEnd, #tourEnd:hover {
 margin:0;
 margin-right:5px;
 padding:5px 10px;
 color:#FFFFFF;
 text-decoration: none;
 background:#4892EC;
 border-radius:3px;
}

/* Настройки */

.settings_profile_div{
	width: 280px;
	float: left;
}

.settings_profile_div_right{
	float: right;
	width: 280px;
}

.file_submit{
	padding: 7px;
}



.tile_stretch_form{
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

#fon_img{
	float: left;
width: 129px;
}


.ideas_div{
	padding: 7px 10px 3px 10px;
	border-bottom: 1px solid #2B549B;
	overflow: auto;
	overflow: hidden;
	word-wrap: break-word;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
              -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                   box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom: 20px;
}
.ideas_text{
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #2B549B;
	font-style: italic;
	color: #FAFAFA;
	font-size: 15px;
}
.ideas_reiting{
	float: left;
	font-family: 'LigatureSymbols';
	font-size: 22px;
	padding: 3px 6px;
	
}

.ideas_reiting span{
	cursor: pointer;
}

.ideas_reiting .ideas_up:hover{
	color: rgb(21, 250, 21);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.84);
}
.ideas_up_off{
	color: rgb(21, 250, 21);
}
.ideas_down_off{
	color: rgb(185, 48, 48);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.84);
}

.ideas_reiting .ideas_down:hover{
	color: rgb(185, 48, 48);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.84);
}
.ideas_del{
float: right; font-size: 20px; font-family: 'LigatureSymbols';cursor:pointer;
}
.ideas_del:hover{color: #fff;}
#form_ideas{padding-bottom: 20px;}
#ideas_all{
	width: 380px;
	float: left;
	min-height: 300px;
	max-height: 490px;
	overflow-y:scroll;
}
#ideas_my_list{
	max-height: 319px;
	overflow-y:scroll;
}
#ideas_my{
	width: 380px; float: left; margin-left: 38px;margin-top: 7px;

}
.noti{
	position: absolute;
	font-size: 10px;
	top: 10px;
	left: 10px;
	background: 
}

#eye{
  background:#e0e0d1;width:120px;height:120px;
  border-radius:50%;margin:34px auto;position:relative;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
  z-index: 999;
  
}
#eye i{
  background:#4f5d73;width:82px;height:82px;
  border-radius:50%;display:inline-block;margin:19px;
  box-shadow:
    inset 0 4px 0 rgba(0,0,0,.18),
    inset 0 -2px 0 rgba(0,0,0,.18),
    0 4px 0 rgba(0,0,0,.18);
  -webkit-transition:all .43s cubic-bezier(.73,.19,.21,1.7)
}
#eye i i{
  background:rgba(0,0,0,.07);width:86%;height:86%;
  margin:7%;
  box-shadow:
    inset 0 3px 0 rgba(0,0,0,.18),
    inset 0 -2px 0 rgba(0,0,0,.18)
}
#eye i i i i{
  background:#65a192;width:80%;height:80%;
  margin:10%;overflow:hidden;position:relative
}
#eye u{
  background:#3f4755;width:60%;height:60%;
  border-radius:50%;position:absolute
}
#eye i i i i:before,#eye u:after{
  content:'';position:absolute;width:140%;height:140%;
  background:rgba(255,255,255,.12);border-radius:100%;top:-70%;
  z-index:2
}
#eye u:after{
  width:25%;height:25%;background:#d3d2d2;top:0;left:60%
}
#eye s{
  position:absolute;width:200%;height:10%;z-index:3;
  background:#3f4755;border-radius:0 0 100% 100%;
  left:-50%;top:-10%;
  box-shadow:
    inset 0 -7px 7px rgba(0,0,0,.18);
  -webkit-animation:blink 10s infinite
}

@-webkit-keyframes blink {
20%,70%,74%{height:120%}
18%,22%,68%,72%,76%{height:10%}
}

.add_stiker_textarea{
	height: 160px;
	width: 230px;
	resize: none;
	font-size: 15px;
	text-align: center;
	line-height: 1.2;
	padding-top: 6px;
}

/* Инструкция */
.table_instructions{
	font-size: 17px;
    color: #EEF4FF;
    text-align: inherit;
}

.table_instructions tr td{
	    padding: 8px;
}

.bulkhead_instructions{background: rgba(49, 93, 169, 0.38);}

.icon_instructions{
	    font-family: LigatureSymbols;
    font-size: 2em;
    color: #fff;
    text-align: center;
}

.instructions_img{
	    width: 170px;
		box-shadow: 0px 1px 8px 1px #020202;
}

.welcome_box{
    z-index: 9999;
    position: fixed;
    width: 520px;
    padding: 10px;
    background: rgba(60, 107, 139, 0.78);
    color: #fff !important;
	bottom: 0%;
	 height: 445px;

}

.welcome_box_close{
	    position: absolute;
    right: 5px;
    top: 2px;
    padding: 5px;
    color: #00365A;
}

#background_send_form{
		    width: 140px;
    float: right;
    height: 128px;
    background: #23334D;
	cursor: pointer;
}

#background_send_input{
	    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.background_send_text{
	text-align: center;
    color: #fff;
    position: absolute;
    margin-top: 50px;
    width: 140px;
}

.box_main{
	width: 1000px;
    margin: 20px auto;
}
.box_info_welcome{}
.text_description{
	text-align: center;
    font-size: 22px;
    z-index: 3;
    color: #606060;
    width: 690px;
    float: right;
    
}
.img_screen{
	width: 282px;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
	border: 1px solid #5F5F5F;
	
}

.login_reg{
	width: 250px;
	float: left;
	z-index: 2;
	margin-bottom: 10px;
}

#logo {
	width: 180px;
    float: right;
    margin-left: 30px;
}

.box_contact{
	position: absolute;
    bottom: 0px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 5px 0px;
}

.box_terms a {    color: #383735 !important;}
.box_terms{
	position: absolute;
       bottom: 15px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 5px 0px;
}

.box_qr_code a{ color: #383735 !important;}
.box_qr_code{
	position: absolute;
       bottom: 30px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 5px 0px;
}

#qr_box img{
	width: 230px;
    margin-top: 15px;
	margin-bottom: 10px;
}

.friends_message_box{
	position: fixed;
    background: #3660A6;
    padding: 6px 12px;
    font-size: 19px;
    text-align: center;
    box-shadow: 0px 1px 8px 1px #020202;
    border-radius: 6px;
	z-index: 2;
	
}

.friends_message_text{
	float: left;
	color: #fff;
	word-wrap: break-word;
	    width: 100%;
}

.friends_message_info_top{
	font-size: 20px;
    float: left;
    margin-bottom: 8px;
    display: block;
    width: 100%;
    text-align: initial;
    color: #2B4269;
	
}

.friends_message_info_bottom{
	font-size: 12px;
    float: left;
    margin-top: 15px;
    display: block;
    width: 100%;
    text-align: initial;
    color: #2B4269;
	
}

.friends_message_author{
	float: right;
    padding: 3px;
    background: #2D5394;
}

.friends_message_author a{color: #98B1DC;}

.mes_stat_priv_yes{color: #D6D6D6;cursor: default;}
.mes_stat_priv_no{color: #2B4269; cursor: default;}

.message_del{color: #244988;cursor: pointer;float:right;}
.message_del:hover{color: #fff;}
.friends_message_new{    box-shadow: 0px 1px 24px 3px #003A90;}

.vk_bottom_link{
	position: fixed;
    bottom: 3px;
    left: 3px;
    color: #396684;
    background: rgba(63, 110, 142, 0.2);
    padding: 0px 10px;
}

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: none;
	color: #BCC0C8;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

ul.tabs li.current{
	    background: #1F4E9A;
	color: #BCC0C8;
}

.tab-content{
	display: none;
	    background: #1F4E9A;
	padding: 15px;
}

.tab-content.current{
	    display: flex;
}

.vk_repost{
	color: #fff;
    padding: 6px;
    font-size: 14px;
    text-align: center;
    width: 240px;
    float: left;
}

.vk_repost:hover{ background: #2A4B84;}