/* CSS Document */
@font-face {  font-display: swap;}
html { margin-top: 0 !important; height: 100%;}
body { margin: 0; font: 13px/18px Arial, Helvetica, sans-serif; color: #414141; overflow-y: scroll; position: relative; min-height: 100%; -webkit-opacity: .99;}
.clear { clear: both;}
#header { width: 980px; margin: 0 auto; position: relative; height: 100px;}
#header .logo { display: block; position: absolute; top: 22px; left: 0; width: 239px; height: 62px; background: url(../images/logo.png) no-repeat 0 0;}
#header .phone { padding: 10px 0 0 40px; height: 38px; position: absolute; top: 32px; left: 314px; background:  url(../images/phone.png) no-repeat 0 0; font-size: 20px; color: #414141;}
#header .phone span { font-size: 26.5px; color: #527cb6;}
#header .lng { display: inline-block; width: 45px; height: 20px; padding: 2px 0 0 10px; position: absolute; left: 605px; top: 40px; background: url(../images/lng.png) no-repeat 0 0; cursor: pointer; font-style: italic; color: #959595;}
#header .lng a { display: none; position: absolute; top: 22px; left: 0; width: 43px; height: 20px; padding: 0 0 0 10px; border: solid 1px #e5e5e5; background: #fff; color: #1b4b8d; border-radius: 3px;}
#header .lng:hover a { display: inline-block;}
#header .lng a:hover { color: #fff; background: #8db1e0; border-color: #8db1e0;}
#header .search { display: block; position: absolute; top: 36px; right: 0; width: 242px; height: 27px; background: url(../images/search.png) no-repeat 0 0;}
#header .search .search_text { width: 155px; height: 18px; border: none; padding: 4px 5px 5px 10px; outline: none; background: none;}
#header .search .search_submit { position: absolute; top: 0; right: 0; z-index: 5; width: 76px; height: 27px; background: none; border: none; cursor: pointer;}
#header .search span { display: block; position: absolute; top: 4px; right: 0; z-index: 3; width: 76px; text-align: center;  color: #527cb6; font-size: 15px; text-shadow: 0 1px 1px #fff;}
#main_menu { list-style: none; padding: 0; text-indent: 0; height: 35px; width: 980px; margin: 15px auto 25px auto; background: url(../images/menu.png) no-repeat 0 0;}
#main_menu li { display: block; height: 35px; float: left; padding: 0 0 0 1px; position: relative;}
#main_menu li+li { background: url(../images/menu_item.png) no-repeat 0 0;}
#main_menu li a { display: block; padding: 7px 24px 8px 24px; line-height: 20px; font-size: 19px; color: #2b5478; text-decoration: none; cursor: pointer; position: relative; z-index: 5;}
#main_menu li a:hover, #main_menu li a.current { color: #5a8bce;}
#main_menu li ul { display: none; position: absolute; z-index: 2; top: 35px; left: 0; background: #fff; padding: 0 1px 0 0; margin: 0; width: max-content; padding: 5px 0; border-radius: 0 0 3px 3px; box-shadow: 0 3px 10px -2px rgba(0,0,0,.5);}
#main_menu li ul li { display: block; float: none; white-space: nowrap; padding: 0; background: none;}
#main_menu li ul li a { display: block; color: #707173; font-size: 14px; padding: 5px 10px; margin: 0;}
#main_menu li ul li a:hover, #main_menu li ul li a.current  { color: #559ad8;}
#main_menu li:hover ul { display: block;}


#inner_menu { display: block; padding: 15px 20px 15px 20px; height: 24px; margin: 0; text-indent: 0; position: relative; background: url(../images/inner_menu.png) repeat-x 0 0; text-align: justify; overflow: hidden;}
#inner_menu li { display: inline-block;}
#inner_menu li a { display: inline-block; padding: 3px 5px; border-radius: 3px; text-decoration: none; color: #2b5478;}
#inner_menu li a:hover, #inner_menu li a.current { background: #8db1e0; color: #fff;}
#inner_menu li.break { width: 100%; padding: 0;}
#inner_submenu { padding: 0 20px; background: #ecf2f5; position: relative;}
#inner_submenu ul { display: block; padding: 0; margin: 0; text-indent: 0; overflow: hidden; height: 18px; white-space: nowrap; position: relative;}
#inner_submenu ul li { display: inline-block;}
#inner_submenu ul li + li { margin-left: 20px;}
#inner_submenu ul li a { display: inline-block; padding: 0 3px; border-radius: 2px; color: #5b5b5b; text-decoration: none;}
#inner_submenu ul li a.current, #inner_submenu ul li a:hover { background: #92abb8; color: #fff;}

#inner_submenu span { display: block; width: 20px; height: 18px; position: absolute; top: 0; background: no-repeat center center; cursor: pointer;}
#inner_submenu span.left { left: 0; background-image: url(../images/al.png);}
#inner_submenu span.right { right: 0; background-image: url(../images/ar.png);}


#banner { height: 355px; background: url(../images/banner_bg.png) repeat-x 0 0; margin: -3px 0 0 0; padding: 19px;}
#banner div { height: 355px; width: 980px; margin: 0 auto; background: url(../images/banner.png) no-repeat 0 0; position: relative;}
#banner div a.link { display: block; height: 355px; width: 980px; text-decoration: none;}
#banner div h1 { font: 40px/46px metapro-condbookregular; color: #1b4b8d; position: absolute; top: 15px; left: 20px; margin: 0;}
#banner div div { width: 360px; height: auto; padding: 140px 0 0 20px; margin: 0; font-size: 13px; color: #302f2f; background: none;}
#banner div div b { color: #1b4b8d; font-size: 22px; font-weight: normal;}

#banner .bbtn_download { display: inline-block; width: 185px; height: 34px; padding: 2px 0 7px 0; position: absolute; top: 270px; left: 15px; line-height: 34px; font-size: 22px; color: #00357f; text-shadow: 0 1px 1px #fff; text-align: center; background: url(../images/bbtn_download.png) no-repeat 0 0; text-decoration: none;}
#banner .bbtn_download:hover { background-position: 0 -50px; text-shadow: none; color: #fff;}
#banner .bbtn_download:active { background-position: 0 -100px; text-shadow: none; color: #fff;}
#banner .bbtn_download .days { display: block; width: 50px; height: 50px; position: absolute; top: -6px; right: -20px; background: url(../images/ru_30days.png) no-repeat 0 0;}
#banner .bbtn_download:hover .days { background-position: 0 -50px;}
#banner .bbtn_download:active .days { background-position: 0 -100px;}
body.en #banner .bbtn_download .days{ background-image:  url(../images/en_30days.png);}
#banner .bbtn_buy { display: inline-block; width: 185px; height: 34px; padding: 2px 0 7px 0; position: absolute; top: 270px; left: 295px; line-height: 34px; font-size: 22px; color: #2d4300; text-shadow: 0 1px 1px #fff; text-align: center; background: url(../images/bbtn_buy.png) no-repeat 0 0; text-decoration: none;}
#banner .bbtn_buy:hover { background-position: 0 -50px; text-shadow: none; color: #fff;}
#banner .bbtn_buy:active { background-position: 0 -100px; text-shadow: none; color: #fff;}




#content { width: 980px; margin: 0 auto; padding: 0 0 145px 0;}
#content #btn_buy { display: inline-block; float: right; margin: 13px 0 0 0; border-radius: 4px; line-height: 20px; color: #3a5701; text-decoration: none; background: #a7d250; font-size: 13px; width: 72px; text-align: center;}
#content #btn_buy:hover  { color: #fff;}
#content #btn_buy:active  { color: #fff; background: #b8e069;}
#content h1 { margin: 0; padding: 15px 20px; font-size: 25px; color: #1b4b8d; font-weight: normal; background: url(../images/h1.png) repeat-x 0 0;}
#content h2 { margin: 0 0 18px 0; font-size: 17px; color: #1b4b8d; font-weight: normal; padding-top: 12px;}
#content h2 a { color: #1b4b8d;}
#content h3 { margin: 0 0 18px 0; font-size: 15px; color: #1b4b8d; font-weight: normal;}
#content p { margin: 0 0 18px 0;}
#content h2+p, #content h3+p { margin-top: 18px;}
#content p.indent { text-indent: 30px;}
#content p.warn { color: #f30d0d;}
#content b { color: #1b4b8d; font-size: 15px; font-weight: normal;}
#content ul.simple { display: block; padding: 0; margin: 18px 0; text-indent: 0;}
#content ul.simple li { display: block; padding: 0 0 0 30px; background: url(../images/li.png) no-repeat 0 6px;}
#content ul.numbered { display: block; padding: 0; margin: 18px 0; text-indent: 0;}
#content ul.numbered li { display: block; padding: 12px 0 12px 45px;  position: relative;}
#content ul.numbered li span.num { display: block; width: 35px; height: 35px; position: absolute; top: 5px; left: 0; line-height: 36px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 0 -1px #a1a9b1; text-align: center; background: url(../images/li_num.png) no-repeat 0 0;}

#content .section { padding: 15px 20px 15px 20px;}
#content .section.shadow { background: url(../images/section.png) repeat-x 0 0;}
#inner_submenu + .section.shadow { background-position: 0 -2px;}
#content .section .col { width: 460px; float: left;}
#content .section .col.right { margin-left: 20px;}
#content .section .col.width { float: none; width: auto;}

#content .screen { width: 125px; height: 100px; float: left; margin: 0 20px 20px 0;}
#content .screen + p { text-indent: 0;}

#content .screen_line { padding: 20px 0 10px 0;}
#content .screen_line a { width: 220px; height: 145px; float: left; margin: 0 15px 20px 0; color: #414141; font-size: 13px; text-decoration: none;}
#content .screen_line a img { width: 135px; height: 120px; float: left; margin: 0 85px 5px 0;}
#content .screen_line a span { display: block; width: 220px;}

#content .header_ico { padding: 0 0 20px 144px; min-height: 124px; background: no-repeat 0 0;}
#content .header_ico.printer { background-image: url(../images/ico_printer.png);}
#content .header_ico.spy { background-image: url(../images/ico_spy.png);}
#content .header_ico.prio { background-image: url(../images/ico_prio.png);}
#content .header_ico.router { background-image: url(../images/ico_router.png);}
#content .header_ico.viewer { background-image: url(../images/ico_viewer.png);}
#content .header_ico.linux { background-image: url(../images/ico_linux.png);}																			 
#content .header_ico.d_pw { background-image: url(../images/d_pw.png);}
#content .header_ico.d_pv { background-image: url(../images/d_pv.png);}
#content .header_ico.d_prio { background-image: url(../images/d_prio.png);}
#content .header_ico.d_pr { background-image: url(../images/d_pr.png);}

#content .main { padding: 0 8px; margin: 0 0 -3px 0;}
#content .main .item { display: block; float: left; width: 240px; height: 345px; background: no-repeat center 20px; border-radius: 3px; position: relative;}
#content .main .item:hover { margin: -1px; border: solid 1px #d2d2d2; box-shadow: 0 0 3px #d2d2d2; background-color: #fff;}
#content .main .item.printer { background-image: url(../images/main_printer.png);}
#content .main .item.router { background-image: url(../images/main_router.png);}
#content .main .item.spy { background-image: url(../images/main_spy.png);}
#content .main .item.prio { background-image: url(../images/main_prio.png);}
#content .main .item.linux { background-image: url(../images/main_linux.png);}																			  
#content .main .item .link { display: block; height: 220px; padding: 125px 0 0 0; text-align: center; text-decoration: none; color: #424242;}
#content .main .item .link b { color: #527cb6; font-size: 20px; font-weight: normal;}
#content .main .item .btn_download { display: inline-block; width: 83px; height: 18px; padding: 4px 0 5px 0; position: absolute; top: 280px; left: 15px; line-height: 18px; font-size: 12px; color: #002557; text-shadow: 0 1px 1px #fff; text-align: center; background: url(../images/btn_download2.png) no-repeat 0 0; text-decoration: none;}
#content .main .item .btn_download:hover { background-position: 0 -27px; text-shadow: none; color: #fff;}
#content .main .item .btn_download:active { background-position: 0 -54px; text-shadow: none; color: #fff;}
#content .main .item .btn_download .days { display: block; width: 35px; height: 35px; position: absolute; top: -4px; right: -23px; background: url(../images/ru_30days_small.png) no-repeat 0 0;}
#content .main .item .btn_download:hover .days { background-position: 0 -34px;}
#content .main .item .btn_download:active .days { background-position: 0 -70px;}
body.en #content .main .item .btn_download .days{ background-image:  url(../images/en_30days_small.png);}
#content .main .item .btn_buy { display: inline-block; width: 83px; height: 18px; padding: 4px 0 5px 0; position: absolute; top: 280px; right: 15px; line-height: 18px; font-size: 12px; color: #2d4300; text-shadow: 0 1px 1px #fff; text-align: center; background: url(../images/btn_buy.png) no-repeat 0 0; text-decoration: none;}
#content .main .item .btn_buy:hover { background-position: 0 -27px; text-shadow: none; color: #fff;}
#content .main .item .btn_buy:active { background-position: 0 -54px; text-shadow: none; color: #fff;}

#content .main .break { display: block; width: 1px; height: 280px; background: #dbdbdb; margin: 27px 0 0 0; float: left;}

#content .news { margin: 0 -20px; position: relative;}
#content .news h2 { padding-left: 20px;}
#content .news .item { width: 490px; float: left; height: 200px; background: url(../images/news_img.png) no-repeat 0 0;}
#content .news .item .img { display: block; width: 138px; height: 136px; float: left; margin: 7px 20px 20px 20px;}
#content .news .item .img img { width: 138px; height: 136px;}
#content .news .item h3 { font-size: 19px; color: #1b4b8d; font-weight: normal; margin: 0 0 5px 0;}
#content .news .item h3 a { color: #1b4b8d; text-decoration: none;}
#content .news .item h3 a:hover { text-decoration: underline;}
#content .news .item .text a { color: #1b4b8d; font-style: italic;}
#content .news .item .date { display: inline-block; padding: 1px 5px; color: #fff; border-radius: 3px; background: #2773ae; margin: 7px 0 10px 0;}
#content .news .rss { display: inline-block; padding: 12px 0 12px 60px; background: url(../images/nico_rss.png) no-repeat 0 4px; position: absolute; bottom: 10px; left: 190px; color: #1b4b8d;}
#content .news .all { display: inline-block; padding: 12px 0 12px 60px; background: url(../images/nico_all.png) no-repeat 0 0; position: absolute; bottom: 10px; left: 670px; color: #1b4b8d;}

#content .clients { position: relative;}
#content .clients .inner { margin: 0 30px; overflow: hidden; white-space: nowrap;}
#content .clients .inner span { display: inline-block; width: 220px; height: 50px;}
#content .clients .inner span img { width: 220px; height: 50px;}
#content .clients .arrow { display: block; width: 10px; height: 16px; position: absolute; top: 65px; background: no-repeat 0 0; cursor: pointer;}
#content .clients .arrow.left { left: 10px; background-image: url(../images/cl_l.png);}
#content .clients .arrow.right { right: 10px; background-image: url(../images/cl_r.png);}

#content .download { margin: 14px 0; height: 18px; color: #3f78bd; font-size: 16px;}
#content .download .title { display: inline-block; width: 220px;}
#content .download .size { display: inline-block; width: 125px;}
#content .download .btn { display: inline-block; width: 74px; height: 18px; padding: 3px 0; position: relative; top: -3px; line-height: 18px; font-size: 12px; color: #002557; text-shadow: 0 1px 1px #fff; text-align: center; background: url(../images/btn_download.png) no-repeat 0 0; text-decoration: none;}
#content .download .btn:hover { background-position: 0 -24px; text-shadow: none; color: #fff;}
#content .download .btn:active { background-position: 0 -48px; text-shadow: none; color: #fff;}

#content #dmenu { margin: 0 20px; height: 20px; position: relative; background: #ecf2f5;}
#content #dmenu a { display: block; width: 25px; height: 20px; position: absolute; top: 0; margin: 0 10px; background: no-repeat center center;}
#content #dmenu .prev { right: 50%; background-image: url(../images/al.png);}
#content #dmenu .next { left: 50%; background-image: url(../images/ar.png);}

#footer { height: 125px; width: 100%; position: absolute; bottom: 0; background: url(../images/footer.png) repeat-x 0 0;}
#footer .inner { height: 125px; background: url(../images/footer_inner.png) no-repeat center 0;}
#footer .inner .content { width: 980px; margin: 0 auto; position: relative; color: #262626;}
#footer .inner .content .copy { position: absolute; top: 52px; left: 20px;}
#footer .inner .content .phone { position: absolute; top: 50px; left: 500px; display: inline-block; padding: 2px 0 2px 35px; background: url(../images/footer_phone.png) no-repeat 0 center;}
#footer .inner .content .mail { position: absolute; top: 50px; left: 740px;  display: inline-block; padding: 2px 0 2px 35px; background: url(../images/footer_mail.png) no-repeat 0 center;}
#footer .inner .content .menu { position: absolute; top: 52px; left: 260px;  display: block; margin: 0; padding: 0; text-indent: 0;}
#footer .inner .content .menu li { display: inline-block;}
#footer .inner .content .menu li + li { margin-left: 20px;}
#footer .inner .content .menu li a { color: #002f6e; text-decoration: none; font-size: 15px;}

#buy .box { border-radius: 5px; border: solid 1px #e1e1e1; background: #3f79bd; padding: 0 0 12px 0; box-shadow: 0 0 3px rgba(0,0,0,0.2); width: 400px; margin: 20px 0 40px 0;}
#buy .box a { color: #3f79bd;}
#buy .box .h1 { display: inline-block; padding: 7px 0 7px 25px; width: 180px; color: #fff;}
#buy .box .h2 { display: inline-block; width: 155px; padding: 7px 0; text-align: center; color: #fff;}
#buy .box .row { display: block; padding: 3px 0;}
#buy .box .row.link { cursor: pointer;}
#buy .box .row.link:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); position: relative; z-index: 5;}
#buy .box .row.link.current {}
#buy .box .row.odd { background: #c8e1ff;}
#buy .box .row.even { background: #fff;}
#buy .box .row .col1 { display: inline-block; padding: 0 0 0 25px; width: 180px;}
#buy .box .row .col2 { display: inline-block; width: 155px; text-align: center;}
#buy .box .row .cb { display: inline-block; width: 13px; height: 13px;}
#buy .box .row.link.odd .cb { background: url(../images/buy_cb.png) no-repeat 0 -39px;}
#buy .box .row.link.even .cb { background: url(../images/buy_cb.png) no-repeat 0 -13px;}
#buy .box .row.link.odd.current .cb { background: url(../images/buy_cb.png) no-repeat 0 -26px;}
#buy .box .row.link.even.current .cb { background: url(../images/buy_cb.png) no-repeat 0 0;}

#buy .blink { display: inline-block; width: 83px; height: 18px; padding: 4px 0 5px 0; line-height: 18px; font-size: 12px; color: #2d4300; text-shadow: 0 1px 1px #fff; text-align: center; background: url(../images/btn_buy.png) no-repeat 0 0; text-decoration: none; margin: 0 0 40px 317px;}
#buy .blink:hover { background-position: 0 -27px; text-shadow: none; color: #fff;}
#buy .blink:active { background-position: 0 -54px; text-shadow: none; color: #fff;}

span.wpcf7-list-item { display: block; }