/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}










@font-face {
  font-family: "BaseFont";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BaseFontBold";
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


body {
	color: #5a5a5a;
    font-family: 'BaseFont','Open Sans',Arial,sans-serif;
    font-size: 15px;
	line-height: 1.3;
    background-color: #eeeeee;	
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
a, a.ajaxlink { will-change: all; color: #212529; text-decoration:none; }
a:hover, a.ajaxlink:hover { color: #0288D1; }

a.ajaxlink { text-decoration:none; border-bottom: dashed 1px #2980b9; color:#2980b9; }
a.ajaxlink:hover { text-decoration:none; border-bottom: dashed 1px #0288D1; }

h1, .h1 { padding:0; margin-top:0px; margin-bottom: 10px; font-size:28px; }
h1 span { color:#BDC3C7; }
h1 a { color:#BDC3C7; }
h1 a:hover { color:#0288D1; }
h1, h2, h3, h4, h5, h6 { color:#000; margin-bottom: 10px; }


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7, 
.widget > .title, .widget_tabbed .tabs ul li a,
nav > .menu > li > .item,
.widget_content_tree_inline .item {	
 	font-family: "BaseFontBold";
	line-height:1.2;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{  
    text-decoration:none !important; color:#141517;
}
h2, .h2{ font-size:24px; }
h2.parent_title{ font-size:18px; font-family: "BaseFont"; }
h3, .h3{ font-size:20px; }
.item .title > a {	
 	 font-family: "BaseFontBold";
	 text-decoration:none;
}

p { line-height:1.6; }
p:first-child { margin-top: 0; }

b, strong{ font-weight:normal; font-family: "BaseFontBold"; }

pre, code {
    display:block;
    overflow: auto;
    border-radius: 2px;
    padding: 30px;
    margin:0;
	margin-bottom:20px;
    white-space: pre;
	background:#F9F9FA;
	color:#000;
	border:1px solid #E5E5E6;
}
	
	pre, pre *
	{
		font-family: monospace;
		font-size:1em;
		line-height:1.4;
		font-weight:normal;
	}
	pre
	{
		font-size:0.8em;
	}
	pre, pre code, pre samp
	{
		display:block;
		margin:0;
		
		cursor:text;
	}
	pre code, pre samp
	{
		/* enforce white-space for IE7 */
		white-space:pre;
		
		/* enforce word-wrap for mobile safari */
		word-wrap:normal;
		
		-moz-tab-size:4;
		-o-tab-size:4;
		tab-size:4;
		
		overflow-x:auto;
	}
	
	/* additional focus rules to provide a visual cue */
	pre [contenteditable]:focus
	{
		border-radius:0;

		background:#fff;
		
		outline:none;
	}

	pre.line-numbers
	{
		position:relative;
	}
	pre.line-numbers code, 
	pre.line-numbers samp
	{
		margin-left:3em;
		
		border-left:1px solid #ccc;
	}

	pre.line-numbers > div
	{
		display:block;
		
		position:absolute;
		top:0;
		left:0;
		
		height:100%;

		border-radius:0 0 0 3px;
		
		background:#e5e5e5;

		overflow:hidden;

		counter-reset:line;
	}
	
	pre.line-numbers > div > span
	{
		display:block;
		width:2.5em;
		padding:0 0.5em 0 0;
		
		text-align:right;

		color:#777;

		overflow:hidden;
		
		counter-increment:line;
	}
	pre.line-numbers > div > span::before
	{
		content:counter(line);
	}
	pre.line-numbers > div > span:first-child
	{
		margin-top:10px;
	}
	pre.line-numbers > div > span:nth-child(odd)
	{
		background:#dfdfdf;
	}
	
	@media print
	{
		pre code
		{
			overflow-x:visible;
			white-space:pre-wrap;
		}
		pre.line-numbers div
		{
			display:none;
		}
		pre.line-numbers > code, 
		pre.line-numbers > samp
		{
			margin-left:0;
		}
	}	
	
	
	/* double-up the syntax elements for cross-browser RTF-keystroke support */
	pre b, pre strong
	{
		font-weight:normal;
		color:#039;
	}
	pre u, pre u b, pre u strong
	{
		text-decoration:none;
		color:#083;
	}
	pre i, pre em, pre i *, pre em *, pre i * *, pre em * *
	{
		letter-spacing:-0.1em;
		text-decoration:none;
		font-style:normal;
		color:#c55;
	}
	
	
	figure.code
	{
		display:block;
		
		margin:1em 0;

		border:1px solid #E5E5E6;
		border-radius:3px;

		background:#eee;
		padding:0;
		position:relative;
	}
	
	figure.code figcaption{
		display:block;		
		padding:5px 10px 4px 10px;
		border-bottom:1px solid #E5E5E6;
		border-radius:3px 3px 0 0;		
		font-family:BaseFontBold;		
		background:unset;
		color:#000;
	}
	
	figure.code pre, figure.code code{ padding-top:0; padding-bottom:0; margin:0; }
	figure.code pre,
	figure.code code {
    border-radius: 0;
    margin:0;
	margin-bottom:0;
	background:unset;
	border:0;
}
    figure.code code {margin-top:-5px; }
    figure.code > .btn{ position:absolute; right:-1px; top:-1px; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }

blockquote {
    padding: 15px 15px 15px 60px ;
	position: relative;
    color:#777;
    font-style: italic;
    margin:20px;
}
blockquote::before {
	font-family:"Font Awesome 5 Free";font-style:normal;font-weight:600;font-display:auto; content:"\f10d";
	color: #e2e2e2;
	font-size: 38px;
	line-height: 54px;
	position: absolute;
	left: 0;
	top: -10px;
}

ul {

}


.fa, .fab, .fal, .far, .fas{ line-height:inherit; }






/* размеры =============================================================== */

.font-normal{ font-family: "BaseFont"; }
.font-bold{ font-family: "BaseFontBold"; }
.font-bolder{ font-family: "BaseFontBold"; }

.text-size-small{font-size:12px !important;}
.text-size-normal{font-size:14px !important;}
.text-size-medium{font-size:16px !important;}
.text-size-medium2{font-size:18px !important;}
.text-size-large{font-size:22px !important;}
.text-size-large2{font-size:26px !important;}
.text-size-big{font-size:28px !important;}
.text-size-big2{font-size:32px !important;}
.text-size-bigger{font-size:38px !important;}

.text-size-15{ font-size:15px !important; }.text-size-16{font-size:16px !important;}.text-size-17{font-size:17px !important;}.text-size-18{font-size:18px !important;}.text-size-19{font-size:19px !important;}.text-size-20{font-size:15px !important;}.text-size-21{font-size:21px !important;}.text-size-22{font-size:22px !important;}.text-size-23{font-size:23px !important;}.text-size-24{font-size:24px !important;}.text-size-25{font-size:25px !important;}.text-size-26{font-size:26px !important;}.text-size-27{font-size:27px !important;}.text-size-28{font-size:28px !important;}.text-size-29{font-size:29px !important;}.text-size-30{font-size:30px !important;}.text-size-32{font-size:32px !important;}.text-size-34{font-size:34px !important;}



@media screen and (max-width: 480px) {
	
body { font-size:14.5px; }

}