/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: https://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: https://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Normalize.css            
2.  Grid 1200px 
3.  Grid 960px
4.  Grid 720px
5.  Grid lt 720px/ Mobile 
6.  Responsive Image


**********************************************************************************************/


/********************************************************************************************* 
1. normalize.css v2.0.1 | MIT License | git.io/normalize
*********************************************************************************************/   

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font size within `section` and `article` contexts in
 * Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/********************************************************************************************* 

2.  Grid 1200px

*********************************************************************************************/

.container-12 {
	margin:0 auto;
	width: 1200px;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
.beta {
	margin-left: 0;
	margin-right: 0;
}
.container-12 .grid-1 {
	width:80px;
}
.container-12 .grid-2 {
	width:180px;
}
.container-12 .grid-3 {
	width:280px;
}
.container-12 .grid-4 {
	width:360px;
}
.container-12 .grid-5 {
	width:500px;
}
.container-12 .grid-6 {
	width:580px;	
}
.container-12 .grid-7 {
	width:680px;
}
.container-12 .grid-8 {
	width:780px;
}
.container-12 .grid-9 {
	width:880px;
}
.container-12 .grid-10 {
	width:980px;
}
.container-12 .grid-11 {
	width:1080px;
}
.container-12 .grid-12 {
	width:1180px;
}

/********************************************************************************************* 

3.  Grid 960px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.container-12 {
	width: 960px;
}
.container-12 .grid-1 {
	width:60px;
}
.container-12 .grid-2 {
	width:140px;
}
.container-12 .grid-3 {
	width:280px;
}
.container-12 .grid-4 {
	width:240px;
}
.container-12 .grid-5 {
	width:380px;
}
.container-12 .grid-6 {
	width:460px;
}
.container-12 .grid-7 {
	width:540px;
}
.container-12 .grid-8 {
	width:620px;
}
.container-12 .grid-9 {
	width:640px;
}
.container-12 .grid-10 {
	width:780px;
}
.container-12 .grid-11 {
	width:860px;
}
.container-12 .grid-12 {
	width:940px;
}

.short3 {
	width: 90%;	
}
.tabs-list ul.tabs {
	width: 180px;	
}
.tabs-list ul.tabs li {
	font-size: 13px;
	padding: 8px 8px;
}
.tabs-list .img {
	width: 180px;	
}
.coment {
	width: 90%;
}
.short4 h2 {
	font-size: 14px;
}
.sliderContent, .hotnews {
	max-height: 220px;
}
.short5 {
	margin: 10px;
}


}
	
/********************************************************************************************* 

4.  Grid 720px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 720px) and (max-width: 959px) {

.container-12 {
	width: 720px;
}
.container-12 .grid-1 {
	width:40px;
}
.container-12 .grid-2 {
	width:100px;
}
.container-12 .grid-3 {
	width:280px;
}
.container-12 .grid-4 {
	width:280px;
}
.container-12 .grid-5 {
	width:400px;
}
.container-12 .grid-6 {
	width:340px;
}
.container-12 .grid-7 {
	width:400px;
}
.container-12 .grid-8 {
	width:460px;
}
.container-12 .grid-9 {
	width:400px;
}
.container-12 .grid-10 {
	width:580px;
}
.container-12 .grid-11 {
	width:640px;
}
.container-12 .grid-12 {
	width:700px;
	position: relative;
}
#timer {
	font-size: 13px;
	position: absolute;
	right: -150px;
	top: 0;
}
.tabs-list ul.tabs {
	width: 180px;	
}
.tabs-list ul.tabs li {
	font-size: 13px;
	padding: 8px 8px;
}
.tabs-list .img {
	width: 200px;	
}

.coment {
	width: 75%;
}
.coment-area {
	width: 90%;
}
.com-nav {
	clear: both;	
	float: left;
}
.com-nav span {
	font-size: 13px;
}

.short3 {
	width: 95%;	
	height: auto;
}
.short3 .img {
	max-width: 120px;	
}
.sliderContent, .hotnews {
	max-height: 220px;
}
.media_720 {
	display: block;	
}
.media_720_hide {
	display: none;	
}


}
	

/********************************************************************************************* 

5.  Grid lt 720px / Mobile (mediaqueries)

*********************************************************************************************/



/********************************************************************************************* 

6.  Grid lt 959px / Mobile (mediaqueries)

*********************************************************************************************/

@media only screen and (max-width : 959px) {  

.media_959 {
	display: block!important;	
}
.media_959_hide {
	display: none!important;	
}

ul#top_menu {
	display: none;
}


ul#top_menu {  
	display: none;  
   height: auto;  
	position: absolute;
	top: 40px;
	z-index: 2;
	background: #fdfdfd; 
	border-radius: 4px;
	padding: 5px 15px;
/*	opacity: 0.9;*/
	border: solid 1px #dfdfdf;
}

ul#top_menu li {
	float: none;		
	line-height: 1.5em;
	font-size: 15px;
	padding: 5px 3px;
	border-bottom: dashed 1px #dfdfdf;
}
ul#top_menu li:last-child {
	border: none;
}
ul#top_menu li a {
	color: #000;	
}
#lgn_icon {
	margin: 0 0 0 20px;
}
.pm_status {
	width: 100%;
}

} 


/********************************************************************************************* 

7.  Responsive Image

*********************************************************************************************/


img.scale, img.responsive {
	max-width: 100%;
	height: auto;
}



.row { margin-bottom: 20px; }

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container-12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
/* ------------------------------------------------
	Author: Dmitry Slusar (https://3wave.com.ua)
	------------------------------------------------
	3wavedesign@gmail.com 
	------------------------------------------------
	icq: 596106797 
   ---------------------------------------------- */ 

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: normal 14px Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg.png);
	color: #000;
	height: 100%;
	width: 100%;
}
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
a:focus { outline: none; } 
table { border-spacing: 0;}
input { background: inherit; }
legend { color: #555555; }
img, fieldset { border: 0; }
form { display: inline; }
img { border: none;} 
.label { width:100px;font-weight: normal; vertical-align: top; }
.checkbox { margin-top:5px; border: 0; }
.wp { overflow: hidden; max-width: 100%; }
.lcol { float: left; } .rcol { float: right !important; }
.clr { clear: both; }
.trans { transition: all 0.2s ease-in-out;}
.social-likes { margin: 0 10px !important;}
.lcol_hide, .media_hide, .media_search, .media_320, .media_480, .media_719, .media_720, .media_960, .media_959, .media_1199 {
	display: none;	
}
.soc_vidgets .tabs2 {
	padding: 0 10px;	
}
.soc_vidgets .tabs2 li {
	padding: 0 10px;
}
.tm ul li a, .title-list a, .custom-news-block a, .newsticker a, .speedbar a, .story-short h2 a, .comedit a, 
.short2 h2 a, .short4 h2 a, .short6 h2 a, .bbcodes a, .bbcodes, #reg-link li a, .scat a, .hotnews .img { color: #061f37; transition: all 0.2s ease-in-out; }

.tm ul li a:hover, .tabs-list a:hover, .title-list a:hover, .story-short h2 a:hover, .custom-news-block a:hover, .comedit a:hover, 
.lenta a:hover, a.allnews:hover, .short2 h2 a:hover, .short4 h2 a:hover, .bbcodes a:hover, .bbcodes:hover, .speedbar a:hover, #reg-link li a:hover, .scat a:hover { color: #2c6f9f !important; }

.custom-news-block .img:hover, .story-short .img:hover, .short4 .img:hover, .tabs-list .img:hover, .short5 .img:hover, .hotnews .img:hover { opacity: 0.8; }

.mcat li {
	font-size: 11px !important;
}
.media-date, .media_959, .media_720, .media_719 {
	display: none;
}
.banner_728 {
	margin:15px 9px;
}
.banner_728 img {
	max-width: 100%;
}

.group:after,
.group:before {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/*** Header line ***/
.header-line {
	background: #061f37;
	color: #fff;
	line-height: 40px;
}

.header-line #pull {
	width: 40px;
	height: 40px;
	display: inline-block;
	float: left;
}
.header-line #pull:after {
	display: inline-block;
	background: url('../images/nav-icon.png') no-repeat center top;
	content: '-';
	font-size: 1px;
	color: transparent;
	line-height: 20px;
	vertical-align: middle;
	width: 40px;
	margin-top: -2px;
}

.header-line #pull:hover:after {
	background-position: bottom center;
	margin-top: -4px;
}

@media only screen and (min-width: 960px) {
	.header-line #pull {
		display: none;
	}
}

.header-line li {
	float: left;
	padding-right: 30px;
}

.header-line .loginlink {
	float: right;
}

.header-line .langlink {
	float: right;
	margin-right: 20px;
}

.header-line .langlink.active {
	font-weight: bold;
}

