@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&subset=cyrillic');
body {font-family: 'Source Sans Pro', sans-serif;}
h1,h2,h3 {font-family: 'Source Sans Pro', sans-serif;line-height:150%;}

/* заголовки */
h1 {font-size:36px;font-weight:900;}
h2 {font-size:30px;font-weight:600;}
h3 {font-size:24px;font-weight:600;}
.inner #main h1 {text-transform:uppercase;text-align:center;font-size:36px;font-weight:900;}
.inner #main h2 {text-transform:uppercase;text-align:center;font-size:28px;font-weight:600;}
.inner #main h3 {text-transform:uppercase;text-align:center;font-size:24px;font-weight:600;}
/*
.inner #main h1 {font-size:1.5em;font-weight:700}
.inner #main h2 {font-size:1.4em;font-weight:600}
.inner #main h3 {font-size:1.2em;font-weight:600}
*/

/* ссылки */
#main a, a, a:hover {text-decoration:none;}
#main a:hover {text-decoration:underline;}

#main form#adminForm {max-width:100%;margin:1em 0;}

/* параметры ширины */
.warp,
.flx,
.moduletable > .custom {width:100%;max-width:1320px;margin:0 auto;}
.flx.mod100,
.moduletable.mod100 > .custom {max-width:100%;}

/* отступы материала */
p, #main p {margin:0.5em 0;}
#main ul li {margin:0.5em 0;}
.inner-page #main h1,
.inner-page #main h2,
.inner-page #main h3 {margin:1em auto 0.33em auto;}

/* боковая колонка */
.kontent > .flx {flex-wrap:nowrap;}
.kontent > .flx > .flin1 {width:300px;}
.kontent > .flx > .flin2 {width:calc(100% - 300px);padding-left:10px;}
.kontent > .flx > .flin {width:100%;}
@media (max-width:960px){}

/* верхнее меню */
ul#top {
	display:flex;
	padding:0;margin:1em auto;
	list-style-type:none;
	flex-wrap:wrap;
	justify-content:space-around;
	width:100%;
}
ul#top > li {
	display:inline-block;
	padding:0;margin:0;
}
ul#top > li > a {
	display:block;
	line-height:2em;
	padding:0;
	margin:0 0.25em;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

/* комментарии jcomments */
#main #jc span {border:0;}
#main #jc > span,
#main #jc #comments-form-link > #addcomments,
#main #jc #comments-form-link > span {font-weight: bold;margin: 1.5em 0 0.75em 0;text-transform: uppercase;font-size: 0.9em;display: block;border: 0;}
#main #jc #comments-form-link .showform {padding:0;background:none;}
#main #jc #comments-form #comments-form-buttons {margin-left:0!important;}
#main #jc #comments .refresh {display:none;}
#main #jc #comments > span {font-weight: bold;margin: 1.5em 0 0.75em 0;font-size: 0.9em;display: block;border: 0;}
#main #jc #comments #comments-list {margin-left:0;}
#main #jc #comments .comment-date {font-weight: normal;font-size: 14px;
    background: url('/images/forms/date.png') left center no-repeat;
    background-size: 12px;
    padding-left: 18px;
    display: block;
    margin-top: 4px;}
#main #jc .rbox {border:0;padding: 4px 0;}
#main #jc #comments .comment-body {margin-top:8px;line-height:140%;}
#main #jc #comments-form > p {margin-left:0!important;}
#main #jc #comments-form > p > span {border-bottom:0;font-size:14px;}
#main #comments-form {max-width:450px;margin:1em 0;}
#main #comments-form .btn {border:0;padding:0;margin:0;background:none;}
#main #comments-form .btn div {border:0;padding:0;margin:0;background:none;float:none;}
#main #comments-form .btn a {height:auto;}
#main #comments-form input,
#main #comments-form textarea {width: 100%;max-width: 100%!important;padding: 5px !important;height:auto;}
#main #comments-form .grippie {display:none;}
#main #comments-form input.checkbox {width: 16px;}
#main #comments-list-footer,
#main #comments-footer {display:none;}

/* навигация в материале */
#main ul.breadcrumb {
	list-style-type:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:right;
	flex-wrap: wrap;
}
#main ul.breadcrumb > * {
	display:inline-block;
	margin:0.5em 0;
	padding: 0 5px 0 0;
	line-height:18px;
	font-size:14px;
	background:none;
	white-space:nowrap;
}

