

/* Start:/bitrix/templates/info2013/components/bitrix/news.calendar/combined_sef/style.css?13834254931777*/
.NewsCalTable {
    width: 100%;
    border: none;
    text-align: center;
    color: #a3adb4;
    font-weight: bold;
    position: relative;
}
.NewsCalTable .NewsCalMonth {
    font-size: 17px;
    font-weight: normal;
}
.NewsCalTable tbody {
    font-size: 12px;
}
.NewsCalTable .NewsCalHeader td {
    color: #57636d;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 11px;
}
.NewsCalOtherMonth {
    color: #cbd0d4;
}
.NewsCalTable tbody a,
.NewsCalTable tbody span {
    display: inline-block;
    width: 22px;
    padding: 4px 0;
    line-height: 1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.NewsCalTable tbody a {
    color: #39a1dd;
}
.NewsCalTable .NewsCalToday span,
.NewsCalTable .NewsCalToday a,
.NewsCalTable tbody a:hover{
    color: #fff;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
}
.NewsCalTable .NewsCalToday span {
    background-color: #a3adb4;
}
.NewsCalTable .NewsCalToday a {
    background-color: #39a1dd;
}
.NewsCalTable tbody a:hover {
    color: #fff;
    background-color: #e68c8c;
}
.NewsCalTable thead td {
    position: relative;
    width: 100%;
}
.NewsCalTable .prev_month,
.NewsCalTable .next_month{
    display: block;
    position: absolute;
    top: -1px;
    width: 10px;
    height: 14px;
    font-size: 21px;
}
.NewsCalTable .prev_month {
    left: 0px;
}
.NewsCalTable .next_month {
    right: 0px;
    background-position: 0 -14px;
}
.NewsCalTable .prev_month span,
.NewsCalTable .next_month span{
    display: none;
}
.NewsCalTable .prev_month:hover,
.NewsCalTable .next_month:hover {
    color: #e68c8c;
}
/* End */


/* Start:/bitrix/templates/info2013/styles.css?16706599855119*/
body {
    font-family: 'Roboto', sans-serif;
    color:#000;
    font-size:13px;
    line-height:1.4em;
    background-color:#fff
}
.alignleft {
    float: left
}
.alignright {
    float: right
}
.text-right {
    text-align:right
}
.text-left {
    text-align:left
}
.text-center {
    text-align:center
}
.shareable {
}
h1, .h1{font-size:25px}
h2, .h2{font-size:22px}
h3, .h3{font-size:19px}
h4, .h4{font-size:18px}
h5, .h5{font-size:17px}
h6, .h6{font-size:16px}

a { 
	color: #39a1dd; 
	outline:none; 
	text-decoration: none;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
    font-style: italic;
}
blockquote p {
    font-size: 1.2em;
    line-height: 1.25;
}
/*table*/
.table {
    width: 100%;
    margin-bottom: 20px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
.table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
    font-weight: bold;
    background-color: #efefef;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
    border-top: 0;
}
.table tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table .table {
    background-color: #ffffff;
}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}
table col[class*="col-"] {
    float: none;
    display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
    float: none;
    display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
    border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
    background-color: #faf2cc;
    border-color: #f8e5be;
}
.instagram-media {
    width: 640px;
}

.smi-text {
    padding-left: 5%;
    padding-right: 5%;
}

/* End */


/* Start:/bitrix/templates/info2013/template_styles.css?170946494468100*/
/*===================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===================================================*/
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}

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

em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 85%; }

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