.header-line .lgn_icon {
	background: #ff9c1b;
	height: 40px;		
	float: right;
	margin: 0 10px 0 20px;
	padding: 0 10px;
}

.header-line a {
	color: #fff;
	transition: all 0.2s ease-in-out;  
}

.header-line a:hover {
	color: #ff9c1b;
}

/*** SearchBar ***/
.pre-searchBar {
	float: right;
	line-height: 116px;
}

.searchBar {
	width: 150px; 
	height: 33px;
	background: #eff2f1;
	border-radius: 16px;
	padding: 10px 16px;
	border: solid 1px #e0e3e2;
	vertical-align: middle;
}

.searchBar:hover {
	background: #fff;
}

.searchBar .searchBtn { 
	background: url(../images/icons.png) no-repeat 0 0; 
	width: 5px; 
	height: 9px; 
}

@media only screen and (max-width: 480px) {
	.searchBar {
		width: 123px;
	}
}

.searchBar .s-field { 
	color: #061f37;
	color: rgba(6, 31, 55, 0.7);
	font-size: 14px; 
	width: 127px; 
	height: 33px; 
	line-height: 32px;
}

/*** Header ***/

.header {
	background: #fbfbfb;
}

.header .pre-logo {
	float: left;
	line-height: 116px;
	max-width: 200px;
	overflow: hidden;
}

@media only screen and (max-width: 480px) {
	.header .pre-logo {
		float: none;
		text-align: center;
		line-height: 90px;
		max-width: 100%;
	}
}

.header .logo {
	width: 310px;
	height: 58px;
	background: url("https://kazlenta.kz/templates/todaynews/images/logo.svg") no-repeat;	
	display: inline-block;
	vertical-align: middle;
}

@media only screen and (max-width: 480px) {
	.header .logo {
		background: url(../images/logo_small.svg) no-repeat;
		width: 274px;
		height: 51px;
		float: none;
		margin-left: -10px;
	}
}

.header .timer {
	line-height: 116px;
	float:right;
	color: #5f5f5f;
}

@media only screen and (max-width: 480px) {
	.header .timer {
		line-height: 30px;
		float: none;
		text-align: center;
	}
}

@media only screen and (max-width: 959px) and (min-width: 720px) {
	.header .timer {
		display: none;
	}
}

.header .socgroup { 
	float: right;
	line-height: 116px;
}

@media only screen and (max-width: 719px) {
	.header .socgroup {
		text-align: center;
		float: none;
		line-height: 60px;
		padding-bottom: 16px;
	}
}

.header .socgroup a { 
	margin: 0 12px 0 0; 
	width: 26px;
	height: 26px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

@media only screen and (max-width: 719px) {
	.header .socgroup a {
		margin: 0px 8px;
	}
}

.header .socgroup a.rss {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 504.4 504.4' fill='%23061f37'%3E%3Cpath d='M377.6,0.2H126.4C56.8,0.2,0,57,0,126.6v251.6c0,69.2,56.8,126,126.4,126H378c69.6,0,126.4-56.8,126.4-126.4V126.6 C504,57,447.2,0.2,377.6,0.2z M136.8,409c-23.2,0-42-18.8-42-41.6c0-23.2,18.8-41.6,42-41.6c23.2,0,42,18.8,42,41.6 C178.8,390.2,160,409,136.8,409z M242,408.2c0-40-14.8-76-42.4-103.6c-28-28-63.6-42.4-103.6-42.4v-60.4 c112,0,206.4,94.4,206.4,206.4H242z M348.8,408.2c0-140-112.8-252.8-252.8-252.8V95c172,0,313.2,141.2,313.2,313.2H348.8z'/%3E%3C/svg%3E%0A");
}
.header .socgroup a.rss:hover {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 504.4 504.4' fill='%23ff9c1b'%3E%3Cpath d='M377.6,0.2H126.4C56.8,0.2,0,57,0,126.6v251.6c0,69.2,56.8,126,126.4,126H378c69.6,0,126.4-56.8,126.4-126.4V126.6 C504,57,447.2,0.2,377.6,0.2z M136.8,409c-23.2,0-42-18.8-42-41.6c0-23.2,18.8-41.6,42-41.6c23.2,0,42,18.8,42,41.6 C178.8,390.2,160,409,136.8,409z M242,408.2c0-40-14.8-76-42.4-103.6c-28-28-63.6-42.4-103.6-42.4v-60.4 c112,0,206.4,94.4,206.4,206.4H242z M348.8,408.2c0-140-112.8-252.8-252.8-252.8V95c172,0,313.2,141.2,313.2,313.2H348.8z'/%3E%3C/svg%3E%0A");
}
.header .socgroup a.fb {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23061f37' xmlns='http://www.w3.org/2000/svg' viewBox='4 4 22 22'%3E%3Cpath d='M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h10v-9h-3v-3h3v-1.611C16,9.339,17.486,8,20.021,8 c1.214,0,1.856,0.09,2.16,0.131V11h-1.729C19.376,11,19,11.568,19,12.718V14h3.154l-0.428,3H19v9h5c1.105,0,2-0.895,2-2V6 C26,4.895,25.104,4,24,4z'/%3E%3C/svg%3E");
}
.header .socgroup a.fb:hover {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23ff9c1b' xmlns='http://www.w3.org/2000/svg' viewBox='4 4 22 22'%3E%3Cpath d='M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h10v-9h-3v-3h3v-1.611C16,9.339,17.486,8,20.021,8 c1.214,0,1.856,0.09,2.16,0.131V11h-1.729C19.376,11,19,11.568,19,12.718V14h3.154l-0.428,3H19v9h5c1.105,0,2-0.895,2-2V6 C26,4.895,25.104,4,24,4z'/%3E%3C/svg%3E");
}
.header .socgroup a.vk {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23061f37' xmlns='http://www.w3.org/2000/svg' viewBox='3 3 24 24'%3E%3Cpath d='M 9.9980469 3 C 6.1390469 3 3 6.1419531 3 10.001953 L 3 20.001953 C 3 23.860953 6.1419531 27 10.001953 27 L 20.001953 27 C 23.860953 27 27 23.858047 27 19.998047 L 27 9.9980469 C 27 6.1390469 23.858047 3 19.998047 3 L 9.9980469 3 z M 22 7 C 22.552 7 23 7.448 23 8 C 23 8.552 22.552 9 22 9 C 21.448 9 21 8.552 21 8 C 21 7.448 21.448 7 22 7 z M 15 9 C 18.309 9 21 11.691 21 15 C 21 18.309 18.309 21 15 21 C 11.691 21 9 18.309 9 15 C 9 11.691 11.691 9 15 9 z M 15 11 A 4 4 0 0 0 11 15 A 4 4 0 0 0 15 19 A 4 4 0 0 0 19 15 A 4 4 0 0 0 15 11 z'/%3E%3C/svg%3E");
}
.header .socgroup a.vk:hover {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23ff9c1b' xmlns='http://www.w3.org/2000/svg' viewBox='3 3 24 24'%3E%3Cpath d='M 9.9980469 3 C 6.1390469 3 3 6.1419531 3 10.001953 L 3 20.001953 C 3 23.860953 6.1419531 27 10.001953 27 L 20.001953 27 C 23.860953 27 27 23.858047 27 19.998047 L 27 9.9980469 C 27 6.1390469 23.858047 3 19.998047 3 L 9.9980469 3 z M 22 7 C 22.552 7 23 7.448 23 8 C 23 8.552 22.552 9 22 9 C 21.448 9 21 8.552 21 8 C 21 7.448 21.448 7 22 7 z M 15 9 C 18.309 9 21 11.691 21 15 C 21 18.309 18.309 21 15 21 C 11.691 21 9 18.309 9 15 C 9 11.691 11.691 9 15 9 z M 15 11 A 4 4 0 0 0 11 15 A 4 4 0 0 0 15 19 A 4 4 0 0 0 19 15 A 4 4 0 0 0 15 11 z'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 719px) {
	.header .pre-searchBar {
		display: none;
	}
}

/*** Categories ***/
.categories {
	background: #fdfdfd;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.categories:after {
	display: block;
	content: '-';
	font-size: 1px;
	color: transparent;
	height: 5px;
	border-top: 1px solid #dfdfdf;
	background: #fefefe;
}

.categories a#pull2 {  
	width: 40px;
	line-height: 46px;
	display: inline-block;
}
.categories a#pull2:after {
	
	display: inline-block;
	background: url('../images/nav-icon2.png') no-repeat center top;
	content: '-';
	font-size: 1px;
	color: transparent;
	line-height: 20px;
	vertical-align: middle;
	width: 40px;
	margin-top: -2px;
}

.categories .pre-searchBar {
	line-height: 46px;
}

