/* ==========================================================================
   Main styles :: http://www.15web.ru/
   ========================================================================== */

html {
	overflow: auto;
}

body {
	background: #fff;
	font: normal 1em/1.5em Arial, Helvetica, sans-serif;
	color: #4e4e50;
}

html,button,input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #cc3333;
}

a:active {
	color: #ce5959;
}

a:hover {
	text-decoration: underline;
}

:focus {
	outline: none !important;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal;
}

.red-text {
	color: #cc3333 !important;
}

.rounded, .rounded_nie {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.b-wrapper {
	margin: 0 auto;
	width: 940px;
	position: relative;
}

#vk_groups {
	margin-bottom: 16px;
}

.b-noindex {

}

/* ==========================================================================
   Header
   ========================================================================== */

#r-header {
	text-align: center;
	height: 90px;
	overflow: hidden;
	background-color: #fff;
}

#top-head {
	height: 40px;
	background: #efefef;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cbcbcb;
}
#top-head .age-range {
	display: block;
	width: 39px;
	height: 26px;
	position: absolute;
	top: 8px;
	left: 0px;
	background: url('../img/main/age_range.png');
	text-indent: -9999px;
}
#top-head .slogan {
	width: 445px;
	height: 19px;
	position: absolute;
	top: 12px;
	left: 75px;
	background: url('../img/main/red_slogan.png');
	text-indent: -9999px;
}
#top-head .slogan:before, #top-head .slogan:after {
	content: "•";
	display: block;
	color: #cc3333;
	font-size: 2em;
	line-height: 1em;
	text-indent: 0;
	cursor: default;
	position: absolute;
	top: -7px;
}
#top-head .slogan:before {
	left: -15px;
}
#top-head .slogan:after {
	right: -18px;
}
#top-head .social-links {
	position: absolute;
	top: 8px;
	right: 240px;
}
#top-head .social-links li {
	float: left;
	margin-left: 5px;
	width: 24px;
}
#top-head .social-links a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: url('../img/icons/sprite_icon_social.png') no-repeat 0 0;
}
#top-head .social-links .soc-vk {
	background-position: 0 -68px;
}
#top-head .social-links .soc-tw {
	background-position: 0 -34px;
}
#top-head .social-links .soc-insta {
	background-position: 0 -102px;
}
#top-head .social-links .soc-od {
	background-position: 0 -136px;
}
#search {
	width: 218px;
	height: 22px;
	position: absolute;
	top: 8px;
	right: 0px;
	border: 1px solid #8a8a8a;
	background: #fff;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
}
.search-input {
	float: left;
	padding-left: 8px;
	width: 180px;
	height: 22px;
	border: none;
	background: none;
}
.search-btn {
	float: right;
	width: 29px;
	height: 22px;
	background: url('../img/icons/icon_search.png') no-repeat 50% 50%;
	text-indent: -9999px;
	border: none;
}

#header {
	float: left;
	margin-bottom: 4px;
	padding-top: 62px;
	width: 700px;
	position: relative;
}
.header-date {
	font-size: 0.75em;
	font-style: italic;
	position: absolute;
	top: 13px;
	left: 18px;
}
.header-weather, .header-currency {
	padding: 1px 10px 0;
	position: absolute;
	top: 12px;
	left: 260px;
	background: #efefef;
	font-size: 0.75em;
	font-style: italic;
}
.header-weather a, .header-currency a {
	color: #4e4e50 !important;
}
.header-weather {
        height: 24px;
        overflow: hidden;
}
.header-weather .gsInformer .tourism td {
        padding: 1px 2px;
        color: #4e4e50 !important;
}
.header-weather .tCityDiv {
        margin-right: 3px;
}
#header .header-weather .tCityDiv a {
        text-decoration: none;
}
.header-weather .gsInformer, .header-weather .gismeteo-link {
        display: inline-block;
        vertical-align: top;
}
.header-weather .gismeteo-link {
        position: relative;
        top: -2px;
        text-decoration: none;
}
.header-currency {
	left: 490px;
}
.header-phone {
	width: 220px;
	font-size: 0.75em;
	font-style: italic;
	position: absolute;
	top: 12px;
	left: 720px;
}
.header-phone span {
	margin-left: 4px;
	padding-left: 15px;
	background: url('../img/icons/icon_phone-red.png') no-repeat 0 2px;
}
#header .logo {
	float: left;
	width: 323px;
	height: 67px;
	position: relative;
	overflow: hidden;
}
#header .logo a {
	display: block;
	text-indent: -9999px;
}
#header .logo-img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#main-nav {
	margin: 9px 0 0 348px;
	position: relative;
	z-index: 997;
}
#main-nav .nav-section {
	float: left;
	margin-right: 5px;
	padding: 10px 27px 10px 12px;
	position: relative;
}
#main-nav .nav-section.open {
	background: #cc3333;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	-moz-box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
	box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
	z-index: 998;
}
#main-nav .nav-section > a {
	font-size: 1.125em;
	line-height: 1em;
	font-weight: bold;
}
#main-nav .nav-section.open a {
	color: #fff !important;
}
#main-nav .current > a {
	color: #4c4d4f;
}
#main-nav .nav-arrow {
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #efefef;
	background: url('../img/icons/icon_arrow-down-red.png') no-repeat 50% 55%;
	position: absolute;
	top: 12px;
	right: 3px;
}
#main-nav .open .nav-arrow {
	background: url('../img/icons/icon_arrow-down-wh.png') no-repeat 50% 55%;
}
#main-nav .nav-section:hover .nav-arrow, #main-nav .open .nav-arrow {
	border-color: #cc3333;
}
#main-nav .sub-nav {
	display: none;
	padding: 12px 12px 2px;
	width: 150px;
	position: absolute;
	top: 98%;
	left: 0;
	background: #cc3333;
	z-index: 999;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	line-height: 1em;
	-moz-box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
	box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
}
#main-nav .last .sub-nav {
	left: auto;
	right: 0px;
	-webkit-border-radius: 5px 0px 5px 5px;
	border-radius: 5px 0px 5px 5px;
}
#main-nav .open .sub-nav {
	display: block;
}
#main-nav .sub-nav > li {
	margin-bottom: 14px;
}
#main-nav .sub-nav a {
	font-size: 0.75em;
	line-height: 1.125em;
	text-transform: uppercase;
	font-weight: bold;
}
#main-nav .third-nav {
	margin: 6px 0 0 10px;
}
#main-nav .third-nav li {
	margin-bottom: 3px;
}
#main-nav .third-nav a {
	font-size: 0.75em;
	line-height: 1em;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   Top-sidebar
   ========================================================================== */

#top-sidebar {
	float: right;
	padding-top: 45px;
	width: 220px;
}

.red_btn-player {
	width: 214px;
	height: 42px;
}
.news-vplayer {
	width: 340px;
	height: 227px;
}
.at-player-wrapper .news-vplayer {
	width: 480px;
	height: 320px;
}
.news-aplayer {
	width: 100%;
	height: 36px;
}

#player {
	margin-bottom: 16px;
	padding-top: 46px;
	background: #efefef;
	border: 1px solid #c9c9c9;
	position: relative;
}
#player-btn {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 2px;
	height: 42px;
	width: 214px;
	border: 1px solid #930202;
	background: #cc3333;
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-shadow: 0 -1px 0 #ac1c34;
	color: #fff;
	text-decoration: none;
        z-index: 2;
}
#player-btn.popup:hover {
	background: #F13E3E;
	transition: background-color 0.35s;
	-webkit-transition: background-color 0.35s;
}
#player-btn:after {
	content: "";
	display: block;
	width: 100%;
	height: 9px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background: url('../img/main/sidebar_shadow.png') no-repeat 50% 0;
}
.red_btn-popup {
	background: url('../img/main/play-btn.png') no-repeat 15px 0;
	color: #fff;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: 31px;
	line-height: 1em;
	padding: 15px 0 0 66px;
	position: relative;
	top: -2px;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 #AC1C34;
}
.red_btn-popup:active {
	color: #930202;
	text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
#player-live {
	padding: 0 0 16px;
	position: relative;
}
#player-live .live-title {
	margin-bottom: 3px;
	font-size: 0.75em;
	font-style: italic;
}
#player-live .live-preview {
	padding-left: 25px;
	font-size: 0.875em;
	position: relative;
	background: url('../img/icons/icon_sound.png') no-repeat 0 6px;
}
#player-live .live-preview:after, #player-live .live-preview:before {
	content: "";
	display: block;
	width: 18px;
	height: 22px;
	position: absolute;
	top: 0;
	z-index: 6;
}
#player-live .live-preview:after {
	left: 25px;
	-moz-box-shadow: inset 16px 0px 8px -6px rgba(239,239,239,1);
	-webkit-box-shadow: inset 16px 0px 8px -6px rgba(239,239,239,1);
	box-shadow: inset 16px 0px 8px -6px rgba(239,239,239,1);
}
#player-live .live-preview:before {
	right: 0px;
	-moz-box-shadow: inset -16px 0px 8px -6px rgba(239,239,239,1);
	-webkit-box-shadow: inset -16px 0px 8px -6px rgba(239,239,239,1);
	box-shadow: inset -16px 0px 8px -6px rgba(239,239,239,1);
}
#player-live .live-preview.none:after, #player-live .live-preview.none:before {
	display: none;
}
#player-live .live-preview-wrapper {
	height: 22px;
	width: 165px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
