body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.42857143;
	color: #660066;
	background-color: #fff; padding-top: 0;
}
.footer {
    width: 100%;
  background-color: #f6f6f6;
}

.footer .text-mutt {
  margin: 20px 20px;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}
.bgbg {background: #e9eff4;}
.bgwt {background: #fff}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 1px;
	list-style: none;
	background-color: #e9eff4;
	border-radius: 0; font-weight: bold; font-size: 12px
}
.panel-success>.panel-heading {
	color: #ffffff;
	background-color: #018c8c;
	border-color: #d6e9c6;
}
.panel {
	margin-bottom: 5px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.0);
	box-shadow: 0 1px 1px rgba(0,0,0,.0)
}
.panel-body {
	padding: 10px
}
.panel-heading {
	padding: 5px 10px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.panel-heading>.dropdown .dropdown-toggle {
	color: inherit
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	color: inherit
}
.panel .cent a {color: #fff}
hr {
	margin-top: 10px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid #333
}
a {
	color: #336698;
	text-decoration: none
}
a:focus, a:hover {
	color: #23527c;
	text-decoration: underline
}
.img-responsives img  {
	display: block;
	width: 100%;
	height: auto
}
.form-control {

	font-size: 12px;
	border: 1px solid #018c8c;
	color: #555;
	background-color: #fff;
	background-image: none;

}
/*.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px; margin-top: 3px
}*/
.input-group {padding: 2px}
.btn-success {
	color: #fff;
	background-color: #018c8c;
	border-color: #4cae4c
}
.adm {border-bottom: 1px #333 dotted; padding-bottom: 5px; margin-bottom: 9px }
.articles {font-size: 1.2em; line-height: normal}
img.gor {
    float: left;
    padding-right: 4px;
    padding-bottom: 4px;
   }
.gor img {
    float: left;
    padding-right: 4px;
    padding-bottom: 4px;
   }
blockquote {
	padding: 10px 20px;
	margin: 5px 0 20px;
	font-size: 12px;
	border-left: 5px solid #eee
}

/* --- Комментарии --- */
/* Форма добавления */
.addcomment { background-color: #f7f7f7; padding: 20px }

	/* Модификация BB редактора для комментариев
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }*/

/* Комментарии */
.com_list { padding-top:  }
	.comment {
		padding: 10px 8px;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list .comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}
	.comment:hover {
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
	}
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 15px; position: relative; }
	.comment .avatar .cover { width: 36px; height: 36px; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -4px 0 0 -4px;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: 2px solid #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
	}

	.com_info { font-size: .9em; margin-bottom: 5px; margin-top: -5px; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: 9px 15px 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: 9px 0 0 0; }
	.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: 4px; }
		.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #3394e6; }
		.comment .meta .left a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; }
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: right; }

	/* Древовидные комментарии */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list .comments-tree-list { list-style: none; padding: 0; margin: 0; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	#blind-animation .comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 10px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 5px;
		margin: 15px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}

	/* Управление комментариями */
	.mass_comments_action { text-align: right; border-top: 1px solid #efefef; padding: 2% 8%; }
	.mass_comments_action > select { height: 36px; padding: 5px; width: 200px; margin-left: 1em; }

	.com_content > .title { margin-top: 4%; }
	.com_content > .text { font-size: 1.08em; }
.box {padding: 10px}
@media (min-width:768px) {
.form-horizontal .control-label {
	padding-top: 7px;
	margin-bottom: 0;
	padding-right: 5px;
	text-align: right
}
}
.ed2 {  padding: 8px}
.pagination>li>span {
	z-index: 2;
	color: #fff;
	background-color: #018c8c;
	border-color: #ddd
}
.canvas {
	 z-index:-55000; position:absolute; left:0; top:0; width:100%; margin-left:-25px;
}