ins { background-color:#ff9; color:#000; text-decoration:none}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del { text-decoration: line-through}
dfn { font-style: italic; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/
body {
    font-family: 'Roboto', sans-serif;
    color:#000;
    font-size:13px;
    line-height:1.4em;
    background-color:#fff
}
::-moz-selection {
    background: #79cbed;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #79cbed;
    color: #fff;
    text-shadow: none
}
/* Floating & Alignment
===================================*/
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.alignleft {
    float: left}
.alignright {
    float: right
}
.text-right {
    text-align:right
}
.text-left {
    text-align:left
}
.text-center {
    text-align:center
}
.alpha {
    margin-left:0 !important
}
.omega {
    margin-right:0 !important
}

/* Clear Floats
===================================*/
.clearfix {
    *zoom: 1
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}
.clearfix:after {
    clear: both
}
.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

/* Typography
===================================*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #39a1dd;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    line-height:1.1em
}
h1, .h1{font-size:25px}
h2, .h2{font-size:22px}
h3, .h3{font-size:19px; color: black;}
h4, .h4{font-size:18px}
h5, .h5{font-size:17px}
h6, .h6{font-size:16px}
.home-head h1 {font-size:16px}

.entry h1, .entry .h1 {
    font-size: 25px;
    margin:0 0 20px 0
}
.entry h2, .entry .h2 {
    font-size: 22px;
    margin:25px 0 15px
}
.entry h3, .entry .h3 {
    font-size: 20px;
    margin:25px 0 15px
}
.entry h4, .entry .h4 {
    font-size: 18px;
    margin:20px 0 10px
}
.entry h5, .entry .h5 {
    font-size: 17px;
    margin:20px 0 10px
}
.entry h6, .entry .h6 {
    font-size: 16px;
    margin:20px 0 10px
}
/* Links
===================================*/
a { color: #39a1dd; outline:none; text-decoration: none;}
a:hover, a:focus { color: #237bae;}

/* Blockquotes
===================================*/
blockquote cite { display: block; font-size: 14px; color: #77838d; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { text-decoration:underline; }

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
    font-style: italic;
}
blockquote p {
    font-size: 1.2em;
    line-height: 1.25;
}
blockquote p:last-child {
    margin-bottom: 0;
}

hr { border: solid #d4d4d4; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0}

/* Lists
===================================*/
ul { list-style: none outside; }
ol { list-style: decimal; }

dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Tables
===================================*/
table { border-collapse: collapse; border-spacing: 0;}
td { vertical-align: top; }

table {
    max-width: 100%;
    background-color: transparent;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
.table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
    font-weight: bold;
    background-color: #efefef;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
    border-top: 0;
}
.table tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table .table {
    background-color: #ffffff;
}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}
table col[class*="col-"] {
    float: none;
    display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
    float: none;
    display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
    border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
    background-color: #faf2cc;
    border-color: #f8e5be;
}
@media (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        border: 1px solid #dddddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
        background-color: #fff;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > thead > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > thead > tr:last-child > td,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

/* Forms
===================================*/
.styled_form .row {
    padding:5px 0
}
form {
    font-family: 'Roboto Condensed', sans-serif;
    color: #77838d;
}
input,
textarea {
    font-family: 'Roboto Condensed', sans-serif;
    color: #57636d;
    font-size: 15px;
}
button:hover {
    cursor: pointer;
}

/* Custom checkbox & radio
===================================*/
.custom-checkbox,.custom-radio { position:relative; font-size:14px;}
/* input, label positioning */
.custom-checkbox input,.custom-radio input { position:absolute; left:7px; top:8px; margin:0; border:none; width:1px; height:1px}
.custom-checkbox input {left:6px; top:7px}
.ie7 .custom-checkbox input {left:2px; top:12px}
.custom-checkbox label,.custom-radio label { display:block; position:relative; line-height:1em; padding:.5em 0 .5em 35px; margin:0 0 .3em; cursor:pointer; color:#5c5c5c}

.custom-radio label {padding:.5em 0 .5em 35px}

/* states */
.custom-checkbox label { background:url(/bitrix/templates/info2013/images/styled_checkbox.png) no-repeat; }
.custom-radio label { background:url(/bitrix/templates/info2013/images/styled_radiobutton.png) no-repeat; }
.custom-checkbox label,.custom-radio label { background-position:-7px -10px; }
.custom-checkbox label.checked,.custom-radio label.checked { background-position:-7px -110px; color:#5c5c5c }
.custom-checkbox label.focus,.custom-radio label.focus { outline:0; }

/*-----------------------------------*/
/* Buttons */
/*-----------------------------------*/
.btn {
    display: inline-block;
    font-size: 16px;
    padding: 4px 12px;
    line-height: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #d8dde0;
    border-bottom: 2px solid #a3adb4;
}
.btn .icon-chevron-right {
    margin-left: 10px;
    font-size: 14px;
}
.btn-default {
    background-color: #39a1dd;
    border-bottom: 2px solid #237bae;
    color: #fff;
}
.btn-default:hover {
    color: #fff;
}
.btn i[class*="icon-"] {
    color: #237bae;
    position: relative;
    top: 0.35em;
}
.btn-md {
    padding: 6px 16px;
}
.btn-lg {
    padding: 10px 25px;
    font-size: 18px;
}
.btn-wide {
    padding-left: 50px;
    padding-right: 50px;
}
.btn-link {
    background: none;
    color: #39a1dd;
    font-size: 15px;
    border: none;
}
.btn-link i[class*="icon-"]  {
    top: 0.2em;
    margin: 0 3px;
}

/*===================================================*/
/* 2. SITE STRUCTURE */
/*===================================================*/
.container {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.main-title {
    border-bottom: 2px solid #808897;
    position: relative;
    margin-bottom: 10px;
}
.main-title .title {
    font-size: 17px;
    line-height: 24px;
    text-transform: uppercase;
    color: #57636d;
    display: inline-block;
    font-weight: bold;
    border-bottom: 4px solid #808897;
    min-width: 180px;
    text-indent: 10px;
}
.main-title .title:before {
    content: " ";
    width: 14px;
    height: 7px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 10px;
    bottom: -9px;
    cursor: default;
    background: url(/bitrix/templates/info2013/images/arrow_down.png) 0 0 no-repeat;
}
.main-title .title span {
    color: #39a1dd;
}
.main-title .title small {
    font-size: 12px;
    margin-left: 20px;
}
.cat-title-facts .title:before,
.cat-title-1 .title:before {background-position: -112px 0;}
.cat-title-tips .title:before,
.cat-title-2 .title:before {background-position: -56px 0;}
.cat-title-science .title:before,
.cat-title-3 .title:before {background-position: -70px 0;}
.cat-title-health .title:before,
.cat-title-4 .title:before {background-position: -28px 0;}
.cat-title-environment .title:before,
.cat-title-astrology .title:before,
.cat-title-5 .title:before {background-position: -42px 0;}
.cat-title-technology .title:before,
.cat-title-6 .title:before {background-position: -84px 0;}
.cat-title-culture .title:before,
.cat-title-7 .title:before {background-position: -98px 0;}

.main-title .title .icon-comments-alt {
    margin-left: -20px;
    font-size: 16px;
    position: relative;
    top: 0.1em;
}

/*-----------------------------------*/
/* header */
/*-----------------------------------*/
.header {
    background-color: #434952;
    height: 60px;
    position: relative;
    z-index: 30;
}
.header_shadow {
    width: 100%;
    height: 12px;
    background: url(/bitrix/templates/info2013/images/header_shadow.png) 0 0 repeat-x;
    margin-bottom: 18px;
}
.logo {
    width: 160px;
    height: 60px;
    float: left;
    margin-right: 0px;
}
.logo img {
    margin-top: 5px;
}
/* topmenu */
.topmenu {
    float: left;
}
.topmenu li {
    display: inline-block;
    float: left;
    line-height: 60px;
    height: 60px;
    background: url(/bitrix/templates/info2013/images/topmenu_line.png) 0 0 repeat-y;
    padding-left: 3px;
    text-transform: uppercase;
    position: relative;
}
.topmenu li a {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    color: #d8dde0;
    border-bottom: 4px solid #434952;
    height: 56px;
    padding: 0 10px;
    font-size: 12px;
}
.topmenu li > a:hover,
.topmenu .active > a{
    color: #fff;
    background-color: #4a4f58;
    border-color: #39a1dd;
}
/* second level */
.topmenu li ul {
    display: none;
    position: absolute;
    padding: 5px 0 0 0;
    top: 60px;
    left: -123px;
    z-index: 2;
}
.topmenu li:hover ul {
    display: block;
}
.topmenu li ul li {
    background: #434952;
    display: block;
    width: 180px;
    line-height: normal;
    height: auto;
    border-bottom: 1px solid #343941;
    border-top: 1px solid #565c65;
    padding: 0;
    position: relative;
}
.topmenu li ul li:first-child {
    border-top: none;
}
.topmenu li ul li:first-child,
.topmenu li ul li:first-child a{
    border-radius: 4px 4px 0 0;
}
.topmenu li ul li:last-child,
.topmenu li ul li:last-child a{
    border-radius: 0 0 4px 4px;
}
.topmenu li ul li:last-child {
    border-bottom: none;
}
.topmenu li ul li a {
    border: none;
    height: auto;
    padding: 10px 20px;
    border-left: 4px solid transparent;
}
.topmenu li ul li a:hover,
.topmenu li ul li.active a{
    background: #4a4f58;
    border-color: #39a1dd;
}
.topmenu li ul li:first-child:before {
    position: absolute;
    top: -4px;
    right: 25px;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 4px 7px;
    border-color: transparent transparent #434952 transparent;
}

.topmenu .menu-cat-1 a:hover, .topmenu .menu-cat-facts a:hover,
.topmenu .menu-cat-1.active a, .topmenu .menu-cat-facts.active a,
.cat-title-1, .cat-title-facts,
.cat-title-1 .title, .cat-title-facts .title {border-color: #d65b5b;}

.topmenu .menu-cat-2 a:hover, .topmenu .menu-cat-tips a:hover,
.topmenu .menu-cat-2.active a, .topmenu .menu-cat-tips.active a,
.cat-title-2, .cat-title-tips,
.cat-title-2 .title, .cat-title-tips .title{border-color: #4db99e;}

.topmenu .menu-cat-3 a:hover, .topmenu .menu-cat-science a:hover,
.topmenu .menu-cat-3.active a, .topmenu .menu-cat-science.active a,
.cat-title-3, .cat-title-science,
.cat-title-3 .title, .cat-title-science .title{border-color: #996699;}

.topmenu .menu-cat-4 a:hover, .topmenu .menu-cat-health a:hover,
.topmenu .menu-cat-4.active a, .topmenu .menu-cat-health.active a,
.cat-title-4, .cat-title-health,
.cat-title-4 .title, .cat-title-health .title{border-color: #39a1dd;}

.topmenu .menu-cat-5 a:hover, .topmenu .menu-cat-environment a:hover, .topmenu .menu-cat-astrology a:hover,
.topmenu .menu-cat-5.active a, .topmenu .menu-cat-environment.active a, .topmenu .menu-cat-astrology.active a,
.cat-title-5, .cat-title-environment, .cat-title-astrology,
.cat-title-5 .title, .cat-title-environment .title, .cat-title-astrology .title{border-color: #9cb94d;}

.topmenu .menu-cat-6 a:hover, .topmenu .menu-cat-technology a:hover,
.topmenu .menu-cat-6.active a, .topmenu .menu-cat-technology.active a,
.cat-title-6, .cat-title-technology,
.cat-title-6 .title, .cat-title-technology .title{border-color: #ffb257;}

.topmenu .menu-cat-7 a:hover, .topmenu .menu-cat-culture a:hover,
.topmenu .menu-cat-7.active a, .topmenu .menu-cat-culture.active a,
.cat-title-7, .cat-title-culture,
.cat-title-7 .title, .cat-title-culture .title{border-color: #a3adb4;}

.topmenu .select_styled {
    background-color: #fff;
}
.topmenu .select_styled .cuselText,
.topmenu .select_styled span {
    font-size: 15px;
}
#searchToggle {
    display: inline-block;
    width: 62px;
    height: 60px;
    float: left;
    font-size: 18px;
    cursor: pointer;
    border-right: 1px solid #343941;
    border-left: 1px solid #343941;
}
#searchToggle .inner {
    width: 60px;
    height: 60px;
    background-color: #39a1dd;
    border-left: 1px solid #5db5e6;
    border-right: 1px solid #5db5e6;
    color: #b0e1f5;
}
#searchToggle .inner:hover,
#searchToggle.open .inner:hover{
    background-color: #5db5e6;
    border-color: #b0e1f5;
    color: #fff;
}
#searchToggle .icon-stack-base {
    font-size: 3em;
    margin-top: 12px;
}
#searchToggle .icon-search,
#searchToggle .icon-remove{
    top: 0.6em;
}
.ie7 #searchToggle .icon-stack-base {
    margin-top: 2px;
}
.ie7 #searchToggle .icon-search,
.ie7 #searchToggle .icon-remove{
    top: 0.6em;
}
#searchToggle.open {
    border-left-color: #237bae;
}
#searchToggle.open .inner{
    border-color: #5db5e6;
    background-color: #39a1dd;
    color: #b0e1f5;
}
.topsearch {
    display: none;
    position: absolute;
    top: 0;
    left: 162px;
    z-index: 2;
    background-color: #39a1dd;
    height: 40px;
    padding: 10px 0;
    border-left: 1px solid #5db5e6;
    border-right: 1px solid #5db5e6;
}
.topsearch label {
    width: 80px;
    height: 40px;
    background: url(/bitrix/templates/info2013/images/search_google.png) 0 0 no-repeat;
    text-indent: -300px;
    overflow: hidden;
    float: left;
    margin: 0 10px;
}
.topsearch .ya-site-form label {
    background: url(/bitrix/templates/info2013/images/search_yandex.png) 0 0 no-repeat;
    background-size: 44%;
}
.topsearch .stext {
    float: left;
    border:2px solid #5db5e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 18px;
    padding: 9px 40px 9px 10px;
    line-height: 18px;
    font-size: 18px;
    color: #57636d;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fff;
    width: 72%;
}
.topsearch .btn_search {
    float: left;
    background-color: #b0e1f5;
    border: none;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #39a1dd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: -36px;
    cursor: pointer;
    position: relative;
    top: 4px;
    font-size: 18px;
}
.topsearch .btn_search .icon-search {
    position: relative;
    top: -1px;
}
.ie7 .topsearch .btn_search .icon-search {
    top: 6px;
    left: 3px;
}

/* auth box top */
.auth_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 98px;
}
.auth_box a {
    display: inline-block;
    width: 98px;
    height: 18px;
    border: 1px solid #565c65;
    color: #d8dde0;
    font-size: 11px;
    margin-top: 6px;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    clear: both;
}
.auth_box a [class^="icon-"] {
    color: #5db5e6;
    position: relative;
    top: -1px;
    margin: 0 5px;
    font-size: 1.3em;
}
.auth_box a:hover {
    background-color: #565c65;
    border-color: #63676d;
}
.auth_box a:hover [class^="icon-"] {
    color: #fff;
}

/*-----------------------------------*/
/* Middle */
/*-----------------------------------*/
.content_wrapper {
    float:left;
    width:100%
}
.content_main {
    margin: 0 240px 0 180px;
    padding: 0 20px 50px 20px;
}
.sidebar_left,
.sidebar_right {
    float: left;
    min-height: 50px;
    position: relative;
    padding-bottom: 50px;
}
.sidebar_left {
    width: 180px;
    margin-left:-100%;
}
.sidebar_right {
    width: 240px;
    margin-left:-240px;
}
.content_main {
    font-size: 14px;
}
.no_sidebar_left .content_main {
    margin-left: 0 !important;
}
.no_sidebar_right .content_main {
    margin-right: 0 !important;
}
.content_main .description p {
    margin: 0.5em 0;
}
.content_main .box_pogoda {
    display: none;
}
.sidebar_left .box_pogoda {
    display: block;
}

/*-----------------------------------*/
/* After content */
/*-----------------------------------*/
.after_content {
    clear: both;
    background: #c5cfd9;
    border-top: 1px solid #bdc3c8;
    position: relative;
    z-index: 2;
}
.after_content .container {
    padding: 15px 0;
}
.after_content h2, .after_content .h2 {
    margin: 0 0 15px 0;
}
.letters {
    margin: 0 0 20px;
}
.letters a {
    display: inline-block;
    background: #d0dbe6;
    border-bottom: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 20px;
    height: 19px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    color: #57636d;
    margin: 4px;
}
.pane .letters {
    text-align: center;
    margin-bottom: 0;
}
.pane .letters a {
    background-color: #e5e8f0;
    border-bottom: 1px solid #b5bac4;
    margin: 4px 0 4px 3px;
}
.letters a:first-child {
    margin-left: 0;
}
.letters a:hover,
.letters a.active{
    background: #39a1dd;
    border-bottom-color: #237bae;
    color: #fff;
}
.letters a.all {
    width: auto;
    color: #39a1dd;
    background:none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: underline;
}
.letter_list li {
    float: left;
    margin: 0 0 7px 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #fff;
    width: 198px
}
.letter_list li strong {
    font-weight: normal;
}
.letter_list li ul li {
    clear: both;
    margin: 0 0 1px 0;
}
.letter_list li a,
.letter_list li span {
    color: #434952;
    font-size: 13px;
}
.letter_list li a:hover {
    color: #39a1dd;
}
/* tags list */
.tags-list {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 20px 0;
}
.tags-list .tag-item {
    display: block;
    padding-bottom: 15px;
    float: left;
    width: 220px;
}
.tags-list .tag-item h2, .tags-list .tag-item .h2 {
    font-size: 22px;
    margin-bottom: 3px;
}
.tags-list .tag-item a {
    color: #000;
}
.tags-list .tag-item a:hover {
    color: #39a1dd;
}
.tags-list .tag-item li {
    margin-bottom: 3px;
}
.csscolumns .tags-list {
    -moz-column-count:3;
    -webkit-column-count:3;
    column-count:3;
    -moz-column-gap:20px;
    -webkit-column-gap:20px;
    column-gap:20px;
}
.csscolumns .tags-list .tag-item {
    float: none;
    width: auto;
}

/*-----------------------------------*/
/* Footer */
/*-----------------------------------*/
.footer {
    background: #9099a5;
    border-top: 1px solid #77838d;
    color: #d8dde0;
    position: relative;
    z-index: 2;
}
.footer .container {
    padding: 10px 0 15px 0;
    min-height: 40px;
}
.logo_footer {
    width: 150px;
    height: 40px;
    float: left;
    margin-right: 20px;
}
.copyright {
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
    line-height: 1.3em;
    width: 300px;
    float: left;
    padding-top: 10px;
}
.copyright a {
    color: #434952;
}
.copy-text {
    display: block;
}
.botmenu {
    padding-top: 15px;
}
.botmenu li {
    display: inline;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 30px;
}
.botmenu li a {
    color: #434952;
    border-bottom: 1px dotted #434952;
}
.botmenu li a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}

/*-----------------------------------*/
/* Sidebars */
/*-----------------------------------*/
.sidebar .box,
.sidebar .tabs_social{
    margin-bottom: 20px;
}
.box_head {
    position: relative;
    text-align: center;
    background: url(/bitrix/templates/info2013/images/box_head_angle.png) 0 0 no-repeat #39a1dd;
    min-height: 30px;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}
.box_blue .box_head {
    background-color: #39a1dd;
}
.box_gray .box_head {
    background-color: #808897;
}
.box_light_gray .box_head {
    background-color: #e5e8f0;
}
.box_light_gray .box_head h3, .box_light_gray .box_head .h3 {
    color: #77838d;
}
.box_head h3, .box_head .h3 {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
}
.sidebar .box_head h3, .sidebar .box_head .h3, .entry .box_head .h3 {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
}
.sidebar .box_content, .entry .box_content {
    background-color: #fbfbfb;
    border: 1px solid #e5e8f0;
    border-top: none;
    border-bottom-width: 3px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    text-align: center;
}
.sidebar .box_content img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* event today */
.event_today,
.day_photo_title{
    font-family: 'Roboto Condensed', sans-serif;
}
.event_today {
    color: #434952;
}
.event_date {
    font-size: 22px;
}
.event_date strong {
    font-size: 30px;
    color: #39a1dd;
    font-weight: normal;
}
.event_title a {
    font-size: 18px;
    color: #237bae;
}
.event_image {
    padding: 10px 0 5px 0;
}

/* day photo */
.day_photo {
    color: #57636d;
}
.day_photo_title {
    font-size: 20px;
    line-height: 0.7em;
}
.day_photo img {
    margin: 5px 0;
}
.day_photo p {
    font-size: 12px;
    line-height: 1.1em;
}
/* social links */
.social_link {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url(/bitrix/templates/info2013/images/icons/social_sprite.png) 0 0 no-repeat;
    text-indent: -400px;
    margin: 0 3px;
}
.social_vk {background-position: 0 0}
.social_fb {background-position: 0 -30px}
.social_tw {background-position: 0 -60px}
.social_yz {background-image: url("/upload/uimg/sn_icon.png"); background-size: 30px; text-indent: 0;}
.social_tg {background-image: url("/upload/uimg/telegramm60.png"); background-size: 30px; text-indent: 0;}
.social_tt {background-image: url("/upload/uimg/tiktok60.png"); background-size: 30px; text-indent: 0;}
.social_ok {background-image: url("/upload/uimg/ok60.png"); background-size: 30px; text-indent: 0;}

/* tabs social widgets */
.tabs_social {
    width: 180px;
    margin: 0 auto;
}
.tabs_social .tabs {
    height: 23px;
}
.tabs_social .tabs li {
    display: block;
    float: left;
    width: 30px;
    height: 23px;
    border-bottom: 1px solid #fff;
    margin-right: 2px;
}
.tabs_social .tabs .tab-vk.current {
    border-bottom-color: #5b7fa6;
}
.tabs_social .tabs .tab-fb.current {
    border-bottom-color: #3b579d;
}
.tabs_social .tabs .tab-tw.current {
    border-bottom-color: #1ab7ea;
}
#tabs_vk {
    border-right:1px solid #5b7fa6;
    border-left:1px solid #5b7fa6;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
}
.tabs_social .tabs li a {
    display: block;
    width: 30px;
    height: 23px;
    background: url(/bitrix/templates/info2013/images/icons/tabs_social.png) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -400px;
}
.tabs_social .tabs .tab-fb a {
    background-position: -30px 0;
}
.tabs_social .tabs .tab-tw a {
    background-position: -60px 0;
}
/* advertise */
.bnr,
.ads {
    margin: 0 0 10px 0;
}
.bnrbygoogle,
.adsbygoogle {
    background-color: transparent;
}
.sidebar_right .bnr,
.sidebar_right .ads {
    max-width: 240px;
}
.sidebar_left .bnr,
.sidebar_left .ads {
    max-width: 180px;
}
.sidebar_left .bnr_160x600,
.sidebar_left .ads_160x600 {
    width: 160px;
    margin: 0 auto 20px auto;
}
.content_main .bnr_728x90,
.content_main .ads_728x90 {
    text-align:center;
}
.sidebar_right .bnr_240x900,
.sidebar_right .ads_240x900 {
    height: 1600px;
    max-height: 1600px;
    overflow: hidden;
}
/* toptop arrow */
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    right:10px;
    overflow:hidden;
    width:60px;
    height:57px;
    text-align: center;
    background: #39a1dd;
    border-bottom: 3px solid #237bae;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    z-index: 3;
}
#toTop:hover {
    background-color: #5db5e6;
    border-color: #39a1dd;
}
#toTopHover {
    width:60px;
    height:32px;
    display:block;
    overflow:hidden;
    font-size: 32px;
}
#toTop:active, #toTop:focus {
    outline:none;
}

