/*
@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 960px) {}
@media (min-width: 1233px) {}
*/

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}


@font-face {
    font-family: 'proxi';
    src: url('../fonts/proximanova-reg.eot');
    src: url('../fonts/proximanova-reg.eot') format('embedded-opentype'),
         url('../fonts/proximanova-reg.woff') format('woff'),
         url('../fonts/proximanova-reg.ttf') format('truetype'),
         url('../fonts/proximanova-reg.svg#ProximaNovaRegular') format('svg');
}



@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-r9k8im');
	src:url('../fonts/icomoon.eot?#iefix-r9k8im') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-r9k8im') format('woff'),
		url('../fonts/icomoon.ttf?-r9k8im') format('truetype'),
		url('../fonts/icomoon.svg?-r9k8im#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/*font-family: 'icomoon';*/
	/*speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;*/
	/*text-transform: none;*/
	/*line-height: 1;*/

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: 'icomoon';}

.icon-small:before {font-size:20px;}

#sidebar .uk-nav .icon-small:before,
#sidebar .uk-nav .icon-news:before{color:#3d5975; position:absolute; left:20px;}

.uk-width-large-2-2 .main-toplist-item {
	font-size: 14px;
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-left: 35px;
    width: 49%;
    box-sizing: border-box;
}
.uk-width-large-2-2  .main-module .main-toplist{
	 margin-left:-35px;
 }
.icon-info:before {
	content: "\e61c";
}
h2.icon-mynews {
    padding-left: 40px;
    background: url(../images/news_afisha2.png) no-repeat left center;
}
.icon-news:before{
	content: "";
    display: block;
    width: 20px;
    height: 20px;
	left: 22px!important;
    background: url(../images/news_menu.png) no-repeat;
}
.icon-logo:before {
	content: "\e600";
}
.icon-logoico:before {
	content: "\e601";
}
.icon-networks:before {
	content: "\e602";
}
.icon-hardware:before {
	content: "\e603";
}
.icon-operating-systems:before {
	content: "\e604";
}
.icon-database:before {
	content: "\e605";
}
.icon-web:before {
	content: "\e606";
}
.icon-sources:before {
	content: "\e607";
}
.icon-microsoft-net:before {
	content: "\e608";
}
.icon-algorithms:before {
	content: "\e609";
}
.icon-programming:before {
	content: "\e60a";
}
.icon-home:before {
	content: "\e60b";
}
.icon-quill:before {
	content: "\e60c";
}
.icon-camera:before {
	content: "\e60d";
}
.icon-book:before {
	content: "\e60e";
}
.icon-folder-open:before {
	content: "\e60f";
}
.icon-tag:before {
	content: "\e610";
}
.icon-support:before {
	content: "\e611";
}
.icon-phone:before {
	content: "\e612";
}
.icon-clock:before {
	content: "\e613";
}
.icon-bubble:before {
	content: "\e614";
}
.icon-key:before {
	content: "\e615";
}
.icon-cog:before {
	content: "\e616";
}
.icon-pie:before {
	content: "\e617";
}
.icon-arrow-right:before {
	content: "\e618";
}
.icon-arrow-right2:before {
	content: "\e619";
}
.icon-arrow-right3:before {
	content: "\e61a";
}
.icon-search:before {
	content: "\f002";
}
.icon-arrow-right4:before {
	content: "\f061";
}
.icon-twitter:before {
	content: "\f099";
}
.icon-facebook:before {
	content: "\f09a";
}
.icon-google-plus:before {
	content: "\f0d5";
}
.icon-envelope:before {
	content: "\f0e0";
}
.icon-vk:before {
	content: "\f189";
}
.icon-arrow-circle-o-right:before {
	content: "\f18e";
}

















