/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Exo+2:900');*/
@import url('https://fonts.googleapis.com/css?family=Anton|Exo+2:900|Roboto');

html {
	height: 100%;
	  box-sizing: border-box;
}

/**,
*:before,
*:after {
  box-sizing: inherit;
}*/

body {
	/*font-family: 'Open Sans Condensed', Arial;*/
	font-family: Roboto, Arial;
	margin: 0;
	background: #e8f0ff;
	position: relative;
	min-height: 100%;
}

.wrapper {
	padding-bottom: 140px;
}

a {
	color:#1b55c3;
	text-decoration: none;
}

a:hover {
	color:#cc0000;
	text-decoration: underline;
}



body, td {
	font-size:14px;
}

form {
	margin: 0;
	padding: 0;
}

/*ul > li, ol > li {
	margin-top: 10px;
}*/

.head {
	/*background: #5d93f3 url(/images/bg.jpg);*/
	/*background: #476ad2 radial-gradient(#2751ce, #3b60a7);*/
	background: #476ad2;
	overflow: hidden;
	padding:12px 0;
}

.head a.logo {
	/*font-family: Impact, 'Anton';
	text-decoration: none;
	float: left;
	border: 1px solid #476dca;
	padding: 7px;
	border-radius: 2px;
	background: #3a61ca;
	text-align: center;*/
	text-decoration: none;
	float: left;
	border: 1px solid #476dca;
	padding: 7px;
	border-radius: 2px;
	background: #3a61ca;
	text-align: center;
	font-size: 17px;
	color: #ffffff;
}

.head a.logo span {
	/*display: block;*/
	/*text-shadow: 1px 1px 0 #555, -1px -1px 0 #555;*/
	/*text-shadow: 0px 0px 2px #000;*/
}

.head a.logo span.logo-iris {
	color: #fddd40;
    font-weight: bold;
}

.head a .logo-bottom {
	/*font-size: 21px; */

}

.framed {
	max-width: 1200px;
	margin: 0 auto;

}

.padded {
	padding:0 24px;
}

.top-menu {
	margin: 0 0 0 180px;
	/*text-align:right;*/
}

.top-menu a {
	display: inline-block;
	padding: 12px 10px;
	color: #fafbff;
	border-radius: 2px;
	margin: 0;
	text-decoration: none;
}

.top-menu a:hover, .top-menu a.active {
	background: #0533bb;
}

/*.top-menu .scrollable {
	display: block;
}*/

/*#top-menu-point {
	display: none;
	position: relative;
	padding: 0;
}

#top-menu-point:after {
	background: url(top-menu1.png) no-repeat;
	position: absolute;
	right: 0;
	top: 2px;
	background-size: contain;
	width: 32px;
	height: 32px;
	content: "";
}*/

h1 {
	font-size:24px;
	margin:20px 0 0 0;
	font-weight: bold;
	line-height: 130%;
}

h2 {
	margin: 30px 0 10px 0;
}

.chat-list {
	margin:0;
	padding:0;
	list-style: none;
	border-top: 1px solid #e8f0ff;
}
.chat-list li {
	/*padding-top: 40px;
	padding-bottom: 35px;*/
	padding-top: 35px;
    padding-bottom: 30px;
	border-bottom: 1px solid #e8f0ff;
	padding-left: 20px;
}

.chat-list li:nth-child(2n-1) {
	background: #fafafa;
}

.chat-title a {
	font-size:18px;
	/*display: block;*/
}

/*.chat-link {
	margin-top:6px;
}*/

.chat-link span {
	/*display: inline-block;
	padding: 0 6px;*/
}



.chat-link a {
	color:#666;
}

.chat-link a.vk-join {
	color:#900;
}

.chat-link a:hover {
	color:#c00;
}

.chat-children, .cc2, .main-overview {
	overflow: hidden;
	margin:0;
	padding:0;
	list-style: none;
}

.super-d {
	display: inline-block;
	padding: 6px 10px;
	color: #fff;
	margin-bottom: 4px;
	text-decoration: none;
	background: #527ed2;
	width:auto;
}

.chat-children > li > a, a.super-button {
	display: inline-block;
	padding: 6px 10px;
	font-size: 14px;
	color: #fff;
	border-radius: 2px;
	margin-bottom: 4px;
	text-decoration: none;
	background: #527ed2;
	width:auto;
}

a.super-button  {
	padding: 0 10px;
}

