@charset "UTF-8";
html, body {
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	font:normal normal 400 17px/25px "Times New Roman", Times, serif;
	color:#666;
	background:#fff;
}
h1, h2, h3, h4, ul, form, p{
	margin:0;
	padding:0;
	list-style:none;
}

a{
	font: inherit;
    color: #008ACE;
    text-decoration: underline;
    cursor: pointer;
	transition: all 0.3s linear;
}
a:hover{
	text-decoration: none;
	color:#f30;
}
a.admin_bookmark
{
	position:fixed;
	left:3%;
	top:0px;
	width: 12px;
	height: 35px;
	background:url("/assets/7c7d7022a197e3cfd5af25cf.gif") no-repeat;
	z-index:100;
}

h1{
	font:normal normal 400 26px/34px "Times New Roman", Times, serif;
	color:#000;
	margin-bottom:20px;
	text-align:center;
}
h2{
	font:normal normal 400 26px/30px "Times New Roman", Times, serif;
	color:#000;
	text-align:left;
}
h3{
	font:normal normal 400 21px/26px "Times New Roman", Times, serif;
	color:#000;
	margin:20px auto 10px auto;
	text-align:left;
}
h4{
	font:normal normal 400 18px/24p "Times New Roman", Times, serif;
	color:#000;
	text-align:left;
}

*{
	box-sizing: border-box;
}
p{
	margin:18px auto;
	
}

#main_unit{
	position:relative;
	width:100%;
	margin:0 auto;
	min-height:100%;
	background:#fff;
	padding-bottom:20px;
}
footer{
	position:relative;
	width:100%;
	height:50px;
	padding:10px;
	text-align:center;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}
.top_line{
	position:relative;
	width:100%;
	height:30px;
	background-color:#efefef;
	background-image:linear-gradient(to bottom, #f7f7f7 0%, #efefef 88%, #e0e0e0 100%);
	z-index:1;
	margin:0 auto;
}
#logo{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	padding:6px 60px;
	border-radius:0 50px 50px 50px;
	background:#FFF;
	box-shadow:0px 2px 4px #aaa;
    background-color:#efefef;
    background-image: linear-gradient(to bottom, #f7f7f7 0%, #efefef 88%, #e0e0e0 100%);
}
#content{
	position:relative;
	width:65%;
	background-color:#e0e0e0;
	background-image:linear-gradient(to bottom, #f7f7f7 80%, #e0e0e0 90%, #cdcdcd 100%);
	margin:110px auto 30px auto;
	min-height:400px;
	border:1px solid #ddd;
	border-bottom:1px solid #c5c5c5;
	border-radius:0 0 20px 20px;
	box-shadow:0px 4px 4px #aaa;
	padding:20px 20px 40px 40px;
}
.content_block{
	position:relative;
	margin:10px auto;
	text-align: justify !important;
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	line-break: auto !important;
	hyphens: auto !important;
	padding:4px 20px 20px 10px;
}
.div_clips{
	position:absolute;
	transform: translate(-50%,10px);
	left:50%;
	top:0;
	width:140px;
	height:141px;
	z-index:2;
	background:url("/assets/dd310d30f7ed3208782f7b0d.webp") center top no-repeat;
	background-size:cover;
}
#menu_button{
	position:fixed;
	display:none;
	top:0;
	right:10px;
	cursor:pointer;
	padding: 10px 20px;
	text-decoration:none;
	text-align:left;
	transition: all 0.3s linear;
	z-index:4;
    background:url("/assets/f0d4225bb86508be6c07583d.webp") center center no-repeat, linear-gradient(to bottom, rgba(247,247,247,0.8) 0%, rgba(239,239,239,0.8) 88%,  rgba(219,219,219,0.8) 100%);
	border-radius:0 0 46px 46px;
	box-shadow:0px 2px 4px #aaa;
}