/*-----------------------------------*/
/* Latest Tabs */
/*-----------------------------------*/
.latest_tabs {
    margin: 20px 0;
}
.latest_tabs .tabs {
    border-bottom: 2px solid #808897;
}
.latest_tabs .tabs li {
    display: block;
    float: left;
    margin-right: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
}
.latest_tabs .tabs a {
    display: block;
    background: #e5e8f0;
    font-size: 17px;
    color: #39a1dd;
    height: 27px;
    line-height: 27px;
    text-transform: uppercase;
    padding: 0 16px;
    font-weight: 700;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #fff;
}
.latest_tabs .tabs a.current {
    background: url(/bitrix/templates/info2013/images/box_head_angle.png) 0 0 no-repeat #808897;
    color: #fff;
    border-bottom: 1px solid #808897;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}
.latest_tabs .tabs a.current:before {
    content: " ";
    width: 14px;
    height: 7px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 10px;
    bottom: -9px;
    background: url(/bitrix/templates/info2013/images/arrow_down.png) 0 0 no-repeat;
    cursor: default;
}
.latest_tabs .tabcontent {
    clear: both;
    padding: 10px 10px 0 10px;
}
.tabcontent {
    position: relative;
}
.navi-arrow {
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 28px;
    background: #808897;
    color: #fff;
    font-size: 23px;
    line-height: 28px;
    text-align: center;
    top: -30px;
    right: 0;
}
.navi-arrow:hover {
    color: #fff;
    background-color: #a1a6ae;
}
.navi-arrow.load_prev {
    right: 30px;
    border-right: 1px solid #57636d;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
    box-shadow: inset -1px 0 1px 0 rgba(255,255,255,0.3);
}
.navi-arrow.load_next {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
    box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.3);
}
.navi-arrow [class*="icon-"] {
    position: relative;
    top: 0.1em;
}
.navi-arrow.disabled,
.navi-arrow.disabled:hover{
    cursor: default !important;
    background-color: #e5e8f0;
}
.pane-sm .navi-arrow {
    width: 20px;
    height: 18px;
    top: -20px;
    font-size: 16px;
    line-height: 18px;
    background-color: #d8dde0;
    color: #39a1dd;
}
.pane-sm .navi-arrow.disabled,
.pane-sm .navi-arrow.disabled:hover {
    opacity: 0.45;
    filter: alpha(opacity=45);
    background-color: #d8dde0;
    color: #39a1dd;
}
.pane-sm .navi-arrow.load_prev {
    right: 20px;
    border-right: 1px solid #fff;
}
.pane-sm .navi-arrow:hover {
    background-color: #39a1dd;
    color: #fff;
}