#player-live .live-preview-text {
	position: absolute;
	top: 0px;
}
#player-live .none .live-preview-text {
	top: 0px;
	right: auto !important;
	left: 0px !important;
}
#player-live .live-person {
        display: block;
	padding: 0;
        width: 218px;
	overflow: hidden;
	position: relative;
        top: -3px;
        z-index: 1;
}
#player-live .live-person img {
	display: block;
	max-width: 100%;
	height: auto;
}
#player-live .live-name {
	display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 70px;
        width: 100%;
        height: 26px;
        overflow: hidden;
        background: rgba(255,255,255,.8) url('../img/main/white_stream.png') no-repeat 0 0;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 0.75em;
        font-style: italic;
        font-weight: bold;
        line-height: 28px;
        white-space: nowrap;
        text-overflow: ellipsis;
}
#player-live .live-playlist {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 0.75em;
}
#player-live .live-onair {
	padding: 10px 10px 0 18px;
}
#player-live .live-person + .live-onair {
        padding-top: 8px;
}

#translation-btn {
	margin-bottom: 16px;
	padding: 2px;
	width: 100%;
	height: 46px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #930202;
	background: #cc3333;
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	font-size: 0.875em;
	line-height: 1em;
	font-weight: bold;
	text-shadow: 0 -1px 0 #ac1c34;
	text-decoration: none;
}
#translation-btn:hover {
	background: #F13E3E;
	transition: background-color 0.35s;
	-webkit-transition: background-color 0.35s;
}
#translation-btn:after {
	content: "";
	display: block;
	width: 100%;
	height: 9px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background: url('../img/main/sidebar_shadow.png') no-repeat 50% 0;
}
.translation-btn__link {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 4px 0 0 82px;
	position: relative;
	top: -2px;
	width: 100%;
	height: 44px;
	color: #fff;
	text-decoration: none !important;
	line-height: 38px;
	background: url('../img/main/translation-btn.png') no-repeat 15px 0;
}

#broadcasting {
	margin-bottom: 16px;
	background: #fff;
	border: 1px solid #cc3333;
	-moz-box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
	box-shadow: 0px 0px 5px rgba(204,51,51,0.5);
        overflow: hidden;
        position: relative;
}
.broadcasting-date {
	padding: 2px 0 0 60px;
	position: relative;
	top: -1px;
	left: -1px;
	background: url('../img/main/red_m-logo-corner.png') no-repeat 0 0;
	font-size: 0.75em;
	color: #cc3333;
	font-style: italic;
}
.broadcasting-person {
	display: block;
	width: 218px;
	height: 218px;
}
.broadcasting-info {
        padding-left: 75px;
        width: 100%;
        height: 26px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 192px;
        left: 0;
        background: rgba(255,255,255,.8);
        line-height: 26px;
}
.broadcasting-info:before {
        content: "";
        display: block;
        width: 58px;
        height: 26px;
        background: url('../img/main/gray_time-counter.png') no-repeat 0 0;
        position: absolute;
        top: 0;
        left: 0;
}
.broadcasting-info span {
        color: #cc3333;
        font-weight: bold;
}
.broadcasting-info a {
        font-size: 0.875em;
        font-style: italic;
}
.broadcasting-title {
	display: block;
	margin: 10px 15px 16px 18px;
	font-size: 0.875em;
	line-height: 1.375em;
	color: #4e4e50;
}
.broadcasting-online {
	display: block;
	margin: 0 0 8px 60px;
	padding-left: 28px;
	background: url('../img/icons/icon_online.png') no-repeat 0 3px;
	font-size: 0.75em;
}
.broadcasting-counter {
	clear: both;
	border-top: 1px solid #cc3333;
	padding: 8px 0;
	text-align: center;
	font-size: 0.875em;
}

#broadcasting-quiz {
	margin-bottom: 16px;
	border: 1px solid #c9c9c9;
}
#broadcasting-quiz .title {
	margin-bottom: 10px;
	padding: 2px 0 0 60px;
	background: url('../img/main/gray_m-logo-corner.png') no-repeat 0 0;
	font-size: 0.75em;
	font-style: italic;
}
#broadcasting-quiz .b-quiz-list {
	margin-bottom: 20px !important;
}
.b-quiz-question {
	margin: 0 10px 12px 25px;
	font-size: 0.875em;
	line-height: 1.25em;
}
.b-quiz-answers {
	margin: 0 10px 16px 15px;
}
.b-quiz-answers .item {
	display: block;
	margin: 0 0 6px 10px;
	padding-left: 20px;
	font-size: 0.75em;
	line-height: 1.25em;
	position: relative;
}
.b-quiz-answers .item input {
	position: absolute;
	top: 2px;
	left: 0px;
}
#broadcasting-quiz .b-quiz-list, #other-quiz .b-quiz-list {
	margin: 0 10px 12px 25px;
	width: auto !important;
}
#broadcasting-quiz .b-quiz-list a, #other-quiz .b-quiz-list a {
	font-size: 0.75em;
}
.b-quiz-footer {
	margin: 16px 0;
}
.b-quiz-footer .b-btn {
	padding: 7px 14px;
}
.b-quiz-footer a {
	margin-left: 6px;
	font-size: 0.75em;
}

/* ==========================================================================
   Body
   ========================================================================== */

#body {
	float: left;
	width: 700px;
	min-height: 650px;
}

#top-header {
	margin-bottom: 16px;
	height: 29px;
	background: #efefef url('../img/main/heading_slash-border.png') no-repeat 0 0;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}
#top-header .title {
	float: left;
	margin-left: 20px;
	font-size: 1.125em;
	line-height: 29px;
	font-style: italic;
	font-weight: bold;
}
.top-header-nav {
	float: right;
	margin-right: 40px;
}
.top-header-nav li {
	float: left;
	margin-left: 20px;
}
.top-header-nav a {
	font-size: 0.75em;
	line-height: 29px;
	font-style: italic;
	color: #4e4e50;
}

/* ==========================================================================
   News-page
   ========================================================================== */

#p-news-top, .p-news-top {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #c9c9c9;
	width: 100%;
	overflow: hidden;
}
.p-news-top {
	background: #fff;
	border-bottom: none;
}
#p-news-top .prev, .p-news-top .prev {
	float: left;
	width: 340px;
	height: 225px;
}
#p-news-top .desc, .p-news-top .desc {
	margin-left: 360px;
}
.news-date {
	margin-bottom: 10px;
	font-size: 0.75em;
	color: #cc6666;
	font-style: italic;
}
#p-news-top .title, .p-news-top .title {
	margin: 6px 0 12px;
	font-size: 1.125em;
	line-height: 1.25em;
}
#p-news-top .title a, .p-news-top .title a {
	text-decoration: none;
	color: #000;
}
#p-news-top .title a:hover, .p-news-top .title a:hover {
	text-decoration: underline;
}
#p-news-top .anons, .p-news-top .anons {
	margin-bottom: 16px;
	font-size: 0.875em;
	line-height: 1.5em;
}
#p-news-top .b-btn, .p-news-top .b-btn {
	padding: 7px 30px;
}

.p-news-top .info {
	display: block;
	margin: 15px 0 8px;
	font-size: 0.75em;
	line-height: 1em;
	color: #999;
	font-style: italic;
}

.b-column {
	float: left;
	width: 220px;
}
.b-column + .b-column {
	margin-left: 20px;
}

.p-news-main .prev {
	display: block;
	margin-bottom: 6px;
}
.p-news-main .title {
	margin: 6px 0 12px;
	font-size: 1.125em;
	line-height: 1.25em;
}
.p-news-main .title a {
	text-decoration: none;
	color: #000;
}
.p-news-main .title a:hover {
	text-decoration: underline;
}
.p-news-main .anons {
	margin-bottom: 16px;
	font-size: 0.875em;
	line-height: 1.5em;
}

.p-news-line {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}
.news-article__main .prev {
    display: block;
    width: 220px;
    height: 142px;
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
}
.news-article__main img {
    display: block;
    max-width: 100%;
    height: auto;
}
.news-article__main .info {
    display: block;
    width: 100%;
    height: 26px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,.8);
    font-size: 0.75em;
    line-height: 28px;
}
.news-article__main .date {
    float: left;
    padding-left: 10px;
    width: 48px;
    height: 26px;
    background: url('../img/main/red_corner2.png') no-repeat 0 0;
    color: #fff;
    font-style: italic;
}
.news-article__main .statistics {
    float: right;
    color: #999;
    font-style: italic;
}
.news-article__main .title {
    padding: 8px 0 0 10px;
    font-size: 0.875em;
    line-height: 1.375em;
}
.news-article__main a {
    color: #4E4E50;
}