@media only screen and (min-width: 960px) {
	.categories a#pull2 {
		display: none;
	}
}

@media only screen and (min-width: 720px) {
	.categories .pre-searchBar {
		display: none;
	}
}

.categories .tm a:focus { outline: none; }
.categories .tm { margin: 0 auto; height: 44px; position: relative; z-index: 2;  }
.categories .tm ul { position: relative; margin: 0 auto; }

.categories .tm ul li { float: left; display: block; padding: 13px 25px; font-family: "open sans"; font-size: 14px;  }
.categories .tm ul li.home {
	width: 48px;
	height: 48px;
	border: solid 1px #dfdfdf;
	border-bottom: none;
	padding: 0;
	background: #fff url(../images/home.png) no-repeat 0 0;
	margin-top: -2px;
	margin-bottom: -2px;
}
.categories .tm ul li.sublnk { background: url(../images/tm-arrow.png) no-repeat 95% 51%; padding: 13px 25px; position: relative; }
.categories .tm ul li.sublnk:hover { background: url(../images/tm-arrow-h.png) no-repeat 95% 51%; }
.categories .tm ul li ul {
	display: none;
	background: #fff;
	border: solid 1px #e9e9e9;
	position: absolute;
	border-radius: 4px;
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.1);
	top: 40px;
	padding: 5px;
}
.categories .tm li ul li {
	float: none;
	margin: 0;
	border: 0;
	border-bottom: 1px dashed #eeeeee;
	width: auto;
	display: block;
	line-height: 25px;
	height: 25px;
	margin: 0 10px;
	padding: 7px 10px;
}
.categories .tm li ul li:last-child {
	border: none;
}
.categories .tm li ul li a {
	font-size: 14px;
	display: block;
}

@media only screen and (max-width: 959px) {
	.categories .tm {
		display: none;
		position: absolute;
		height: 0px;
		min-width: 320px;
	}
	.categories .tm ul {
		margin: 0;
		top: -1px;
		left: 0;
		background: #fff;
		border: solid 1px #dfdfdf;
		padding: 5px 25px;
		border-radius: 4px;
	}
	.categories .tm ul li.home {
		display: none;
	}
	.categories .tm ul li {
		float: none;
		border-bottom: dashed 1px #dfdfdf;
		padding: 10px 5px;
	}
	
	.categories .tm .dropdown-div {
		padding-left: 10px;
		padding-right: 10px;
		border-top: dashed 1px #dfdfdf;
		position: static;
		box-shadow: none;
	}
	
}