a.super-button:hover {
	background: #0533bb;
}

.chat-children > li > a:hover, a.super-button:hover {
	background: #0533bb;
}

.chat-children > li, .cc2 > li {
	display: inline-block;
	vertical-align: top;
}

.chat-children .cc-active {
	background: #b7689b;
}

.main-overview li {
	display: inline-block;
	padding: 4px 7px;
	font-size: 14px;
	color: #000;
	border-radius: 2px;
	margin-bottom: 4px;
	text-decoration: none;
	background: #e8eeff;
	border: 1px solid #d2ddff;
}

.cc2 ul {
	/*margin-left: 40px;*/
	padding-left: 40px;
}

.cc2 > li > a {
	display: inline-block;
	padding: 6px 10px 0;
	font-size: 18px;
	color: #005dd4;
	border-radius: 2px;
	margin-bottom: 4px;
	text-decoration: none;
}

.cc2 > li > a:hover {
	text-decoration: underline;
}

.cc2 a {
	display: block;
}

.no-chats {
	font-size: 16px;
	padding: 20px;
	background: #f0f7ff;
	margin: 40px 0;
	border-top: 1px solid #cfe6ff;
	border-bottom: 1px solid #cfe6ff;
	line-height: 200%;
}

.chat-desc {
	font-size: 16px;
	padding: 20px;
	background: #f0f7ff;
	margin: 40px 0;
	border-top: 1px solid #cfe6ff;
	border-bottom: 1px solid #cfe6ff;
	line-height: 150%;
	color:#22548e;
}
.chat-desc p {
	margin:12px 0 0 0;
}

.vk-form td {
	padding-bottom:4px;
}

.vk-form textarea, .vk-form input, .vk-form select {
	padding: 5px 9px 7px;
	border-radius: 2px;
	box-sizing: border-box;
	color: #000;
	margin: 0;
	border: 1px solid #d3d9de;
	width:300px;
}

.vk-form textarea {
	height:100px;
}

.vk-form input[type=submit] {
	background-color: #5181b8;
	color: #fff;
	border: 0;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 7px 16px;
	width:auto;
}

.vk-form select {
	width:222px;
}

.vk-form .label, .vk-form .field-label {
	color: #656565;
	width: 80px;
	padding: 6px 10px 0 0;
	float: left;
	text-align: right;
}

.vk-form .label b, .vk-form .field-label b {
	color:#990000;
}

.vk-form .notice {
	font-size: 13px;
	color:#666;
	margin-top:4px;
}

.vk-form .error-message {
	font-size: 13px;
	color:#900;
	margin-top:4px;
}

.content {
	line-height: 150%;
}

.middle {
	background: #fff;
	overflow: hidden;
	border: 1px solid #cfdbf3;
	margin: 12px auto 0;
	border-radius: 2px;
	padding: 10px 0 40px;
	min-height: 400px;
}

.chat-form {
	/*background: #e0efff;*/
	background: #e8edf7;
	background: #e5edfb;

	overflow: hidden;
	padding: 12px 0;
}

.chat-form h2 {
	margin-top: 6px;
}

.pager {
	padding-left:14px;
	font-size:20px;
}

.pager a {
	display: inline-block;
	padding: 0 4px;
	margin-right: 4px;
}

.pager span.cur {
	display: inline-block;
	padding: 0 4px;
	margin-right: 4px;
}

.pager a.arr {

}

.chat-info .chat-date {
	display: inline-block;
}

.chat-item-link {
	margin-top:12px;
}

.cl-active, .cl-date, .cl-amount, .chat-amount, .chat-link, .cl-coins {
	/*margin-top: 6px;*/
	display: inline-block;
	padding: 4px 15px 2px 32px;
	background: no-repeat 9px 6px;
	/*background: #f4f8ff url(https://vk.com/emoji/e/f09f938a.png) no-repeat 9px 6px;
	border: 1px solid #ebf2ff;*/
	border-radius: 4px;
	color: #001d54;
	font-size: 13px;
	width:100px;
}

