body {
	background: #D5DEF1;
	margin: 0 auto !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px;
	color: #c1bfef;
	word-wrap: break-word;
	max-width:450px;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
* { outline: none !important; } 

*:before, *:after {
	box-sizing: border-box;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

img {
	vertical-align: text-bottom;
}

a {
	color: #c1bfef;
	text-decoration: none !important;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

a:hover { 
	text-decoration: underline;

}

h1 {
	font-size: 16px !important;
	text-align: center;
	color: #333;
	line-height: 20px !important;
}

header {
	border-bottom: 2px solid #3573a5;
    background: #2c3e50;
    padding: 0;
    color: #fff;
    height: 58px;
    box-shadow: 1px 7px 5px -7px #000000;
    margin-bottom: 5px;
}
.men{
	text-align: center;
	border-bottom: 1px solid #121a21;
    background: #2c3e50;
    padding: 15px;
    color: #fff;
}
header a, header span {
	display: block;
	padding: 16px;
	color: #fff;
	cursor: pointer;
}

.l_bar {
	float: left;
	line-height: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.l_bar:hover {
	background: #2b576b;
}

.c_bar {
	text-align:center;
	
	
}
div {
    display: block;
}
.plm {
  width:10%;
 }
.plm :hover {
	background: #2b576b;
}
#dx {
    display: none;
    background: none;
}
.site_name {
	float: left !important;
	margin: 0;
	margin-left: 74px !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	height: 26px !important;
	line-height: 56px !important;
}

.site_name a {
	color: #fff;
	padding: 0;
}

.site_name a:hover {
	color: #fff !important;
}

.r_bar {
	position: relative;
	float: right;
	line-height: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.r_bar:hover {
	background: #038275;
}

.hide {
	display: block !important;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

.hide.hidden {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.drawer,
.drawer_cover {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
}

.drawer {
	width: calc(100% - 56px);
	max-width: 280px;
	min-width: 152px;
	z-index: 999999;
	background: #2c3e50;
	text-align: left;
	left: -300px;
	transition: all 500ms ease 0ms;
	box-shadow: 0 4px 4px -5px rgba(0, 0, 0, .2),
	0 2px 2px 1px rgba(0, 0, 0, .14),
	0 4px 18px 3px rgba(0, 0, 0, .12);
	overflow: visible;
	overflow-y: auto;
}

.drawer.drawer_in {
	left: 0;
}

.drawer_cover {
	width: 100vw;
	z-index: 99999;
	background: transparent;
	cursor: default;
	opacity: 0;
	visibility: hidden;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.drawer_op {
	pointer-events: auto;
	opacity: 1;
	background: rgba(0, 0, 0, .6);
	visibility: visible;
}

.drawer_item {
	padding: 14px 0;
	color: #3c3c3c;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
	margin: 0;
	transition: color .8s;
}

.drawer::-webkit-scrollbar {
	width: 2px;
}

.drawer::-webkit-scrollbar-thumb {
	background: rgba(132, 132, 132, .49);
	border-radius: 0;
}

.nav-head {
	color: #fff;
	height: 160px;
	box-sizing: border-box;
	padding: 16px;
	background-color: #00897b;
	/*background: url(image) 60% 70% no-repeat !important;*/
}

textarea {
width: 97%;
    background-color: #3e5369;
    border: 1px solid #3e5369;
    display: inline-block;
    padding: 4px 6px;
    font-size: 14px;
    color: #c8d6e4;
}
input, select {
background: #324456;
    padding: 9px;
    border: none;
    margin: 3px 1px;
	color: #FFF;
}
input[type="submit"]{
background: #345169;
    padding: 10px;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
}
.head a{
color: #fff;   
}

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}
 .razd7{
border-top: 1px solid #3f566d;
    background: #2c3e50;
    color: #cfe4f5;
    padding: 13px;
    display: block;
	border-bottom: 1px solid #141c25;
}

.razd7:hover{
    background: #3a5067;
   padding: 14px;
}

.razd8{height: 7vh;
border-top: 1px solid #3f566d;
    background: #2c3e50;
    color: #a8a8a8;
    padding: 13px;
    display: block;
	border-bottom: 1px solid #141c25;
}
.rekl {
background: #fff url(img/rekl.png) no-repeat top right;
overflow: hidden;
    position: relative;
    border-left: 1px solid #d6d5d5;
    border-right: 1px solid #d6d5d5;
    border-bottom: 1px solid #d6d5d5;
    padding: 10px;
    color: #323232;
    -webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    -moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    -webkit-transition: all 0.2s linear;
    -mo-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.error {
    background-color: #fcc;
    box-shadow: 0px 3px 5px rgba(57,83,135,0.3);
    position: relative;
    padding: 15px;
    color: red;
}
.navi a {
    background: rgb(49,165,129);
    display: inline-block;
    margin: 1px;
    padding: 6px;
    color: #fff;
    border-radius: 3px;
}

.auth1{
background: #202d3a;
padding: 5px 0;
text-align: center;
}
.mmm{
background: #202d3a;
color : #fff;
}

.auth1 a {
border-bottom: 1px solid #45709a;
    background: #34485d;
    display: inline-block;
    width: 32%;
    padding: 9px 0;
    color: #cfebfb;
    font-weight: bold;
    font-size: 14px;
}
.auth1 a:hover {
background: #3d6b8c;
text-decoration: none;
}


.topmenu a {
   background:  rgba(82, 125, 163, 0.77);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    margin: 1px;
    padding: 6px 8px;
    color: #fff;
}

.list {border-top: 1px solid #3f566d;
    background: #2c3e50;
    color: #a8a8a8;
    font-size: 12px;
    padding: 8px;
    margin: 0px 6px 6px;
}
.list a:link, .list a:active, .list a:visited {
color : #414141;
font-size : 15px;
}
.list a:hover {
color : #737373;
}
.numb {
    color: #b77a39;
    border: #b77a39 dotted 2px;
    width: 45px;
    height: 30px;
    border-radius: 25px;
    padding: 15px 0 0 0;
    font-size: 13px;
    margin: 2px 6px 2px 0;
    text-align: center;
}
.rugo-ank-inf-ank {
    display: block;
    text-align: center;
    background-color: #e5ebf1;
    height: 32px;
    line-height: 32px;
    color: black!important;
}
.razd{
	background: #3a4f65;
    padding: 9px;
    margin-right: 6px;
    margin-left: 6px;
    text-align: center;
    border-bottom: 1px solid #253442;
    font-weight: bold;
    font-size: 17px;
    color: #a8a4ef;
}
.razd2{background: #3a4f65;
    padding: 9px;
    margin: 0px 6px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #a8a4ef;
    border-bottom: 1px solid #1f2b38;
}
.razd2 a{
	margin-left:36px;
	padding: 0px;
	color: #a8a4ef;
display: inline-block;
}
.block{background: #2e4050;
    padding: 9px;
    margin: 0px 6px 6px;
    border-top: 1px solid #3c546b;
    color: #c1bfef;}
.nomer{vertical-align:top;width:80%;padding: 8px;font-size:14px;}
.sites{background: linear-gradient(65deg, #FFC107 13%, #e84d1c 66%, #FFEB3B);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
color: #0b2349;
font-weight:bold;
font-size:19px;
}
.us{background: linear-gradient(65deg, #FFC107 13%, #e84d1c 66%, #FFEB3B);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
color: #0b2349;
font-weight:bold;
font-size:14px;
}
.menus{display: inline-block;background-color: #000;width:100px; height:100px;margin:laft:8px;padding:6px;text-align:center;line-height: 40px;}

.lafac-menu__wrap {
    float: left;
    width: 33.3%;
    height: 115px;
    margin-bottom: 7px;
}
.lafac-menu__link:hover {    background: #4d6c88;}
.lafac-menu__link {
    text-align: center;
    display: block;
    cursor: pointer;
    background: #3c556b;
    text-decoration: none!important;
    height: 115px;
    margin: 0 3px 0 3px;
    
}
.lafac-forum__link:hover {background: #DCDCDC;}
.lafac-forum__link {
    display: block;
    background: #FFFFFF;
    padding: 8px;
    margin-top: 1px;
    text-decoration: none!important;
    
}

.lafac-menu__pic {
    height: 40px;
    width: 40px;
    margin: 25px 0 10px 0;
    display: inline-block;
}
.lafac-menu__pic {background-position: -9999px -9999px;}
 .bblock_niz {
	display: table-cell;
    font-size: 15px;
    width: 105px;
    height: 40px;
    background-color: #3c556b;
    text-align: center;
    vertical-align: middle;
}
.wrap {
	text-align: center;
  display: inline-block; 
  border-spacing: 4px 2px; 
  
}
.stt{padding: 1px 5px 1px 5px;
    background: #90682c;
    margin-top: -3px;
    border-radius: 2px 0px 0px 2px;
    font-size: 11px;
    text-shadow: 0px 1px #600731;
    color: #fff;
	border-right: 1px solid #463316;
	}

.stt2{padding: 1px 5px 1px 5px;
    background: #d29131;
    margin-top: -3px;
    margin-right: 3px;
    border-radius: 0px 2px 2px 0px;
    font-size: 11px;
    text-shadow: 0px 1px #2a1f61;
    color: #fff;
    font-size: 11px;
	border-left: 1px solid #e8be7f;
	}

.forms{text-align: center;
	margin-bottom:6px;}
	
.center {
    text-align: center;
	margin-bottom:6px;
}

.pagination {
    display: inline-block;
}

.pagination a {
	border-radius: 50%;
    color: #adabf8;
    float: left;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #384f65;
    border: 1px solid #496988;
    margin: 0 4px;

}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}
.foot{
    background: #2c3e50;
	text-align:center;
    padding: 10px;
    color: #fff;
    height: 40px;
    box-shadow: 1px 7px 5px -7px #000000;
    margin-top: 5px;
	border-top: 2px solid #425c75;}
.foot2{
    background: #202d3a;
	text-align:center;
    padding: 7px;
    color: #fff;
    height: 35px;
    
    margin-bottom: 4px;
	}
	.child {
    background: #3c556b;
    padding: 2px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.child:last-child {
    margin-right: 0;
}
.child  a{display:block;font-size: 12px;	}

.pans {
    background: #3c556b;
    padding: 8px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pans:last-child {
    margin-right: 0;
}
.pans  a{display:block;font-size: 12px;	}

.f_razd {border-top: 1px solid #3f566d;
    background: #2c3e50;
    color: #d3e4ec;
    font-size: 14px;
    padding: 0px;
    margin: 0px 6px 0px;
	border-bottom: 1px solid #1f2b38;
	
}
.f_razd2 {border-left: 1px solid #3f566d;
    display: inline-block;
	padding: 9px;
	
}

span.f_razd5 {float:right;border: #b77a39 dotted 2px;padding: 2px 6px 2px;border-radius:18px;margin-top:5px;margin-right:3px;}
span.f_razd22 {float:right;border: #b77a39 dotted 2px;padding: 2px 6px 2px;border-radius:18px;margin-bottom:3px;}

.f_razd3 {
	width: 55%;
    display: inline-block;
	border-right: 1px solid #1f2b38;padding: 9px;
	
}
.razd_zc{
	background: #3a4f65;
	margin: 5px 6px 0px;
    padding: 9px;
    text-align: center;
    border-bottom: 1px solid #253442;
    font-weight: bold;
    font-size: 17px;
    color: #a8a4ef;
}

.f_razd6{border-top: 1px solid #3f566d;
    background: #2c3e50;
    color: #c1bfef;
    font-size: 14px;
    padding: 10px;
    margin: 0px 6px 0px;
	border-bottom: 1px solid #1f2b38;
}