.lenta { padding: 10px; background: url(../images/line_dotted.gif) bottom left repeat-x; }
.lenta a, a.allnews { color: #2d3942; line-height: 1.2em; font-size: 15px; display: table-cell; font-family: "PT Serif";}
	a.allnews { padding: 10px;	font-size: 15px; display: block; text-align: left; }
.lenta a:hover { text-decoration: none; }
.lenta-date { padding: 0 15px 0 0; font-weight: bold; color: #556b7a; display: table-cell;}
.lenta:last-child { background: none !important; }

.title-list {
	padding: 10px;
	background: url(../images/line_dotted.gif) bottom left repeat-x;	
	font-size: 14px;
	line-height: 1.3em;
}
.title-list:last-child {
	background: none;
}
.sidebar { 
	width: 246px; 
	float: left; 
	margin: 0 20px 0 20px; 
 	border-top: solid 1px #dcdcdc;
}
.content { 
	width: 692px; 
	float: left; 
	margin: 0 0 20px 20px; 
	position: relative;
}

/* ������� ������� �������� */

.mslider {
	z-index: 1 !important;
	position: relative;
}
.sliderContent {
	max-width: 100%;	
	height: 400px;
	position:relative;
	overflow:hidden;
}
.sliderContent a {
	outline:none !important;
}
.sliderArrows a {
	display:block;
	text-indent:-9999px;
	outline:none;
	z-index:50;
	position:absolute;
	top: 40%;
}
a.prev, a.next {
	width: 47px;
	height: 47px;
	background: url(../images/sl_arrows.png) no-repeat 0 0;
	position: absolute;
	outline: none !important;
}
a.prev {
	background-position: 0 0;
	left: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
a.next {
	background-position: -47px 0;
	right: 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
a.prev, a.next {
	transition: all 0.2s ease-in-out;  
}
a.prev:hover, a.next:hover {
	opacity: 0.8;
}


.news-link {
	display: block;
	width: 120px;
	height: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.news-link.link120 {
	width: 120px;
	height: 80px;
}
.news-link.link80 {
	width: 80px;
	height: 50px;
}
.news-link.link180 {
	width: 180px;
	height: 100px;
}
.news-link.link500 {
	width: auto;
	height: 300px;
}

.two-cols {
	margin-left: -10px;
	margin-right: -10px;
}

/* ������� ������� */

.hotnews { 
	height: 400px;
	overflow: hidden;	
	color: #fff;
	position: relative;
}
.hotnews .news-link {
	height: 400px;
}
.hotnews .title {
	position: absolute;		
	left: 0;
	bottom:0;	
	background-color: rgba(6, 31, 51, 0.6);
	width: 100%;
} 
.hotnews a {
	color: #fff;
	transition: all 0.2s ease-in-out;  
	text-shadow: 0 2px 2px #061f37;
}
.hotnews .title a:hover {
	opacity:0.8;		
}
.hotnews h2 { 
	font-size: 22px; 
	font-family: 'PT Sans', sans-serif;
	line-height: 1.2em; 
	display: block;
	padding: 10px 10px 15px 10px;
	font-weight: normal;
}

/* ��������� ����� */

.bc_title {
	font-family: "PT Sans Caption";	
	color: #061f37;
	font-size: 18px;
	font-weight: bold;	
	text-align: left;	
	padding: 8px 15px;	
	background: #fdfdfd;
	border-left: solid 1px #e1e1e1;
	border-top: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
	letter-spacing: 1px;
}
.bc {
	border: solid 1px #e1e1e1;	
	background: #fff;
	margin-bottom: 20px;
}

.category-list {
	padding-top: 10px;
}

@media only screen and (max-width: 425px) {
	.bc {
		border-left: none;
		border-right: none;
	}
}

/* ��������� ������� */

.custom-news-block { 
	border-bottom: solid 1px #e1e1e1;
	padding: 10px;
}
.custom-news-block img { 
	max-width: 120px; 
	float: left; 
	margin: 0 10px 0 0;
}
.custom-news-block h2 {  
	font-size: 14px; 
	display: block; 
	letter-spacing: 0.2px; 
	line-height: 1.2em; 
	padding: 5px 10px;
	font-weight: normal;
	color: #061f37;
}
.custom-news-block:last-child {
	border: none;
}
.custom-news-block .last_cat a {
	color: #2c6f9f;	
	font-size: 14px;
}
.custom-news-block .last_cat span {
	color: #9b9b9b;
	padding: 0 5px;
	font-size: 12px;
}
.custom-news-content { font-size: 13px; line-height: 1.3em; }

/* ���� */

.section {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.tabs {
	line-height: 1.5em;
	list-style: none;
	/* float: left;*/
	display: block;
}
.tabs li, .tabs li.current {
	padding: 5px 15px;
	color: #363636;
	cursor: pointer;
	position: relative;
	font-size: 18px;	
}
.box {
	display: none;
	padding: 0;
}
.box.visible {
	display: block;
}

/* ���� - ���������� �� ������������, ���������� */

.tabs2 {
	height: 43px;
	border-bottom: solid 1px #e1e1e1;	
}
.tabs2 li, .tabs2 li.current {
	color: #6c6c6c;
	cursor: pointer;
	text-align: center;
	line-height: 41px;
	float: left;
	color: #061f37;
	font-size: 14px;	
	padding: 0 8px;	
}
.tabs2 li.current {
	font-weight: bold;
}

/* ����� ����� � ����� ��������� � ����� ������� */

.section.tabs-list {
	width: auto;
}

.tabs-list {
	padding: 9px;
	padding-bottom: 0px;
}

.tabs-list ul.tabs {
	height: auto;
	border: none;
	display: block;
	
	margin-left: -9px;
    margin-right: -9px;
    margin-top: 10px;
}
.tabs-list ul.tabs li {
	line-height: 1.3em;
	text-align: left;
	padding: 10px 15px;
	border-top: solid 1px #e5e5e5;
	font-family: "PT Sans Caption";
	font-size: 15px;
}
.tabs-list .box {
	/*float: left;*/
}
.tabs-list .image-link {
	display: block;
    height: 300px;
    background-size: cover;
    background-position: center center;
}
.tabs li.current {
	background: #eee;
}

/* ������� ������� ��������� */

.story-short { 
	margin: 0 15px 15px 15px;
	overflow: hidden;
	line-height: 1.3em; 
	max-height: 180px;
	border-bottom: dashed 1px #e1e1e1;
	margin: 0 0 10px 0;	
	width: 100%;
	box-sizing: border-box;
}
.story-short:last-child {
	border: none;
	margin-bottom: 0;
}
.left_cell {
	display: table-cell;	
	vertical-align: top;
}
.story-short .img { 
	float: left;
	max-width: 180px;
	margin: 0 10px 15px 10px;
}
.story-short h2 {  
	font-size: 18px; 
	letter-spacing: 0.2px; 
	font-family: "PT Sans Caption";
}
.story-short h2 a {
	color: #061f37;
	line-height: 1.2em;
}
.story-short .short-content { 
	font-size: 14px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.story-short .short-content a:hover {
	text-decoration: underline;	
}
.story-short .mcat {
	display: block;
	margin: 5px 0 10px 0;
}
.story-short .mcat li, .short4 .mcat li {
	float: left;	
	padding-right:7px;
	color: #9b9b9b;	
	font-size: 12px;
}
.story-short .mcat li.comnum {
	background: url(../images/icons.png) no-repeat 0 -146px;	
	padding-left: 17px;
}
.story-short .mcat a {
	color: #2c6f9f;
}

/* �������, ������� �� ��� ������ */

.short3 {
	width: 46%;	
	max-height: 130px;
	height: 130px;
}
.short3 h2 {
	font-size: 15px;
}
.short3 li.comnum {
	background: url(../images/icons.png) no-repeat 0 -148px !important;	
	padding-left: 17px;
}
.short3 .img {
	max-width: 180px !important;	
}

/* �������, ������� ���� "����, �����" */

.short4 {
	margin: 9px;
/*	border-bottom: solid 1px #e1e1e1;*/	
}
.short4:last-child {
	border: none;
}
.short4 h2 {  
	font-size: 18px; 
	font-family: "PT Sans Caption";
	padding: 5px 0;
}
.short4 .news-link {
	width: auto;
	height: 200px;
}
.img_ct {
	position: relative;	
}
.cat_icon {
	position: absolute;
	bottom: 0;	
	left: 0;
}
.foto_day h2 {
	font-size: 18px;				
	font-family: "PT Sans Caption";
}

/* ������� 5,6-�� ������ */

.short5 {
	margin: 9px 9px 0 9px;	
	width: 47%;
	height: 130px;
	float: left;
}
.short5 .img {
	margin: 0 10px 0 0;
}

.short5 h2 {
	font-size: 15px;	
}
.short5:last-child {
	border: none;
}
.short6 {
	padding: 5px;	
	width: 46%;
}
.short6 .img {
	max-width: 120px;
	float: none;
	margin: 5px 10px 0 0;
}
.short6 h2 {
	font-size: 15px;
	margin: 5px 0 0 0;
}
.short6:last-child {
	border: none;
}
.short6 .img_ct {
	margin: 0 0 10px 0;
}
/* ������ �� ����� */

.world {
	width: 100%;
	margin: 0;	
	padding: 10px 0 0 0;
	line-height: 1.4em;
	border-bottom: solid 1px #d6d6d6; 
	position: relative;
}
.world:last-child {
	border: none;
}
.world .img {
	margin: 0 9px 9px 9px;
	max-width: 120px;
}
.world .mcat {
	padding: 0 0 15px 0;
}
.world h2 {
	font-size: 16px;
	font-family: "PT Sans";	
	font-weight: normal;
	color: #000;
}
.world h2 a {
	color: #000;
}
.world_ct {
	display: table-cell;
}
.world .short-content {
	padding: 0;
	font-size: 13px;
}
.mcat span { padding-left: 10px; }

/* ������ �������� �� ��������� �� ������� */

.catimg .img {
	max-width: 100%;	
	max-height: 280px;	
	float: left;
	margin: 10px;
}
.short_title {
	padding: 0 15px;
}
.short_title h2 a {
	line-height: 1.3em;
	font-size: 15px;			
	font-weight: normal;
}

/* ����� ��������, �������������� */

.short2 { 
	padding: 10px;
	border-bottom: solid 1px #d6d6d6; 
	overflow: hidden;
	line-height: 1.3em; 
	background: #fff;	
}
.short2:last-child {
	border: none;
}
.short2 .img { 
	max-width: 80px;
	max-height: 80px; 
	float: left; 
	margin: 0 10px 0 0;
}
.short2 h2 {  
	font-size: 14px; 
	letter-spacing: 0.2px; 
	padding: 0 10px;
	margin-left: 80px;
}
.short2 h2 a { font-weight: normal; }
.short2 .short-content { 
	font-size: 14px; 
	padding: 0 10px;
}
.short2 .mcat {
	display: block;
	padding: 5px 0;
	margin-left: 90px;
}
.short2 .mcat li {
	float: left;	
	padding-right:7px;
	color: #9b9b9b;	
	font-size: 12px;
}
.short2 .mcat li.comnum {
	background: url(../images/icons.png) no-repeat 0 -147px;	
	padding-left: 18px;
}
.short2 .mcat a {
	color: #2c6f9f;
}
.short2 .mcat li.views, .world .mcat li.views {
	background: url(../images/icons.png) no-repeat 0 -214px;		
	padding-left: 20px;
}
.world .mcat li.views {
	background: url(../images/icons.png) no-repeat 0 -213px;	
}
.custinimg img {
	max-width: 205px;	
	max-height: 250px;
	padding: 0 0 10px 0;
	overflow: hidden;
}

#searchtable input { font-size: 12px; padding-left: 5px; margin: 0 3px 10px 0; }	
#searchtable input:focus { border: 1px solid #b1b1b1; }

ul#topnews li { 
	padding: 10px 0; 
	overflow: hidden; 
	display: block; 
	background: url(../images/view.gif) no-repeat 0 13px; 
	padding-left: 27px; 
}
ul#topnews li a { 
	color:#000; 
	font-weight: bold; 
	display: block; 
}
ul#topnews li:hover { opacity: 0.8; }

/* ������� */

.speedbar {
	font-size: 15px;
	padding: 15px 15px 25px 15px;	
	font-family: "PT Sans";
}

/* ������ ������� */

.story-full a:active { color: #000; }
.story-full h1 { 
	font-size: 28px; 
	color: #000; 
	font-family: 'PT Sans', sans-serif;
	line-height: 1.2em;
	padding: 10px;
	font-weight: normal;
}	
.nav-story { 
	padding: 0 15px 35px 15px; 
}
.nav-story li { 
	line-height: 1.4em; 
	color: #000; 
	font-size: 14px; 
	float: left; 
	padding: 0 10px 0 0; 
}
.reset, .reset li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-story .comnum {
	background: url(../images/icons.png) no-repeat 0 -150px;
	padding: 0 0 0 20px;
	font-size: 14px;
	color: #9f9f9f;
	height: 12px;
	line-height: 12px;
	margin-top: 3px;
}
.nav-story .lcat a { 
	text-decoration: underline; 
}
.nav-story li a:hover { text-decoration: none; }
.nav-story li a:active { color: #000; }

.edit a {
	text-decoration: underline;
	background: url(../images/icons.png) no-repeat 0 -180px;	
	margin: 0 0 15px 15px;	
	height: 15px;
	padding-left: 15px;	
	font-size: 13px;
	display: inline-block;
	float: left;
}
.ratebox-wrap {
	float: left;
	margin: 0 15px 15px 15px;
}

.short-str { margin: 20px 0; }		

.full-str, .static-ct { 
	font-size: 16px; 
	line-height: 1.5em; 
	padding: 15px; 
	color: #363636;
	font-family: "PT Serif";
}
.full-str .fullstory-picture {
	display: block;
}	
.fullstory-picture.size-500 {
	display: none;
}
.full-str .fullstory-picture-alt {
	background: #f5f5f5;
    padding: 6px 10px;
    color: #757575;
}
.full-str a { text-decoration: underline; }
.full-str a:hover { color: #66828f; }
.full-str a:active { color: #000; }
.full-str img {
	padding: 3px;
	background: #fff;
	border: solid 1px #e1e1e1;
	max-width: 100%;
	box-sizing: border-box;
}
.full-str ul { padding-left: 15px; }
.full-str ul li { list-style-type: circle; }

/* ���������� �������� �������� */

.nsocial {
	margin: 0 10px 10px 0;
	clear: both;
}

/* ���� �������� */

.tags {
	padding: 15px;
	margin-bottom: 10px;
}
.tags a, .tagscloud a {
	color: #6b6b6b; 
	padding: 2px 8px; 
	line-height: 30px; 
	background: #f0f0f0;
	border-radius: 4px;	
	font-size: 13px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f9f9f9), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	border: solid 1px #e1e1e1;	
	text-shadow: 1px 1px 1px ##fff;
}

/* ������� ���������� */

.simnews { 
	padding: 10px 0; 
	width: 100%; 
	overflow: hidden;
	border-top: solid 3px #42535e;
}
.simnews i { 
	color: #42535e;
	font-size: 16px; 
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	font-family: "PT Sans Caption";
	font-style: normal;
	padding: 0 10px 10px 10px;
	border-bottom: solid 1px #d6d6d6;
}
.simnews .related-item {
	padding: 0px 10px;
}
.simnews-ct { padding: 0 10px; }

.simnews-ct a { 
	display: block; 
	padding: 10px 0;
	color: #000;
	font-weight: normal; 
	line-height: 1.2em;
	background: url(../images/line_dotted.gif) repeat-x bottom;
	font-size: 16px;
	font-family: Georgia;
	transition: all 0.2s ease-in-out; 
}
.simnews-ct a:hover { color: #2c6f9f; text-decoration: none; }

.related-inside-block div {
	padding: 4px 0px;
}

.related-inside-block div:before {
	content: "";
	display: inline-block;
	width: 6px;
    height: 6px;
    background: red;
    float: left;
    margin-top: 9px;
}

.related-inside-block div a {
	display: block;
    padding-left: 14px;
	font-weight: bold;
	text-decoration: none;
}

.related-inside-block div a span {
	line-height: 24px;
    border-bottom: 1px solid #ccc;
}

/* ���� ������������ */

.comments_area {
	padding: 15px;	
}
.comments_area h3 {
	font-weight: normal;
	font-family: "PT Sans";	
	text-align: left;
	padding: 0 15px;
	font-size: 14px;
}
.comments_area h3:hover {
	text-decoration: underline;
}
.com_border {
	border-top: solid 1px #e1e1e1;
}
.coment { 
	margin: 15px; 
	padding-bottom: 15px; 
	position: relative;
	width: 100%;
} 
.ava-com { 
	margin: 0 10px 0 0; 
	width: 60px; 
	height: 60px;
	border: solid 1px #dcdcdc;  	
	border-radius: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.coment-area {
	border: solid 1px #e1e1e1;	
	background: #fff;
	width: 85%;
	padding: 0 10px;
	float: left;
	margin-left: 80px;
	border-radius: 4px;
}
.coment-area ul.author {
 	padding: 10px 0 0 0;
}
.coment-area ul.author li  {
	float: left;	
}
.coment-area ul.author li a {
	font-weight: bold;
	font-size: 14px;
}
.coment-area ul.author li a:hover {
	color: #7d7d7d;
}
.coment-area ul.author li.date {
	font-size: 13px;
	font-family: "PT Sans";
	float: right;
}

.status { 
	float: left; 
	color: #949494; 
	margin: 0 30px 0 10px; 
	font-size: 13px; 
}
.status img { 
	width:10px; 
	height: 10px; 
	border: none; 
	margin-bottom: 3px; 
}
.mass {
	float: right !important; 
	margin: 0 0 0 10px; 
}
.com-ct { 
	float: left; 
	font-size: 14px;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 10px 0;
	line-height: 1.3em;
	font-family: "PT Sans";
}
.com-nav { 
	margin: 12px 0 10px 0; 
	float: right; 
}
.com-nav a { 
	float: right; 
	cursor: pointer; 	
}
.com-nav span { 
	float: left; 
	font-size: 14px; 
	color: #a8a8a8;  
	padding: 0 5px 0 0; 
	font-family: "PT Sans";
}
.com-nav span:hover { 
	color: #696969; 
}

/* ����������� */

#mask {
  	display: none;
   background: #000;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 10;
   width: 100%;
   height: 100%;
   opacity: 0.8;
   z-index: 999;
}
#enter-form { 
	margin: 20px 0 0 20px; 
	float: left;
}
#enter-form input { 
	margin: 0 0 10px 0; 
	color: #696969; 
	width: 288px; 
	height: 45px; 
	line-height: 43px; 
	padding-left: 55px; 
	background: #fff url(../images/lg_fields.png) top left no-repeat;
	float: left;
	font-size: 14px;
}
#enter-form input.lg-pass {
	background: url(../images/lg_fields.png) 0 -45px no-repeat; 
}
#lfield { 
	margin: 5px 20px 0 5px; 
	color: #888888; 
	float: right;
	line-height: 29px;
	padding: 0 10px;
	font-size: 12px;
}
#lfield a {
	background: #f7f7f7; 
	border: solid 1px #cececb;
	padding: 5px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
}
.lgkey {
	width: 102px;
	height: 34px;
	background: #f7f7f7; 
	border: solid 1px #cececb;
	text-align: center;
	line-height: 32px;
	border-radius: 3px;
	cursor: pointer;
	margin: 5px 0 0 20px;
	color: #000;
}
.lgkey span {
	font-size: 14px;
}
.lgkey:hover, #lfield a:hover {
	background: #e3e3e3;
	border: 1px solid #b9b9b5; 
}
#login_not_save {
	margin-top: 8px;
	float: left;
}
#logindialog {
	position: relative;
	padding-bottom: 30px;
	-webkit-box-shadow: 0px 1px 11px 0px rgba(50, 50, 50, 0.95);
	-moz-box-shadow: 0px 1px 11px 0px rgba(50, 50, 50, 0.95);
	box-shadow: 0px 1px 11px 0px rgba(50, 50, 50, 0.95);
	padding-bottom: 60px;	
}
#logindialog a {
	transition: all 0.2s ease-in-out;
}
#lgbtm {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;	
	background: #f8f8f8;	
	border-top: 1px solid #e3e3e3;	
}
#reg-link { 
	float: left; 
	padding: 15px 30px;
}
#reg-link li { 
	float: left;
	padding: 0 28px 0 0;
}
#reg-link li.reg {
	background: url(../images/icons.png) no-repeat 0 -275px;
	padding-left: 25px;
}
#reg-link li.key {
	padding-left: 22px;
	background: url(../images/icons.png) no-repeat 0 -309px;	
}
#reg-link li a { 
	color: #3d3d3d;
	font-weight: bold;
	font-size: 13px;
}
.lg-userinf {
	margin: 15px 0 0 5px;
	float: left;
	padding-bottom: 20px;
}
#lg_a {
	width: 100px;
	float: left;	
	margin: 0 0 0 5px;		
}
.avatar { 
	margin: 20px 0 5px 0; 
	border: solid 1px #c7c7c7;	
	border-radius: 3px;	
	width: 100px;
}
#lg_group {
	text-align: center; 
	display: block;
	border: solid 1px #c7c7c7;	
	border-radius: 3px;	
	width: 100px;
	padding: 4px 0;
	background: #fff;
	font-size: 10px;
	font-weight: normal;
}
.userprofile {
	margin: 20px 15px 15px 30px;
	float: left;
}
.userprofile li  { 
	margin-bottom: 5px; 
	height: 30px;
	background: #fff;	
	border: solid 1px #c7c7c7;		
	border-radius: 3px;	
	outline: none;
}
.userprofile li.mes {
	background: #fff url(../images/lg_icons.png) no-repeat 0 -40px;	
}
.userprofile li.addn {
	background: #fff url(../images/lg_icons.png) no-repeat 0 0;	
}
.userprofile li.prof {
	background: #fff url(../images/lg_icons.png) no-repeat 0 -80px;	
}
.userprofile li.lastcom {
	background: #fff url(../images/lg_icons.png) no-repeat 0 -120px;	
}
.userprofile li a { 
	font-size: 14px;  
	color: #3e3e3e; 
	padding-left: 38px;
	padding-right: 15px;
	line-height: 28px;
	font-family: "PT Serif";
	transition: all 0.2s ease-in-out;
}
#usernav {
	position: absolute;
	height: 35px;
	background: #fff;	
	border-top: 1px solid #e3e3e3;
	width: 100%;
	bottom: 0;
	left: 0;
}
#usernav li {
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin-top: 8px;
	display: block;
}
#usernav li a {
	color: #3d3d3d;
	transition: all 0.2s ease-in-out;
}
#usernav li a:hover, .userprofile li a:hover {
	color: #2c6f9f;
}
.adminpan {
	background: url(../images/icons.png) no-repeat 0 -443px;
	padding-left: 22px; 
	margin-left: 15px;
	height: 15px;
}
.exit {
	float: right !important;
	padding: 0 20px 0 22px;
	background: url(../images/icons.png) no-repeat 0 -411px;
	height: 14px; 
}
.reg_hello { 
	line-height: 1.5em; 
	padding: 0 15px;
} 	 
#result-registration { padding: 15px 15px 0 15px; }
#check_name { 
	height: 26px;
	margin: 0 0 0 10px;
	vertical-align: top;
}
#check_name:hover { border: 1px solid #e7e2e7; }