.news-article {
	margin-bottom: 20px;
}
.news-article .prev {
	display: block;
	margin-bottom: 3px;
}
.news-article .news-date {
	display: block;
	margin-bottom: 1px;
}
.news-article.offer .news-date {
	padding-left: 60px;
	position: relative;
}
.news-article.offer .news-date:before {
	content: "Акция";
	display: block;
	padding-left: 10px;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../img/main/red_corner.png') no-repeat 0 0;
	color: #fff;
}
.news-article .title {
	font-size: 0.875em;
	line-height: 1.375em;
}
.news-article .announcement {
	color: #848484;
	font-size: 0.75em;
	line-height: 1.5em;
	margin-top: 5px;
}
.news-article a {
	color: #4e4e50;
	text-decoration: none;
}
.news-article a:hover {
	text-decoration: underline;
}
.news-article .anons {
	margin-top: 12px;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #848484;
}

.body-heading {
	margin-bottom: 16px;
	padding-left: 20px;
	background: url('../img/main/heading_slash.png') no-repeat 0 0;
	line-height: 22px;
}

.news-column {
	margin-bottom: 20px;
}

#r-body {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.news-line {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
#news-item + .news-line {
	margin-top: 18px;
	border-top: 1px solid #ccc;
	padding-top: 18px;
}

.similar-news__item {
	margin-bottom: 10px;
}
.similar-news__item .title {
	font-size: 0.875em;
	line-height: 1.375em;
}
.similar-news__item .title a {
	color: #4E4E50;
	text-decoration: none;
}
.similar-news__item .title a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Blog
   ========================================================================== */

#blog-index {
	margin: 10px 0 20px;
	padding-bottom: 20px;
}
.post-article {
	height: 144px;
	border: 1px solid #c9c9c9;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}
.post-article:after {
	content: "";
	display: block;
	width: 100%;
	height: 9px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background: url('../img/main/sidebar_shadow.png') no-repeat 50% 0;
}
.post-date {
	display: block;
	margin-bottom: 15px;
	background: url('../img/main/gray_blog.png') no-repeat 0 0;
	font-size: 0.75em;
	font-style: italic;
	padding: 2px 0 0 60px;
	position: relative;
	color: #cc6666;
}
.post-title {
	margin-bottom: 10px;
	padding: 0 8px 0 12px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.875em;
	line-height: 1.375em;
	position: relative;
}
.post-title a {
	color: #4e4e50;
}
.post-article .post-title a:after {
	content: "";
	display: block;
	width: 198px;
	height: 20px;
	position: absolute;
	bottom: 0px;
	left: 12px;
	-moz-box-shadow: inset -20px 0px 12px -8px rgba(255,255,255,1);
	-webkit-box-shadow: inset -20px 0px 12px -8px rgba(255,255,255,1);
	box-shadow: inset 0px -22px 12px -12px rgba(255,255,255,1);
}
.post-author {
	display: block;
	margin: 0 8px 0 12px;
	padding: 1px 0;
	padding-left: 24px;
	width: 174px;
	overflow: hidden;
	background: url('../img/icons/icon_author.png') no-repeat 0 0;
	font-size: 0.875em;
	line-height: 1em;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#blog-index .l-all {
	top: 22px;
}

#blog-list {
	position: relative;
	width: 720px;
}
#blog-list .post-article__inner {
	display: inline-block;
	float: none;
	margin: 0 14px 30px 0;
	vertical-align: top;
}
.post-preview {
	display: block;
	margin-bottom: 6px;
	width: 220px;
	height: 120px;
	overflow: hidden;
}
#blog-list .post-info {
	width: 100%;
	overflow: hidden;
}
#blog-list .post-date {
	float: left;
	margin-bottom: 3px;
	padding: 0;
	background: none;
}
#blog-list .post-info .i-viewer, #blog-list .post-info .i-comments, #blog-list .post-info .i-likes {
	float: left;
	margin-left: 12px;
	padding: 0 0 0 20px;
	font-size: 0.75em;
	font-style: italic;
	color: #999;
}
#blog-list .post-info .i-viewer {
	background: url('../img/icons/icon_viewer.png') no-repeat 0 4px;
}
#blog-list .post-info .i-likes {
	background: url('../img/icons/icon_like-small.png') no-repeat 0 2px;
}
#blog-list .post-info .i-comments {
	background: url('../img/icons/icon_comment.png') no-repeat 0 5px;
}
#blog-list .post-title {
	padding: 0;
	height: auto;
}
#blog-list .post-author {
	margin: 0;
	padding: 1px 0;
	padding-left: 24px;
	width: 196px;
}

#blog-list #pagination {
	margin: 0 20px 30px 0;
	padding-top: 30px;
	width: 700px;
	border-top: 1px solid #ccc;
}
#blog-list #pagination .page-prev, #blog-list #pagination .page-next {
	top: 30px;
}

.ni-desc .post-author {
	margin: 20px 0 0;
}

/* Infographics-list */
#blog-list.infographics-list .post-preview {
	width: 220px;
	height: 160px;
}

/* ==========================================================================
   Person-slider
   ========================================================================== */

#person-slider {
	margin: 20px 0 30px;
	padding: 16px 0;
	width: 100%;
	background: url('../img/main/divider-wave.png') repeat-x 0 0;
	position: relative;
}
#person-slider:after {
	content: "";
	display: block;
	width: 100%;
	height: 16px;
	background: url('../img/main/divider-wave.png') repeat-x -23px 0;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#person-slider .wrapper {
	margin: 30px auto 8px;
	padding-bottom: 30px;
	width: 620px;
	position: relative;
	overflow: hidden;
}
#person-slider .jcarousel-prev, #person-slider .jcarousel-next {
	width: 21px;
	height: 21px;
	background: url('../img/main/slider-arrows.png') no-repeat 0 0;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	cursor: pointer;
}
#person-slider .jcarousel-prev {
	left: 0px;
}
#person-slider .jcarousel-next {
	right: 0px;
	background-position: -31px 0;
}
#person-slider .jcarousel-prev-disabled {
	background-position: 0 -31px;
}
#person-slider .jcarousel-next-disabled {
	background-position: -31px -31px;
}
#person-slider .item {
	float: left;
	margin-right: 40px;
	width: 178px;
        height: 254px;
	border: 1px solid #c9c9c9;
	overflow: hidden;
        position: relative;
}
#person-slider .item:after {
	content: "";
        display: block;
        width: 100%;
        height: 24px;
        position: absolute;
        bottom: 0;
        left: 0;
        -moz-box-shadow: inset 0 -24px 12px -12px #fff;
        -webkit-box-shadow: inset 0 -24px 12px -12px #fff;
        box-shadow: inset 0 -24px 12px -12px #fff;
}
#person-slider .date {
	padding: 2px 0 0 75px;
        width: 100%;
	position: absolute;
	top: 152px;
	left: 0;
	background: url('../img/main/gray_m-logo-corner2.png') no-repeat 0 0;
        background-color: rgba(255,255,255,.8);
	font-size: 0.75em;
	font-style: italic;
        font-weight: bold;
}
#person-slider .photo {
	display: block;
	width: 178px;
	height: 178px;
}
#person-slider .name {
	margin: 10px 10px 0 18px;
	font-size: 0.75em;
	line-height: 1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}
#person-slider .desc {
	clear: both;
	margin: 8px 10px 0 18px;
	font-size: 0.75em;
	line-height: 1.25em;
}
#person-slider .desc a {
	color: #4E4E50;
}
#person-slider .all-person {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 0.75em;
}

/* ==========================================================================
   banner-content
   ========================================================================== */

.banner-content {
	margin: 40px 0;
	height: 120px;

	font-size: 0;
	line-height: 0;
	text-align: center;

	overflow: hidden;
}

.banner-content .banner-wrapper {
	display: inline-block;
	margin-left: 20px;

	font-size: 14px;
	line-height: normal;

	vertical-align: top;
}

.banner-content .b-noindex:first-child .banner-wrapper {
	margin-left: 0;
}

/* ==========================================================================
   banner-newslist
   ========================================================================== */

.banner-newslist {
	margin: 20px 0;
	height: 110px;

	font-size: 0;
	line-height: 0;
	text-align: center;

	overflow: hidden;
        
        border-bottom: 1px solid #ccc;
}
.banner-newslist .banner-wrapper {
	display: inline-block;
	margin: 0 0 20px 20px;

	font-size: 14px;
	line-height: normal;

	vertical-align: top;
}
.banner-newslist .b-noindex:first-child .banner-wrapper {
	margin-left: 0;
}

/* ==========================================================================
   Bottom-sidebar
   ========================================================================== */

#bottom-sidebar {
	float: right;
	width: 220px;
}

#projects {
	margin-bottom: 16px;
	border: 1px solid #c9c9c9;
}
#projects .title {
	margin-bottom: 10px;
	padding: 2px 0 0 60px;
	background: url('../img/main/gray_exclamation-corner.png') no-repeat 0 0;
	font-size: 0.75em;
	font-style: italic;
}
#projects .projects-nav {
	margin: 0 10px 12px 25px;
}
#projects a {
	display: block;
	margin-bottom: 5px;
	font-size: 0.875em;
	line-height: 1.25em;
	color: #4e4e50;
}