/*-----------------------------------*/
/* Post List and Grid view */
/*-----------------------------------*/
.postlist {
    padding-top: 10px;
}
.postlist li {
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
}
.gridview li {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
}
.postlist li:before,
.postlist li:after {
    display: table;
    line-height: 0;
    content: ""
}
.postlist li:after {
    clear: both
}
.gridview li.odd {
    margin-right: 0;
}
.post-aside h2, .post-aside .h2 {
    font-size: 20px;
    line-height: 1em;
}
.postlist .post-image {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 10px;
}
.post-image img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.post-meta {
    color: #858f97;
    font-size: 11px;
}
.simpleview .post-meta {
    margin-bottom: 5px;
}
.post-meta i[class*="icon-"]  {
    color: #cacfd2;
    position: relative;
    top: 0.1em;
    margin-right: 1px;
    font-size: 12px;
}
.post-meta .post-views {
    margin-left: 10px;
}
.post-meta .post-date {
    margin-right: 3%;
}
.post-meta .post-tags {
    margin-left: 2%;
}
.post-meta .post-tags a {
    padding: 0 2px;
}
.post-meta .post-tags a:hover {
    background-color: #39a1dd;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.simpleview .post-image {
    margin-left: 10px;
}
.boxed .simpleview .post-image {
    margin-left: 0;
}
.pane-sm .simpleview .post-image,
.archive-list .simpleview .post-image{
    width: 60px;
    height: 60px;
}
.pane-sm .post-aside h2, .pane-sm .post-aside .h2 {
    font-size: 15px;
    line-height: 1em;
}
.simpleview .post-aside {
    border-bottom: 1px solid #e5e8f0;
    min-height: 150px;
}
.pane-sm .simpleview .post-aside,
.archive-list .simpleview .post-aside{
    min-height: 60px;
}
.pane.boxed .simpleview li {
    margin: 0;
    border-top: 1px solid #e5e8f0;
    padding: 5px 0;
}
.pane.boxed .simpleview .post-aside {
    border:none;
}
.pane.boxed .simpleview  li:first-child {
    border: none;
}
.post-aside .icon-chevron-right {
    position: relative;
    top: 0.2em;
}
.smallview li {
    min-height: 84px;
}
.smallview .post-image {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.smallview .post-aside h2, .smallview .post-aside .h2 {
    font-size: 16px;
}
.post-nr {
    color: #e68c8c;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
}

/* panes / Boxes */
.pane {
    position: relative;
    z-index: 2;
}
.pane .pane-head {
    border-bottom: 2px solid #a3adb4;
    position: relative;
}
.pane .pane-head h1, .pane .pane-head .h1
.pane .pane-head h2, .pane .pane-head .h2{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px 0 16px;
    min-width: 145px;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    background: url(/bitrix/templates/info2013/images/box_head_angle.png) 0 0 no-repeat #a3adb4;
}
.pane .pane-head h1:before, .pane .pane-head .h1:before,
.pane .pane-head h2:before, .pane .pane-head .h2:before{
    content: " ";
    width: 14px;
    height: 7px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 10px;
    bottom: -9px;
    cursor: default;
    background: url(/bitrix/templates/info2013/images/arrow_down.png) -98px 0 no-repeat;
}
.pane-body {
    padding: 10px 0;
    position: relative;
}
.pane.boxed {
    position: relative;
    z-index: 3;
}
.pane.boxed .pane-body{
    padding: 10px;
    border: 1px solid #e5e8f0;
    border-top: none;
    border-bottom-width: 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.pane-sm .pane-head h2, .pane-sm .pane-head .h2 {
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    font-weight: normal;
    min-width: 100px;
}

.pane-coral .pane-head {
    border-color: #e68c8c;
}
.pane-coral .pane-head h1, .pane-coral .pane-head .h1,
.pane-coral .pane-head h2, .pane-coral .pane-head .h2{
    background-color: #e68c8c;
}
.pane-coral .pane-head h1:before, .pane-coral .pane-head .h1:before,
.pane-coral .pane-head h2:before, .pane-coral .pane-head .h2:before {
    background-position: -14px 0;
}
.pane-blue .pane-head {
    border-color: #39a1dd;
}
.pane-blue .pane-head h1, .pane-blue .pane-head .h1,
.pane-blue .pane-head h2, .pane-blue .pane-head .h2{
    background-color: #39a1dd;
}
.pane-blue .pane-head h1:before, .pane-blue .pane-head .h1:before,
.pane-blue .pane-head h2:before, .pane-blue .pane-head .h2:before {
    background-position: -28px 0;
}

/* Pagination */
.pagination {
    padding: 20px 0;
    clear: both;
    text-align: center;
}
.pagination a,
.pagination span,
.sorting_navi .prev_page,
.sorting_navi .next_page{
    display: inline-block;
    margin: 3px;
    padding: 0 5px;
    min-width: 20px;
    height: 30px;
    background: #f2f2f3;
    line-height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 -2px 0px 0px #e7e7e7;
    -webkit-box-shadow:inset 0 -2px 0px 0px #e7e7e7;
    box-shadow: inset 0 -2px 0px 0px #e7e7e7;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #57636d;
    text-align: center;
}
.pagination a.page-link:hover {
    color: #39a1dd
}
.sorting_navi .prev_page,
.sorting_navi .next_page {
    background-color: #d8dde0;
    -moz-box-shadow: inset 0 -2px 0px 0px #c4cbd0;
    -webkit-box-shadow:inset 0 -2px 0px 0px #c4cbd0;
    box-shadow: inset 0 -2px 0px 0px #c4cbd0;
    margin: 0 1px;
}
.pagination .page-current,
.pagination .page-prev,
.pagination .page-next,
.sorting_navi .prev_page:hover,
.sorting_navi .next_page:hover{
    background: #39a1dd;
    color: #fff;
    -moz-box-shadow: inset 0 -2px 0px 0px #237bae;
    -webkit-box-shadow:inset 0 -2px 0px 0px #237bae;
    box-shadow: inset 0 -2px 0px 0px #237bae;
}
.pagination .page-first,
.pagination .page-last{
    background: #77838d;
    color: #fff;
    -moz-box-shadow: inset 0 -2px 0px 0px #57636d;
    -webkit-box-shadow:inset 0 -2px 0px 0px #57636d;
    box-shadow: inset 0 -2px 0px 0px #57636d;
}
.sorting_navi .disabled,
.sorting_navi .disabled:hover{
    cursor: default;
    opacity: 0.35;
    filter: alpha(opacity=35);
    background-color: #d8dde0;
    -moz-box-shadow: inset 0 -2px 0px 0px #c4cbd0;
    -webkit-box-shadow:inset 0 -2px 0px 0px #c4cbd0;
    box-shadow: inset 0 -2px 0px 0px #c4cbd0;
    color: #57636d;
}
.pagination [class*="icon-"],
.sorting_navi [class*="icon-"]{
    font-size: 23px;
}
.ie7 .pagination [class*="icon-"],
.ie7 .sorting_navi [class*="icon-"]{
    position: relative;
    top: 2px;
}
.pagination span.page-prev,
.pagination span.page-next,
.pagination span.page-first,
.pagination span.page-last{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* Sorting */
.sorting_box {
    text-align: right;
    min-height: 30px;
    font-size: 14px;
    color: #57636d;
    font-family: 'Roboto Condensed', sans-serif;
}
.sorting_box .sorting_row {
    display: inline-block;
    text-align: left;
}
.sorting_box .sorting_cat {
    float: left;
}
.sorting_box .sorting_pages {
    clear: both;
    float: left;
}
.sorting_box .sorting_navi {
    float: right;
}
.sorting_row .label_title {
    line-height: 30px;
    display: block;
    float: left;
    padding-right: 8px;
}
.select_styled {
    border: 1px solid #a3adb4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    color: #57636d;
}
.sorting_pages {
    margin-right: 20px;
}
.sorting_navi label span {
    color: #39a1dd;
}

/* archive sort */
.archive_sort .sorting_row {
    margin: 5px 7px 5px 0;
    float: left;
}
.archive_sort .sorting_pages{
    float: right;
    clear: none;
}
.archive_sort .rowSubmit {
    display: inline-block;
    float: left;
}

/* Post Details */
.post-detail table {
    margin-left: auto;
    margin-right: auto;
}
.post-detail .post-title h1, .post-detail .post-title .h1 {
    margin-bottom: 5px;
}
.post-detail .entry {
    padding-top: 15px;
    font-size:16px;
    line-height:1.4;
}
.post-detail .post-image {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 15px;
    position: relative;
}
.post-detail .post-image img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.post-detail .post-image .image-cat {
    position: absolute;
    left: 0;
    bottom: 20px;
    background: url(/bitrix/templates/info2013/images/ribbons.png) right 0 no-repeat;
    color: #fff;
    z-index: 2;
    height: 30px;
    width: 150px;
    line-height: 28px;
    font-size: 13px;
    text-transform: uppercase;;
    font-weight: bold;
    padding: 0 20px 0 10px;
    overflow: hidden;
}
.post-detail .post-image .cat-facts,
.post-detail .post-image .cat-1{background-position: right 0;}
.post-detail .post-image .cat-tips,
.post-detail .post-image .cat-2{background-position: right -30px;}
.post-detail .post-image .cat-science,
.post-detail .post-image .cat-3{background-position: right -60px;}
.post-detail .post-image .cat-health,
.post-detail .post-image .cat-4{background-position: right -90px;}
.post-detail .post-image .cat-environment,
.post-detail .post-image .cat-astrology,
.post-detail .post-image .cat-5{background-position: right -120px;}
.post-detail .post-image .cat-technology,
.post-detail .post-image .cat-6{background-position: right -150px;}
.post-detail .post-image .cat-culture,
.post-detail .post-image .cat-7{background-position: right -180px;}

.entry p {
    margin-bottom:1.1em;
}
.entry img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.entry ul, .entry ol {
    margin:10px 0 15px 30px;
    padding:0
}
.entry ul li,
.entry ol li{
    margin-bottom:5px;
    list-style:disc
}
.entry ol li {
    list-style: inherit;
}
.entry iframe,
.entry embed {
    max-width: 100% !important;
}
.link-arrow {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
}
.link-arrow i[class*="icon-"] {
    position: relative;
    top: 0.25em;
    font-size: 14px;
}
.link-arrow i:last-child {
    margin-left: 5px;
}
.text-center img {
    margin-bottom:1.1em;
}
.post-author {
    text-align: right;
    color: #858f97;
    font-size: 12px;
    font-weight: bold;
}
.post-author .link {
    color: #39a1dd;
}
.post-source, .post-zen {
    text-align: left;
    color: #858f97;
    font-size: 12px;
}
.post-source .link, .post-zen .link {
    color: #39a1dd;
}
.post-source ul li {
    list-style: disc;
    margin-left: 20px;
}
.post-zen {
    text-align: center;
    padding-top:5px;
}
.post-zen .link img {
    width: 90%;
}
.post-share, .image-share {
    border: 1px solid #e5e8f0;
    border-bottom-width: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    text-align: center;
    margin: 10px 0 20px 0;
}
.post-share .like-button {
    display: inline-block;
    margin: 3px 10px;
    height: 20px;
}
.post-share #mr-like-button {

}
.btn-addcomment {
    float: right;
}
.ya-share-text-wrap, .ya-share-wrap {
    display: inline-block;
    vertical-align: text-top;
    font-size: initial;
    font-weight: normal;
    margin: 0 10px;
}

.ya-share-wrap ul, .ya-share-wrap ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* related_cols */
.related_cols {
    clear: both;
    padding-top: 5px;
}
.related_cols .col_left,
.related_cols .col_right {
    float: none;
    width: 100%;
}
.related_cols .col_right .bnr,
.related_cols .col_right .ads {
    margin: 20px auto;
}
.bnr_336x280,
.ads_336x280 {
    width: 336px;
}

/* comment-list */
.comment-list {
    padding: 30px 0;
}
.comment-list ol {
    padding-top: 1px;
}
.comment-list ol li {
    list-style: none;
}
.comment-avatar {
    width: 30px;
    height: 30px;
    border: 1px solid #c4c4c4;
    float: left;
}
.comment-list .comment {
    margin: 10px 0 0 0;
}
.comment-list .comment-text {
    border:1px solid #e3e3e3;
    margin-left: 31px;
    padding: 10px;
    color: #434952;
    background-color: #f8f8f8;
    -webkit-border-radius: 0 2px 2px 2px;
    -moz-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
}
.comment-meta {
    font-size: 12px;
    color: #858f97;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 5px;
    line-height: 16px;
}
.comment-meta .separator {
    margin: 0 4px;
}
.comment-author {
    color: #39a1dd;
    font-size: 16px;
}
.comment-meta .comment-guest {
    color: #434952;
}
.comment-votes {
    font-size: 15px;
}
.comment-votes .vote-plus {
    color: #7d9f32;
}
.comment-votes .vote-minus {
    color: #d65b5b;
}
.comment-votes i {
    position: relative;
    top: 0.15em;
    margin-left:3px;
    color: #aab0bc;
}
.comment-votes .icon-thumbs-up:hover {
    color: #9cb94d;
    cursor: pointer;
}
.comment-votes .icon-thumbs-down:hover {
    color: #d65b5b;
    cursor: pointer;
}
.comment-meta .link-reply {
    font-size: 13px;
    margin-left: 5px;
}
.comment-list .comment .children {
    margin-left: 31px;
}
.comment-quote {
    color: #858f97;
    font-size: 15px;
    font-style: italic;
    margin: 10px 0 10px 10px;
}
.comment-quote .icon-quote-left {
    color: #c2c2c2;
    margin-right: 7px;
}
/* add comment form */
.add-comment .main-title {
    margin-bottom: 0;
}
.required-field {
    color: #d65b5b;
}
.comment-form {
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom-width: 3px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding: 10px;
}
.add-comment .form form{
    margin: 0 auto;
    width: 500px;
}
.form .form_row input,
.form .form_row textarea{
    width: 200px;
    height: 20px;
    padding: 8px 10px;
    border: 2px solid #a3adb4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
}
.form .rowText input:focus,
.form .rowTextarea textarea:focus{
    border-color: #5db5e6;
}
.form .checkField input {
    width: auto;
    margin: 0px 7px 0 3px;
    float: left
}
.form .form_row {
    padding: 10px 0;
}
.form .form_row .label_title {
    display: block;
    margin-bottom: 4px;
}
.form_row.alignleft {
    margin-right: 44px;
}
.form .rowTextarea textarea {
    height: 90px;
    width: 93%;
    resize: vertical;
}
.form .comment-captcha {
    float: left;
    margin-right: 10px;
}
.form .form_row .captcha {
    width: 80px;
    font-size: 20px;
    padding: 6px 10px;
    height: 24px;
    font-weight: bold;
}
.form .reload-image {
    color: #39a1dd;
    cursor: pointer;
}
.rowCaptcha .input_styled {
    display: inline-block;
    margin-left: 10px;
}
.form_row button,
.sorting_row button{
    border-width: 0;
    border-bottom-width: 2px;
}
.rowSubmit .btn-submit {
    border-bottom: 3px solid #237bae;
    min-width: 180px;
    height: 40px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 37px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ie7 .sorting_box .rowSubmit button {
    height: 32px;
    padding: 0 3px;
}
.rowSubmit .btn-submit .icon-angle-right {
    margin-left: 10px;
    position: relative;
    top:0;
    font-size: 24px;
}
.rowSubmit .btn-link {
    margin-bottom: 5px;
}
.comment-form .rowSubmit {
    text-align: right;
}

/* register Form */
.register-form {
    padding: 5px;
}

/* alert */
.alert {
    padding: 15px 10px 10px 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid transparent;
    border-radius: 4px;
    padding-left: 40px;
    font-size: 13px;
}
.alert .icon {
    font-size: 24px;
    margin-right: 5px;
    margin-left: -20px;
    position: relative;
    top: -2px;
}
.alert h4, .alert .h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable {
    padding-right: 35px;
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    background-color: #e5eec5;
    border-color: #bed37f;
    color: #7d9f32;
}
.alert-success hr {
    border-top-color: #bed37f;
}
.alert-success .alert-link {
    color: #5d7b1a;
}
.alert-info {
    background-color: #b0e1f5;
    border-color: #5db5e6;
    color: #237bae;
}
.alert-info hr {
    border-top-color: #5db5e6;
}
.alert-info .alert-link {
    color: #034f7b;
}
.alert-danger {
    background-color: #f5cdcd;
    border-color: #e68c8c;
    color: #c53d3d;
}
.alert-danger hr {
    border-top-color: #e68c8c;
}
.alert-danger .alert-link {
    color: #a41919;
}
.alert-warning {
    background-color: #ffeccb;
    border-color: #ffce89;
    color: #ff973a;
}
.alert-warning hr {
    border-top-color: #ffce89;
}
.alert-warning .alert-link {
    color: #d26d12;
}

/* iCheck plugin Flat skin, blue
----------------------------------- */
.icheckbox_flat-blue,
.iradio_flat-blue {
    display: block;
    margin: 0 8px 0 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/info2013/images/icheck_blue.png) no-repeat;
    border: none;
    cursor: pointer;
    float: left;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}
.icheckbox_flat-blue.checked {
    background-position: -22px 0;
}
.icheckbox_flat-blue.disabled {
    background-position: -44px 0;
    cursor: default;
}
.icheckbox_flat-blue.checked.disabled {
    background-position: -66px 0;
}

.iradio_flat-blue {
    background-position: -88px 0;
}
.iradio_flat-blue.checked {
    background-position: -110px 0;
}
.iradio_flat-blue.disabled {
    background-position: -132px 0;
    cursor: default;
}
.iradio_flat-blue.checked.disabled {
    background-position: -154px 0;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat-blue,
    .iradio_flat-blue {
        background-image: url("/bitrix/templates/info2013/images/icheck_blue@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* archive list */
.archive-list {
    padding: 20px 0;
}
.archive-list .main-title .title {
    font-size: 22px;
    font-weight: normal;
}
.archive-list .main-title .title span {
    font-size: 30px;
}
.archive-list .main-title .title small span {
    font-size: 13px;
}
.archive-list .simpleview {
    margin-bottom: 30px;
}
.archive-list .simpleview li {
    margin: 0 0 0 20px;
    border: 1px solid #fff;
    padding: 5px;
}
.archive-list .simpleview li:hover {
    border-color: #e3e3e3;
}
.archive-list .simpleview .post-aside{
    border: none;
}
.archive-list .simpleview li h3, .archive-list .simpleview li .h3 {
    font-size: 18px;
}
.archive-list .simpleview li h3 a, .archive-list .simpleview li .h3 a {
    color: #434952;
}
.archive-list .simpleview li h3 a:hover, .archive-list .simpleview li .h3 a:hover {
    color: #39a1dd;
}

/* Day Photo */
.day_photo_big {
    width: 500px;
    margin: 5px auto 0 auto;
}
.day_photo_big .photo_image {
    margin-top: 5px;
    position: relative;
    text-align: center;
}
.day_photo_big .photo_image img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.day_photo_big .photo_image .photo_navi{
    display: block;
    width: 50px;
    height: 50px;
    font-size: 25px;
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 40%;
}
.day_photo_big .photo_image .photo_navi .icon-angle-left,
.day_photo_big .photo_image .photo_navi .icon-angle-right {
    font-size: 40px;
    position: relative;
    top: -0.05em;
}
.ie7 .day_photo_big .photo_image .photo_navi .icon-angle-left,
.ie7 .day_photo_big .photo_image .photo_navi .icon-angle-right {
    top: -0.4em;
}
.day_photo_big .photo_image .photo_navi .icon-angle-left {
    right: 2px;
}
.day_photo_big .photo_image .photo_navi .icon-angle-right {
    left: 2px;
}
.day_photo_big .photo_image .prev {
    left: 10px;
}
.day_photo_big .photo_image .next {
    right: 10px;
}
.day_photo_big .entry {
    padding-top: 10px;
}
.ie7 .photo-list {
    width: 100%;
}
.photo-list li {
    display: block;
    float: left;
    border: 1px solid #e5e8f0;
    border-bottom-width: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 160px;
    height: 200px;
    padding: 10px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1em;
    margin: 0 40px 22px 40px;
}
.photo-list .photo-list-image {
    border: 1px solid #e5e8f0;
    width: 154px;
    height: 154px;
    margin: 0 auto 3px auto;
    display: table;
    overflow: hidden;
}
.photo-list .photo-list-image a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.photo-list .photo-list-title a{
    color: #237bae;
}
.photo-list li small {
    color: #858f97;
    font-size: 11px;
}

/* Event Day */
.event-day {
    padding: 5px;
}
.event-date {
    font-size: 22px;
    color: #434952;
    font-family: 'Roboto Condensed', sans-serif;
    float: left;
    margin-right: 30px;
    line-height: 25px;
}
.event-date strong {
    font-size: 30px;
    font-weight: normal;
    color: #39a1dd;
}
.event-views {
    font-size: 11px;
    color: #858f97;
    margin-bottom: 5px;
    clear: both;
}
.event-views i {
    margin-right: 3px;
    position: relative;
    top: 0.1em;
}
.event-image {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.event-navi {
    clear: both;
    text-align: center;
    min-height: 40px;
    position: relative;
    margin: 5px 0;
    padding-top: 10px;
}
.event-navi .prev,
.event-navi .next {
    position: absolute;
    line-height: 45px;
    top:0
}
.event-navi .prev .icon-stack,
.event-navi .next .icon-stack {
    font-size: 24px;
    vertical-align: top;
}
.event-navi .prev {
    left: 0;
}
.event-navi .next {
    right: 0;
}
.event-navi .prev .icon-angle-left,
.event-navi .next .icon-angle-right{
    font-size: 30px;
    position: relative;
    top: -1px;
}
.event-navi .prev .icon-angle-left {
    left: -1px;
}
.event-navi .next .icon-angle-right {
    right: -1px;
}

/* fixed sidebar block */
#fixed_left {
    position: absolute;
    top: 0;
}
#fixed_right {
    position: absolute;
    top: 0;
    padding-top: 0px;
}
#fixed_right.fixed , #fixed_left.fixed {
    position: fixed;
    top: 0;
}
.fixed_wrapper {
    position:relative;
}

/* Tag Search Results */
.search-tags-chain {
    font-size: 30px;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 0 20px 0;
    float: left;
    margin-right: 10px;
}
.search-tags-sort {
    margin: 3px 0 0 10px;
}
.search-tags-chain .icon-remove {
    margin: 4px 15px 0 0;
    font-size: 24px;
    line-height: 28px;
    width: 24px;
    padding: 0 3px;
    height: 30px;
    text-align: center;
    display: inline-block;
    color: #808897;
    background-color: #d8dde0;
    -moz-box-shadow: inset 0 -2px 0px 0px #c4cbd0;
    -webkit-box-shadow:inset 0 -2px 0px 0px #c4cbd0;
    box-shadow: inset 0 -2px 0px 0px #c4cbd0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.search-tags-chain .icon-remove:hover {
    background: #39a1dd;
    color: #fff;
    -moz-box-shadow: inset 0 -2px 0px 0px #237bae;
    -webkit-box-shadow:inset 0 -2px 0px 0px #237bae;
    box-shadow: inset 0 -2px 0px 0px #237bae;
}
.search-tags-cloud {
    padding: 20px 0;
    font-family: 'Roboto Condensed', sans-serif;
}
.search-tags-cloud a {
    text-decoration: underline;
    background: url(/bitrix/templates/info2013/images/list_dot.png) 0 9px no-repeat;
    padding-left: 12px;
    margin-left: 4px;
    font-size: 15px !important;
}
.search-tags-cloud a:first-child {
    background: none;
    padding: 0;
    margin: 0;
}
.search-tags-form {
    padding:10px 0;
}
.search-tags-form .form_row {
    width: 480px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.search-tags-form .form_row input {
    width: 456px;
    z-index: 1;
    border-color: #5db5e6;
}
.search-tags-form .btn_search {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    width: 36px;
    height: 36px;
    line-height: 32px;
    font-size: 20px;
    color: #5db5e6;
    background: none;
    border: none;
}
.search-tags-form .btn_search:hover {
    color: #39a1dd;
}
.search-results .post-image {
    width: 60px;
    height: 60px;
}
.search-results .post-aside {
    padding: 0 0 15px 70px;
    min-height: inherit;
}
.search-results .post-meta {
    margin-top: 5px;
}
.search-results .post-thumbs img {
    margin: 10px 10px 0 0;
    max-height: 80px;
}
.search-tags-filter {
    padding: 0 0 15px 0;
}
.search-tags-filter .input_styled {
    display: inline-block;
    margin: 0 20px 10px 0;
    opacity: 0.6;
}
@media only screen and (min-width: 280px) {

    .postlist.search-results .post-image {
        width: 60px;
        height: 60px;
        margin: 0 10px 0 0;
    }
}

/* Side Panel */
.slide-out-div {
    padding: 0;
    width: 100px;
    height: 140px;
    z-index: 3;
}
@media (max-width: 500px) {
  .slide-out-div {
    display: none;
  }
}
.bnr_240x400,
.ads_240x400 {
    height: 400px;
}
.bnr_320x100,
.ads_320x100 {
    width: 320px;
    height: 100px;
}

/* Bottom Panel with Banner */
#bot_panel{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
	transition: height 0.5s ease-out;
	height: 0;
	opacity: 0;
}
#bot_panel.show {
    height: 100px;
    width: 330px;
	opacity: 1;
}

#close_bot_panel{
    position: absolute;
    top: -10px;
    right: 0px;
    z-index: 1001;
    width: 100%;
    height: 10px;
    line-height: 1em;
    cursor: pointer;
    color: #fff;
    background-color: #999;
    text-transform: uppercase;
    font-size: 10px;
    transition: all 0.3s;
}
#close_bot_panel span {
    webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 10px;
    margin: 0 0 0 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#close_bot_panel:hover {
    background-color: #666;
}