.cl-active {
	background-image: url(https://vk.com/emoji/e/f09f938a.png);
	width:76px;
}

.chat-image {
	float:left;
	margin: 0 6px 0 0;
	height: 60px;
	width:60px;
}

.chat-image img {
	height: 60px;
	width:60px;
	border-radius: 6px;
}

.chat-image-item {
	float:left;
	margin: 0 20px 6px 0;
	height:150px;
	border-radius: 6px;
}

.chat-hot {
	display: inline-block;
	margin: 0 1px 0 0;
	/*background: #e8f0ff;
	border: 1px solid #d8e6ff;
	border-radius: 2px;*/
}

.chat-hot img {
	margin-left:1px;
}

.cl-amount, .chat-amount {
	background-color: #fffae6;
	border: 1px solid #ffee9d;
	background-image: url(https://vk.com/emoji/e/f09f91a5.png);
	background-position: 9px 5px;
}

.cl-amount {
	width: 54px;
}

.cl-date {
	background-image: url(https://vk.com/emoji/e/f09f9793.png);
	width:70px;
}

.cl-coins {
	background-image: url(https://vk.com/emoji/e/e298a2.png);
}

a.chat-link {
	background: #7498dc;
	border: none;
	color: #fff;
	text-decoration: none;
	padding: 5px 15px 3px;
	width: 140px;
	text-align: center;
}

a.vk-join {
	background: #70bd70;
}

a.chat-link:hover {
	background: #5077da;
	color: #fff;
}

.chat-links a, .chat-links div {
	margin-top:6px;
}

a.vk-join:hover {
	background: #38a038;
}

.content p img {
	margin:0 auto;
	display: block;
	max-width:available;
}

.footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	/*background: #bad2ff;
	border-top: 1px solid #a5c0f3;*/
	background: #5181b8;
	padding: 10px 0;
	min-height: 50px;
	overflow: hidden;
}

.footer a, .footer ul {
	color: #e5f1ff;
}

.footer a:hover {
	color: #fff;
}

.f-col {
	float:left;
}

.error-field {
	background: #ffe0e0;
}
.vk_body {
	height:800px;
}
.vk_body .wrapper {
	overflow-y: auto;
	/*width:607px;*/
	height:800px;
	padding-bottom: 0;
}

.vk_body .footer {
	position: static;
}

.vk_body .top-menu {
     margin: 0;
     /*text-align: left;*/
}

.vk_body .head .logo {
      float:right;
}

.moderators ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.moder-names {
	text-transform: uppercase;
}

.moderators > ul > li {
	margin-bottom: 12px;
}

.moder-stars {
	height:16px;
	background: url(https://vk.com/emoji/e/e2ad90.png) repeat-x 0 50%;
	display: inline-block;
}

.m-online li {
	background: url(https://vk.com/emoji/e/f09f8ebe.png) no-repeat 0 50%;
	padding-left: 20px;
}

.m-offline li {
	background: url(https://vk.com/emoji/e/f09f8f90.png) no-repeat 0 50%;
	padding-left: 20px;
}
/*****************************************/

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

	.head .top-menu a {
		display: block;
		font-size: 14px;
		text-align: center;
	}

	.middle {
		min-height: auto;
	}

	.chat-image {
		width:auto;
		height:auto;
	}

	/*.chat-hot {
		display: none;
	}*/

	.chat-image-item {
		margin: 0 6px 0 0;
		height:56px;
	}

	.footer .framed {
		overflow-y: auto;
	}

	/*#top-menu-point {
		display: block;
	}

	.top-menu1 {
		display: none;
	}

	#top-menu-point:after {
		display: block;
	}*/

	.head a.logo {
		float:none;
		display: block;
		margin-top: 4px;
	}

	.top-menu {
		margin: 0;
		overflow-x: auto;
		text-align: left;
	}

	/*.top-menu a {
		padding: 24px 10px 14px;
	}*/

	.head .top-menu a {
		display: table-cell;
		white-space: nowrap;
	}

	.chat-image {
		width: auto;
		height: auto;
	}

	.chat-image img {
		width:54px;
		height: 54px;
	}

	.chat-list li {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.cl-active, .cl-date {
		width: auto;
	}

	.middle {
		border-left: none;
		border-right: none;
	}

	.chat-list li {
		padding-left: 10px;
	}

	.padded {
		padding: 0 10px;
	}

	.cl-active, .cl-date, .cl-amount, .chat-amount, .chat-link, .cl-coins {
		padding: 4px 8px 2px 32px;
	}

	h1 {
		font-weight: normal;
	}

	.chat-children {
		display: table;
	}

	.chat-children li {
		display: table-cell;
		white-space: nowrap;
		padding-right: 4px;
	}

	.scrollable {
		overflow-x: auto;
	}

	.chat-title {
		white-space: nowrap;
	}

}