#quote {
	margin-bottom: 16px;
	border: 1px solid #c9c9c9;
        overflow: hidden;
        position: relative;
}
#quote .title {
	margin-bottom: 10px;
	padding: 2px 0 0 60px;
	background: url('../img/main/gray_quote.png') no-repeat 0 0;
	font-size: 0.75em;
	font-style: italic;
}
#quote .photo {
	height: 218px;
	width: 218px;
}
#quote .info {
        padding-left: 75px;
        width: 100%;
        height: 26px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 192px;
        left: 0;
        background: rgba(255,255,255,.8);
        line-height: 26px;
        font-size: 0.75em;
}
#quote .info:before {
        content: "";
        display: block;
        width: 58px;
        height: 26px;
        background: url('../img/main/gray_quote2.png') no-repeat 0 0;
        position: absolute;
        top: 0;
        left: 0;
}
#quote .info span {
        font-style: italic;
        font-weight: bold;
}
#quote .name {
        text-align: right;
	font-size: 0.75em;
	line-height: 1em;
	margin: 0 16px 16px 10px;
        color: #848484;
}
#quote .text {
	clear: both;
	padding: 15px 10px 12px 15px;
	font-size: 1em;
	line-height: 1.325em;
	font-style: italic;
	color: #848484;
}
#quote .text a {
	color: #4E4E50;
}

#r-sidebar {
	margin: 0 0 20px;
}

.banner-wrapper {
	position: relative;
}
.banner-link {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}

#add-news {
	margin-bottom: 16px;
	padding: 12px 15px 15px;
	border: 1px solid #c9c9c9;
	background: #efefef;
	position: relative;
}
#add-news:after {
	content: "";
	display: block;
	width: 100%;
	height: 9px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background: url('../img/main/sidebar_shadow.png') no-repeat 50% 0;
}
#add-news .text {
	margin-bottom: 16px;
	font-size: 0.800em;
	line-height: 1.25em;
}
#add-news .b-btn {
	width: 100%;
	padding: 7px 0;
}

#archive {
	margin-bottom: 16px;
	border: 1px solid #c9c9c9;
}
#archive .title {
	margin: 8px 0 12px 15px;
	font-size: 0.75em;
	font-style: italic;
}
.arch-tabs {
	margin: 0 0 2px 15px;
}
.arch-tabs-li {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	font-size: 0.875em;
	line-height: 1em;
}
.arch-tabs-li.current a {
	font-size: 1.286em;
	color: #4e4e50;
	cursor: default;
	text-decoration: none;
}
.arch-box {
	display: none;
	margin-bottom: 12px;
	padding-top: 2px;
	width: 100%;
	overflow: hidden;
}
.arch-box.visible {
	display: block;
}
.arch-year li {
	float: left;
	margin-left: 15px;
	width: 57px;
	font-size: 0.75em;
}

/* Infograpichs-preview */
#infographics-preview {
	padding-bottom: 5px;
    margin-bottom: 16px;

	border: 1px solid #c9c9c9;
	border-radius: 5px;
}

#infographics-preview .title {
	padding: 2px 0 0 60px;
	margin-bottom: 10px;

	font-size: 0.75em;
	line-height: 24px;
	font-style: italic;

	background: url("../img/main/gray_infographics.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#infographics-preview .news-date {
	margin-bottom: 5px;
}

.inf-pic {
	display: block;
	margin-bottom: 10px;
	margin-left: 0;
}

.inf-pic img {
	max-width: 100%;
	height: auto;
}

.inf-text {
	padding: 0 25px;
}

.inf-link {
	display: block;
	margin-bottom: 10px;

	color: #4e4e50;
	font-size: 0.875em;
	line-height: 1.25em;
}
/* end */

#other-quiz {
	margin-bottom: 16px;
	border: 1px solid #c9c9c9;
}
#other-quiz .title {
	margin: 8px 0 12px 15px;
	font-size: 0.75em;
	font-style: italic;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
	margin-top: 24px;
	padding: 30px 0;
	border-top: 1px solid #c9c9c9;
	background: #efefef;
}

.b-fcopyright {
	float: left;
	width: 420px;
}
.b-fcopyright p {
	margin-bottom: 20px;
	color: #868686;
	font-size: 0.625em;
	line-height: 1.375em;
	font-style: italic;
}

.b-fnav {
	float: left;
	margin: -4px 0 0 120px;
	position: relative;
}
.b-fnav:before {
	content: "";
	display: block;
	width: 39px;
	height: 26px;
	background: url('../img/main/age_range.png');
	position: absolute;
	top: 7px;
	left: -59px;
}
.b-fnav li {
	margin-bottom: 2px;
	font-size: 0.875em;
}
.b-fnav a {
	color: #4e4e50;
}

.b-fcounters {
	float: right;
	margin-top: 80px;
}

#s15web {
	display: block;
	width: 26px;
	height: 39px;
	position: absolute;
	top: 2px;
	right: 0px;
	text-indent: -9999px;
	background: url('../img/main/logo15web.png');
}

/* ==========================================================================
   Content
   ========================================================================== */

.b-content {
	font-size: 0.875em;
	line-height: 1.5em;
}

.b-content h2 {
	margin: 1.250em 0 1em;
	font-size: 1.5em;
}

.b-content h3 {
	margin: 1.250em 0 1em;
	font-size: 1.350em;
}

.b-content h4, .b-content h5 {
	margin: 1em 0;
	font-size: 1.125em;
}

.b-content p {
	margin-bottom: 1em;
}

.b-content ul, .b-content ol {
	display: block;
	margin-bottom: 1.2em;
	list-style: outside disc;
}

.b-content ol {
	list-style: outside decimal;
}

.b-content li ul, .b-content li ol {
	margin: 0.6em 0 0 0;
}

.b-content li, .b-content li {
	margin: 0 0 0.6em 1.6em;
}

.b-content li p, .b-content li p {
	margin-bottom: inherit;
	font-size: inherit;
	line-height: inherit;
}

.b-content li li, .b-content li li {
	margin: 0 0 0.6em 1.2em;
}

.b-content table {
	margin: 1em auto 1.5em;
	text-align: left;
	width: 100%;
	border: 1px solid #c9c9c9;
}

.b-content td, .b-content th {
	border: 1px solid #c9c9c9;
	padding: 0.5em;
}

.b-content th {
	background: #EFEFEF;
	text-align: center;
	font-weight: bold;
	color: #cc3333;
	text-shadow: 0 1px 0 #fff;
}

.b-content q, .b-content blockquote {
	display: block;
	margin: 1.5em 0;
	padding: 0.8em 0.8em 0.8em 2em;
	border-left: 2px solid #CC3333;
	font-style: italic;
	background: #EFEFEF;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.b-content i, .b-content em {
	font-style: italic;
}

.b-content hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #81B806;
	margin: 1em 0;
	padding: 0;
}

.b-content img {
	max-width: 100% !important;
	height: auto !important;
}

/* ==========================================================================
   Radio-page
   ========================================================================== */

#radio-slider {
	margin-bottom: 24px;
	padding-bottom: 40px;
	width: 700px;
	height: 340px;
	background: #efefef;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	position: relative;
}

/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
	width: 100%;
	height: 340px;
	overflow: hidden;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	opacity: 0;
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}
.nivo-box img { display:block; }
.nivo-caption {
	position: absolute;
	left: 0px;
	top: 16px;
	z-index: 8;
}
.nivo-html-caption {
	display: none;
}

.rs-caption {
	width: 700px;
	background: url('../img/main/slider_title.png') no-repeat -42px 0;
	font-family: Verdana;
	letter-spacing: -1px;
}
.rs-small-title {
	margin: 0 10px 5px 55px;
	font-size: 0.875em;
	line-height: 1em;
	font-style: italic;
	color: #fff;
}
.rs-main-title {
	margin: 0 10px 18px 50px;
	font-size: 1.875em;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
	color: #fff;
}
.rs-desc {
	margin: 0 10px 0 48px;
	font-size: 0.75em;
	line-height: 1.25em;
	color: #fff;
}
.black .rs-small-title, .black .rs-main-title, .black .rs-desc {
	color: #4e4e50;
}
.nivo-directionNav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.nivo-directionNav a {
	display: block;
	width: 47px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 18;
	cursor: pointer;
	background: url('../img/main/slider-arrows-big.png') no-repeat 10px 50%;
	text-indent: -9999px;
}
.nivo-directionNav a:active {
	background-color: rgba(255,255,255,0.2);
}
.nivo-prevNav {
	left: 0;
}
.nivo-nextNav {
	background-position: -27px 50% !important;
	right: 0;
}
.nivo-controlNav {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 2px;
	text-align: center;
}
.nivo-controlNav a {
	display: inline-block;
	margin-right: 8px;
	width: 12px;
	height: 12px;
	background: url('../img/main/slider-navdot.png') no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}
.nivo-controlNav a.active {
	background-position: 0 -22px;
}