@media screen and (max-width: 767px){
    .sidebar_left .bnr_160x600,
    .sidebar_left .ads_160x600 {
        display: none;
    }
}
@media screen and (max-width: 989px){
    #bot_panel {
        margin: 0;
    }
	#bot_panel.bnr_320x100,
	#bot_panel.ads_320x100 {
		width: 320px;
		left: 50%;
		margin-left: -160px;
	}
}
@media screen and (max-width: 1223px){
    /* Gadgets */
    .gadgetholder td[class*="gd-page-column"] {
        width: auto;
    }
    .gadgetholder .gd-page-column0,
    .gadgetholder .gd-page-column0 ~ td:nth-child(2) {
        display: none;
    }
}
.post-text-top {
    margin-bottom: 10px;
}
.post-toc {
    width: 60%;
    float: left;
    font-weight: bold;
}
.post-toc-full {
    width: 100% !important;
    float: none !important;
}
.toc-nov h6, .toc-nov .h6 {
    /*font: 18px/20px Arial;*/
    /*color: #365eab;*/
}

ol.toc-nov {
    margin: 10px 0 10px 30px;
}

ol.toc-nov li {
    margin: 10px 0;
}

ol.toc-nov li a {
    /*font: 16px/18px Arial;*/
    /*color: #365eab;*/
}