#menu_button:hover{
	background-color:#ffffd7;
	background-image: linear-gradient(to bottom, #f7f7ba 50%, #ffffe4 50%);
	box-shadow:0px 2px 4px #333;
}
#main_menu{
	position:relative;
	width:200px;
	margin-top:2px;
	float:right;
	overflow: hidden;
	z-index:4;
}
#main_menu ul{
	padding-bottom:8px;
}
#main_menu ul li{
	position:relative;
	margin-bottom:3px;
	padding: 10px 0 6px 4px;
	transition: all 0.3s linear;
}
#main_menu ul li a{
	position:relative;
	font: normal normal 400 14px/20.5px Verdana, Geneva, sans-serif;
    letter-spacing: 1px;
    color: #A2A2A2;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    padding: 10px 170px 10px 20px;
    text-shadow: 1px 1px 1px #fff;
	background-color:#efefef;
	background-image: linear-gradient(to bottom, #ffffff 0%, #efefef 70%, #e0e0e0 100%);
    border: 1px solid #e0e0e0;
    border-bottom: 1px solid #999;
    border-radius: 6px 0 0 6px;
    overflow: hidden;
	transition: all 0.3s linear;
	box-shadow:4px 2px 2px #ccc;
}
#main_menu ul li a:hover, #main_menu ul li a.selected{
	background-color:#ffffd7;
	border:1px solid #e9e987;
	border-bottom: 1px solid #d8d87b;
	background-image: linear-gradient(to bottom, #f7f7ba 50%, #ffffe4 50%);
	color:#000;
	text-shadow:none;
	box-shadow:none;
}
.copy_work{
	position:absolute;
	font:normal normal 400 10px/20.5px Verdana, Geneva, sans-serif;
	bottom:6px;
	right:16px;
}
.img_404{
	margin:30px auto;
	width:100%;
	max-width:636px;
	height:auto;
}
#uptop{
	position:relative;
	float:right;
	width:68px;
	height:68px;
}
#topcontrol { 
  position: fixed;
  background:url("/assets/f0d4225bb86508be6c07583d.webp") center center no-repeat,  linear-gradient(to bottom, rgba(247,247,247,0.8) 0%, rgba(239,239,239,0.8) 88%,  rgba(219,219,219,0.8) 100%);
  height:68px;
  width:68px;
  border-radius:34px;
  bottom:0;
  margin:0 0 26px 10px;
  z-index: 99;
  text-align:center;
  font:normal normal 400 54px/54px "Arial Black", Gadget, sans-serif;
  color:#999;
  cursor: pointer; 
  transition: all 0.3s linear;
}
#topcontrol:hover{
	color:#fff;
	background:#F60;
}
aside{
	position: fixed;
	left:-100%;
	display:none;
	top:0;
	width:300px;
	height:100%;
	z-index:106;
	overflow-y:scroll;
	overflow-x:hidden;
	background:#fff;
	border-right:1px solid #0b2b3a;
	box-shadow: 0px  8px  14px rgba(0,0,0,0.8);
}
#menu_aside{
	padding-bottom:20px;
}
.aside_close_menu{
	position:absolute;
	right:0;
	top:0;
	width:52px;
	height:52px;
	margin:4px 10px 0 0;
	border-radius:52px;
	background:url("/assets/f0d4225bb86508be6c07583d.webp") center center no-repeat,  linear-gradient(to bottom, rgba(247,247,247,0.8) 0%, rgba(239,239,239,0.8) 88%,  rgba(219,219,219,0.8) 100%);
	padding:4px;
	font:normal normal 400 40px/42px Arial,Helvetica,sans-serif;
	cursor:pointer;
	transition:all .3s linear;
	color:#444;
	z-index:107
}
.aside_close_menu:hover{
	background-color:#ffffd7;
	background-image: linear-gradient(to bottom, #f7f7ba 50%, #ffffe4 50%);
	color:#000;
}
#mobile_logo{
	position:relative;
	background:#fff;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #60574a;
}
#mobile_logo img{
	width:141px;
	height:auto;
}
.ul_menu_aside li{
	position:relative;
	overflow:hidden;
	
}
.ul_menu_aside li a{
    display: block;
    padding: 12px 32px 12px 14px;
	text-decoration:none;
	text-shadow: 1px 1px 1px #fff;
	color:#A2A2A2;
    font:normal normal 400 14px/20.5px Verdana, Geneva, sans-serif;
	transition: all 0.3s linear;
	background-color: #efefef;
	background-image: linear-gradient(to bottom, #ffffff 0%, #efefef 70%, #e0e0e0 100%);
    border: 1px solid #e0e0e0;
    border-bottom: 1px solid #999;
    overflow: hidden;
	transition: all 0.3s linear;
}

.ul_menu_aside li a:hover, .ul_menu_aside li a.selected{
	background-color:#ffffd7;
	background-image: linear-gradient(to bottom, #f7f7ba 50%, #ffffe4 50%);
	border:1px solid #e9e987;
	border-bottom: 1px solid #d8d87b;
	color:#000;
	text-shadow:none;
	box-shadow:none;
}
#overlay{
	position: fixed; 
	background:rgba(0,0,0,0.8);
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 99;
}
.div_anons_block, .div_anons_block_{
	width:100%;
	max-width:1200px;
	text-align:center;
	margin:30px auto 20px auto;
}
.div_anons_block ul.ul_anons_block, .div_anons_block_ ul.ul_anons_block{
	position:relative;
	margin:20px auto;
	padding:2px 20px 20px 20px;
	background-color:#e0e0e0;
	background-image:linear-gradient(to bottom, #f7f7f7 80%, #e0e0e0 90%, #cdcdcd 100%);
	border-left: 10px solid #4390af;
	border-top: 4px solid #4390af;
	box-shadow:0 0 0 1px #ccc inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #aaa, 0 11px 0 -8px #fff, 0 11px 0 -7px #aaa, 0 17px 0 -12px #fff, 0 17px 0 -11px #aaa;
	width:100%;
	clear:both;
	transition: all 0.3s linear;
	cursor:pointer;
}
.div_anons_block .ul_anons_block:hover, .div_anons_block_ .ul_anons_block:hover{
	background:#fff;
}
.div_anons_block .ul_anons_block li, .div_anons_block_ .ul_anons_block li{
	text-align:justify;
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	line-break: auto !important;
	hyphens: auto !important;
}
.div_anons_block .ul_anons_block li span, .div_anons_block_ .ul_anons_block li span{
    font:normal normal 400 11px/12px Arial, Helvetica, sans-serif;
	color:#999;
}

.div_anons_block  a, .div_anons_block_  a{
	font:normal normal 400 17px/25px "Times New Roman", Times, serif;
	color:#666;
	text-decoration:none;
}

.div_anons_block .ul_anons_block h3, .div_anons_block_ .ul_anons_block h3{
	font:normal normal 400 20px/25px "Times New Roman", Times, serif;
	padding:8px 20px;
	background: #e0e0e0;
	color: #000;
	margin:-1px -19px 6px -20px;
	border-bottom:1px solid #999;
	text-align:left;
}
.div_anons_img{
	display:none;
	width:260px;
	min-height:60px;
	margin:0 10px -6px -18px;
	float:left;
	clear:both;
}

.div_anons_img img{
	padding:6px;
	border:1px solid #ccc;
	background:#fff;
	
}
.div_anons_block ul.ul_anons_block.disabled{
	background:#999
}

.img_right{
	position:relative;
	width:100%;
	max-width:140px;
	height:auto;
	padding:8px;
	border:1px solid #ccc;
	background:#fff;
	float:right;
	margin:8px 0 0 28px
}
.img_left, .img_project{
	position:relative;
	width:100%;
	max-width:140px;
	height:auto;
	padding:8px;
	border:1px solid #ccc;
	background:#fff;
	float:left;
	margin:8px 28px 0 0;
	z-index:0
}
.img_project{
	max-width:240px;
	margin-top:0;
}

.img_center{
	margin:30px auto;
	height:auto;
	padding:12px;
	border:1px solid #ccc;
	background:#fff;
}
.ul_container{
	position:relative;
	margin:20px auto;
	padding:2px 20px 20px 20px;
	background-color:#e0e0e0;
	background-image:linear-gradient(to bottom, #f7f7f7 80%, #e0e0e0 90%, #cdcdcd 100%);
	border-left: 10px solid #4390af;
	border-top: 4px solid #4390af;
	box-shadow:0 0 0 1px #ccc inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #aaa, 0 11px 0 -8px #fff, 0 11px 0 -7px #aaa, 0 17px 0 -12px #fff, 0 17px 0 -11px #aaa;
	width:100%;
	clear:both;
	transition: all 0.3s linear;
	cursor:pointer;
}
.ul_container strong{
	font:inherit;
}
.ul_title, .ul_title h3, .ul_title h4, .ul_title h2{
	color:#000;
	font:normal normal 400 20px/25px "Times New Roman", Times, serif;
	margin:20px 0;
}
.ul_container li{
	color:#333;
	margin:0 auto 8px 20px;
	list-style-image:url("/assets/b7d47b4be48a4bfd0b0ed2da.gif");
	font:normal normal 400 16px/25px "Times New Roman", Times, serif;
}
.div_center{
	text-align:center;
	margin:0 auto;
}
.product_date{
	color:#999;
	font:normal normal 400 11px/14px Arial, Helvetica, sans-serif;
	text-align:right;
	
}
.external_download{
	font:normal normal 400 15px/25px "Times New Roman", Times, serif;
}
.external_download span{
	color:#000;
}
.external_download span#count_downloads{
	color:#666;
}


.download_block{
	position:relative;
	width:280px;
	min-height:80px;
	margin: 40px auto;
	border:1px solid #ccc;
    background: linear-gradient(to bottom, #31BA1D 0%, #258F16 40%, #1F7612 100%);
	border-radius:16px;
	cursor:pointer;
	font: normal normal 400 11px/14px Verdana, Geneva, sans-serif;
	text-align:center;
	color:#ABF0A2;
	letter-spacing:1px;
	box-shadow:2px 2px 4px #999;
	transition: all 0.3s linear;
	padding:8px 4px;
}

.download_block:hover{
    background: linear-gradient(to bottom, #F33A3A 0%, #E20E0E 40%, #8A0909 100%);
	color:#FFD7D7;
}
.download_block.disabled{
	cursor:default;
    background: linear-gradient(to bottom, #ccc 0%, #999 40%, #444 100%);
	color:#FFD7D7;
}


.dwn{
	font: normal normal 400 24px/30px Verdana, Geneva, sans-serif;
	text-align:center;
	color:#ffffff;
	border-bottom:1px solid #86EA77;
	letter-spacing:1px;
	padding-right:20px;
	text-transform:uppercase;
}
.download_block img{
     position:relative;
	 float:left; 
	 clear:right;
	 margin:-12px 0 0 -46px;
}

.download_block .img_download{
	float:right;
	margin-right:8px;
	}
.btn_spiner{
	position:absolute;
	right:0;
	top:0;
	width:16px;
	height:16px;
	background:url("/assets/823b0eb95aeb9d27b0fed454.png") center center no-repeat;
	margin: 14px 20px 0 0;
}
.div_code{
	position:relative;
	margin:40px auto;
	text-align:left;
	padding:20px;
	background:#fff;
	font: normal normal 400 11px/20px Verdana, Geneva, sans-serif;
	border: 1px solid #ccc;
}
.unit{
	color:#000;
	letter-spacing:1px;
	font-weight:bold;
}
.div_code div{
	padding-bottom:14px;
	
}
.variable{
	color:#0000CC;
}
.div_feedback{
	margin:20px auto;
	position:relative;
	text-align:center;
	width:100%;
	max-width:560px
}
.div_feedback ul{
	background:#4390af;
	border:1px solid #4390a0;
	padding:20px 10px
}
.div_feedback ul li{
	margin-bottom:10px;
	padding:8px 0;
	height:auto
}
.div_feedback textarea{
	resize:none;
	height:160px;
	font:normal normal 400 14px/20px Arial,Helvetica,sans-serif
}
.div_feedback input[type="text"],.div_feedback input[type="email"],.div_feedback textarea{
	width:90%;
	margin:0 auto;
	padding:8px 10px;
	background:#fff;
	box-shadow:rgba(102,102,102,0.9) 14px 17px 15px -14px inset;
	font:normal normal 400 14px/20px Arial,Helvetica,sans-serif;
	color:#444
}
.div_feedback input[type="text"]:disabled,.div_feedback input[type="email"]:disabled,.div_feedback textarea:disabled{
	background:#eee
}
.li_captcha{
	display:none;
	text-align:center
}
.li_captcha_recall .g-recaptcha div:first-child{
	transform:scale(0.96);
	transform-origin:0 0
}
.g-recaptcha{
	margin:0 auto;
	text-align:center
}
.g-recaptcha div:first-child{
	margin:0 auto
}
.li_agree a:hover{
	text-decoration:none;
	color:#fff
}
.li_agree{
	display:inline-block;
	vertical-align:top;
	color:#eee;
	font:normal normal 400 12px/16px Arial,Helvetica,sans-serif;
	text-align:center;
	width:70%;
	text-align:left;
	cursor:pointer
}
.chk_agree,.chk_agree_disabled{
	display:inline-block;
	vertical-align:top;
	width:24px;
	height:24px;
	background:#fff;
	box-shadow:rgba(102,102,102,0.9) 4px 7px 5px -4px inset;
	border-left:2px solid #888;
	border-top:2px solid #888;
	border-bottom:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	margin-right:12px;
	cursor:pointer
}
.chk_agree_disabled{
	background:#ccc
}
.chk_agree_on{
	background:#fff url("/assets/77f3686634a231ba7f228f7c.png") center center no-repeat
}
.chk_agree_disabled{
	background:#ccc url("/assets/77f3686634a231ba7f228f7c.png") center center no-repeat
}
.li_agree a{
	color:inherit;
	text-decoration:underline
}
.li_agree a:hover{
	text-decoration:none;
	color:#FF0
}
.btn{
	position:relative;
	background:#222;
	font:normal normal 400 16px/16px Arial,Helvetica,sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#eee;
	padding:14px 20px;
	width:260px;
	white-space:nowrap;
	cursor:pointer;
	border:1px solid #111;
	transition:all .3s linear
}
.btn:hover{
	color:#fff;
	background:#F60;
	border:1px solid #f30
}
.btn:disabled,.btn:disabled:hover{
	background:#999;
	color:#ccc;
	border:1px solid #909090;
	cursor:default;
	box-shadow:none
}
.pub_block{
	border:1px solid #ccc;
	background: #fff;
	padding:10px 20px;
	margin:0 auto 20px auto;
}
.links_block{
	width:90%;
	margin:10px auto 40px auto;
}
.links_block li{
	margin-bottom:14px;
}
.links_block li>a{
	font:normal normal 400 16px/20px Arial, Helvetica, sans-serif;
	color:#000;
	transition: all 0.3s linear;
}

.links_block li>a:hover{
	text-decoration:none;
	color:#f30;
	
}
.sitemap_subul, .sitemap_subul_, .sitemap_subul_ ul{
	width:80%;
	margin:0 auto 30px 30px;
	padding:0;
}
.sitemap_subul li, .sitemap_subul_ li, .sitemap_subul_ ul li{
	padding:0;
	margin:0;
	list-style:url("/assets/b7d47b4be48a4bfd0b0ed2da.gif");
}
.sitemap_subul li, .sitemap_subul_ ul li{
	margin-bottom:4px;
}
.sitemap_subul li>a, .sitemap_subul_ ul li>a{
	font:normal normal 400 14px/16px Arial, Helvetica, sans-serif;
	color:#444;
	transition: all 0.3s linear;
}
.sitemap_subul_ li>a{
	font:normal normal 400 16px/18px Arial, Helvetica, sans-serif;
	color:#444;
	transition: all 0.3s linear;
}
.sitemap_subul li>a:hover, .sitemap_subul_ li>a:hover, .sitemap_subul_ ul li>a:hover{
	text-decoration:none;
	color:#f30;
}

.article_block img{
	max-width:100%;
	height:auto;
}
#back_forward a{
	font:normal normal 400 14px/14px "Times New Roman", Times, serif;
	clear: both;
}
#back_forward div:nth-child(1){
	float:left;
	text-align:left;
}
#back_forward div:nth-child(2){
	float:right;
	text-align:right;
	margin-top:10px;
}
.back{
	padding:4px;
	border:1px solid #ddd;
	width:200px;
	text-align:center;
	border-radius:18px 0 0 18px;
	margin-bottom:30px;
	cursor:pointer;
	background:#fff;
	transition: all 0.3s linear;
}
.back:hover{
	background:#ffffd7;
	color:#000;
}
.go_archive{
	text-align:center;
	padding:4px;
	border:1px solid #ddd;
	width:200px;
	border-radius:0 18px 18px 0;
	margin-bottom:30px;
	cursor:pointer;
	float:right;
	background:#fff;
	transition: all 0.3s linear;
}
.go_archive:hover{
	background:#ffffd7;
	color:#000;
}
.sape_block_sidebar{
	font:normal normal 400 14px/16px "Times New Roman", Times, serif;
	padding:4px 10px 4px 20px;
}
.sape_block_body{
	display:inline-block;
	
}