.radio-program.b-column {
	width: 188px;
}
.radio-program {
	margin-bottom: 20px;
	padding: 15px 15px 0;
	height: 210px;
	border: 1px solid #c9c9c9;
	position: relative;
	overflow: hidden;
}
.radio-program img {
	display: block;
	width: 186px;
	height: 120px;
	overflow: hidden;
	border: 1px solid #4e4e50;
}
.radio-program .title {
	margin: 5px 0;
	font-size: 0.875em;
	line-height: 1.125em;
}
.radio-program .text {
	margin-top: 5px;
	font-size: 0.75em;
	line-height: 1.25em;
}
.radio-program .person {
	width: 193px;
	position: absolute;
	left: 15px;
	top: 108px;
	font-size: 0.75em;
	line-height: 1.25em;
	color: #848484;
}

.radio-project {
	margin-bottom: 20px;
}
.radio-project .title {
	margin: 6px 0 3px;
	line-height: 1.25em;
}
.radio-project .date {
	font-size: 0.75em;
	color: #848484;
}

.radio-team {
	position: relative;
	width: 720px;
}
.radio-team-cat {
	margin: 16px 0;
	padding-left: 20px;
	background: url('../img/main/heading_slash.png') no-repeat 0 0;
	line-height: 20px;
}
.radio-team-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 20px 0;
	width: 160px;
	line-height: 1em;
}
.radio-team-item img {
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 5px;
	border: 1px solid #4e4e50;
}
.radio-team-item a {
	font-size: 0.875em;
	line-height: 1.125em;
}
.radio-team-item .more {
	display: block;
	padding: 45px 20px 0;
	width: 80px;
	height: 75px;
	background: #cc3333;
	border: 1px solid #4e4e50;
	font-size: 0.875em;
	line-height: 1.125em;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.radio-team-item .more:hover {
	background: #F13E3E;
}

#program-schedule {
	margin-bottom: 30px;
	padding: 60px 0 36px;
	background: url('../img/main/divider-wave.png') repeat-x 0 12px;
	position: relative;
}
#program-schedule .body-heading {
	float: left;
	width: 330px;
}
#ps-date {
	width: 200px;
}
#program-schedule .selectBox {
	float: left;
	position: relative;
	top: -1px;
}
.ps-column {
	clear: both;
	width: 100%;
}
.ps-column:after {
	content: "";
	display: block;
	width: 100%;
	height: 16px;
	background: url('../img/main/divider-wave.png') repeat-x -78px 0;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.ps-header {
	padding: 16px 0 6px 0;
	border-bottom: 1px solid #c9c9c9;
	font-size: 0.75em;
	line-height: 1em;
	font-style: italic;
}
.ps-header .ether {
	float: left;
	width: 115px;
}
.ps-list {
	padding-top: 24px;
	width: 100%;
}
.ps-item {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.ps-time {
	float: left;
	margin-right: 12px;
	padding-left: 12px;
	width: 90px;
	background: url('../img/main/red_corner-long.png') no-repeat 0 0;
	font-size: 0.75em;
	font-style: italic;
	line-height: 26px;
	color: #fff;
	position: relative;
	top: 1px;
}
.ps-desc {
	padding-bottom: 10px;
	height: 34px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	border-bottom: 1px solid #c9c9c9;
	color: #666667;
	line-height: 1em;
}
.ps-desc:after {
	content: "";
	display: block;
	width: 30px;
	height: 34px;
	position: absolute;
	top: 0px;
	right: 0px;
	-moz-box-shadow: inset -20px 0px 12px -8px rgba(255,255,255,1);
	-webkit-box-shadow: inset -20px 0px 12px -8px rgba(255,255,255,1);
	box-shadow: inset -20px 0px 12px -8px rgba(255,255,255,1);
}
.ps-desc .title {
	color: #666667;
	font-size: 0.875em;
	line-height: 1em;
}
.ps-desc span {
	display: block;
	margin-top: 6px;
	font-size: 0.75em;
	line-height: 1em;
	font-style: italic;
}
.active .ps-desc, .active .ps-desc a {
	color: #cc3333;
}

#last-comments {
	margin-bottom: 16px;
	border: 1px solid #c9c9c9;
}
#last-comments .title {
	margin: 8px 0 12px 15px;
	font-size: 0.75em;
	font-style: italic;
}
.lc-item {
	margin: 0 10px 12px 15px;
}
.lc-item .text {
	font-size: 0.813em;
	line-height: 1.25em;
}
.lc-item a {
	font-size: 0.75em;
	line-height: 1em;
}

.l-all {
	clear: both;
	height: 8px;
	position: relative;
	font-size: 0.75em;
}
.l-all a {
	position: absolute;
	top: -12px;
	right: 0px;
}

/* ==========================================================================
   Inner - news
   ========================================================================== */

#news-list-filter {
	margin-bottom: 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
#news-list-filter .selectBox {
	margin-right: 8px;
}
#news-list-filter .b-btn {
	margin-right: 18px;
	padding: 4px 12px 3px;
	font-size: 0.75em;
	line-height: 1.25em;
}
#news-list-filter .l-cancel {
	font-size: 0.75em;
	line-height: 1.25em;
}

#news-list .news-article {
	padding: 0 0 16px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
#news-list .news-article .prev {
	float: left;
	margin-right: 20px;
}
#news-list .news-article .desc {
	overflow: hidden;
	padding-bottom: 28px;
	position: relative;
}
#news-list .news-article .subtitle {
	display: block;
}
#news-list .news-article .news-date {
	margin-bottom: 3px;
	line-height: 1em;
}
#news-list .news-article .info {
	position: absolute;
	bottom: 3px;
	right: 0px;
	font-size: 0.75em;
	line-height: 1em;
	color: #999;
	font-style: italic;
}
#news-list .news-article .info a {
	color: #cc3333;
}
#news-list .news-article .attached {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#p-news-top .attached, .p-news-top .attached {
	margin-bottom: 6px;
	width: 100%;
	overflow: hidden;
}
#news-list .news-article .attached li, #p-news-top .attached li, .p-news-top .attached li {
	float: left;
	margin-right: 8px;
	width: 20px;
	height: 14px;
}
#news-list .news-article .i-audio, #p-news-top .attached .i-audio, .p-news-top .attached .i-audio {
	background: url('../img/icons/icon_audio.png') no-repeat 50% 100%;
}
#news-list .news-article .i-photo, #p-news-top .attached .i-photo, .p-news-top .attached .i-photo {
	background: url('../img/icons/icon_photo.png') no-repeat 50% 100%;
}
#news-list .news-article .i-video, #p-news-top .attached .i-video, .p-news-top .attached .i-video {
	background: url('../img/icons/icon_online.png') no-repeat 50% 50%;
}
#news-list .news-article .i-comments,
.ni-desc .info .i-comments,
.p-news-top .info .i-comments,
.news-article__main .statistics .i-comments {
	margin-right: 15px;
	padding: 2px 0 4px 20px;
	background: url('../img/icons/icon_comment.png') no-repeat 0 1px;
}
#news-list .news-article .i-viewer,
.ni-desc .info .i-viewer,
.p-news-top .info .i-viewer,
.news-article__main .statistics .i-viewer {
	margin-right: 10px;
	padding: 2px 0 2px 20px;
	background: url('../img/icons/icon_viewer.png') no-repeat 0 0;
}
#news-list .news-article .i-likes,
.ni-desc .info .i-likes,
.p-news-top .info .i-likes,
.news-article__main .statistics .i-likes {
	margin-right: 10px;
	padding: 3px 0 2px 20px;
	background: url('../img/icons/icon_like-small.png') no-repeat 0 0;
}

#news-item {
	padding-bottom: 1px;
	position: relative;
}
#news-item #orphus {
	bottom: 3px;
	position: absolute;
	right: 0;
}
.ni-preview {
	float: left;
	margin: 0 20px 20px 0;
	width: 340px;
}
.ni-desc {
	overflow: hidden;
	margin-bottom: 20px;
}
.ni-desc .info {
	display: block;
	margin: 15px 0 8px;
	font-size: 0.75em;
	line-height: 1em;
	color: #999;
	font-style: italic;
}
.ni-date {
	display: block;
	color: #CC6666;
	font-size: 0.75em;
	font-style: italic;
	margin-bottom: 10px;
}
.ni-title {
	font-size: 1.125em;
	line-height: 1.25em;
	margin: 6px 0 8px;
	color: #000;
}
.ni-announcement {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0 0 8px;
	color: #848484;
}
.ni-author {
	font-size: 0.75em;
	line-height: 1.375em;
	font-style: italic;
	color: #4c4d4f;
}
.ni-author #uppod-aplayer {
	margin-top: 18px;
}
.ni-text {
	clear: both;
	position: relative;
	padding-bottom: 15px;
}

#news-comments {
	margin-bottom: 42px;
	padding-top: 18px;
	border-top: 1px solid #ccc;
}
#project-item + #news-comments {
	padding-top: 0;
	border-top: none;
}

#add-news-form {
	padding-top: 15px;
}

#news-item.guest-anons {
	width: 100%;
	overflow: hidden;
	padding-bottom: 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.guest-anons .ni-title {
	margin: 30px 0 18px;
}
.guest-anons-list {
	margin-top: 12px;
}

.ni-likepanel {
	width: 100%;
	overflow: hidden;
}
.ni-likepanel .yashare-auto-init {
	float: right;
	margin: 8px 0 12px;
}
.ni-like__btn.b-btn {
	float: left;
	margin-top: 2px;
	padding: 7px 12px 5px 45px;
	background-image: url('../img/icons/icon_like.png');
	background-repeat: no-repeat;
	background-position: 12px 5px;
	font-size: 1.500em;

}

