@charset "windows-1251";

html, body { background:#fff; margin:0px; padding:0px; height:100%; font-family: 'Exo 2', sans-serif; font-size: 21px; line-height: 1.4; }

html, body, header, footer, main { min-width:800px; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#chef > div, #chef > div:hover, #chef > div *, #chef > div:hover *,
#closed > div, #closed > div:hover, #closed > div *, #closed > div:hover *,
#bip-act:hover > div, #bip-act > div,
input, select, textarea
{
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	atransition: all .7s ease;
	
	will-change: transform;
}

.popup-conteiner, .popup-close:before, .popup-close:hover:before
{
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

a, input, textarea, select, button { border: none; outline: none; }
label { cursor:pointer; }
label input:disabled ~ * { cursor:default; }

textarea { resize: none; }

::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: none; }

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

form { margin:0px; padding:0px; }

h1, .title {
	display: block;
	font-size: 32px;
	padding: 20px 0;
	margin: 0;
}

input, select, textarea, .input, .submit, .button, button  { 
	display:inline-block;
	font-family:Arial;
	font-size:14px; 
	margin:1px;
	padding:5px 10px;
	 
	color: #444444; 
	text-decoration:none;
	background-color: #fff; 
	border:1px solid #dedede; 
	
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
input[type=checkbox], input[type=radio] { margin:0px; padding:0px; }
input[type=submit]:hover, .submit:hover, button, button:hover { background:#a88a48; color:#fff; cursor:pointer; }

.input:focus, .input:hover, .input:active,
input[type=text]:focus, input[type=text]:hover, input[type=text]:active, 
textarea:focus, textarea:hover, textarea:active, 
select:focus, select:hover, select:active,
#chef > div:hover, #chef > div.act, #closed > div.act
{
	-webkit-box-shadow: inset 0 1px 1px #0000001a, 0 0 8px #009fe399;
	-moz-box-shadow: inset 0 1px 1px #0000001a, 0 0 8px #009fe399;
	box-shadow: inset 0 1px 1px #0000001a, 0 0 8px #009fe399;
	border: 1px solid #009fe3 !important;
}
input[type=file], input[type=file]:hover { border:none; padding:0px; margin:0px; }

a, a:hover { color:rgba(24,110,228,1); text-decoration:none; outline: none; cursor: pointer; }
a:hover  { text-decoration: none; color:rgba(24,110,228,0.6); }

p { margin:0px; padding:4px 0px; }
.pre { line-height:19px; }

.root, .root:hover, .root a, .root a:hover {
	font-size:12px  !important;
	color: #1fb118  !important;
	font-weight: normal  !important;
	text-decoration: none  !important;
	text-transform: none  !important;
}
.root:hover, .root a:hover, .root2:hover {
	color: #1bd012  !important;
	text-decoration: none  !important;
}
.root2, .root2:hover {
	text-decoration: none  !important;
}

.-hide { display: none; } 

.header {  height:60px; padding:0 20px; background:#111; }
.header.z2, .header.z5 { display: none; }
.header-logo {
	display:inline-block;
	background:no-repeat center center url('../img/logo2.4.1.4.png'); 
	background-size:contain; 
	width:215px; 
	height:55px; 
}
.header-logo-right {
	display:inline-block;
	background:no-repeat center center url('../img/logo2.4.2.png'); 
	background-size:contain; 
	width:135px; 
	height:60px;
	float:right;
}

#login-menu { float:right; margin:10px 40px 0 0; }
#login-menu a { color:#fff; font-size: 14px }
#login-menu a > i { padding-right: 5px; }

.path > a, .path > b { font-size: 13px; font-weight: normal; color: #888; }
.path > b { color: #000; }
.path > a:before, .path > b:before { 
	content: "\f054";
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	padding: 0 8px;
	font-size: 10px;
	color: #888;
}
.path > a:first-child:before { display: none; }

.conteiner-center { max-width: 1100px; padding: 30px; margin: 0 auto; }

.bg-index-1 {
	text-align: center;
	background: #002351;
	padding: 100px 30px;
	font-size: 40px;
	font-weight: 400;
	color: #fff;
}
.bg-index-1 b { color: #f7f742; font-weight: 600; }

.block-1 { background: #8ED6FF; padding: 30px; color: #012a8c; }
.block-1 > i { font-size: 140px; float: left; padding-right: 50px; color: #fff; }
.block-1 > b { display: block; font-size: 34px; }
.block-1 > ul { list-style: none; }
.block-1 > ul > li { display: inline-block; margin-right: 40px; font-size: 30px; font-weight: 600; }
.block-1 > div { display: block; clear: both; width: 100%; height: 0; }

.popup-body-act { overflow: hidden; }
.popup-conteiner, .catalog-popup { 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 0; 
	background: rgba(0,0,0,0.6); 
	text-align: center;
	overflow: hidden; 
	visibility: hidden;
	opacity: 0;
	z-index: 10;
	overflow-y: scroll;
}
.popup-conteiner.act, .catalog-popup.act { height: 100%; overflow: auto; visibility: visible; opacity: 1; padding: 40px; }
.popup-close, .catalog-popup > i {
	position: fixed;
	left: 0;
	top: 0;
	display: block; 
	width: 100%; 
	height: 100%;
	color: #fff; 
	padding: 10px 30px;
	font-size: 30px; 
	cursor: pointer; 
	text-align: right;
	z-index: 1;
}
.popup-close:hover:before, .catalog-popup > i:hover:before { transform: rotate(180deg); color: #ef0000; display: inline-block; }
.popup-text, .catalog-popup > span { 
	position: relative;
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	z-index: 2;
}

.form-1 .title { padding-top: 0; }
.form-1 center { color:#ef0000; font-size:17px; padding-bottom: 15px; }
.form-1 label { display: block; padding-bottom: 15px; }
.form-1 input { width: 100%; padding: 10px; } 
.form-1 input.submit { background: #0E6917; color: #fff; border: 2px solid #0E6917; }
.form-1 input.submit:hover { background: #fff; color: #0E6917; }

footer { background: #111; color: #fff; font-size: 14px; }
footer .left, footer .right { width: 50%; display: inline-block; vertical-align: top; }
footer .right { text-align: right; }

.media-show-inline { display:none; }
@media (max-width:800px) {
	.media-hide { display:none; }
	.media-show-inline { display:inline-block; }
	
	footer .left, footer .right { display: block; }
	
	html, body, header, footer, main, #bip-act { min-width:320px; }
	body { padding:0; }
	.header { padding:0 10px; margin:0; width:100%; }
	main { padding:10px; }
	
	h1 { font-size:1em; }
	
	#bip-act > div { top:10%; font-size:20px; line-height:30px; }
	
	.webstats-table { font-size:10px; }
	.webstats-table td { padding:3px 1px; }
	
}
@media (max-width:400px) {
	.media-300-hide { display:none; }
	
}