/* ����� ���������� ������������ */

.addcombtn {
	font-family: "PT Sans";
	font-size: 15px;
	padding: 8px 15px;
	border: solid 1px #e1e1e1;	
	box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.15);
	background: #fff;
	margin: 15px;
	float: left;
	transition: all 0.2s ease-in-out; 
	font-family: "PT Sans Caption";
	font-weight: normal !important;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f9f9f9), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 47%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

}
.addcombtn:hover {
 	color: #2c6f9f;
}
.addform i {
	margin-bottom: 15px;
	display: block;
}
.addform { 
	width: 100%;
	border-top: solid 1px #e1e1e1;
	margin: 15px 0;
}
.addform_ct {
	margin: 15px;
}
.addform .addcombtn {
	margin: 30px 0;
}
.addcom-not-logged {
	margin: 15px 0;
}
.addcom-editor {
	margin: 15px 0;
	width: 80%;
}
.quest {
	margin: 0 15px;
}
.rcapcha {
	margin: 0;
}

/* ����������� */

.vote { padding: 5px 0; }
.vote i { font-size: 16px; padding: 0 0 5px 10px; display: block; font-style: normal; color: #000; font-family: "PT Sans"; }

.vote-list { margin: 0 4px 10px 0; font-size: 13px; line-height: 1.3em; }
.vote-list li { padding:0;  }
.vote-list input { margin: 0; margin-bottom: 1px; padding-right: 10px; }

.vbtn {
	text-align: center;
	margin: 0 25px 3px 25px;
}

/* ��������� ��������� */
	
#service-message { margin: 15px 0; }
#service-message i { padding: 10px; text-align: center; font-size: 13px; font-style: normal; display: block; }
#service-message i a { text-decoration: underline; }

.inerpage {
	width: 90%;
	margin: 15px;
}
.ip-title { 
	font-size: 18px; 
	color: #061f37; 
	border-bottom: 1px solid #dcdcdc; 
	line-height: 43px;
	margin: 0 0 15px 0;
	font-family: "PT Sans Caption"; 
	padding: 0 0 0 15px;
}
.sts { font-size: 13px; padding: 10px 0 2px 0; }
.st { padding: 5px 5px 5px 0; font-size: 14px; color: gray;	}
.grey { color: #a8a8a8; } 

.ava-nav {
	width: 110px;
}
.ava-nav li { 
	line-height: 1.7em; 
	font-size: 12px;
}
.ava-nav li a:hover {
	border-bottom: dashed 1px #9f9f9f;
}
.userinfo { 
	padding: 10px 15px; 
}
.userinfo .lcol ul li a {
	padding-left: 3px;
}
.userinfo .lcol ul { 
	list-style: none; 
	margin: 0 30px 10px 0;
}
.userinfo .lcol ul li {
	line-height: 1.6em;
}
.userinfo .use {
	margin-top: 15px;	
} 
.editusr a:hover {
	border-bottom: dashed 1px #9f9f9f;	
}
.userinfo .lcol .avatar { margin-bottom: 10px; border: solid 1px #d6d6d6; padding: 2px; width: 100px;}

.rss-icon { 
	background: url(../images/icons.png) no-repeat 0 -118px;  
	height: 13px;	
	padding: 0 0 0 17px;
	vertical-align: middle;
} 

.brdform { padding: 3px; border: 1px solid #dce0e2; margin: 5px; }
.baseform { padding: 1px; background-color: #f7f7f7; }

.tableform { width: 100%; }
.tableform td.label { width: 20%; vertical-align: top; padding-right: 0; font-weight: bold; color: #2c333e;}
.fieldsubmit, .tableform td { padding: 10px 13px; border-top: 1px solid #fff; }	

/* ������������ ��������� */

#message-nav .bbcodes { float: left; margin: 5px 5px 5px 0; height: 20px; line-height: 20px; }

.pm {
	float: left;
	margin: 15px 0;	
	width: 100%;
	overflow: hidden;
}
.pm .ip-title {
	margin: 0;
	padding: 0;
	border-bottom: dashed 1px #d6d6d6;  
}

.pm_status { 
	border: 1px solid #d8d8d8; 
	padding: 0px; 
	background-color: #fff; 
	width: 520px;
	height: 120px; 
	margin: 25px 10px 0 0; 
}
.pm_status_head {
	border-bottom: 1px solid #d8d8d8;
	font-size: 13px; 
	background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
	height: 25px;
	padding: 0;
	font-weight: bold;
	text-align: center;
	color: #4e4e4e;
	line-height: 23px;
}
.pm_status_content { padding: 8px; }
.pm_send-title { 
	font-size: 15px; 
	color: #4e4e4e; 
	font-weight: bold; 
	padding: 25px 0;
	border-bottom: 1px solid #dcdcdc; 
	line-height: 43px;
}
.pm td {padding-bottom: 5px;}
.basecont { margin: 25px 0; }
.basecont {margin-bottom: 5px;}
.combox {margin: 10px 0;}
.combox p { border-radius: 3px; padding: 15px; 	border: solid 1px #e1e1e1;	background: #fff;}
.pm-sender { padding-bottom: 10px; border-bottom: dashed 1px #c9c9c9;	}
.pm-sender a { border: 0; }

.comedit {float: left;}
.comedit a {color: #5c5c5c; padding: 3px 4px; margin-right: 4px;}
.comedit a:hover { text-decoration: none;}

#sec-code { margin: 15px 0; }

/* ����� */

.poll-block { 
	margin: 0 25px 35px 25px; 
}
.poll-block .ip-title {
	padding: 0;
	border-bottom: 1px dashed #dcdcdc; 
}
.poll-question { 
	color: #2c587a; 
	font-size: 18px; 
	font-weight: bold;	
	padding-bottom: 10px; 
	font-family: "PT Sans Caption";
}
.poll-list input { margin: 5px; }

.addcom_not_logged { margin: 10px 0; }
.addcom_not_logged input { margin-bottom: 10px; }

.addcom_editor { 
	margin: 15px 0; 
}
.addnews-category { 
	float: left; 
	margin: 0 0 20px 0; 
}
.addnews-vote { 
	margin-bottom: 8px; 
}
.addnews-vote .f_textarea {
	margin-bottom: 5px;	
} 
.addnews-vote .addvote { 
	margin: 15px 0;
	padding: 10px 0; 
}
.addnews-vote .f_input {
	margin-bottom: 5px;	
}
.lnkvote {
	font-weight:bold;
	margin: 15px 0 10px 0;
	display:block;
	width:120px;
	text-decoration: underline;
}
.lnkvote:hover {
	color: #757575;
}
#short_story { font-size:12px; border: 1px solid #cecece; max-width:630px; }
#full_story { font-size:12px; border: 1px solid #cecece; max-width: 630px; }
#admintags { 
	margin: 10px 0 5px 0; 
	line-height: 20px;
	font-size: 13px;
}
.f_input { 
	width: 200px; 
	height: 25px; 
	border: 1px solid #cecece; 
	line-height: 24px; 
	background: #fff url(../images/fields.gif) top left repeat-x; 
	padding-left: 5px; 
}
.f_input:focus { border: 1px solid #b1b1b1; }

.f_textarea { border: 1px solid #cecece; width: 460px; max-width: 460px; }
.f_textarea:focus {  border: 1px solid #b1b1b1; }

.field-add { width:180px; height:25px; border: 1px solid #cecece;	line-height: 24px; background: url(../images/fields.gif) top left repeat-x; }
.field-add:focus { border: 1px solid #b1b1b1; }	

#navi {
 	margin: 35px 0 25px 0;
	font-weight: bold;
  	text-align: center;
}
#navi em  {
	padding: 4px 15px;
	font-style: normal;
	font-family: "PT Sans Caption";
}
#navi span {
	
}
#navi a:hover {
	color: #2c6f9f;
}
#navi em a {
	color: #245a7f;
	font-size: 15px;
	background: #f7f7f7;
    padding: 10px;
    display: inline-block;
}
#navi em a:hover {
	text-decoration: none;
}
#navi span, #navi span a {
	padding: 0 7px;
	font-size: 15px;
}
#navi span a {
	color: #245a7f;
	background: #f7f7f7;
    padding: 10px;
    display: inline-block;
	margin-bottom: 10px;
}
#navi span a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 959px) {
	
}

#footer { 
	max-width: 100%; 
	background: #fff;
	clear: both; 
	border-top: solid 1px #e1e1e1;	
}
#footer .tm {
	border-bottom: solid 1px #e1e1e1;
	background: #fff;
}



#footer a:hover {
	color: #9a9a9a;
}
#footer .message {
	margin: 30px 0;
	font-size: 12px;
	line-height: 1.3em;
	float: left;
}
@media only screen and (max-width: 425px) {
	#footer .message {
		padding: 0px 10px;
	}
}
#footer .message p {
	padding-bottom: 5px;
}
#footer .copi {
	margin: 0 0 10px 0;
}
#counters { 
	float: right;
}
#counters .count { 
	float: right; 
	margin: 0 5px 0 0; 
}