#yandex_ad {
	margin-bottom: 15px;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

#pagination {
	margin: 30px 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 0.875em;
	line-height: 1.5em;
}
#pagination .page-prev, #pagination .page-next {
	position: absolute;
	top: 0px;
	color: #cc3333;
}
#pagination .page-prev {
	left: 0px;
}
#pagination .page-next {
	right: 0px;
}
#pagination .page-list {
	margin: 0 auto;
	width: 460px;
	text-align: center;
}
#pagination .page-list li {
	display: inline-block;
	margin-right: 2px;
}
#pagination .page-list a, #pagination .page-list span {
	padding: 0 8px;
}

/* ==========================================================================
   Comments
   ========================================================================== */

.news-comments__tabs {
	padding-left: 16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 29px;
	border-bottom: 1px solid #cc3333;
}
.news-comments__li {
	float: left;
	margin-left: -6px;
	padding-left: 16px;
	height: 28px;
	position: relative;
	background: url('../img/main/comments_slash-gray.png') no-repeat 0 0;
}
.news-comments__li > span {
	display: block;
	padding: 0 20px 0 10px;
	height: 27px;
	line-height: 28px;
	font-size: 0.875em;
	color: #4e4e50;
	border-top: 1px solid #efefef;
	background: url('../img/main/comments_slash_right-gray.png') no-repeat 100% -1px;
	position: relative;
	cursor: pointer;
}
.news-comments__li > span:hover {
	color: #cc3333;
}
.news-comments__li.active {
	height: 29px;
	background-image: url('../img/main/comments_slash.png');
}
.news-comments__li.active > span {
	border-top: 1px solid #cc3333;
	background-image: url('../img/main/comments_slash_right.png');
	cursor: default;
}
.news-comments__li.active > span:hover {
	color: #4e4e50;
}
.news-comments__li.active > span:after {
	content: "";
	display: block;
	width: 98%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 100%;
	right: 6px;
}
.news-comments__li .counter {
	margin-left: 3px;
	padding: 2px 4px 1px;
	background: #efefef;
	color: #666;
	font-size: 0.688em;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	top: -1px;
	right: -2px;
}
.news-comments__box {
	display: none;
	padding-top: 20px;
	width: 100%;
}
.news-comments__box.current {
	display: block;
}

#comment-form {
	padding-top: 0px;
}
#comment-form .form-auth {
	margin-bottom: 12px;
}
.f-ulogin {
	display: inline-block;
	position: relative;
	top: 2px;
	left: 2px;
}
.comment-header {
	color: #000000;
	font-size: 1.125em;
	line-height: 1.25em;
	margin: 0 0 16px;
}
#comment-list {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.comment-item {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #ccc;
}
.comment-item .date {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 0.75em;
	font-style: italic;
	color: #cc6666;
}
.comment-item .name {
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 18px;
	font-size: 0.875em;
	color: #000;
}
.comment-item .icon {
	display: inline-block;
}
.comment-item .network-icon {
	display: block;
	width:16px;
	height:16px;
	background: url('../img/small7.png');
	position: relative;
	top: 3px;
}

.comment-item .network-icon.vkontakte {
	background-position: 0 -19px;
}

.comment-item .network-icon.facebook {
	background-position: 0 -88px;
}

.comment-item .network-icon.twitter {
	background-position: 0 -111px;
}

.comment-item .network-icon.odnoklassniki {
	background-position: 0 -42px;
}

.comment-item .network-icon.googleplus {
	background-position: 0 -502px;
}
.comment-item .text {
	font-size: 0.875em;
	line-height: 1.375em;
}

/* ==========================================================================
   Inner - quiz
   ========================================================================== */

#actual-question {
	margin-bottom: 36px;
	padding: 12px 0 24px 0;
	border-bottom: 1px solid #ccc;
}
.b-content #actual-question {
	margin-top: 18px;
	padding: 0;
	border-bottom: none;
}
#actual-question .aq-title {
	margin-bottom: 30px;
	font-size: 1.125em;
	line-height: 1.25em;
}
#actual-question .b-quiz-answers {
	padding-left: 250px;
}
#actual-question .b-btn {
	margin-top: 24px;
	padding: 7px 24px
}
.b-quiz-list {
	width: 720px;
	position: relative;
}
.b-content .b-quiz-list {
	width: 100%;
}
.b-quiz-list .body-heading {
	margin-bottom: 24px;
}
.b-quiz-list .b-quiz-item {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 14px;
	width: 220px;
}
.b-quiz-list .b-quiz-item:nth-child(n+5) {
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc;
}
.b-quiz-list .b-quiz-date {
	margin-bottom: 6px;
	font-size: 0.75em;
	line-height: 1em;
	font-style: italic;
	color: #cc6666;
}
.b-quiz-list .b-quiz-title {
	margin-bottom: 10px;
	font-size: 0.875em;
	line-height: 1.25em;
}
.b-content .b-quiz-list .b-quiz-title {
	font-size: 1em;
	font-weight: bold;
}
.b-quiz-list .b-quiz-result {
	margin-bottom: 6px;
	font-size: 0.75em;
	line-height: 1.25em;
	font-style: italic;
}
.b-content .b-quiz-list .b-quiz-result {
	margin-bottom: 12px;
	font-size: 1em;
}
.b-quiz-list .b-quiz-result-scale {
	margin: 0 30px 12px 0;
	height: 4px;
	position: relative;
}
.b-quiz-list .b-quiz-result-scale.i-screen, .b-quiz-list .b-quiz-result-scale.i-telephone {
	margin: 0 30px 18px 24px;
	height: 6px;
}
.b-quiz-list .b-quiz-result-scale.i-screen:before, .b-quiz-list .b-quiz-result-scale.i-telephone:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -5px;
	left: -24px;
}
.b-quiz-list .b-quiz-result-scale.i-screen:before {
	background: url('../img/icons/icon_screen.png') no-repeat 0 0;
}
.b-quiz-list .b-quiz-result-scale.i-telephone:before {
	background: url('../img/icons/icon_telephone.png') no-repeat 0 0;
}
.b-quiz-list .scale {
	height: 4px;
	min-width: 2%;
	position: absolute;
	top: 0;
	left: 0;
	background: #ccc;
}
.b-quiz-list .i-screen .scale, .b-quiz-list .i-telephone .scale {
	height: 6px;
}
.b-quiz-list .percent {
	margin-left: 5px;
	position: absolute;
	top: -5px;
	left: 100%;
	font-size: 0.75em;
	line-height: 1em;
}
.b-quiz-list .i-screen .percent, .b-quiz-list .i-telephone .percent {
	top: -2px;
}
.b-quiz-list .current .scale {
	background: #cc3333;
}
.b-quiz-list .current .percent {
	color: #cc3333;
}

.aq-result-item {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.aq-result-item .label {
	float: left;
	padding: 7px 20px 0 0;
	width: 160px;
	font-size: 0.875em;
	line-height: 1.125em;
	text-align: right;
}
.aq-result-item .scale-wrapper {
	overflow: hidden;
	width: 360px;
	height: 30px;
	position: relative;
}
.aq-result-item .scale {
	height: 30px;
	max-width: 310px;
	position: absolute;
	top: 0;
	left: 0;
	background: #ccc;
}
.b-content .aq-result-item .scale {
	height: 12px;
	margin-bottom: 3px;
	position: relative;
}
.aq-result-item.current .scale {
	background: #cc3333;
}
.aq-result-item .scale span {
	position: absolute;
	top: 0;
	left: 100%;
	margin-left: 12px;
	font-size: 0.875em;
	line-height: 30px;
}
.b-content .aq-result-item .scale span {
	line-height: 12px;
}

/* ==========================================================================
   Inner - projects
   ========================================================================== */

#project-list {
	padding-top: 6px;
	width: 720px;
	position: relative;
}
#project-list .b-content {
	padding-right: 20px;
	margin-bottom: 24px;
}
#project-list .radio-project {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 14px 20px 0;
}
#project-list .radio-project .anons {
	font-size: 0.875em;
	line-height: 1.25em;
}

#project-item {
	margin-bottom: 16px;
	padding: 0 0 18px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
#project-item .pi-preview {
	float: left;
	width: 360px;
}
#project-item .pi-preview > img {
	margin-bottom: 18px;
	display: block;
	width: 340px;
	height: 220px;
}
#project-item .pi-author-list {
	clear: both;
	margin-bottom: 8px;
	width: 100%;
	overflow: hidden;
}
#project-item .pi-author {
	float: left;
	margin: 0 10px 12px 0;
	width: 160px;
	overflow: hidden;
}
#project-item .pi-author-photo {
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
}
#project-item .pi-author-desc {
	overflow: hidden;
	line-height: 1em;
}
#project-item .pi-author-name {
	font-size: 0.875em;
	line-height: 1.125em;
}
#project-item .pi-author-info {
	margin-top: 6px;
	font-size: 0.75em;
	line-height: 1.125em;
}
#project-item .pi-desc {
	overflow: hidden;
}
#project-item .pi-title {
	margin-bottom: 16px;
	font-size: 1.125em;
	line-height: 1.25em;
	color: #000;
}
#project-item .pi-term {
	margin-bottom: 16px;
	font-size: 0.75em;
	line-height: 1.125em;
	font-style: italic;
}
#project-item .pi-term span {
	color: #cc3333;
}
#project-item .pi-text {
	margin-bottom: 24px;
	font-size: 0.75em;
	font-style: italic;
}
.pi-stories {
	width: 720px;
	position: relative;
}
.pi-stories-header {
	margin-bottom: 20px;
	font-size: 1.125em;
	font-style: italic;
	font-weight: bold;
}
.pi-stories-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 14px 20px 0;
	width: 220px;
}
.pi-stories-item .prev {
	display: block;
	margin-bottom: 12px;
}
.pi-stories-item .info {
	padding: 4px 0 0;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}