ol.toc-nov li ul {
    margin: 10px 0 10px 12px;
    /*list-style: none;*/
}

ol.toc-nov li ul li a {
    /*font: 14px/16px Arial;*/
    padding-left: 14px;
}

/* Multi Column List */
.multi-columns-toc,
.entry .multi-columns-toc {
    clear: both;
    margin: 0;
    padding: 10px 0 10px 20px;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    list-style-position: inside;
    font-weight: bold;
}

.multi-columns-toc > li,
.entry .multi-columns-toc > li {
    margin-bottom: 0.5em;
    list-style-type: decimal;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.multi-columns-toc > li ul,
.entry .multi-columns-toc > li ul {
    margin: 0;
    padding: 5px 0 5px 20px;
    list-style-type: disc;
}

@media (min-width: 768px) {
    .multi-columns-toc,
    .entry .multi-columns-toc {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
}

@media (min-width: 990px) {
    .sidebar_right .navi-arrow {
        width: 20px;
        height: 18px;
        font-size: 18px;
        line-height: 18px;
        top: 0;
    }

    .sidebar_right .navi-arrow.load_prev {
        right: 20px;
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px;
    }

    .sidebar_right .navi-arrow.load_next {
        -webkit-border-radius: 0 0 4px 0;
        -moz-border-radius: 0 0 4px 0;
        border-radius: 0 0 4px 0;
    }

    .sidebar_right .pane-sm .navi-arrow.load_prev {
        -webkit-border-radius: 4px 0 0 0;
        -moz-border-radius: 4px 0 0 0;
        border-radius: 4px 0 0 0;
    }

    .sidebar_right .pane-sm .navi-arrow.load_next {
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0;
    }

    .sidebar_right .navi-arrow [class*="icon-"] {
        top: 0em;
        font-size: 90%;
    }

    /* Post List and Grid view */
    .sidebar_right .postlist li {
        margin-bottom: 20px;
    }

    .sidebar_right .gridview li {
        float: none;
        width: 100%;
        margin: 0 0 25px 0;
        min-height: 60px;
    }

    .sidebar_right .gridview .post-aside h2, .sidebar_right .gridview .post-aside .h2 {
        font-size: 18px;
    }

    .sidebar_right .postlist .post-image {
        float: left;
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    .sidebar_right .postlist .post-aside {
        display: inline;
    }

    .sidebar_right .tabcontent .post-aside h2, .sidebar_right .tabcontent .post-aside .h2 {
        clear: none;
    }

    .sidebar_right .postlist .post-aside p {
        clear: both;
        font-size: 13px;
        line-height: 1.3em;
        padding-top: 3px;
    }

    .sidebar_right .smallview li {
        min-height: 60px;
    }

    .sidebar_right .simpleview .post-image {
        margin-left: 0px;
    }

    .sidebar_right .pane .pane-head h1,
    .sidebar_right .pane .pane-head .h1,
    .sidebar_right .pane .pane-head h2,
    .sidebar_right .pane .pane-head .h2{
        font-size: 15px;
    }
}

@media (min-width: 1520px) {
    .multi-columns-toc,
    .entry .multi-columns-toc {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
}

.cookie__message {
    box-sizing: border-box;
    display: none;
    max-width: 1250px;
    padding: 15px 50px 15px 15px;
    margin: 0 auto;
    position: relative;
    font-family: "Roboto", sans-serif;;
    font-size: 13px;
    color: #000;
}

.cookie__message .close_cookie__message {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-color: #39a1dd;
    border-radius: 50%;
    cursor: pointer;
}

.cookie__message .close_cookie__message:before {
    content: '';
    width: 13px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 8.5px;
    left: 3.5px;
    transform: rotate(45deg);
}

.cookie__message .close_cookie__message:after {
    content: '';
    width: 13px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 8.5px;
    left: 3.5px;
    transform: rotate(-45deg);
}

.age_restriction {
    position: absolute;
    top: 10px;
    left: -40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border: 1.5px solid #2ebbfb;
    border-radius: 50%;
    color: #2ebbfb;
    font-weight: 700;
}

@media (max-width: 425px) {
    .age_restriction {
        top: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border: 1px solid #2ebbfb;
    }
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-container > iframe {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    border: 0;
}

.post-video-embed {
    display: none;
    margin-bottom: 15px;
}

/* End */


/* Start:/bitrix/templates/info2013/css/cusel.css?13840211903738*/
/*
	styles for select
*/
.cusel {
    width: 100%;
    height: 30px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	z-index: 2;
}
.cuselFrameRight {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	height: 100%;
	width: 24px;
	background: none;
    font-family: FontAwesome;
}
.cuselFrameRight:before {
    content: "\f107";
    text-decoration: inherit;
    display: inline-block;
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-size: 22px;
    color: #39a1dd;
    padding-left: 5px;
    position: relative;
    top: 0.25em;
}
.ie7 .cuselFrameRight  {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf107;');
    padding-top: 5px;
    text-align: center;
}
.cuselText {
	height: 28px;
	padding: 0 24px 0 10px;
    line-height:28px;
	cursor: pointer;
	overflow: hidden;
    font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	color:#57636d;
    display: block;
}
.cusel:hover {
    border-color: #5db5e6;
}
	
/*
* html .cuselText {*/
	/*height: 30px;*/
/*}
*/
.cusel span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 5px 10px 5px 10px;
	zoom: 1;
	border-top: 1px solid #ededed;
    font-size:17px;
    position: relative;
    background-color: #f2f2f3;
    font-family: 'Roboto Condensed', sans-serif;
}
.cusel span:first-child {
	border:none}
	
.cusel span:hover,
.cusel .cuselOptHover {
	background: #fff;
	color: #39a1dd;
}
.cusel .cuselActive {
	color: #39a1dd;
	cursor: default;
}

/* 	styles for focus and hover */
.cuselOpen {
	z-index: 999;
}

/* 	styles for scrollbar */
.cusel .cusel-scroll-wrap {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	color:#404040;
	min-width: 100%;
	width: auto;
	font-size:12px;
	z-index:200;
	text-align:left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background: #f9f9f9;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
    border: none;
}
.cusel .jScrollPaneTrack {
	height: 100%;
	width: 7px !important;
	background: #888;
	position: absolute;
	top: 0;
	right: 5px;
}
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
    background: url(/bitrix/templates/info2013/css/../images/selects-1.png) no-repeat;
}
.cusel .jScrollPaneDrag {
	position: absolute;
	background-position: -40px 0px;
	cursor: pointer;
	width: 15px !important;
	height: 27px !important;
	right: -4px;
}

.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollArrowUp {
	position: absolute;
	top: 1px;
	right: 2px;
	width: 13px !important;
	height: 12px;
	cursor: pointer;
	background-position: 0 0px;
	background-color:#888;
	overflow: hidden;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
.cusel .jScrollArrowDown {
	width: 13px !important;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: 1px;
	right: 2px;
	cursor: pointer;
	background-position: -13px 0px;
	background-color:#888;
	overflow: hidden;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
.cusel .jScrollArrowUp.disabled,
.cusel .jScrollArrowDown.disabled {
    background-color: #ccc;
}
/* End */
/* /bitrix/templates/info2013/components/bitrix/news.calendar/combined_sef/style.css?13834254931777 */
/* /bitrix/templates/info2013/styles.css?16706599855119 */
/* /bitrix/templates/info2013/template_styles.css?170946494468100 */
/* /bitrix/templates/info2013/css/cusel.css?13840211903738 */