#copi { 
	margin: 0 !important;
}

/* �����, �������, ������ */

form {  
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 0px; 
	padding-left: 0px; 
	margin: 0px;
}

/**** REMOVED ***/
.ui-widget {
font-family: Tahoma, Lucida Sans, Arial, sans-serif;
font-size: 11px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: tahoma, Arial, sans-serif;
font-size: 11px;
}
.ui-widget-content {
	background: #fff;
	color: #222222;
	border-radius: 0 0 3px 3px;
}
.ui-widget-content a {
color: #9f9a86;
}
.ui-widget-header {
	background: #061f37;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.ui-widget-header a {
color: #fff;
font-size: 15px;
font-weight: bold;
padding-left: 10px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	border: 1px solid #dfe0e0;
	color: #999a9a;
	font-weight: bold;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #ffffff;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	color: #000;
	font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #878787;
text-decoration: none;
}
.ui-widget:active {
outline: none;
}
.ui-state-error {
background: #fef1ec 50% 50% repeat-x;
border: 1px solid #cd0a0a;
color: #cd0a0a;
}
.ui-widget-header .ui-icon {
background-image: url(../images/ui-icons.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(../images/ui-icons_h.png);
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: .4em .8em;
}
input.ui-button {
padding: .4em 1em;
}
.ui-button-set {
margin-right: 7px;
}
.ui-button-set .ui-button {
margin-left: 0;
margin-right: -.3em;
}
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-dialog {
overflow: hidden;
position: absolute;
box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0.5);
}
.ui-dialog .ui-dialog-titlebar {
padding: .5em 1em .3em;
position: relative;
	height: 30px;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .4em 16px .2em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
height: 18px;
margin: -10px 0 0 0;
padding: 1px;
position: absolute;
right: .3em;
top: 50%;
width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
background: none;
border: 0;
overflow: hidden;
padding: .5em 1em;
position: relative;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 1px 0 0 0;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
float: right;
line-height: 1.4em;
margin: .5em .4em .5em 0;
overflow: visible;
padding: .2em .6em .3em .6em;
width: auto;
}
.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}