.pi-stories-item .date {
	float: left;
	font-size: 0.75em;
	font-style: italic;
	color: #cc6666;
	line-height: 1em;
}
.pi-stories-item .info span {
	float: left;
	color: #999999;
	font-size: 0.75em;
	line-height: 1em;
	font-style: italic;
	margin-left: 12px;
	padding: 4px 0 1px 20px;
	background: url('../img/icons/icon_like-small.png') no-repeat 0 0px;
	position: relative;
	top: -4px;
}
.pi-stories-item .title {
	margin-bottom: 5px;
	font-size: 0.875em;
	line-height: 1.25em;
}
.pi-stories-item .title a {
	text-decoration: none;
	color: #4e4e50;
}
.pi-stories-item .title a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Inner - search result
   ========================================================================== */

#search-page {

}
.sp-form {
	margin-bottom: 24px;
	padding: 15px 0 24px 0;
	padding-right: 30%;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.sp-form .b-input {
	width: 100%;
}
.sp-form .b-btn {
	margin-left: 36px;
	font-size: 0.75em;
	line-height: 1.25em;
	padding: 4px 18px 3px;
	position: absolute;
	top: 17px;
	left: 70%;
}
.sp-result-header {
	margin-bottom: 30px;
	font-size: 1.125em;
	line-height: 1.125em;
	font-style: italic;
	font-weight: bold;
}
.sp-result-header span {
	display: inline-block;
	color: #cc3333;
}
.sp-result-header i {
	display: inline-block;
	font-size: 0.688em;
	font-weight: normal;
}
.sp-result-item {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
.sp-result-item .text a {
	color: #4e4e50;
}
.sp-result-item .text span {
	color: #cc3333;
	font-style: italic;
}
.sp-result-item .info {
	font-size: 0.75em;
	font-style: italic;
	color: #cc6666;
}
.sp-result-item .category {
	margin-right: 15px;
	color: #cc6666;
	text-decoration: none;
}

/* ==========================================================================
   Inner - translation
   ========================================================================== */

#actual-translation {
	margin-bottom: 20px;
	padding: 10px 10px 0;
	width: 680px;
	overflow: hidden;
	background: #000;
}
.at-player-wrapper {
	float: left;
	width: 480px;
	margin-right: 20px;
}
.at-player-info {
	overflow: hidden;
}
.at-player-info .title {
	margin-bottom: 12px;
	font-size: 1.25em;
	line-height: 1.25em;
	color: #fff;
}
.at-player-info .anons {
	margin-bottom: 12px;
	font-size: 0.875em;
	line-height: 1.25em;
	color: #ccc;
}

#translation-list {
	padding-top: 20px;
	border-top: 1px solid #c9c9c9;
}
#translation-list .tl-item {
	margin: 0 0 2px 0;
}
#translation-list .tl-item .prev {
	display: block;
	padding: 3px 10px;
	position: relative;
	font-size: 0.75em;
	color: #fff;
}
#translation-list .active .prev {
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	cursor: default;
	text-decoration: none !important;
}
#translation-list .tl-item .camera {
	margin-bottom: 6px;
	font-size: 0.75em;
	line-height: 1em;
	font-style: italic;
	color: #cc6666;
}

/* ==========================================================================
   Online-chat
   ========================================================================== */

#online-chat {
	/*border: 1px solid #C9C9C9;*/
}
#online-chat .form-auth {
	margin-bottom: 10px;
}
#online-chat .b-input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
#online-chat .f-line-item {
	float: left;
	width: 48%;
}
#online-chat .f-error {
	float: left;
	width: 48%;
}
#online-chat .f-line-item .f-error {
	float: none;
	width: 100%;
}
#online-chat .f-line-item + .f-line-item {
	margin-left: 4%;
}
#online-chat .f-error + .f-error {
	margin-left: 4%;
}
#online-chat .b-textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	resize: none;
}
#online-chat .f-line-item.textarea {
	float: none;
	width: 100%;
}
#online-chat .f-error {
	margin: 6px 0 0 0;
}
#online-chat .ajax-reload-btn {
	margin-left: 20px;
}
#online-chat .ajax-chat-list {
	margin-top: 18px;
	width: 100%;
	height: 600px;
	overflow: auto;
	border: 1px solid #ccc;
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
}
#online-chat .comment-item {
	border-top: none;
	margin: 0 10px 16px;
	padding-top: 12px;
}
#online-chat .comment-item.new {
	display: none;
}
#online-chat .comment-item + .comment-item {
	border-top: 1px solid #CCCCCC;
}
#online-chat #comment-list {
	padding: 2px 0;
	position: relative;
}

.scrollbox {
	width: 100%;
}
.scrollbox .scrollbar {
	float: right;
	margin-right: 2px;
	position: relative;
	width: 6px;
}
.scrollbox .viewport {
	height: 600px;
	overflow: hidden;
	position: relative;
}
.scrollbox .overview {
	width: 100%;
	left: 0;
	position: absolute;
	top: 0;
}
.scrollbox .thumb .end, .scrollbox .thumb {
	background-color: #cc6666;
}
.scrollbox .track {
	background-color: transparent;
	height: 100%;
	position: relative;
	width: 6px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.scrollbox .track:hover {
	background-color: #efefef;
}
.scrollbox .thumb {
	cursor: pointer;
	height: 20px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 6px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.scrollbox .thumb:hover, .scrollbox .thumb:hover .end {
	background-color: #cc3333;
}
.scrollbox .thumb .end {
	height: 5px;
	overflow: hidden;
	width: 6px;
}

.online-chat__none-comments {
	display: none;
	position: absolute;
	top: 60px;
	left: 50%;
	margin: 0 0 0 -120px;
	padding: 12px 20px;
	width: 200px;
	background: #cc3333;
	color: #fff;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.online-chat__preloader {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.35);
	z-index: 999;
}
.online-chat__preloader-wrapper {
	padding: 15px;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 120px;
	left: 50%;
	margin: 0 0 0 -31px;
	background: #cc3333;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

/* ==========================================================================
   Inner - reklama
   ========================================================================== */

#reklama-page {
	padding: 0 0 10px 0;
	margin-bottom: 24px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

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

input, textarea {
	font-size: 0.75em;
}

.b-btn {
	display: inline-block;
	padding: 7px 16px;
	border: 1px solid #c9c9c9;
	background-color: #efefef;
	font-size: 0.875em;
	line-height: 1em;
	color: #4e4e50;
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.6);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.6);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.6);
	text-decoration: none !important;
	text-align: center;
}
.b-btn.red {
	border: 1px solid #930202;
	background-color: #cc3333;
	color: #fff;
}
.b-btn:hover {
	background-color: #e6e5e5;
	color: #333;
	transition: background-color 0.35s, color 0.35s;
	-webkit-transition: background-color 0.35s, color 0.35s;
}
.b-btn.red:hover {
	background-color: #f13e3e;
	color: #fff;
	transition: background-color 0.35s, color 0.35s;
	-webkit-transition: background-color 0.35s, color 0.35s;
}
.b-btn.ajax-reload-btn {
	padding-left: 24px;
	background-image: url('../img/icons/icon_reload.png');
	background-position: 7px 7px;
	background-repeat: no-repeat;
}

.b-input, .b-textarea {
	padding: 0 8px;
	height: 22px;
	border: 1px solid #8a8a8a;
	background: #fff;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.b-textarea {
	padding: 6px 1px 1px 8px;
	height: auto;
}
.b-input.error, .b-textarea.error {
	border-color: #cc3333;
}

.f-file {
	width: 100%;
	position: relative;
}
.f-file + .f-file {
	margin-top: 12px;
}
.f-file .b-input {
	width: 40%;
}
.f-file-btn {
	padding: 5px 0;
	width: 80px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 40%;
	margin-left: 38px;
}
.f-file-btn input {
	height: 200px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	cursor: pointer;
	font-size: 200px;
}
.f-file-set {
	position: absolute;
	top: 6px;
	left: 40%;
	margin-left: 142px;
	font-size: 0.875em;
	line-height: 1em;
	color: #cc3333;
	border-bottom: 1px dotted #cc3333;
	cursor: pointer;
}
.f-file-set:hover {
	border-color: transparent;
}