* {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color:#333;}

a, .uk-link {color:#16a; text-decoration:none;}
a:hover, .uk-link:hover {color:#18d; text-decoration:underline;}


#header {min-height:80px;
background-color: #f1f5f5;
-moz-box-shadow: inset 0 -1px 0 #e5e8e9;
-webkit-box-shadow: inset 0 -1px 0 #e5e8e9;
box-shadow: inset 0 -1px 0 #e5e8e9;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, #f1f5f5 0%, #fff 100%);
background-image: -o-linear-gradient(bottom, #f1f5f5 0%, #fff 100%);
background-image: -webkit-linear-gradient(bottom, #f1f5f5 0%, #fff 100%);
background-image: linear-gradient(bottom, #f1f5f5 0%, #fff 100%);
transition: height .5s .3s;
}

.uk-sticky{}  
.uk-sticky.uk-active #header {height:8px;} 
.uk-sticky.uk-active #header:hover {height:80px;} 


#header .uk-grid > div {line-height:80px;}



#logo {position:relative; text-align:center; }

#logo:before {content:' '; font-size:0; position:absolute; height:100%; width:9999px; margin-left:-9999px; left:0;}

#logo,
#logo:before {
background-color: #1165a9;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNjVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzNzNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, #1165a9 0%, #1373bf 100%);
background-image: -o-linear-gradient(bottom, #1165a9 0%, #1373bf 100%);
background-image: -webkit-linear-gradient(bottom, #1165a9 0%, #1373bf 100%);
background-image: linear-gradient(bottom, #1165a9 0%, #1373bf 100%);
}







#logo a {min-width:20px;}

	
#header nav ul {padding-top:15px; font-size:0;}
#header nav li {display:inline-block; height:50px; line-height:50px; background:none; font-size:auto;}


#header nav a {margin:0; padding:1px 14px 0; font: 15px/49px 'proxi' ;  text-transform:uppercase;
border-radius: 4px;
background-clip: padding-box;
}

#header nav a:hover {color:#103c60;}

#header nav .uk-active a,
#header nav .uk-active a:hover {
background-color: #9dabb9; box-shadow: 0 1px 0 #fff;
cursor:default; color:#fff; text-decoration:none;
}



h1, h2, h4, h5, h6,
h1 *, h2 *, h4 *, h5 *, h6 *{
    font-family: 'proxi'; display:inline-block; position:relative;
}


/*
.uk-grid-inlineblock {word-spacing:-50px; vertical-align:top;}
.uk-grid-inlineblock > div {word-spacing:0; display:inline-block; float:none; vertical-align:top;}
*/

.uk-grid-inlineblock {font-size:0; vertical-align:top;}
.uk-grid-inlineblock > div {font-size:14px; display:inline-block; float:none; vertical-align:top;}



.uk-article-title, .uk-page-title,
h1, .uk-h1 {font: 25px/35px 'proxi'; text-transform:uppercase; color:#9eacba; display:inline-block; padding: 0 0 10px; text-align:center;
border-bottom:#e5e8e9 solid 1px; width:100%;}
h2, .uk-h2 {font: 22px/30px 'proxi'; text-transform:uppercase; color:#0d1216; margin: 25px 0 15px;}
h3, .uk-h3 {font: 18px/25px Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:none; color:#0d1216; margin: 0 0 10px;}
h3 a, .uk-h3 a {color:#16a;}

p, .uk-p {margin: 0 0 10px;}

h2:before {font-size:40px; padding:0 5px 0 0; top:10px; position:relative;}

.uk-article-meta {font: 10px/20px 'proxi'; color:#9eacba; margin-bottom:5px;}
.uk-article-meta a {text-transform:uppercase; margin-left:10px; color:#9eacba;}
.uk-article-meta a:hover {color:#7ba4cc;}

.blog-article-content + .uk-article-meta {margin-top:10px;}


.uk-article + .uk-article {
    margin-top: 20px;
}

.tm-content {margin:25px 0 35px;}




#allarticles {margin:20px 0 10px;}

.aallcount {font:23px/25px 'proxi'; word-spacing:-5; color:#3d5975; border-color:#e5e8e9; border-style:solid; border-width:3px 0;
position:relative; float:left; margin:0 10px 10px 50px;}
.aallcount:before {font-size:40px; color:#9eacba; position:absolute; left:-50px; top:1px;}

.aalltxt {display:block; float:left; font:10px/20px 'proxi'; text-transform:uppercase;
position:relative; top:-3px; margin-right:-50px;}
.aalltxt,
.aalltxt span {color:#3d5975;}








#sidebar .uk-panel {
border-radius: 4px;
background-clip: padding-box;
background-color: #0d1115;
}

#sidebar .uk-nav a,
#sidebar .uk-nav a > span{color:#f2f5f6; font-size:15px;}

#sidebar .uk-nav a:hover {background:#000;}
#sidebar .uk-nav .a-lev2:hover {background:rgba(0,0,0,.5);}

#sidebar .uk-nav > li {padding:0;}

#sidebar .uk-nav > li > a {padding:10px 20px 10px 50px;}
#sidebar .uk-nav > li > a:after {content:''; display:none;}

#sidebar .uk-nav > .uk-active.uk-open {background-color: #0a0e11; box-shadow: inset 0 0 10px rgba(0,0,0,.3);}

#sidebar .uk-nav > .uk-active.uk-open div > .uk-nav-sub {padding:0;}
#sidebar .uk-nav > .uk-active.uk-open div > .uk-nav-sub li {padding:0;}

#sidebar .uk-nav > .uk-active.uk-open div {position:static !important;}

#sidebar .uk-nav .uk-nav-sub {padding:10px 0;}
#sidebar .uk-nav .uk-active .uk-nav-sub {padding:0;}

#sidebar .uk-nav .uk-active > a,
#sidebar .uk-nav .uk-active > a > span {color:#16a; background:none;}

#sidebar .uk-nav .uk-nav-sub a,
#sidebar .uk-nav .uk-nav-sub a > span {font-size:13px; line-height:20px;}

#sidebar .uk-nav .uk-nav-sub a {padding:2px 20px 3px 40px; position:relative; top:0; left:0;}
#sidebar .uk-nav .uk-nav-sub a span {padding:2px 0 3px;}

#sidebar .uk-nav .uk-active .uk-nav-sub a {padding:2px 20px 3px 65px; position:relative;}
#sidebar .uk-nav .uk-active .uk-nav-sub a > span {padding:0;}
#sidebar .uk-nav .uk-nav-sub a:before {content:' '; font-size:0; display:block; background:#f2f5f6;
position:absolute; width:10px; height:1px;}

#sidebar .uk-nav .uk-nav-sub .uk-active a:before {background:#16a;}

#sidebar .uk-nav .uk-parent {position:relative;}
#sidebar .uk-nav .uk-parent > div{min-width:150px; height:auto !important; position:absolute !important; left:100%; top:0;
background:#636c75; z-index:1; border-radius:4px;}


#sidebar .uk-nav .uk-nav-sub a:before {top:10px; left:20px;}
#sidebar .uk-nav .uk-active .uk-nav-sub a:before{top:10px; left:50px;}

#sidebar .uk-nav .uk-parent div {display:none;}
#sidebar .uk-nav .uk-active.uk-parent div {display:block; min-width:auto; background:none;}

#sidebar .uk-nav .uk-parent:hover div {display:block;}


.tm-content .main-module {margin-bottom:25px; vertical-align:top;}
.main-module h2 {margin:0 0 25px 0;}
.main-toplist-item {margin-bottom:20px;}

.main-module .uk-article-meta {margin:10px 0 0; white-space:nowrap;}

.main-module .toplist-img {padding-left:100px; vertical-align:top; min-height:85px;}
.main-module img {margin-right:-80px; position:relative; left:-100px; top:5px; vertical-align:top; float:left;
border-radius: 4px;
background-clip: padding-box;
box-shadow: 0 1px 1px #cbcbcb;
}

.main-list-item {border-top:#e5e8e9 solid 1px; width:100%; display:inline-block; padding-top:5px;}
.main-list-item:first-child {border:none;}


#mod-search {height:28px; margin-top:25px; margin-left:-400px;
border-radius: 4px;
background-clip: padding-box;
box-shadow: inset 0 0 0 1px #ddd;
}
#mod-search > div {padding:0;}

#mod-search > div,
#mod-search > div > form {height:28px; vertical-align:top; position:relative;}



#mod-search .uk-search-field {position:relative; top:-26px; left:0; font:10px/28px 'proxi'; text-transform:uppercase;}

#mod-search .uk-dropdown-search * {font-size:13px; line-height:20px; color:#fff; margin:0; padding:0;}


#mod-search .uk-dropdown-search {background:#636c75; z-index:1; border-radius:4px; left:auto; right:15px; top:24px;
padding:10px 0;
/*display:block !important;*/
}

#mod-search .uk-dropdown-search li a {padding:2px 20px 3px; background:none;}
#mod-search .uk-dropdown-search li a:hover {background: rgba(0, 0, 0, 0.5);}
#mod-search .uk-dropdown-search li.uk-nav-header {text-align:center; padding:10px 0; font-weight:normal; font-size:10px;}

#mod-search .uk-dropdown-search li,
#mod-search .uk-dropdown-search li:hover {background:none;}

#mod-search .uk-dropdown-search li {padding:5px 0;}

#mod-search .uk-dropdown-search li a div {font-size:11px; line-height:16px; padding:3px 0 0 15px;}

#mod-search .uk-search-moreresults a {text-align:center; font-size:15px; padding:10px 0;}



#footer {
background-color: #e5e7e9;
-moz-box-shadow: 0 -1px 0 #d7dbdf;
-webkit-box-shadow: 0 -1px 0 #d7dbdf;
box-shadow: 0 -1px 0 #d7dbdf;
padding:25px 0 20px;
}

#footer p,
#footer a {font-size:12px; line-height:20px; padding:2px 0 3px; margin:0;}

#footer p {color:#3d5975;}



#footer .socicons {padding-top:30px;}

#footer .socicons a {font-size:0; display:inline-block; margin-right:5px; line-height:20px; margin-top:-15px;}
#footer .socicons a:before {font-size:22px; display:block; color:#9eacba; text-align:center; vertical-align:center;
width: 32px;
height: 32px;
line-height:32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
-moz-box-shadow: 0 1px 1px rgba(158,172,186,.5);
-webkit-box-shadow: 0 1px 1px rgba(158,172,186,.5);
box-shadow: 0 1px 1px rgba(158,172,186,.5);
}

#footer .socicons a:hover {text-decoration:none;}

#footer .socicons a:hover:before {
background-color: #c9d1d7;
-moz-box-shadow: inset 0 1px 2px #9dabb9;
-webkit-box-shadow: inset 0 1px 2px #9dabb9;
box-shadow: inset 0 1px 2px #9dabb9;
color:#727c86;
}

#footer .counters {float:right;}
#footer .counters a {font-size:0; display:block;
width: 88px;
height: 31px;
background-color: #fff;
}
#footer .counters a:first-child {margin-bottom:15px;}

#footer .footer-r {margin-top:-10px;}



#cyber .uk-pagination li a,
#cyber .uk-pagination li span{
font-size:12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #e5e8e9;
line-height:30px; padding:0 7px;
}
#cyber .uk-pagination li a:hover {background:#7ba4cc;}

#cyber .uk-pagination li span {background:none;}

#cyber .uk-pagination .uk-active span {
background-color: #9dabb9;
}


.icon-download:before,
.icon-folder-open:before {display:inline-block; width:20px;text-indent:0}

.icon-download,
.icon-folder-open {display:inline-block; text-indent:-20px; padding-left:20px;}





.uk-button,
.uk-button:hover {
background-color: #9dabb9; box-shadow: 0 1px 0 #fff;
cursor:pointer; color:#fff; text-decoration:none; color:#fff;
border-radius: 4px; padding-top:3px; padding-bottom:3px;
}

.uk-button *,
.uk-button:hover * {color:#fff; text-decoration:none;}

.uk-button:hover {background:#7095b9;}



.p-filebox {border-top:#e5e8e9 solid 1px;}
.p-filebox:first-child {border:none;}

#cyber .pd-filenamebox,
#cyber .pd-document,
#cyber .pd-float,
#cyber .pd-buttons {padding:0; margin:0;}

#cyber .pd-filenamebox h4 {padding-bottom:10px; margin:0;}

#cyber .p-filebox {padding:10px 0;}

#cyber .pd-cdesc {

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e3eaf2;

padding:15px;
}

#cyber .pd-cdesc * {padding:0; margin:0;}

#cyber #phoca-dl-most-viewed-box {padding-top:15px; margin-top:15px; border-top:#e5e8e9 solid 1px;}

#cyber small {font-size:11px;}





#cyber #phoca-dl-most-viewed-box .p-document {margin:2px 3px;}



#search_searchword {height:36px; margin-right:7px;}

#cyber .uk-article .uk-pagination i,
#cyber .uk-article .pagination {display:none;}


#cyber .uk-article .uk-pagination {display:inline-block; text-align:center; width:100%;}
#cyber .uk-article .uk-pagination li {display:inline-block; margin:10px;}

#cyber .uk-article .uk-pagination li a {padding:5px 15px; display:inline-block;}


.uk-breadcrumb * {font-size:10px; font-family:'proxi'; color:#9eacba; text-transform:uppercase;}


#system-message-container {display:none !important;}


.pagenavcounter {color:#3d5975; font-size:10px; text-transform:uppercase; padding:5px 0 15px;}

.forumlinks,
.forumlinks a{text-align:center; font-size:18px; line-height:25px; padding:5px 0;}



/* by Beliyadm 01.02.2018 */
/* #sandwich menu toggle button */
.mobilemenu {
	width: 100%;
	text-align: center;
}

.sandwichmenu {
	margin: 0; 
}
.sandwichmenu svg {cursor: pointer;  height: 60px; width: auto;  transform: translate3d(0px, 0px, 0px);  }
svg:not(:root) {overflow: hidden;}
.sandwichmenu path.top, .sandwichmenu path.bottom {
    stroke-dasharray: 240px, 950px;
}
.sandwichmenu path {
    fill: none; stroke: #3C414C; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 40px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0s, stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0s;
}
.sandwichmenu path.middle {stroke-dasharray: 240px, 240px;}
.sandwichmenu path {
    fill: none; stroke: #3C414C; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 40px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0s, stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0s;
}

.sandwichmenu.active path.top, .sandwichmenu.active path.bottom {
    stroke-dashoffset: -650px;
}
.sandwichmenu path.top, .sandwichmenu path.bottom {
    stroke-dasharray: 240px, 950px;
}
.sandwichmenu.active path.middle {
    stroke-dasharray: 1px, 220px;
    stroke-dashoffset: -115px;
}


.mobilemenu {
	display: none;
	height: auto;
}
.mobilemenu .menu {
	position: relative;
	width: 350px; margin: 0 auto;
}
.mobilemenu .menu ul {
	position: absolute; top: 0; left: 0; 
	width: 350px;
	z-index: 999;
	top: -800px;
	padding: 20px 0;
	border: 1px solid #000;
	background: #126BB3;
	border-radius: 4px;
	-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;
}
.mobilemenu.active .menu ul {
	top: 0;
}




.mobilemenu .menu ul li {	
	list-style: none; margin: 10px 0;  color: #fff;
}
.mobilemenu .menu ul li a:before {
	display: none; 
}
.mobilemenu .menu ul li a {
	font-size: 16px; text-transform: uppercase;
	color: #fff !important;
}
.mobilemenu .menu ul li a span {
	color: #fff !important;
}



@media only screen and (max-width: 768px) {
	.uk-width-large-2-2 .main-toplist-item {
		width: 100%;
	}
	.mobilemenu {
		display: block;
	}

}

@media only screen and (max-width: 480px) {
	.main-module img {
		display: none;
	}
	.main-module .toplist-img {
		padding-left: 0;
	}

}