@font-face{font-family:Rubik-Regular;src:url('/css/fonts/Rubik-Regular.ttf'); font-weight:400;}
@font-face{font-family:Rubik-Medium;src:url('/css/fonts/Rubik-Medium.ttf'); font-weight:500;}
@font-face{font-family:Rubik-Light;src:url('/css/fonts/Rubik-Light.ttf'); font-weight: 300; }
@font-face{font-family:Rubik-LightItalic; src:url('/css/fonts/Rubik-LightItalic.ttf'); font-weight: 400; }

* {
  margin: 0;
}
* {
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:130%;font-family: 'Rubik-Regular', serif; color:#1e1a17; background:#e7e7e7;}
html, body {
  height: 100%;
}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
 h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {margin:0;}
 p{margin: 0 0 18px;}
 
 .textLine p{margin: 0 0 28px; font-size:16px;}
html{height:100%; font-size:16px;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block;}


h1{ font-size:24px; font-family: 'Rubik-Medium', serif; font-weight:600; margin:30px 0 20px;}
h2{ font-size:22px; font-family: 'Rubik-Medium', serif; font-weight:600; margin:30px 0 20px;}

.sidebar h2{ font-size:22px; font-family: 'Rubik-Medium', serif; font-weight:600; margin:22px 0 0;}

.sidebar h2 span{ font-size:12px;  font-family:"Rubik-Light", serif; font-weight:300; margin:0 0 5px; opacity:0.7; display:block;}

.sidebar h3{ font-size:16px;  font-family:"Rubik-Light", font-weight:300; margin:20px 0 3px;}

body, html{ margin: 0; padding:0; background:rgba(227,222,216,1.00);}
body{display: flex;
flex-direction: column;}
.wrapper{flex: 1 0 auto;}
.content{ display:block; padding: 20px 0 0 300px ;  margin-bottom:100px;}
form{ display:inline-block;font-family: 'Rubik-Regular', serif;}
/*textarea{ display:inline-block; width: 600px; height:300px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; padding:20px; vertical-align:top; margin:0 0 0 6px;}
textarea.ok{ border-left: 5px solid #94D48D; margin:0 0 0 1px; background:#fff;}
input{ display:inline-block; vertical-align:top;}
input.idstyle{ width:40px; font-size:18px;}*/
a{ display:inline-block; color:rgba(102,102,102,1.00)}
div.fix{ position:fixed; width:260px; height:700px; padding:15px; font-size:14px; top:0; left:0; overflow:hidden;}
hr{ height:0 ; color: rgba(197,197,197,1.00); background:rgba(197,197,197,1.00);}


.copy{display:block;flex: 1 0 auto; padding: 5px 0 0 380px ; margin:10px; text-align:left;font-family:"Rubik-Light", serif; font-weight:300; opacity:0.7;  font-size:14px; height:30px;flex: 0 0 auto;}
.sidebar{ color:rgba(255,255,255,1.00); background:rgba(82,82,82,1.00); position:fixed; width:230px; height:100%; padding:0 10px; top:0; left:0;}
.sidebar ul{  margin: 0 0 30px;}
.sidebar a{ color:rgba(255,255,255,0.85); text-decoration:none; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; }
.sidebar a:before{ width:4px; height:4px; display:inline-block; vertical-align:middle; position:relative; background:rgba(255,255,255,1.00); content:""; margin-right:6px;}
.sidebar a:hover{ color:rgba(255,255,255,1.00); text-decoration:none;}



.sidebar h2 a{ color:rgba(255,255,255,1); text-decoration:none; font-size:22px; font-family: 'Rubik-Medium', serif; font-weight:600; }
.sidebar h2 a:before{ display:none;}


label{ width:200px; display:inline-block; text-align:right; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; opacity:0.9; margin:0 12px 0 0; vertical-align: middle;}
.fbox{ margin:3px 0 ;}
form.st{ width:600px; overflow:hidden;}
input, select, textarea{ background:none; border:none; font-size:16px; padding:10px 20px;  border-bottom:1px solid rgba(122,122,122,0.10); font-size:16px; font-family:"Rubik-Light", serif; width:381px; max-width:381px;}
 textarea{ min-height:100px; max-width:381px; vertical-align:middle;}
input[ type="submit"]{ background:rgba(82,82,82,1.00); border:none; font-size:16px; padding:10px 20px;  border-bottom: none; font-size:16px; font-family:"Rubik-Light", serif; color:rgba(255,255,255,1.00); width:180px; float:right; margin:20px 0 0;}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a.restoreLink{ text-align:center; opacity:0.5;font-size:16px;font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; display:block; width:200px; margin:0 auto;}
.loginAdmin form{ display:block;font-family: 'Rubik-Regular', serif; width:300px; height:400px; margin:50px auto 0;}
.loginAdmin label{ display: inline-block; width:90px;}
.loginAdmin input{ width:180px; display:inline-block;}
.loginAdmin input[ type="submit"]{ background:rgba(94,94,94,1.00); border:none; font-size:16px; padding:10px 20px;  border-bottom: none; font-size:16px; font-family:"Rubik-Light", serif; color:rgba(255,255,255,1.00); width:180px; float: none; margin:20px auto; display:block;}
.errorLogPass{ text-align:center; color:rgba(255,0,4,1.00); margin:5px 0; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; }
.loginAdmin img{ display:block; margin:0 auto;}
.loginAdmin h3{ text-align:center; font-size:18px; margin:10px 0 15px}
.restoreOn{ text-align:center; color: rgba(100,158,59,1.00); margin:5px 0; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; }



ol {

	list-style-type: none; 

	counter-reset: num;

	margin: 0 0 0 60px;

	padding: 0 0 5px 0;

	font-size: 16px; max-width:450px;
}

ol li {

	position: relative;	

	margin: 0 0 0 0;

	padding: 0 0 10px 0;
	
	font-family:"Rubik-Light", serif; font-weight:300;

}

ol li:before {

	content: counter(num); 

	counter-increment: num;

	display: inline-block;

	position: absolute;

	top: 6px;

	left: -50px;

	width: 40px;    

	color: #1e1a17;

	text-align: center;

	font-size: 30px;

	font-weight: bold;
font-family: 'Rubik-Medium', serif;
}


.preloader{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background:rgba(46,46,46,0.50);}
.preloader img{ position:fixed; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; z-index:100; display:block;}

.msg{ position:fixed; top:50%; left:50%; width:300px; height:250px; padding:50px 25px ; margin:-200px 0 0 -175px; z-index:101; display:block; background:rgba(255,255,255,0.80)  url(/images/cross.svg) no-repeat 270px 10px; background-size:20px; text-align:center; font-size:16px;font-family:"Rubik-Light", serif; font-weight:300;}


.msg.error { color:#FF0000;}




.visi{ display:block;}
.hide{ display: none;}



.listCalls{ max-width:760px; padding:15px 0 20px 60px; background:url(/images/ava.png) no-repeat  0   16px; background-size:45px;  font-size: 16px;

    border-bottom: 1px solid rgba(122,122,122,0.08);    font-size: 16px;
    font-family: "Rubik-Light", serif; font-weight:300; vertical-align:top;}
.listCalls .name{
    background: none;
    border: none;
width: 480px; display:inline-block;    font-size: 16px;
    font-family: "Rubik-Regular", serif; vertical-align:top; font-weight:400; padding:0 0 15px;

}
.listCalls .name a{ text-decoration: none; font-size: 15px; }
.listCalls .name a span{ display:block; font-size: 16px; border:none;
    font-family: "Rubik-Light", serif; font-weight:300; margin:0 0 4px; color:#1e1a17;}
.created{ width: 145px; display:inline-block; text-align:right; font-size:12px; opacity:0.4; vertical-align:top;}
.comment{ font-size: 14px;
    font-family: "Rubik-Light", serif; font-weight:300; max-height:40px; overflow:hidden; opacity:0.8;}
		.full-size{max-height: 200px; opacity:1;}
input[type="submit"].searchFormSubmit{ width:40px; height: 40px; background:rgba(227,222,216,1.00) url(/images/search.png) no-repeat center right; background-size:30px;text-indent: -1000em; margin:0;}

.sort{ text-align: left; font-family: "Rubik-Light", serif; font-weight:300; font-size: 14px; max-width:760px; padding:15px 0 20px 15px; height:100%;	border-left: 1px solid rgba(122,122,122,0.2); margin:0 0 0 15px;}
.sort a{ text-align:left; font-family: "Rubik-Light", serif; font-weight:300; font-size: 14px; text-decoration:none; opacity:0.5; margin: 0 7px; display:block;}
.sort a.active{ border:none;    font-family: "Rubik-Medium", serif; font-weight:400; color:#1e1a17; opacity:1}
		
.sort span{font-family: "Rubik-Light", serif; font-weight:300; font-size: 12px; margin:20px 0 0 0; display:block; width:100%;}
		
		
	.flexContentBox{ display:flex; flex-wrap:wrap;}
	.flexContentRight{ max-width:79%; width:700px;}
		
.flexContentLeft{ max-width:19%; min-width:180px; overflow:hidden;}		
		
		
.countList	{
margin:0 0 20px;}