@import url('fonts/fontello-75a0cef2/css/fontello.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Layout */

html, body	{ width: 100%; padding: 0; margin: 0; }
html { }
body { background: #000; font-size: 14px; font-family: 'Open Sans', arial, helvetica, verdana, tahoma, sans-serif; color: #333; }

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

/* Tags */

hr { color: #ccc; background-color: #ccc; border: 0px none; height: 1px; clear: both; }
.hr { background-color: #ccc; height:1px; line-height: 1px; clear: both; margin: 5px 0; font-size: 0; }
form {padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3 {color: #555; letter-spacing: -1.5px;}
h1 {font-size: 30px; padding: 0; margin: 0 0 12px 0; line-height: 1.1;}
h2 {font-size: 26px; padding: 0; margin: 0 0 10px 0;}
h3 {font-size: 22px; padding: 0; margin: 0 0 10px 0;}
h4 {font-size: 18px; padding: 0; margin: 0 0 10px 0;}

.main h1 {text-align: center; font-size: 26px;}

a {color: #444; text-decoration: none; }
a:hover {color: #d00; text-decoration: underline;}



table {border-collapse: collapse; border-spacing: 0;}
td {font-size: 13px; }
object {display: block;}

p {margin: 0 0 10px 0;}

.link {}
.link:hover {}

ul.cool-li {list-style: none; padding: 0 0 0 20px; margin: 0;}
.cool-li li {background: url(images/check.png) no-repeat 0 3px; padding: 3px 0 2px 22px;}

/* Forms */

input {outline: none;}

.inp, textarea {background: #f6f6f6; border: solid 1px #bbb; padding: 3px 6px; font-family: 'Istok Web', arial, helvetica, verdana, tahoma, sans-serif;}
.inp1 {background: #ddd;
background: -moz-linear-gradient(top,  #ffffff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );
border: solid 1px #bbb; color: #666; font-weight: bold; text-align: center; text-shadow: 1px 1px 0 #fff;
border-radius: 3px; font-weight: bold; padding: 3px 10px; text-align: center;}
.inp1:hover {text-decoration: none; background: #fff;
border-color: #aaa; cursor: pointer; box-shadow: 0 0 5px #ccc; }
.inp_red {background: #fdd; border-color: #a00;}
.inp2 {padding: 3px 0;}

a#investigation {position: absolute; top: 53px; left: 420px; padding: 8px 15px; font-size: 15px; border: none; color: #222; background: #ccc; background: linear-gradient(0deg, #bbb 0%, #fff 100%);}
a#investigation:hover {background: #fff; text-decoration: none;}
.pinned a#investigation {padding: 5px 15px 6px 15px; top: 10px; left: 760px;}
.pinned a#investigation span {display: none;}

/* */

.wrap {width: 1140px; margin: 0 auto; position: relative; overflow: hidden;}
#header .wrap {overflow: inherit;}
iframe {max-width: 100%;}

.h6 {height: 6px;}
.h2 {height: 2px;}

.grey-line   {background: #666;}
.orange-line {background: #f90;}
#header {width: 100%; height: 100px; color: #fff; z-index: 999; position: relative; background: #000;}
#logo {display: block; height: 75px; width: 380px; background: url(images/logo.png) center top no-repeat; position: absolute; top: 12px; left: 0;}
#social {position: absolute; top: 10px; right: 0;}
#social a {display: block; width: 32px; height: 32px; float: left; margin-left: 5px; background: url(images/social-new-2023.png) left top no-repeat; opacity: 0.5;}
#social a.social-fb {background-position: 0 0;}
#social a.social-tw {background-position: -32px 0;}
#social a.social-vk {background-position: -64px 0;}
#social a.social-rss {background-position: -96px 0;}
#social a.social-mob {background-position: -128px 0;}
#social a.social-tg {background-position: -160px 0;}
#social:hover a {opacity: 0.6;}
#social a:hover {opacity: 1;}

#top-menu {width: 100%; z-index: 9999;}
#top-menu.pinned {position: fixed; }
#top-menu.pinned #header {height: 50px;}
#top-menu.pinned #logo {height: 50px; width: 280px; background: url(images/logo-pinned.png) center top no-repeat; position: absolute; top: 0; left: 0;}
#top-menu.pinned #social {display: none;}
#top-menu.pinned #search {top: 10px;}
#top-menu.pinned #menu-top {top: 12px; left: 350px; }

#search {position: absolute; top: 60px; right: 0; opacity: 0.5; position: relative;}
#search-query {padding: 5px; border: none; width: 139px; height: 18px; border-radius: 3px 0 0 3px; position: absolute; top: 0; right: 30px;}
#search-query:focus {outline: none;}
#search-submit {width: 28px; height: 28px; border: none; background: #ddd url(/o-icon/search-simple.png) center center no-repeat; border-radius: 0 3px 3px 0; cursor: pointer; position: absolute; top: 0; right: 0;}
#search-submit:hover {background-color: #f90;}

#breadcrumb {padding: 6px 0; font-size: 11px; text-align: right;
background: #fff;
background: -moz-linear-gradient(top,  #fff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #fff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5',GradientType=0 );
}
#breadcrumb ul {list-style: none; margin: 0; padding: 0;}
#breadcrumb ul li {display: inline;}

#content {background: #fff; min-height: 400px; padding: 0 0 10px 0;}
#content *::selection { background-color: #f90; color: #fff;}
#col-1 {width: 800px; float: left; margin-right: 30px;}
#col-2 {width: 308px; float: left;}
#col-1 img {max-width: 100%; height: auto;}

#col-main {float: left; width: 810px; padding-right: 30px;}
#col-main-1 {float: left; width: 300px;}
#col-main-2 {float: left; width: 480px; padding: 0 0 0 30px;}
#col-main-3 {float: left; width: 300px;}

#footer-counters {float: left;}

#footer-menu {float: right; text-align: center; margin-bottom: 20px; width: 560px;}
#footer-menu a {display: inline-block; color: #fff; text-shadow: -1px -1px 0 #000; margin: 2px 10px; font-size: 12px;}

#footer { background: #000; color: #ccc; padding: 20px 0 30px 0; font-size: 14px;}
#copyright {font-family: arial, helvetica, sans-serif; font-size: 10px; float: left; padding: 0 10px 0 5px;}
#copyright img {margin-left: -2px;}



.share42init {float: right;}
#share42 a {opacity: 0.6;}
#share42 a:hover {opacity: 1; box-shadow: 0 0 5px #aaa;}

/* Formatting */

.just {text-align: justify;}
.center {text-align: center;}
.left {text-align: left;}

.w40  {width: 40px;}
.w60  {width: 60px;}
.w80  {width: 80px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}

.mt10 {margin-top: 		10px;}
.mr10 {margin-right:		10px;}
.ml10 {margin-left:		10px;}
.mb10 {margin-bottom:	10px;}

.f8 {font-size: 8pt;}
.f9 {font-size: 9pt;}
.f12 {font-size: 12pt;}
.f14 {font-size: 14pt;}
.bold {font-weight: bold !important;}

.b {border: solid 1px cyan;}

.clear {clear: both; height: 1px; line-height: 1px;}
.fleft {float: left;}
.fright {float: right;}

.center {text-align: center;}

.red {color: #800; font-weight: bold;}

.hidden {display: none;}

/* menu */

#menu-top {position: absolute; top: 12px; left: 410px; }
#menu-top div {margin: 0 auto;}
#menu-top a {display: block; float: left; padding: 3px 10px; color: #ccc;  border-bottom: 2px solid #000; margin-right: 5px;}
#menu-top a:hover {text-decoration: none; background: #666; color: #fff; border-color: #666;}
#menu-top a.active {border-color: #666;}

#menu {height: 36px; width: 100%; display: table;}

#menu a {display: table-cell; padding: 5px 0 0 0; height: 26px; text-align: center; color: #fff; position: relative; font-size: 15px; text-transform: uppercase; text-shadow: -1px -1px 0px #000; border-bottom: 4px solid #f90; }
#menu a:hover {background: #333; text-decoration: none;}
#menu a.active {background: #f90; color: #000; text-shadow: 1px 1px 0 rgba(255,255,255,0.3);}
#menu a.active:after { content: ' '; position: absolute; bottom: -4px; margin-left: -6px; left: 50%; height: 0; width: 0; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; }
#menu a.active:hover {}


/* buttons */

.butt {display: inline-block;  font-family: arial, helvetica, verdana, tahoma, sans-serif; background: #ddd;
background: -moz-linear-gradient(top,  #ffffff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );
border: solid 1px #bbb; color: #666; font-weight: bold; text-align: center; text-shadow: 1px 1px 0 #fff;
border-radius: 3px; padding: 4px 10px; cursor: pointer;
 margin-right: 3px;
}
.butt:hover {text-decoration: none; background: #fff;
border-color: #aaa; cursor: pointer; box-shadow: 0 0 5px #ccc; }
.butt i {display: block; width: 16px; height: 16px; background-repeat: no-repeat; float: left; margin: 0 7px 0 -3px;}
.butt.red {background: #fc9;}

.butt_close {display: block; width: 16px; height: 16px; background: #fff url(/o-icon/delete.png) center center no-repeat; border-radius: 3px; margin: -5px -5px 0 0;}
.butt_close:hover { box-shadow: 0 0 4px rgba(0,0,0,0.5);}

/* Blocks */

.block {margin: 0 0 10px 0;}
.block-title {font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; background: #666; padding: 5px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); margin-bottom: 5px; border-bottom: 3px solid #f90;}
.block-title a {color: #fff;}
.block .block-content {font-size: 14px;}
.block .block-content b {font-size: 14px;}
.block ul, .block li { padding: 0;}

.infoDiv, .alertDiv { padding: 15px 15px 15px 55px; margin-bottom: 10px; border-radius: 10px; font-size: 11pt;}
.infoDiv {background: #9cf url(/o-icon/info_rhombus.png) 10px center no-repeat; }
.alertDiv {background: #fdb url(/o-icon/alert-32.png) 10px center no-repeat;}
.infoDiv h3 {color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.5);}
.alertDiv h3 {text-shadow: 1px 1px 0 #fff;}
.infoDiv p, .alertDiv p {margin: 5px 0;}
.info_grey {padding: 10px; margin: 10px 0; background: #eee; border: 1px solid #ccc;}

/* Tables */

.cool_table {border: 1px solid #aaa; border-collapse: separate; border-spacing:1px;}
.cool_table th {padding: 2px 7px 5px 7px; font-weight: bold; font-size: 13px; text-align: center; color: #fff; background: #666; }
.cool_table td {font-weight: normal; font-size: 13px; background: #f4f4f4; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 7px;}
.cool_table tr.odd td {background: #eee;}
.cool_table tr:hover td {background: #fff; }
.cool_table .cool_table th {padding: 1px 2px; font-weight: bold; font-size: 9pt; text-align: center; color: #fff; background: #666; }

 td.dark_td {background: #ccc !important; }

.s_table {color: #aaa; border-collapse: collapse;}
.s_table td{border-bottom: dashed 1px #aaa; padding: 3px 0;}
.s_table tr:hover td {background: #eee;}

.stripDiv {padding: 10px; margin-bottom: 10px; border-radius: 5px; background: #e4f0fa; border: 1px solid #fff;}
.stripDiv:nth-child(2n+1){ background: #c9dff0;}
.stripDiv:hover{ border-color: #8ac;}

/* GuestBook */

.guest {font-size: 9pt; padding: 3px 5px 5px 5px; margin-bottom: 5px; background: #042f57; border: 1px solid #054580;}
.guest .name {font-size: 11pt; font-weight: bold;}
.guest .post {font-size: 10pt; padding: 10px 15px; margin-top: 3px; background: #032748; border: 1px solid #054580;}
.guest img {vertical-align: middle;}
.admin_reply {background: #064b8a; padding: 10px 15px;}

#quote .quote1 {border: none; width: 40px; font-size: 8pt; background: none; padding: 5px;}
#quote .quote2 {border: #9ebcc7 solid 1px; background: #ddbb7f; padding: 5px; font-size: 9pt;} 

.arr-up { width:0px; height:0px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #064b8a; margin-left: 20px;}

/* News */

.articles_one {font-size: 17px; }
.articles_one a {border-bottom: 1px dotted #999;}
.articles_one a:hover {text-decoration: none; border-bottom-style: solid;}

.articles_all {padding: 10px; margin-bottom: 2px; background: #fff; position: relative;}
.articles_all:hover { background: #eee;}
.articles_unactive {border: 1px solid #f00; background: #fee;}
.articles_title {font-size: 22px; font-weight: normal; font-family: myfont, arial, sans-serif; line-height: 23px;}
.bold .articles_title {font-weight: bold;}
.articles_description {margin-top: 8px;}
.articles_thumb {float: left; margin-right: 10px; width: 200px; height: 150px; padding: 5px; position: relative; border: 1px solid #ccc; background: #fff;}
.articles_date {float: left;}
.articles_cats {float: left; margin-left: 20px;}
.articles_bottom {background: #fff; font-size: 8pt; border-top: 1px solid #ccc; padding-top: 3px; float: left; width: 405px; position: absolute; bottom: 10px; right: 10px;}
.articles_all:hover .articles_bottom  {background: #eee;}
.articles_bottom img {margin-bottom: -2px;}
.articles_thumb_mini {float: left; margin: 5px 8px 0 0; width: 75px; height: 56px; border: 1px solid #eee;}
.small_date {padding: 1px 3px; font-size: 7pt; background: #d8e8ff; font-weight: bold;}
.date_articles {font-size: 9pt;}

.articles_list { padding: 5px; background: #eee; }
.articles_list img {margin-bottom: -2px;}
.articles_list:nth-child(2n+1){ background: #fff;}
.tab_content .articles_list {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tab_content .articles_list:last-of-type {border-bottom: 1px solid #ccc; }
#last_articles_main .articles_list b {font-size: 13px; }

a.article-tag {  display: inline-block; height: 25px; background: url(images/bg-tag.png) no-repeat; font: bold 11px/22px Arial, sans-serif; color: #963; text-decoration: none; padding: 0 8px 0 20px; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); white-space: nowrap; position: relative; }
a.article-tag:after { content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 25px; background: url(images/bg-tag.png) 100% 0 no-repeat;}
a.article-tag:hover { color: #fff; text-shadow: -1px -1px 0 rgba(120,90,50,0.3); }  

/* Pagenate */

.pagenate {margin-bottom: 10px;}
.pagenate a, .pagenate span {padding: 2px 6px; background: #fff; border: 1px solid #ccc; margin-right: 3px; text-decoration: none; font-size: 8pt; font-family: verdana, tahoma, arial, helvetica, sans-serif;}
a.prev_next {background: #fff; }
.pagenate a:hover {background: #ddd; }
.pagenate span {background: #999; font-weight: bold; color: #fff;}

/* Comments */

.comment {}
.comment_text {background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #ddd;}
.quote_title {float: left; color: #a00; font-size: 10pt; width: 130px; padding: 5px; text-align: right;}
.quote_text {float: right; background: #dfebf8; font-size: 10pt; padding: 5px; width: 600px;}
.reply_text {background: #dfebf8; padding: 10px; border-radius: 3px; position: relative; margin-top: 12px;}
.reply_text:before { content: ' '; position: absolute; top: -8px; left: 20px;height: 0; width: 0; border-bottom: 8px solid #dfebf8; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.form_butt {display: block; float: left; width: 24px; height: 24px; background-repeat: no-repeat; background-position: left top;}
.form_butt:hover {background-position: left bottom;}

/* Tooltip -Styles */

.tooltip {padding: 5px; font-size: 11px; opacity: 0.85; filter: alpha(opacity=85); background-repeat: no-repeat; background-image: url(/js/tooltip.gif); }
.tooltip-inner { padding: 5px 10px; max-width: 200px; pointer-events: none; color: white; text-align: center; background-color: black; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);}
.tooltip-bottom { background-position: top center; }
.tooltip-top { background-position: bottom center; }
.tooltip-left { background-position: right center; }
.tooltip-right { background-position: left center; }

/* oWin */

.oWinOuter {position: fixed; left: 50%; top: 200px; z-index: 11000; border: 2px #999 solid; border-radius: 8px; box-shadow: 0 5px 15px #000; padding: 1px; background: #666; display: none; min-width: 200px;}
.oWinInner {display: block; padding: 10px; border-radius: 6px; background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 20%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #ffffff 20%,#dddddd 100%);
background: -o-linear-gradient(top,  #ffffff 20%,#dddddd 100%);
background: -ms-linear-gradient(top,  #ffffff 20%,#dddddd 100%);
background: linear-gradient(to bottom,  #ffffff 20%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}
.oWinTitle {font-family: myfont, sans-serif; font-size: 16pt; background: #ccc; padding: 5px 10px; margin: -10px -10px 10px -10px; border-radius: 6px 6px 0 0; text-shadow: 1px 1px 0 #eee;}
#oWinOverlay { position: fixed; z-index: 1000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}
.oWinClose {display: block; float: right; width: 16px; height: 16px; margin: 4px 0 0 10px; background: url(/o-icon/oWinClose.png) top no-repeat;}
.oWinClose:hover { background-position: bottom;}

/* Tabs */
.tabs { list-style: none; padding: 3px 0 2px 0; margin: 10px 0 0 0; border-bottom: 1px solid #ccc; position: relative;}
.tabs li { display: inline; position: relative; top: 0;}
.tabs li a { border: 1px solid #ccc; padding: 2px 6px; text-decoration: none; background-color: #eee; border-bottom: none;
    outline: none; font-family:  arial, sans-serif; font-size: 12px; font-weight: bold; }
.tabs li a:hover { background-color: #ddd;}
.tabs li.active { top: -1px; }
.tabs li.active a { border-bottom: 1px solid #fff; border-top: 2px solid #f90; background-color: #fff; padding: 3px 6px;}
.tabs li.active a:hover { background-color: #eee; padding-bottom: 3px; border-bottom: none;}
.tab_content { display: none;}
.tab_content.active { display: block;}
 
/*  */

label.radio {background: #eee; border: 1px solid #aaa; padding: 2px 6px 2px 2px; cursor: pointer;}
label.radio:hover {background: #fc9;}
label.radio.checked {background: #f90; color: #fff;}
label.radio input {margin: -3px 3px 0; vertical-align: middle;}

#search-input {width: 100px; padding-left: 20px; margin: 2px 0 0 10px; background: url(images/bg-search.png) left center no-repeat; opacity: 0.7; border-radius: 4px;
transition:all .2s linear; 
-o-transition:all .2s linear; 
-moz-transition:all .2s linear; 
-webkit-transition:all .2s linear;}
#search-input:focus {width: 130px; opacity: 1;}

.bg-search {background: #fc6; }

.titledImg p { font-size: 12px; font-style: italic; text-align: center;  }
.titledImg img {max-width: 100%; }

.video_thumb {position: relative; float: left; margin: 5px 10px 5px 0; padding: 3px; border: 1px solid #ccc; width: 80px; height: 60px;}
.video_thumb:hover {background: #fedc73; border: 1px solid #999;}
.video_thumb img {display: block; width: 80px; height: 60px;}
.video_thumb .video_play {position: absolute; top: 3px; left: 3px;}

.img_thumb {float: left; margin: 5px 10px 5px 0; padding: 2px; border: 1px solid #ccc; width: 80px; height: 60px;}
.img_thumb img {width: 80px; display: block;}

#banners {padding: 0 20px;}
#banners img {display: block; float: left; margin: 2px;}
#banners img:hover {opacity: 0.6;}

.rounded {padding: 10px; border-radius: 10px; background: #b7d8f4;}

.prettyfoto {border: solid 3px #ddd; border-radius: 3px;}
.prettyfoto:hover {border-color: #49f;}
.prettydiv {display: block; float: left; padding: 3px; background: #eee; border: 1px solid #ccc; margin-bottom: 5px; clear: both; font-size: 8pt; font-style: italic;}
.prettydiv div {padding: 3px;}
.prettydiv img {max-width: 630px; display: block; border: 1px solid #fff;}
.fotoThumbs {padding: 3px; background: #eee; border: 1px solid #ccc; margin-bottom: 5px; clear: both; font-size: 8pt; font-style: italic;}
.fotoThumbs img {width: 118px;}

/* archive */

.month {float: left; width: 150px; height: 180px; margin-right: 40px;}
.month1 a {color: #a00;}
.month td {text-align: right; color: #ccc; font-size: 10pt; padding: 1px 3px;}
.month tr.days td {color: #666; font-size: 8pt;}
.month h4 {border-bottom: 2px solid #ccc; padding: 0 0 5px 0; margin: 0 0 5px 0;}

/* */

#headerTd {position: relative;}
#clockDate {position: absolute; font-family: arial, helvetica, sans-serif; font-size: 12pt; opacity: 0.5; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); bottom: 10px; right: 10px;}

.join_link, .join_text {font-size: 11px !important;}
.join_img {width: 92px !important; height: 92px !important;}

/* sliderkit */

#contentslider.sliderkit{width: 100%; height: 445px; padding: 1px 10px 5px 10px; margin-bottom: 10px; background: #666; box-sizing: border-box;}
#hotslider {padding: 2px 10px 5px 10px; background: #666; color: #fff; margin-bottom: 10px;}
#contentslider .block-title {margin-bottom: 2px; background: #666; padding: 0 0 3px 0; border: none;}
#contentslider.sliderkit-panels { background: #666; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); box-sizing: border-box;}
#contentslider.sliderkit .sliderkit-panel { background: #666; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); width: 100%; box-sizing: border-box; height: 415px; font-size: 12px; padding-right: 20px;}
#contentslider.sliderkit .sliderkit-panel a {color: #ccc;}
#contentslider.sliderkit .sliderkit-panel a:hover {color: #f90;}
#contentslider h3 {line-height: 32px; box-sizing: border-box; margin: 0; position: absolute; bottom: 0; background: rgba(0,0,0,.5); padding: 5px 15px 10px 15px; width: 100%; font-size: 30px;}
#contentslider .contentslider-img {width: 100%; box-sizing: border-box; height: 405px; position: relative; overflow: hidden; margin-bottom: 5px;}
#contentslider.sliderkit img {width: 100%; box-sizing: border-box; min-height: 405px; position: absolute; top: 0; left: 0;}

.mobile #contentslider.sliderkit {height: 380px;}
.mobile #contentslider .contentslider-img {height: 340px;}
.mobile #contentslider.sliderkit img {min-height: 340px;}

#important-news.sliderkit, #important-news .sliderkit-panel, #important-news .sliderkit-panels {width: 300px; height: 445px;}
#col-2 #important-news.sliderkit, #col-2 #important-news .sliderkit-panel, #col-2 #important-news .sliderkit-panels {width: 300px; height: 445px;}

#sliderPrevNext {float: right; padding-top: 3px;}
#sliderPrevNext div {opacity: 0.5; height: 20px; width: 20px; float: left; cursor: pointer;}
#sliderPrevNext div:hover {opacity: 1;}
#sliderPrevNext .sliderkit-go-prev {background: url(images/arrow-left-right.png) left top no-repeat; margin-right: 5px;}
#sliderPrevNext .sliderkit-go-next {background: url(images/arrow-left-right.png) right top no-repeat;}

#contentslider #sliderPrevNext {padding-top: 5px;}
#contentslider.sliderkit .sliderkit-nav {position: absolute; top: 45px; left: 20px; height: 17px; text-align: left; opacity: 0.5; }


/*  */

#poteme {padding: 5px 10px 10px 10px; border-top: 4px solid #f90;}
#poteme h3 {color: #666; margin-bottom: 2px; font-family: arial, helvetica, sans-serif; font-size: 18px;}

#sitefriends a {margin: 2px 1px;}
#sitefriends img1 {display: inline-block;}

.disqus_comments span {padding-left: 14px; background: url(/o-icon/comments_mini.png) left 1px no-repeat; }
.dsq-widget-meta a:first-of-type {font-weight: bold; font-size: 11px;}

li.dsq-widget-item { padding: 5px; background: #eee; margin: 0 !important;}
li.dsq-widget-item img {margin-top: -2px;}
li.dsq-widget-item:nth-child(2n+1){ background: #fff;}

.my_block {display: block; position: relative; margin: 0; width: 100%; height1: 200px; z-index: 1; overflow: hidden; background: #fff; border: 0; border-width: 1px; transition: all .15s ease-in-out; margin-bottom: 10px;}
.my_content {position: relative; width: 100%; height: 180px; overflow: hidden; color: #fff;}
.my_content::before {position: absolute; width: 100%; bottom: 0; top: 0; left: 0; content: ''; opacity: 0.85; z-index: 2; transition: .6s all ease; background-image: linear-gradient(to bottom,transparent 0%,black 100%); background-repeat: repeat-x;}

.my_text {position: relative; font-size: 14px; padding: 5px 0 0 0; line-height: 1.3; height: 55px; overflow: hidden; text-overflow: ellipsis;}
.my_img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; float: left; position: relative; z-index: 1; transition: .6s all ease; }

.my_link span {display: block; z-index: 3; position: absolute; bottom: 10px; left: 15px; right: 15px; line-height: 1.1; font-size: 16px; color: #fff; text-shadow: 2px 2px 8px rgba(0,0,0,.75); font-weight: bold;}
.my_link:hover {color: #fff; text-decoration: none;}
.my_link::before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.my_block b {display: block; position: absolute; top: 10px; left: 15px; font-size: 12px; color: #fff; font-weight: normal; z-index: 6; background: rgba(0,0,0,.5);}

#important-news .my_text {display: none;}
#important-news .my_content {height: 197px;}

/* mobile */

#mob-header {background: #000; border-top: #fe9700 4px solid; border-bottom: #bbb 4px solid; height1: 48px;}
#mob-logo {height: 40px; width: 224px; display: inline-block; margin: 4px 10px 0 -6px;}
#mob-logo img {height: 40px; width: 224px;}
#mob-menu {float: right; cursor: pointer;}
#mob-menus form {padding: 5px 0;}
#mob-menus input {box-sizing: border-box; padding: 5px; font-size: 18px;}
#mob-menus .s1 {width: 68%; margin-right: 1%;}
#mob-menus .s2 {width: 29%; }
#mob-menus {display: none; }
#mob-menus div {float: left; width: 50%; }
#mob-menus a {display: block; padding: 6px 10px; border-bottom: 1px solid #444; font-size: 18px; color: #aaa;}
#mob-menus a:hover {text-decoration: none; background: #333; color: #fff;}

body.mobile { font-size: 14px; color: #555; }
.mobile .articles_one { font-size: 16px; }
.mobile .wrap {width: 90%; max-width: 600px; min-width: 276px;}
.mobile #col-1 {width: 100%; float: none;}
.mobile #col-2 {width: 100%; float: none;}

.mobile #col-2 #important-news.sliderkit, #col-2 #important-news .sliderkit-panel, #col-2 #important-news .sliderkit-panels {width: 100%; height: 480px;}
.mobile #important-news.sliderkit, .mobile #important-news .sliderkit-panel, .mobile #important-news .sliderkit-panels {width: 100%; height: 370px;}

.mobile #footer-menu {width: 100%;}
.mobile #footer-menu a {display: inline-block; padding: 2px 3px;}
.mobile h1 {font-size: 24px; margin-top: 5px;}

@media screen and (max-width: 360px) {
	.mobile #col-2 #important-news.sliderkit, #col-2 #important-news .sliderkit-panel, #col-2 #important-news .sliderkit-panels {width: 100%; height: 440px;}
	.mobile #important-news.sliderkit, .mobile #important-news .sliderkit-panel, .mobile #important-news .sliderkit-panels {width: 100%; height: 440px;}
	.mobile #contentslider.sliderkit {height: 230px;}
	.mobile #contentslider.sliderkit .sliderkit-panel {height: 230px;}
	.mobile #contentslider .contentslider-img {height: 190px;}
	.mobile #contentslider.sliderkit img {min-height: 190px;}
	.mobile #contentslider h3 {line-height: 1.1; font-size: 18px;}
	.mobile #footer-counters {margin: 10px 0;}
}
@media screen and (min-width: 361px) and (max-width: 460px) {
	.mobile #col-2 #important-news.sliderkit, #col-2 #important-news .sliderkit-panel, #col-2 #important-news .sliderkit-panels {width: 100%; height: 440px;}
	.mobile #important-news.sliderkit, .mobile #important-news .sliderkit-panel, .mobile #important-news .sliderkit-panels {width: 100%; height: 440px;}
	.mobile #contentslider.sliderkit {height: 280px;}
	.mobile #contentslider.sliderkit .sliderkit-panel {height: 280px;}
	.mobile #contentslider .contentslider-img {height: 240px;}
	.mobile #contentslider.sliderkit img {min-height: 240px;}
	.mobile #contentslider h3 {line-height: 1.1; font-size: 20px;}
	.mobile #footer-counters {margin: 10px 0;}
}
@media screen and (min-width: 461px) and (max-width: 560px) {
	.mobile #contentslider.sliderkit {height: 340px;}
	.mobile #contentslider.sliderkit .sliderkit-panel {height: 340px;}
	.mobile #contentslider .contentslider-img {height: 300px;}
	.mobile #contentslider.sliderkit img {min-height: 300px;}
	.mobile #contentslider h3 {line-height: 1.1; font-size: 24px;}
}

.mobile .titledImg {width: 100% !important; box-sizing: border-box; float: none; margin-bottom: 10px;}
.mobile .titledImg img {width: 100% !important; }

.mobile .dsq-widget-meta a:first-of-type {font-weight: bold; font-size: 13px;}
.mobile .block .block-content b { font-size: 14px;}

.mobile #col-main-1, .mobile #col-main-2, .mobile #col-main-3 {width: 100%; float: none; padding: 0; margin: 0;}
.mobile.main h1 {font-size: 14px;}

.mobile .block .block-content {font-size: 15px;}

.mobile .articles_all .articles_thumb {margin-right: 10px; width: 100px; height: 75px; padding: 3px; position: relative; border: 1px solid #ccc; background: #fff;}
.mobile .articles_bottom {float: none; width: 100%; position: static; background: transparent; }
.mobile .articles_bottom .articles_cats {display: none;}
.mobile .articles_all:nth-child(odd) { background-color: #eee; }
.mobile .mobhide {display: none;}