.f-line {
	margin-bottom: 16px;
	width: 100%;
	position: relative;
}
.f-item {
	float: left;
	margin-right: 20px;
}
.f-item .selectBox {
	top: 1px;
}
.f-error {
	margin-bottom: 6px;
	font-size: 0.75em;
	line-height: 1em;
	color: #cc3333;
}
.f-label {
	display: block;
	margin-bottom: 8px;
	font-size: 0.875em;
	line-height: 1em;
}
.f-label sup {
	color: #cc3333;
	font-weight: bold;
}
.f-messages {
	background: url('../img/main/gray_exclamation-corner.png') no-repeat 0 0;
	font-size: 0.75em;
	line-height: 1.25em;
	font-style: italic;
	margin-bottom: 8px;
	padding: 5px 0 8px 66px;
}
.f-messages li {
	margin-bottom: 3px;
}
.f-messages .error {
	color: #cc3333;
}
.f-messages .success {
	color: #008200;
}

/* ==========================================================================
   SelectBox
   ========================================================================== */

/* Dropdown control */
.selectBox-dropdown {
	height: 22px;
	position: relative;
	font-size: 0.75em;
	line-height: 23px;
	text-decoration: none;
	text-align: left;
	outline: none;
	vertical-align: middle;
	border: 1px solid #8a8a8a;
	background: #fff;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: default;
	color: #8a8a8a;
}
.selectBox-dropdown.selectBox-menuShowing {
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.selectBox-dropdown .selectBox-label {
	padding: 0 0 0 10px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	color: #8a8a8a;
}
.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 100%;
	background: url('../img/main/select_arrow.png') no-repeat 50% 55%;
}
/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	min-height: 1em;
	border: solid 1px #8a8a8a;
	background: #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
/* Inline control */
.selectBox-inline {
	min-width: 150px;
	outline: none;
	border: solid 1px #8a8a8a;
	display: inline-block;
	overflow: auto;
}
.selectBox-inline:focus {
	border-color: #666;
}
/* Options */
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
	font-size: 1em;
	color: #1f1f1f;
}
.selectBox-options li a {
	font-size: 0.75em;
	line-height: 1em;
	padding: 7px 10px;
	white-space: nowrap;
	overflow: hidden;
}
.selectBox-options li.selectBox-hover a {
	background-color: #F5F5F5;
	text-decoration: none;
}
.selectBox-options li.selectBox-disabled a {
	color: #999;
	background-color: #eee;
}
.selectBox-options li.selectBox-selected a {
	background-color: #CC3333;
	color: #fff;
}
.selectBox-options .selectBox-optgroup {
	color: #333;
	background: #eee;
	font-weight: bold;
	white-space: nowrap;
}
/* Disabled state */
.selectBox.selectBox-disabled {
	color: #999 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
}
.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options a {
	background-color: transparent !important;
}

/* ==========================================================================
   Placeholder styles
   ========================================================================== */

::-webkit-input-placeholder, ::-webkit-textarea-placeholder {
	font: italic 1em/14px Arial, Helvetica, sans-serif;
	color: #999 !important; }
input:-moz-placeholder, textarea:-moz-placeholder {
	font: italic 1em Arial, Helvetica, sans-serif;
	color: #999 !important; }
input::-moz-placeholder, textarea::-moz-placeholder {
	font: italic 1em/20px Arial, Helvetica, sans-serif;
	color: #999 !important; }
.placeholder {
	font: italic 0.75em/1em Arial, Helvetica, sans-serif;
	color: #999 !important; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden; }
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute; }
.disable { cursor: default; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
	content: " ";
	display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both; }

/* ==========================================================================
   Gallery
   ========================================================================== */
#rg-gallery {
	margin: 15px 0 24px;
}
.rg-image-wrapper {
	position:relative;
	padding: 0 30px;
	background: #efefef;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height: 20px;
}
.rg-image {
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img {
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a {
	position:absolute;
	top:0px;
	left:0px;
	background: transparent url(../img/main/nav.png) no-repeat -25% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
}
.rg-image-nav a.rg-image-nav-next {
	right:0px;
	left:auto;
	background-position:120% 50%;
}
.rg-image-nav a:hover {
	opacity: 1;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p {
	font-size: 0.688em;
	line-height: 1.25em;
	padding: 0 15px;
	text-transform:uppercase;
}
.rg-view {
	height:30px;
}
.rg-view a {
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background: #c9c9c9 url(../img/main/views.png) no-repeat top left;
	border: 3px solid #c9c9c9;
	opacity: 0.8;
}
.rg-view a:hover {
	opacity: 1.0;
}
.rg-view a.rg-view-full {
	background-position: 0px 0px;
}
.rg-view a.rg-view-selected {
	background-color: #6f6f6f;
	border-color: #6f6f6f;
}
.rg-view a.rg-view-thumbs {
	background-position:0px -16px;
}
.rg-loading {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff url(../img/main/loading.gif) no-repeat center center;
	margin: -23px 0px 0px -23px;
	z-index: 100;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.7;
}

/* Elastislide Style */
.es-carousel-wrapper {
	background: #efefef;
	padding: 10px 27px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	margin-bottom: 16px;
}
.es-carousel {
	overflow: hidden;
}
.es-carousel ul {
	display:none;
}
.es-carousel ul li {
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a {
	display: block;
	border-style: solid;
	border-color: #c9c9c9;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a {
	border-color: #cc3333;
	opacity: 1.0;
}
.es-carousel ul li a img {
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span {
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../img/main/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next {
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover {
	opacity:1.0;
}

/* ==========================================================================
   News-slider
   ========================================================================== */

#news-slider {
	width: 100%;
	margin-bottom: 24px;
}
.sliderkit{position:relative;overflow:hidden; display:none;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit .sliderkit-nav {z-index:10;position:relative;width:100%;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;width:100% !important;padding-top:5px;}
.sliderkit .sliderkit-nav-clip ul{position:relative;width:100% !important;}
.ns-nav-item {
	float: left;
	width: 220px;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	position: relative;
}
.ns-nav-item:after {
	content: "";
	display: block;
	width: 10px;
	height: 5px;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -5px;
	background: url('../img/icons/icon_arrow-top-gray.png') no-repeat 0 0;
}
.ns-nav-item.sliderkit-selected {
	border-top: 4px solid #ED3030;
	border-bottom: 1px solid #efefef;
	background: #efefef;
}
.ns-nav-item.sliderkit-selected:after {
	top: -9px;
	background: url('../img/icons/icon_arrow-top-red.png') no-repeat 0 0;
}
.ns-nav-item a {
	display: block;
	padding: 10px 10px;
}
.ns-nav-item.sliderkit-selected a {
	padding: 7px 10px 10px;
	cursor: default;
}
.ns-nav-item + .ns-nav-item {
	margin-left: 20px;
}
.ns-nav-img {
	float: left;
	width: 40px;
}
.ns-nav-title {
	display: block;
	margin-left: 50px;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #4e4e50;
}
.sliderkit-news .desc {
	height: 225px;
	overflow: hidden;
	position: relative;
}
.sliderkit-news .desc:before {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 100%;
	left: 0px;
	-moz-box-shadow: 0 0 30px 30px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 30px 30px rgba(255,255,255,1);
	box-shadow: 0 0 30px 30px rgba(255,255,255,1);
}
.sliderkit-panels {
	margin-bottom: 15px;
	width: 100%;
	height: 225px;
}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;height:225px;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;display: none !important;}
.sliderkit .sliderkit-count{display: none}
.sliderkit .sliderkit-timer{display: none}

/* ==========================================================================
   image-modal
   ========================================================================== */

.image-modal__overlay {
	position: fixed;
	display: none;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	overflow: hidden;
	background-color: #000;
	z-index: 1000;
	opacity: 0.6;
}

.image-modal__overlay.is-active {
	display: block;
}

.image-modal__container {
	position: fixed;
	display: none;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	z-index: 1001;
}

.image-modal__container.is-active {
	display: block;
}

.image-modal__wrapper {
	position: relative;

	width: 100%;
	height: 100%;

	overflow: auto;
	overflow-y: scroll;
	text-align: center;
}

.image-modal__content {
	position: relative;
	display: inline-block;
	padding: 20px 0;
}

.image-modal__content img {
	display: inline-block;
}

.image-modal__close {
	position: fixed;
	width: 50px;
	height: 50px;

	top: 20px;
	right: 40px;

	background: url('../img/icons/icon_close_big.png') no-repeat;
	border: none;
}

/* ==========================================================================
   Tooltip
   ========================================================================== */

/*.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	padding: 5px;
	font-size: 12px;
	line-height: 1.25em;
	opacity: 0;
	visibility: visible;
	text-shadow: none !important;
}
.b-carousel-item .tooltip {
	display: none !important;
}
.b-carousel-item.roundabout-in-focus .tooltip {
	display: block !important;
}

.tooltip.in {
	opacity: 0.8;
}

.tooltip.top {
	margin-top: -3px;
}

.tooltip.right {
	margin-left: 3px;
}

.tooltip.bottom {
	margin-top: 3px;
}

.tooltip.left {
	margin-left: -3px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 5px 10px;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000000;
	border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000000;
	border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000000;
	border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000000;
	border-width: 0 5px 5px;
}