@import url('https://fonts.googleapis.com/css?family=Oswald:400,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic');
 
/* BASE CSS */

body {
	padding:0;
	margin:0;
    font-family: 'PT Sans', 'Arial', sans-serif;
	font-size:16px;
	color:#3c5041;
	background:#f3f7f1;
}

.flx,
table {width:100%;max-width:1170px;margin:0 auto;}

div, a {
	box-sizing:border-box;
	padding:0;
	margin:0;
}

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

ul.dropdown-menu, ul.actions {display:none;}

img {
  	display:inline-block;
  	padding:0;
	margin:0;
	border:0;
	max-width:100%;
}

#main ul li {margin:8px 0px;}

.allpage {
	width:100%;
	margin:0 auto;
}

.moduletable_full {width:100%;max-width:100%;}

.flx {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:stretch;
	margin: 0 auto;
}
.flx > * {flex-basis:auto;display:inline-block;}

.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%;}
#main {
	color:#333;
	padding:0;
	text-align:justify;
	background-color:rgb(255, 255, 255);
	width:100%;
}
a, #main a {
  color:#333;
  text-decoration:none;
}
a:hover, #main a:hover {
  text-decoration:underline;
}

/* заголовки */
h1, h2, h3, h4 {
	padding:0px;
	margin:20px 0;
	color:#000;
	text-align:center;
	font-weight:400;
    font-family: 'Oswald', sans-serif;
}
h1 {
	text-transform: uppercase;
	font-size: 24px;
}
h2 {	
	font-size: 24px;
}
h3 {
	font-size: 20px;
	text-align:left;
}
h4 {
	font-size:18px;
	text-align:left
}
#main h1 {
}
#main h2 {
}
#main h3 {
}
#main h4 {
}
#main .blog h2, #main .blog-featured h2 {
	font-size:20px;
}
#main .blog h3, #main .blog-featured h3 {
	font-size:18px;
}
.moduletable h3 {
	width:100%;
	max-width:1170px;
	margin:20px auto 40px auto;
	font-weight: 600;
	font-size:30px;
	text-transform: uppercase;
}

/* пагинация */
#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;
}
.tooltip {display:none!important;}
#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;}

/* widgetkit styles */
.uk-border-rounded {border-radius:20px!important;}
.uk-border-rounded img {border-radius:20px;}



/* qf2 styles */
.qf2form {
	display:block;
	margin:0px auto;
	max-width:300px;
}
.qf2 input,
.qf2 textarea {
	display:block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:0;
	color: #333;
	padding: 0 12px;
	font-size:14px;
	line-height:42px;
	margin-bottom:10px;
	font-family: 'PT Sans', 'Arial', sans-serif;
}
.qf2 textarea {height:50px;}

.qfcapt {display:none;}


.qf2 {
	padding:0;
	border-radius:4px;
}

.qfsubmit {text-align:center;background:transparent;}
#bypv_cart input.text_button,
.qf2.qfsubmit input {
	border:none;
	display:inline-block;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	line-height:54px!important;
	border-radius:27px;
	padding:0 40px;
	background:linear-gradient(-45deg,#328d50,#38c12d,#328d50);
	background-size:200% 100%;
	background-position:left center;
	transition:0.5s;
	box-shadow: 2px 2px 4px #ccc;
	margin-top:20px;
	width: auto;
  	height: auto;
}
#bypv_cart input.text_button:hover,
.qfsubmit input:hover {
	background-position:right center;
	box-shadow: 2px 2px 2px #ccc;
}

.qf2label {line-height:42px;}
.qfsubmit .qf2label {display:none;}
.qf2labelreq {display:none;}


/* модуль комментариев 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;
}



.datepicker-inline {position:absolute;top:-400px;}


#main ul.breadcrumb {
list-style-type:none;
margin:0;
padding:20px 0;
display:flex;
justify-content:right;
flex-wrap: wrap;
}
#main ul.breadcrumb > * {
display:inline-block;
margin:0;
padding: 0 5px 0 0;
line-height:18px;
background:none;
white-space:nowrap;
	font-size:21px;
  	color:red;
}
#main ul.breadcrumb a {
  	color:red;
}