/* поиск */
.search .form-inline {margin:0;}
.search label.element-invisible {display:none;}
.search input {width:100%;border:1px solid #ccc;background:url('/images/src0.png') calc(100% - 4px) center no-repeat;background-size: auto 16px;padding: 4px;}
.search input:hover, .search input:focus {border:1px solid #000;} 

/* формы quickform */
.qf2form .qf2labelreq,
.qf2form .nfl {display:none;}
.qf2form label {display:inline-block;width:auto;}
.qf2form .box_nolabel > label {display:none;}
.qf2form .radioblok,
.qf2form .qfcheckbox {margin: 0 0 0.5em 0;}
.qf2form .radioblok > span {display:block;}
.qf2form .radioblok > label,
.qf2form .qfcheckbox > label {margin:0;}
.qf2form .ic-name {background:url('/images/form/name.png');}
.qf2form .ic-phone {background:url('/images/form/phone.png');}
.qf2form .ic-email {background:url('/images/form/email.png');}
.qf2form .ic-place {background:url('/images/form/place.png');}
.qf2form .ic-question {background:url('/images/form/question.png');}
.qf2form .ic-date {background:url('/images/form/date.png');}
.qf2form .ic-name, .qf2form .ic-phone, .qf2form .ic-email, .qf2form .ic-place, .qf2form .ic-question, .qf2form .ic-date {background-position: 8px 8px;background-size: 16px;background-repeat: no-repeat;padding-left: 32px;}
.qf2form .qfsubmit {text-align:center;}
.qfoverlay {position: absolute;top: 0;width: 100%;background-color: #000000;opacity: 0.8;z-index: 999990;}
.qfmodalform {padding: 0;background-color: #fff;position: absolute;top: 0;left: 50%;width: 62%;margin-left: -31%;z-index: 999999;}
.qfmodalform div.qf2form {padding: 20px;width: 100%;}
@media (max-width:900px){.qfmodalform {width: 92%;margin-left: -46%;}}

.qfclose {position: absolute;top: 0;right: 0;height: 18px;width: 18px;cursor: pointer;color: #000000;font-size: 18px;}

/* всплывающие окна */
#fancybox-title {display:none;}
#cboxOverlay, #cboxWrapper, #colorbox {z-index:999999;}






#sbox-window {box-sizing:content-box;}



#main .blog h2, #main .blog-featured h2 {
	font-size:20px;
}
#main .blog h3, #main .blog-featured h3 {
	font-size:18px;
}
.moduletable h3 {
}

/* пагинация
#main .pagination ul {
	padding:0;
	margin:0;
	list-style-type:none;
	margin-bottom:10px;
	text-align:left;
}
#main .pagination li {
	display:inline-block;
	margin: 2px;
	padding: 0;
	font-size: 14px;	
}
#main .pagination li span {
	display:block;
	margin: 0;
	padding: 0 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	transition: 0.2s;
	font-size: 14px;	
}
#main .pagination li a {
	display:block;
	margin: 0;
	padding: 0 2px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	transition: 0.2s;
	font-size: 14px;	
}
#main .pagination li a:hover {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
#main .pagination li a, #main .tags li a {text-decoration:none;}
#main .pagination li a:hover, #main .tags li a:hover {text-decoration:none;}

 */
/* Две колонки */
.blog-featured .items-row, .blog .items-row {display:table-row;}
.blog .items-row .span6,
.blog-featured .items-row .column-1,
.blog-featured .items-row .column-2 {width:50%;display:table-cell;vertical-align:top;padding:0px 8px;}



/* модуль комментариев jcomments 2 */

ul.jcomments-latest li {
    display: inline-block;
    width: calc(50% - 20px);
    float: left;
    margin: 10px!important;
    padding:20px;
    box-sizing: border-box;
    border-radius:5px;
    background:#fff!important;
    min-height: 240px;
}

ul.jcomments-latest .author {
    text-transform: uppercase;
	font-size: 20px!important;
	font-weight: 400;
	text-align: left;
	color: #02AADB!important;
	margin-left:30px!important;
}
ul.jcomments-latest .date {
	font-size:12px!important;
	margin-left:30px!important;
	text-align:left;
}
ul.jcomments-latest .rounded {
    border-radius: 0px!important;
    border: 0px!important;
    text-align: justify;
    font-size: 14px!important;
}
















.demo {
	display:flex;
	width:300px;
	margin:0 auto;
	flex-wrap:wrap;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.demo > * {
	display:inline-block;
	width:50px;
	margin:5px;
	height:50px;
	line-height:50px;
}