/**** REMOVED ****/


/*---��������� ������ � ����������� ���� (���������� �������)---*/
#marker-bar,
#txtselect_marker {
	display: block;
	visibility: hidden;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    -webkit-transition: opacity .4s, visibility .1s linear .4s;
    -moz-transition: opacity .4s, visibility .1s linear .4s;
    -o-transition: opacity .4s, visibility .1s linear .4s;
    transition: opacity .4s, visibility .1s linear .4s;
}
#txtselect_marker {
    cursor: pointer;
    background:url(../dleimages/marker.png) -0px -0px no-repeat;
}

#txtselect_marker:hover {
        background-position: -0px -32px;
}

#marker-bar{
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    padding: 5px 10px;
    cursor: default;
    box-shadow: 0px 0px 4px #ccc;
}

#marker-bar.show {
	-webkit-transition: opacity .4s, visibility 0s;
	-moz-transition: opacity .4s, visibility 0s;
	-o-transition: opacity .4s, visibility 0s;
	transition: opacity .4s, visibility 0s;
	opacity: 1;
	visibility: visible;
}

#txtselect_marker.show {
        /* XXX make a common css fadeIn/fadeOut classes */
	visibility: visible;
	width: 32px;
	height: 32px;
	-webkit-transition: opacity .4s, visibility 0s;
	-moz-transition: opacity .4s, visibility 0s;
	-o-transition: opacity .4s, visibility 0s;
	transition: opacity .4s, visibility 0s;
	opacity: 1;
}

#marker-bar .masha-social,
#marker-bar .masha-marker{
	cursor: pointer;
	display: block;
	margin: 0 5px;
	float: left;
}

#marker-bar .masha-marker{
	line-height: 1em;
	color: #aaa;
	border-bottom: 1px dotted #aaa;
	margin-right: 10px;
}

#marker-bar .masha-marker:hover {
	color: #ea3e26;
	border-color: #ea3e26;
}

.user_selection, .user_selection_true {
	background: #c4f47d;
	padding: 2px 0;
}
.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {
	display:none;
}
.user_selection .closewrap, .user_selection_true .closewrap {
	position: relative;
}
.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {
	display: inline-block;
	position: absolute;
	top: -7px;
	left: -5px;
	width: 33px;
	height: 33px;
	background: url(../dleimages/closemarker.png) -0px -0px no-repeat;
}

.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {
	background-position: -0px -33px;
}


#share-popup {
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	position: absolute;
	width: 414px;
	display:none;
	z-index: 100;
	padding: 10px 0;
	opacity: 0;
	-webkit-transition: opacity .4s, visibility .1s linear .4s;
	-moz-transition: opacity .4s, visibility .1s linear .4s;
	-o-transition: opacity .4s, visibility .1s linear .4s;
	transition: opacity .4s, visibility .1s linear .4s;
}

#share-popup.show {
	display:block;
	opacity: 1;
	-webkit-transition: opacity .4s, visibility 0s;
	-moz-transition: opacity .4s, visibility 0s;
	-o-transition: opacity .4s, visibility 0s;
	transition: opacity .4s, visibility 0s;
	opacity: 1;
}

#share-popup .social {
	padding: 0 0 10px 17px;
	height: 40px;
}

#share-popup .social p {
	padding-bottom: 10px;
	margin: 0;
	font-weight: bold;
}

#share-popup .social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#share-popup .social ul li {
	float: left;
	margin-right: 20px;
	padding-top: 2px;
	position: relative;
}

#share-popup .social ul a {
	text-decoration: none;
	font-size: 11px;
	display: inline-block;
	color: #aaa;
	padding-left: 25px;
}

#share-popup .social ul a:hover {
	text-decoration: underline;
	color: #ea3e26;
}

#share-popup .social a span{
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(../dleimages/social-icons.png) 20px 20px no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

#share-popup .social .tw span{
	background-position: 0 -20px;
}

#share-popup .social .tw:hover span{
	background-position: 0 0;
}

#share-popup .social .fb span{
	background-position: -20px -20px;
}

#share-popup .social .fb:hover span {
	background-position: -20px 0;
}

#share-popup .social .vk span{
	background-position: -40px -20px;
}

#share-popup .social .vk:hover span {
	background-position: -40px 0;
}

#share-popup .social .gp span{
	background-position: -60px -20px;
}

#share-popup .social .gp:hover span {
	background-position: -60px 0;
}

#share-popup .link {
	clear: both;
	border-top: 1px solid #d9d9d9;
	padding: 10px 5px 0 10px;
	line-height: 1.2;
	overflow: hidden;
	margin: 0 7px;
}

#share-popup .link p {
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
}

#share-popup .link span {
	color: #999;
	font-size: 10px;
	display: block;
	padding-top: 3px;
}

#share-popup .link a {
	display: block;
}

.ratingzero {
  color: #6c838e;
}

.ratingtypeplusminus {
  padding: 0px 5px;
}

.ratingtypeplus {
  color: #6c838e;
  padding: 0px 0px 0px 5px;
}

.ratingplus {
  color: green;
}

.ratingminus {
  color: red;
}

.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
}


/*---����� ����������� ������������---*/
.comments-tree-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-tree-list .comments-tree-list {
  padding-left: 30px;
}

.comments-tree-item {
  display: block;
  margin: 0;
  padding: 0;
}

/*---����� �������� ������ �� �����������---*/

#dlefastreplycomments {
  padding:5px;
  background: #e4ecf0;
  margin: 5px 5px 5px 30px;
}

.commentsreplyname {
 padding: 2px; border: 1px solid #bcc0c2;
 width: 200px;
 background: #fff url("../images/fields.png") repeat-x;
}

/*---����� ����������� ����������� �� �����---*/
.pollallvotes {
  text-align: center;
  margin-top: 10px;
}

/*---���������� ����---*/
.dropdown-root {
	cursor: pointer;
}

.dropdown-div {
    position: absolute;
    background: #fff;
    box-shadow: 0px 0px 4px #888888;
    margin-top: 10px;
    margin-left: -10px;
}

.dropdown-div a {
	display: block;
    padding: 10px;
}

.dropdown-root:hover .dropdown-div {
	display:block!important;
}

