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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
:focus{outline:0;}
html{margin-top:0 !important;}
body{line-height:1;color:#000}
ol, ul{list-style:none;}
table{border:0px solid;border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
.clear{clear:both}
html,body{height:100%}
body{font:0.8em arial,sans-serif;/* background:#fff url(images/back.png) 0 0 repeat-x; */color:#5a5a5a;}
#container{min-height:100%;width:100%;min-width:1000px;max-width:1440px;margin:0 auto;/* background:url(images/header.png) 0 0 repeat-x; */position:relative;}
#left{float:left;width:287px;position:relative;left:78px;float:left;margin-left:-100%;}
#wrap{width:100%;float:left;}
#content{margin:0 63px 0 392px;}
h1{font:1.8em arial,sans-serif;}
h2{font:1.8em arial,sans-serif;}
h3{font:1.5em arial,sans-serif;}
a{color:#3981cc;}
a:hover{text-decoration:none;}
#header{height:215px;position:relative;/* background:url(images/header_l.png) 0 0 no-repeat; */}
#header .in{height:215px;position:relative;/* background:url(images/header_r.png) 100% 0 no-repeat; */}
.logo{position:absolute;background:url(images/logo.png) 0 0 no-repeat;background-size: contain;width:240px;height:80px;top:20px;left:84px;display:block;text-indent:-9000px;transition:0.5s;}
.logo:hover{transform:scale(1.1);transition:0.5s;}
.newwrap{background: linear-gradient(to bottom, transparent 172px, #f8f8f8 300px);}
#header .descr{position:absolute;top:36px;left:380px;height:30px;color:#87888c;padding:0px 0 0 14px;font-size:1.4em;}
.menu-top-container{width: 93%;    position: relative;    overflow: hidden;    height: 42px;    top: 115px;    margin: 0 4%;    border-bottom: 3px solid #ee8100;    background-color: #5697dc;    border-radius: 10px;}
.menu-top-container ul{height:50px;float:left;position:relative;}
.menu-top-container ul li{float:left;position:relative;/* background:url(images/sep.gif) 100% 2px no-repeat; */text-transform:uppercase;border-right: 2px dashed #75a9e0;}
.menu-top-container ul li#menu-item-22{background:0;}
.menu-top-container ul li a{color:#fff;text-decoration:none;float:left;padding:13px 32px 0;display:block;height:34px;font-size:1.16em;background:url(images/hover.gif) center -50px no-repeat;}
.menu-top-container ul li a:hover{	/* background:url(images/hover.gif) center 100% no-repeat; */	background-color:#4090e1;	}
.menu-top-container ul li.active a{background:url(images/hover.gif) center 100% no-repeat;}
.ico{position:absolute;top:42px;left:50%;}
.ico li{float:left;margin:0 10px 0 0;}
.ico li a{display:block;background-position:0 0;width:29px;height:29px;text-indent:-9000px;}
.ico li a:hover{background-position:-29px top;}
.ico li a.home{background-image:url(images/home.png);}
.ico li a.mail{background-image:url(images/mail.png);}
.ico li a.map{background-image:url(images/map.png);}
.phones{position:absolute;top:10px;text-align: center;right:7%;height:40px;color:#3a71a8;font-size:19px;/* font:bold italic 1.2em arial,sans-serif; */ /* background:url(images/phone.png) 0 0 no-repeat; */padding:0px 0 0 48px;line-height: 28px;}
.phones span{font:bold .5em arial,sans-serif;position:relative;top:-22px;}
.phones small{font-size:12px;line-height: 12px;color: #819eba;}
.bread{padding:10px 0 10px;font-size:.85em;}
.bread a{}
.more{background:url(images/more.gif) 100% 3px no-repeat;display:block;float:right;padding:0 36px 0 0;}
#content h1{border-bottom:1px solid #b4b4b4;margin:20px 0;}
#content h2{border-bottom:1px solid #b4b4b4;margin:20px 0;font-style:italic}
#content h3{border-bottom:1px solid #b4b4b4;margin:15px 0;}
#content .about{padding:0 0 59px;}
.press .st{width:45%;margin:0 5% 0 0;float:left;}
#content .press .st .date{padding:0 0 10px;color:#929292;}
#content .press .st a{font-style:italic}
#left h2{border-bottom:1px solid #b4b4b4;margin:10px 0 10px;}
.banners li{padding:0 0 10px;}
.razrab .goto_cat{background:url(images/goto_cat.gif) 0 0 no-repeat;width:283px;height:20px;display:block;padding:2px 0 0 32px;}
.razrab div{padding:10px 0 5px;}
.razrab div.clear{padding:0;}
.razrab div img{padding:1px;border:4px solid #e3e3e3;float:left;margin:0 9px 5px 0;}
.razrab div p{padding:9px 0 0;}
.left_contacts{margin-bottom:20px;}
#footer{clear:both;position:relative;background:#f0f2f3;height:120px;margin-top:-120px;}
#footer .in{min-width:1000px;max-width:1440px;margin:0 auto;}
.copy{float:left;padding:45px 0 0 78px;}
.counters{position:absolute;top:0px;left:38%;}
.counters li{float:left;margin:45px 20px 0 0px}
.develop{float:right;line-height:1.5em;padding:35px 45px 0 0;}
.empty{height:180px;}
#content table.price td,
#content table.price th{border:1px solid #000;padding:5px;}
#content table.price th{text-align:center;}
#content table.price td{text-align:left;}
#content table.price th{background-color:#ccc;font-weight:bold;}
#content table.price td.img{width:100px;}
#content table.price td.name{width:150px;}
#content table.price td.descrip{width:150px;}
.hcat{border-bottom:1px solid #b4b4b4;margin:0 50px 20px 70px;font-size:1.8em;}
.contact img{float:left;margin-right:5px;margin-top:3px;}
.contact-small{font:0.85em arial,sans-serif;}
a.menu-item{text-decoration:none;}
a:hover.menu-item{text-decoration:underline;}
#content table.no-border-table{}
#content table.no-border-table td{border:0px solid;vertical-align:top;padding:5px;}
#content table tr.even{background-color:#f6f6f6;}
.img-left img{padding:1px;border:4px solid #e3e3e3;float:left;margin:0 29px 5px 0;}
#content ul{margin-left:40px;margin-top:0px;margin-bottom:10px;}
#content p{padding:0 0 0;margin-top:10px;margin-bottom:5px;}
#content ul li{list-style-type:circle;}
#content .noborder{border-bottom:0;margin:15px 0;}
#content #buklets{padding:0px 0px 0px 19px;clear:right;}
#content #buklets ul{margin:0px 0px 0px 0px;list-style-type:none;line-height:0px;}
#content #buklets ul li{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;float:left;}
#content #buklets ul li.pdf{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;background:url(images/pdf_small.gif) no-repeat left top;float:left;}
#content #buklets ul li.doc{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;background:url(images/doc.gif) no-repeat left top;float:left;}
#content #buklets ul li.zip{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;background:url(images/zip.png) no-repeat left top;float:left;}
#content #buklets ul li.ppt{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;background:url(images/ppt.png) no-repeat left top;float:left;}
#content #buklets ul li.jpg{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;background:url(images/jpg.png) no-repeat left top;float:left;}
#content #buklets ul li.htm{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;background:url(images/html.png) no-repeat left top;float:left;}
#content #buklets ul li.xls{list-style-type:none;margin:10px 28px 0px 0px;padding:0px 0px 0px 26px;background:url(images/xls.png) no-repeat left top;float:left;}
#content #buklets a{font:12px Verdana, Arial !important;color:#115dab!important;text-decoration:underline;}
#content #buklets a:hover{text-decoration:none;}
.cl{clear:both;}
#content p.price-link{font:18px/18px Verdana, Arial !important;text-align:left;margin:30px 0px 0px 0px;padding:0px 0px 0px 24px;line-height:18px;background:url(images/price.jpg) no-repeat left top;}
#left #left-sidebar-menu li{border-top:1px solid #999;padding-top:5px;padding-bottom:5px;list-style:none;border-top: 1px solid #75a9e0;
    list-style: none;
    background: #5697dc;
    color: #fff;
    font-size: 14px;
    border-image: linear-gradient(to right, #5697dc 0%, #1d6cc0 50%, #5697dc 100%) 1;}
#left #left-sidebar-menu li ul{padding-left:10px;}
#left #left-sidebar-menu li ul li{border-top:0px;}
#left #left-sidebar-menu a{text-decoration: none;
    color: #fff;
    max-width: 100%;
    display: block;
    padding: 10px;}
#left #left-sidebar-menu li:hover{background:#117ac5;}
#left #left-sidebar-menu li ul a{font-size:11px;}

	.razrab_img{
	width: 250px;
    height: 165px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
	}
	
	.razrab_txt {
    width: 250px;
    margin: 0 auto;
    font-size: 17px;
    text-decoration: none;
 }
 .razrab_txt a {text-decoration: none;}

.searchform_mobile {
    display: none;
}
.searchform_desktop {
    position: absolute;
    top: 190px;
    margin: 0 62px;
    padding: 0 0 0 17px;
}
#searchform {
    display: flex;
}
#searchform input {
    padding: 0 12px;
    height: 26px;
    border: 2px solid #b4b4b4;
    line-height: 30px;
}
#searchform button {
    margin-left: 7px;
    width: 28px;
    height: 28px;
    border: none;
    background: url(images/seach-icon.png);
}
@media (max-width: 1000px) {
    .searchform_desktop {
        margin: 0;
    }
}
@media (max-width: 768px) {
    .searchform_desktop {
        display: none;
    }
    .searchform_mobile {
        display: block;
        position: unset;
        margin: 12px 20px;
    }
}

.search_result .razrab {
    padding: 0 0 10px;
    border-bottom: 2px solid #ccc;
}
.search_result .razrab:last-child {
    border-bottom: none;
}

@media (max-width: 768px) {
.blk-home{
	float:left;
	width:50%;
	text-align:center;
	height: 250px;
}
}

@media (min-width: 768px) {
.blk-home{
	float:left;
	width:20%;
	text-align:center;
	height: 250px;
}
	.blk-home:hover{
		background:#eeeeeeaa;
	}
	.razrab{
    width: 46%;
    margin: 2%;
    float: left;
	height: 180px;
}
}
	
.blk-home span{
	display:block;	
	margin-top: 20px;
}
.blk-home a{ 
    text-decoration: none;
    color: #004c9b;
    font-weight: bold;
}

.h2_zag{
	border-bottom: 1px solid #b4b4b4;
    margin: 10px 0 10px;
	font: 1.8em arial,sans-serif;
}