@charset "utf-8";

h1, .title { font-size: 30px; }

.-float-right { float: right; }

.-img-mini { display: inline-block; width: 200px; height: 200px; vertical-align: top; background: #fff no-repeat center center; background-size: contain; border: 1px solid #ccc; text-decoration: none; }
.article-block-add > a, .article-block-edit > a,
.news-form input[type="submit"], .button,
.news-filter > div > span, .news-filter > div > i, .news-filter > div > a,
.news-filter > div > span:first-letter, .news-filter > div > span:hover:first-letter, .news-filter > div > span.cur:first-letter,
.art-edit-question button,
.ed-video-list > i,
.photos-list.objs .sortable_a_pdel, .photos-list .rm a  {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.width100p, .width-100p { width: 100%; }
.width50p { width: 50%; }

.article-block-add { margin: 10px 0; opacity: 0.7; }
.article-block-add > a { display: inline-block; text-decoration: none; margin-right: 5px; color: #fff; background: #7D8F9A; padding: 5px 15px; border-radius: 5px; font-size: 13px; }
.article-block-add > a:hover { background: #89B9E8; }
.article-block-add > a > i { padding-right: 8px; }

.article-block-edit { background: #7D8F9A; border:1px solid #7D8F9A; padding: 10px 10px 0 10px; border-radius: 5px; overflow: hidden; }
.article-block-edit.article-block-edit-hide { opacity: 0.5; }
.article-block-edit-table { background: #7D8F9A; border:1px solid #7D8F9A; border-radius: 5px; }
.article-block-edit-table .table-title { color: #fff; text-align: left; font-weight: 500; }
.article-block-edit-menu { margin: 0 0 10px 0; }
.article-block-edit > a { display: inline-block; text-decoration: none; color:#fff; text-align: center; margin: 0 15px 7px 2px; font-size: 12px; }
.article-block-edit > a:hover, .article-block-edit > a.cur { color: #D6DB00; }
.article-block-edit > a.-float-right { margin: 0 2px 7px 15px; }
.article-block-edit > a > i { display: block; padding-bottom: 5px; font-size: 20px; }
.article-block-edit > div { padding: 10px; margin: 0 -10px;  background: #fff; }

.article-block-line { display: block; margin: 0 -10px -10px -10px; padding: 3px 10px; background: #89B9E8; color:#fff; font-size: 12px; }
.article-block-line form { display: block; }
.article-block-line input[type="file"] { font-size: 12px; color:#fff; }
.article-block-line input[type="submit"] { font-size: 12px; }
.article-block-line a { color:#ef0000; text-decoration: none; }
.article-block-line a:hover { color: #fff; }

.art-edit-question { padding:30px; }
.art-edit-question > div { position: relative; padding-top: 15px; margin-top: 15px; border-top: 1px solid #ddd; }
.art-edit-question.edit-map > b { display: block; text-align: left; }
.art-edit-question > div > div, .art-edit-question.edit-map > b > div > div { display: inline-block; width: 50%; vertical-align: top; padding-right: 10px; }
.art-edit-question > div:first-child { padding-top: 0; margin-top: 0; border-top: none; }
.art-edit-question.hide-10 > div:nth-child(n+10) { display: none; }
.art-edit-question.hide-10 > div.first { display: block; }
.art-edit-question.edit-garmozka > div > div:nth-child(1) { width: 70%; text-align: center; }
.art-edit-question.edit-garmozka > div > div:nth-child(2) { width: 20%; text-align: center; }
.art-edit-question.edit-garmozka > div > div:nth-child(3) { width: 10%; text-align: center; }
.art-edit-question.edit-garmozka > div { padding-top: 0; margin-top: 0; border-top: none; }
.art-edit-question.edit-garmozka > div:first-child { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.art-edit-question.edit-map > div > div, .art-edit-question.edit-map > b > div > div { width: calc(100% / 12); text-align: center; }

.art-edit-question.edit-map > div > div:nth-child(2),
.art-edit-question.edit-map > div > div:nth-child(3), 
.art-edit-question.edit-map > div > div:nth-child(4),
.art-edit-question.edit-map > div > div:nth-child(5),

.art-edit-question.edit-map > b > div > div:nth-child(2),
.art-edit-question.edit-map > b > div > div:nth-child(3), 
.art-edit-question.edit-map > b > div > div:nth-child(4),
.art-edit-question.edit-map > b > div > div:nth-child(5)

{ width: calc(100% / 12 * 2); }

.art-edit-question.edit-map > div > span { position: absolute; top:24px; left: -28px; text-align: right; font-size: 13px; color: #777; }
.art-edit-question b { display: block; }
.art-edit-question sup { color: #ef0000; }
.art-edit-question textarea, .art-edit-question input[type="text"] { width: 100%; height: 35px; background: #f5fbff; font-size: 14px; }
.art-edit-question.edit-map input[type="text"] { font-size: 12px; }
.art-edit-question button { 
	margin-top: 20px; 
	padding: 10px 25px; 
	border-radius: 7px; 
	border: 2px solid #176C00; 
	background: #176C00; 
	color: #fff; 
	cursor: pointer;
	line-height: 1;
	height: 50px;
	overflow: hidden;
}
.art-edit-question button:hover { border-color: #fffefe; }
.art-edit-question button > i { padding-right: 10px; }
.art-edit-question button.show-all-adr { max-width: 500px; padding: 10px 20px; height: auto; background: #D86F00; border-color: #D86F00; } 
.art-edit-question button.show-all-adr:hover { border-color: #fffefe; }
.art-edit-question .rm, .art-edit-question .rm-map { position: absolute; color: #ef0000; text-decoration: none; bottom:152px; right: -23px; cursor: pointer; }
.art-edit-question.edit-comments .rm { bottom:255px; right: -17px; }
.art-edit-question.edit-garmozka .rm { bottom:11px; right: -17px; }
.art-edit-question.edit-map .rm, .art-edit-question.edit-map .rm-map { bottom:11px; right: -17px; }

.article_conteiner:after { content:'';display:block; clear:both; width:100%; height:0; }

.height-100px { height: 100px !important; }

.bl-center { background: #EFFAFF; padding: 30px 40px; }

.pnnl-item { 
	width:calc(100% / 3 - 30px); 
	display: inline-block; 
	vertical-align: top; 
	margin: 0 30px 30px 0; 
	background: #fff; 
	padding: 20px; 
    -webkit-box-shadow: 0px 25px 3px -15px rgba(255,255,255,0.6), 0px 10px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 25px 3px -15px rgba(255,255,255,0.6), 0px 10px 25px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 25px 3px -15px rgba(255,255,255,0.6), 0px 10px 25px 0px rgba(0,0,0,0.1);
}
.pnnl-item > a { display: block; margin-bottom: 20px; }
.pnnl-item > a > div { height: 170px; background: no-repeat center center; background-size: cover; }
.pnnli-title 
{ font-weight:600; font-size:18px; line-height:24px; color:#000; display:inline-block; height:70px; margin-bottom: 10px; overflow:hidden; text-decoration:none; }
.pnnli-title:hover { color: #E10613; }
.pnnl-item > div > p { font-weight: 300; font-size: 16px; line-height: 23px; height: 68px; overflow: hidden; display: block; margin-bottom: 10px; }
.pnnl-item > div > b { color: #646464; display: block; font-size: 16px; font-weight: 500; }

.news-form { position: relative; line-height: 33px !important; }
.news-form td { padding: 10px 15px; line-height: 20px !important }
.news-form sup { color:#ef0000; line-height: 0; }
.news-form input[type=text], .news-form input[type=email], .news-form input[type=tel], .news-form textarea, .news-form select { width:100%; padding:8px 12px; color:#000; }
.news-form textarea { height:80px; vertical-align: baseline; }
.news-form input[type=submit], .button { 
	/*width:100%; 
	text-decoration: none; 
	padding: 12px 12px; 
	background:#09800a; 
	color:#fff; 
	border: 2px #09800a solid; 
	cursor: pointer; 
	height: auto;
	line-height: 1.2;
	font-weight: normal;
	font-size: 16px;*/
}
.news-form input[type=submit].remove, .button.rm-block { background:#e10613; color:#fff; border: 2px #e10613 solid; }
.news-form input[type=submit]:hover, .button:hover { /*color:#000; background: #fff;*/ }
.news-form label { cursor: pointer; }
.news-form .img, .-form-style-1 .img { width:100px; height:80px; background: #fff no-repeat center center; background-size:contain; border: 1px solid #ccc; border-radius: 5px; margin: 5px; }

.news-form-root {
	position: absolute;
	text-decoration: none;
	color: #1fb118;
	right: 16px;
	margin-top: 10px;
}

.news-art .sections-1 { padding: 0; }

.news-filter { padding: 25px 45px; background: #fff; margin-bottom: 25px; box-shadow: 0px 0px 90px rgba(0, 0, 0, 0.05); }
.news-filter > div { padding-top: 10px; font-size: 14px; }
.news-filter > div:first-child { padding-top:0; }
.news-filter > div > b { display: inline-block; vertical-align: top; line-height: 35px; padding-right: 10px; }
.news-filter > div > span, .news-filter > div > i, .news-filter > div > a { 
	margin: 5px 9px 5px 0; 
	display: inline-block;
	vertical-align: top;
	background: #fff; 
	border: 1px solid #E5E5E5; 
	padding: 4px 15px;
	border-radius: 20px;
	cursor: pointer;
	white-space: nowrap;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: normal;
	color: #333;
}
.news-filter > div > span:hover, .news-filter > div > span.cur, .news-filter > div > a:hover, .news-filter > div > a.cur { background: #DB3232; color: #fff; }
.news-filter > div > a.ed { background: #ed7001; color: #fff; padding: 4px 8px; opacity: 0.6; }
.news-filter > div > a.ed:hover { opacity: 1; }
.news-filter > div > span:first-letter, .news-filter > div > a:first-letter { color:#DB3232; }
.news-filter > div > span:hover:first-letter, .news-filter > div > span.cur:first-letter, .news-filter > div > a:hover:first-letter, .news-filter > div > a.cur:first-letter { color:#fff; }
.news-filter > div > span > i { color:#DB3232; }
.news-filter > div > span:hover > i, .news-filter > div > span.cur > i { color: #fff; }
.news-filter > div > i { 
	border-radius: 50%;
    text-align: center;
    width: 23px;
    height: 23px;
    padding: 0;
	margin-top: 7px;
    line-height: 22px;
    font-size: 14px;
    background: #DB3232;
	border-color: #DB3232;
    color: #fff;
}
.news-filter > div > i:hover, .news-filter > div > i.cur { background: #EB515A; border-color: #EB515A; color: #fff; }

.news-add { float: right; width: auto; margin: 15px; }

.news-info > div { display: inline-block; vertical-align: top; margin: 0 15px 15px 0; font-size: 14px; }
.news-info > div > i { color: #DB3232; margin-right: 5px; }


.photos-list { display: block; }
.photos-list > li {
	position: relative;
	list-style: none;
	display:inline-block !important; 
	vertical-align: top;
	width:calc(100% / 3 - 10px - 0.1px); 
	margin:0 10px 10px 0 !important; 
	border:1px dashed #ccc; 
	background: #efefef;
	padding:5px !important; 
	border-radius:3px;
}
.photos-list > li.-act-1 { border-color: #19EC00; background: #fff; }
.photos-list > li, .photos-list .ui-state-highlight { height: 520px !important; }
.photos-list.-type-0 > li, .photos-list.-type-0 .ui-state-highlight { height: 390px !important; }
.photos-list.objs > li, .photos-list.objs .ui-state-highlight { height: 215px !important; }
.photos-list.-type-2 > li, .photos-list.-type-2 .ui-state-highlight { height: 375px !important; }
.photos-list-mini.photos-list > li, .photos-list-mini.photos-list .ui-state-highlight { height: 235px !important; }
.photos-list > li:before { display: none !important; }
.photos-list > li > i { 
	position:relative; 
	display:block; 
	height:200px; 
	background:no-repeat center center; 
	background-size:contain; 
	border:1px solid #ccc; 
}
.photos-list > li > i > b { 
	position: absolute; 
	left:0; 
	display: inline-block; 
	text-align: left; 
	background: rgba(0,0,0,0.3); 
	padding: 4px; 
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottom-right: 4px;
	border-bottom-right-radius: 4px;
}
.photos-list > li > i > b > a { display: block; color: #fff; font-size: 10px; line-height:15px; font-weight: normal; text-decoration: none; }
.photos-list > li > i > b > a:hover { color:#ef0000; }
.photos-list > li > i > div {
	position: absolute; 
	right:0; 
	background: rgba(0,0,0,0.3);
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottom-left: 4px;
	border-bottom-left-radius: 4px;
	padding: 4px; 
}
.photos-list > li > i > div > a { display: inline-block; color: #fff; text-decoration: none; padding: 0 5px; }
.photos-list > li > i > div > a:hover { color:#ef0000; }
.photos-list > li > input, .photos-list > li > textarea { width: 100%; margin-top: 5px; font-size: 11px; }
.photos-list > li > textarea { height: 50px; }
.photos-list > li > label, .photos-list > li > div { display: block; vertical-align: top; padding: 3px 10px; text-align: right; white-space: nowrap; }
.photos-list > li > label > b, .photos-list > li > div > b { padding-right: 5px; font-size: 13px;  display: inline-block; vertical-align: top; line-height: 33px; }

.photos-list > li > label > input, .photos-list > li > label > select, .photos-list > li > label > textarea, .photos-list > li > label > span, .photos-list > li > div > span
{ display: inline-block; width: 70% !important; font-size: 13px; vertical-align: baseline; text-align: left; }
.photos-list > li > label > span input[type=checkbox], .photos-list > li > label > span input[type=radio],
.photos-list > li > div > span input[type=checkbox], .photos-list > li > div > span input[type=radio]{ margin-top: 8px; }

.photos-list .rm { position: absolute; top: 40px; right: 5px; }
.photos-list .rm a { display: block; width: 30px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #ef0000; opacity: 0.5; border-radius: 4px 0 0 4px; }
.photos-list .rm a:hover { opacity: 1; }

.photos-list.objs .sortable_a_pdel { 
	position: absolute;
	top: -2px;
	right: -2px;
	background: #ef0000;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff !important;
}
.photos-list.objs .sortable_a_pdel:hover { transform: rotate(180deg); }

/* Sort LI */
.sortli { position:relative; display:block; list-style: none; list-style-type: none; margin: 0; padding: 0; width:100%; }
.sortli > li {
	position:relative;
	display:inline-block !important;
	vertical-align: top;
	text-align: center;	
	border:1px dashed #ccc; 
	background:#fff;
	cursor:move;
}
.sortli > li:first-child { border:3px solid #ef0000; }
.sortli > li.-act--1 { background: #FFB41B; }
.sortli .ui-state-highlight { height: 294px; background:#fff7c0 !important; }
/* END Sort LI */

.slider-edit-images a { display: inline-block; }
.slider-edit-img { background: no-repeat center center; background-size: cover; }
.slider-edit-images input[type="text"] { font-size: 12px; }

.ed-video-list { position: relative; }
.ed-video-list > div { display: inline-block; vertical-align: top; width: 50%; padding: 0 0 5px 0; }
.ed-video-list > div:first-child { padding-right: 5px; }
.ed-video-list > div > input, .ed-video-list > div > textarea { width: 100%; font-size: 12px; }
.ed-video-list > div > input + input { margin-top: 5px; }
.ed-video-list > i { position: absolute; color: #ef0000; top: 8px; right: -20px; cursor: pointer; }
.ed-video-list > i:hover { transform: rotate(180deg); }

.edit-price > div { border-bottom: 1px dashed #ddd; margin-bottom: 5px; }
.edit-price > div:first-child, .edit-price > div:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.ed-html-list-height { height: 93px; }


.tags_example { display: block; padding-top: 8px; font-size: 12px; color: #777; }
.tags_example > b { display: inline-block; padding-right: 5px; font-weight: 500; }
.tags_example > span { padding: 3px 10px; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Timers + BlockStat + BlockUser */
.lending-form-block { position: relative; }
.lending-timer-form { padding: 20px; }
.lending-timer-form > div { margin-bottom: 3px; padding: 15px; background: #333; border-radius: 5px; }
.lending-timer-form .-cnt-list > div { margin-bottom: 0; position: relative; }
.lending-timer-form .-cnt-list > div > div.-right { position: absolute; top: 13px; right: -40px; width: 30px; }

.lending-form-header-block { background: #f2741a; color: #fff; line-height: 1; }
.lending-form-header { text-align: right; font-weight: bold; padding-top: 9px; }
.lending-form-time-line { padding-top: 4px; }

.lending-form-ico { padding-top: 5px; }
.lending-form-ico .bl2 { display: inline-block; vertical-align: top; font-weight: normal !important; margin-left: 10px; margin-top: 0 !important; color: #2791CC !important; }
.lending-form-ico label { display: inline-block; vertical-align: top; min-width: 43px; margin:0 3px 5px 0; text-align: center; padding: 1px 2px 1px 0px; color: #fff; background: #2791CC; border:1px solid #2791CC; border-radius: 5px; }
.lending-form-ico label.cur { color: #2791CC; background: #fff; }
.lending-form-ico-name input[type=checkbox] { top: 4px; position: relative; }
.lending-form-ico input[type=checkbox] { float: left; }
.lending-form-ico input { max-width: 175px; }
.lending-form-text textarea { max-height: 33px; }
.lending-form-time input { max-width: 100px; }
.lending-form-time button { line-height:0; margin-left: 4px; }
.lending-form-id input { max-width: 130px; }
.lending-form-id .lending-add-block { margin-left: 4px; }
.lending-blockuser-form input { margin-bottom: 4px; }
.lending-blockuser-form input.-add { border-color: #ef0000; }
.lending-blockuser-form textarea { max-height: none; height: 66px; }
.lending-get-user-info { min-height: 26px; }
.lending-form-first-block { background: #fffde6; }
.lending-form-first-block .lending-rm-block { display: none; }
.lending-form-new-block { background: #e6ffef; }

.lending-up-block, .lending-down-block { position: absolute; right: 5px; font-size: 13px; color: #2791CC; cursor: pointer; }
.lending-up-block { top: 5px; }
.lending-down-block { bottom: 5px; }
.lending-up-block:hover, .lending-down-block:hover { color: #FFA900; }
.lending-form-first-block .lending-up-block, .lending-form-first-block .lending-down-block { display: none; }

.lending-form-time-line > label { margin-right: 10px; }
.lending-form-time-line input[type=text] { width:50px; }
.lending-form-time-line.-bg input[type=text] { width:100%; }
.lending-form-time-line { width: calc(100% / 3 * 2 - 30px) !important; }

.-no-lending .lending-form-list > div { display: block; width: 100%; }
.-no-lending .lending-form-header { text-align: left; padding-bottom: 10px; }
.-no-lending .lending-form-time-line > label { display: block;margin: 5px 0; }
.-no-lending .lending-get-user-info { float: left; margin-right: 10px; }
.-no-lending .lending-up-block, .-no-lending .lending-down-block { right: 2px; }

.lending-blockstat-form.-no-lending .lending-form-text { margin-bottom: 5px; }

.fsoptions input, .fsoptions select, .ffoptions input, .ffoptions select { width: 100%; }
.fsoptions input[type=radio], .fsoptions input[type=checkbox], .ffoptions input[type=checkbox] { width: auto; }

.ffoptions tr > th:nth-child(1) { width: 60px; }
.ffoptions tr > th:nth-child(4) { width: 180px; }
.ffoptions tr > th:nth-child(5) { width: 250px; }

@media (max-width: 768px) {
	.bl-center { padding: 15px 40px 15px 10px; }
}