/*---corparate_blue.css---*/
.newsticker_wrapper {
    font: 13px/32px Arial, Helvetica, sans-serif;
    color: #5b5c5e;  
    height: 30px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#fff), color-stop(0.5, #fff), to(#e5e6e7)); 
    background-image: -webkit-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* Firefox 3.6+ */   
    background-image: -ms-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* IE 10+ */
    background-image: -o-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* Opera 11.10+ */ 
    border-style: solid;
    border-width: 1px;
	border: solid 1px #d6d6d6;
 	webkit-text-size-adjust: none;
 	z-index: 1 !important;
 	border-radius: 4px;
} 

body {
    background: url('corporate_blue/bg.png');
    background-repeat: repeat;
    background-position: center, center;
}

.newsticker_wrapper h4 {
    color: #fff;
    height: 100%;
    overflow: hidden;    
    margin: 0;
    padding: 0 12px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #4374ab;
    background-color: #87abd1; /* fallback/image non-cover color */
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#538ebf), to(#87abd1)); 
    background-image: -webkit-linear-gradient(left, #538ebf, #87abd1); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(left, #538ebf, #87abd1); /* Firefox 3.6+ */   
    background-image: -ms-linear-gradient(left, #538ebf, #87abd1); /* IE 10+ */
    background-image: -o-linear-gradient(left, #538ebf, #87abd1); /* Opera 11.10+ */
}

.newsticker {        
    margin: 0;
    padding: 0;
}

.newsticker li {
    padding: 0 15px;
} 

.newsticker a {
	color: #6c6c6c;
}

.newsticker_controls {
    position: absolute;
    right: 9px;
    top: 0;
    list-style-type: none;
    list-style-image: none;    
    background-color: transparent;
    z-index: 30;
    margin: 0 0 0 10px;
}

.newsticker_controls li {
    float: left;    
    height: 30px;
    width: 23px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

.newsticker_controls .pause {
    background-image: url('corporate_blue/pause.png');       
}

.newsticker_controls .resume {
    background-image: url('corporate_blue/resume.png');       
}

.newsticker_controls .previous {
    background-image: url('corporate_blue/previous.png');   
}

.newsticker_controls .next {
    background-image: url('corporate_blue/next.png');   
}

/* Reveal */
.newsticker_style_reveal .newsticker li {
    left: 5px !important;
}

/* Scroll */
.newsticker_style_scroll .newsticker_title {
    margin-right: 10px;
}

.newsticker_style_scroll .newsticker {
    background: none;
}

.newsticker_style_scroll .newsticker li {
    margin-right: 80px;
}

.fr-video {
	display: none;
}

@media only screen and (max-width: 425px) {
	.container-12, .container-16 {
		width: auto;
	}
}

@media only screen and (max-width: 320px) {
	blockquote.instagram-media, iframe.instagram-media {
		min-width: 320px !important;
		max-width: 320px !important;
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	
}


.multimedia {
	width: 48%; 
	float:left; 
	border: none;
}

.multimedia .news-link {
	width: auto;
	height: 240px;
}

@media only screen and (max-width: 959px) {
	
	.story-short h2 a {
		font-weight: normal;
	}
	
}
@media only screen and (max-width: 719px) {

	.container-12, .container-16 {
		width: 90%;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
		width:100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.alpha {
		margin-left: 0;
	}
	.omega {
		margin-right: 0;
	}
	.beta {
		margin-left: 0;
		margin-right: 0;
	}
	.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16, .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
		width:100%;
	}

	.grid-6 {
		position: relative;
	}

	.coment {
		width: 90%;
	}
	.coment-area {
		width: 75%;
	}
	.com-nav {
		float: left;
		clear: both;
	}
	#navi {
		float: left;	
		margin: 25px 15px;
	}

	#counters {
		clear: both;
		margin: 20px 0;	
		float: left;
	}
	.banner_280, .review {
		display: none;
	}
	.mslider, .hotnews {
		max-height: 300px;
	}
	.hotnews .news-link {
		height: 300px;
	}
	.media_719 {
		display: block;
	}
	.media_719_hide {
		display: none;
	}
	.media_719 .banner_728 {
		margin: 0;		
	}
	.soc_title {
		width: 248px;
	}
	.bc_media {
		width: 278px;
	}
	
	
	.two-cols {
		margin-left: auto;
		margin-right: auto;
	}

}

@media only screen and (max-width: 480px) {
	
	.container-12, .container-16 {
		width: auto;
	}

	.mslider, .sliderContent, .hotnews {
		max-height:220px;
	}
	.hotnews .news-link {
		height: 220px;
	}
	.logo {
		background: url(../images/logo_small.svg) no-repeat;	
		width: 274px;
		height: 51px;
	}
	.hotnews .title {
		background-color: rgba(6, 31, 51, 1);
	}
	.hotnews h2 {
		font-size: 18px;
	}
	.short5 .img {
		max-width: 120px;
	}
	.ava-com {
		width: 45px;
		height: 45px;
	}
	.coment {
		margin: 5px;
	}
	.comments_area {
		padding: 5px;
	}
	.coment-area {
		margin-left: 60px;
	}
	.date {
		display: none;
	}
	.author a {
		padding-right: 5px;
	}
	.media-date {
		display: block;	
		font-size: 13px;
		color: #9b9b9b;
	}
	.com-nav, .com-nav a  {
		float: left;
	}
	.com-nav span {
		font-size: 11px;
	}
	.searchBar {
		width: 123px;
	}
	.s-field {
		width: 100px;
	}
	
	.fullstory-picture.size-500 {
		display: block;
	}
	.fullstory-picture.size-1200 {
		display: none;
	}

}


@media only screen and (max-width: 1199px) {

	.media_1199 {
		display: block;
	}
	.lcol_hide {
		display: block !important;
	}
	.media_hide {
		display: none;
	}
	.short5, .short6, .multimedia {
		margin: 0;	
		max-height: none !important;
		height: auto;
		float: left;
	}
	.short5 .img, .short6 .img, .multimedia .img {
		margin: 9px;
	}
	.short5 h2, .short6 h2 {
		margin: 9px 9px 9px 0;
		font-size: 14px;
	}
	.short5:last-child {
		border: none;
	}
	.multimedia {
		width: 100%;
		border-bottom: dashed 1px #e1e1e1;	
	}
	.multimedia h2 {
		font-size: 15px;
	}
	/*.multimedia .img {
		max-width: 120px;	
	}*/
	.multimedia .img_ct {
		
	}
	.cat_icon {
		bottom: 0px;	
		left: 0px;
	}
	.short6 .cat_icon, .multimedia .cat_icon {
		bottom: 9px;
		left: 9px;
	}
	.world h2 {
		font-size: 14px;
	}
	.world .mcat li.comnum {
		display: none;		
	}
	.short6, .short5 {
		width:auto;
		float:none;
	}

} 

@media only screen and (max-width: 320px) {

	.media_320 {
		display: block;
	}
	.media_320_hide {
		display: none;	
	}
	.multimedia {
		padding-bottom: 10px;	
	}
	/*.multimedia .img {
		max-width: 80px !important;	
	}*/
	.multimedia .mcat {
		margin-left: 100px;
	}

	h2 {
		font-size: 14px;
	}
	.mslider {
		width: 100%;
		max-height: 160px;
	}
	.mslider, .sliderContent, .hotnews {
		max-height:160px;
	}
	.hotnews .news-link {
		height: 160px;
	}
	a.prev, a.next {
		width: 29px;
		height: 29px;
		background: url(../images/sl_arrows_small.png) no-repeat 0 0;
	}
	.hotnews h2 {
		font-size: 16px;
	}
	.media_hide {
		display: none;
	}
	.short5 h2 {
		font-size: 13px !important;
	}
	.ava-com {
		width: 30px;
		height: 30px;
	}
	.coment {
		margin: 10px;
	}
	.comments_area {
		padding: 5px;
	}
	.coment-area {
		margin-left: 40px;
	}
	.date {
		display: none;
	}
	.author a {
		padding-right: 5px;
	}
	.media-date {
		display: block;	
		font-size: 13px;
		color: #9b9b9b;
	}
	.com-nav, .com-nav a  {
		float: left;
	}
	.com-nav span {
		font-size: 11px;
	}
	.tabs2 li, .tabs2 li.current  {
		font-size: 13px;
	}
	.left_cell .img {
		width: 80px;	
	}
	.left_cell h2 {
		font-size: 14px;
	}
	.left_cell .short-content {
		display: none;	
	}
	#newsticker_reveal {
		display: none !important;
	}
	.soc_title, .bc_media {
		width: auto;
	}

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.media_960 {
		display: block;
	}
	.media_960_hide {
		display: none;
	}
}

.quote {
	font-style: italic;
    font-size: 18px;
    font-family: Georgia;
    padding: 0 0 0 25px;
    background: url(https://kazlenta.kz/templates/todaynews/images/icons.png) no-repeat 0 -537px;
}