/* -------------------------------------------------
    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, sub, sup, tt, var, 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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }
  
/*!
 * Используется в баннерах
 * # Semantic UI 2.1.6 - Sticky
 * http://github.com/semantic-org/semantic-ui/
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.sticky{position:static;-webkit-transition:none;transition:none;z-index:800}.ui.sticky.bound{position:absolute;left:auto;right:auto}.ui.sticky.fixed{position:fixed;left:auto;right:auto}.ui.sticky.bound.top,.ui.sticky.fixed.top{top:0;bottom:auto}.ui.sticky.bound.bottom,.ui.sticky.fixed.bottom{top:auto;bottom:0}.ui.native.sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}

/* -------------------------------------------------
    Typography
   ------------------------------------------------- */
body {
  color: black;
  font: 13px/18.2px Tahoma, Arial, sans-serif; }

a {
  color: #1660bf; }

ul, ol {
  margin: 0; }
ul li {
  list-style: none; }

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

  i {
  font-style: italic;}

/* fotorama rezina  
#tb {
  table-layout: fixed;
}

.-dn- {
  display: none;
}
--------- */

.h1 {
    font-size: 26px;
    margin: 25px 0;
}

.h2 {
    font-size: 22px;
    margin: 20px 0;
}

.h3 {
    font-size: 18px;
    margin: 15px 0;
}

.h4{
    font-size: 15px;
    margin: 15px 0;
}

.h5 {
    font-size: 13px;
    margin: 10px 0;
}

.bg-green {
    background: #b0fba3;
}

.m15 {
    margin: 15px 0;
}

.m10 {
    margin: 10px 0;
}

.display-none {
  display: none;
}

.form-group input[type="file"] {
    height: 22px;
    line-height: 19px;
}

.ui-form {
    padding: 1px 10px;
}

/*  Text content
   ------------------------------------------------ */
._text-content ul, ._text-content ol, ._text-content p {
  margin-bottom: 18.2px; }
._text-content section {
  margin-bottom: 35px; }
._text-content ul li, ._text-content ol li {
  margin-bottom: 12.13333px; }
._text-content ul li {
  list-style: disc; }
._text-content ul li li {
  list-style: square; }
._text-content ol li {
  list-style: decimal; }

/*  Topic headers
   ------------------------------------------------ */
.topic-header {
  border-bottom: 1px solid #d6d6d6;
  margin: 0 0 10px;
  position: relative;
  /*  Header in sidebar
     ------------------------- */ }
.topic-header h3 {
  display: inline-block;
  border-bottom: 1px solid #000;
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 -1px; }
.topic-header h3 a {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none;
  display: inline-block;
  margin: 0 0 -1px; }
.topic-header h3 a:hover {
  color: #1660bf;
  border-color: #1660bf; }
.topic-header._prevent-skip h3, ._section .topic-header._prevent-skip h3 {
  padding-left: 0; }
.topic-header._prevent-skip h3 a, ._section .topic-header._prevent-skip h3 a {
  padding-left: 0;
  margin-left: 0; }
._section .topic-header h3 {
  padding-left: 10px;}
._section .topic-header h3 a {  }
.sidebar .topic-header h3 {
  font-size: 20px; }
._section-sidebar .topic-header {
  margin-right: -30px; }

.topic-subheader{
  font-size:14px;
  font-weight:bold;
  padding:5px 0;
}
.topic-location{
  
}

.topic-header--link {

  text-decoration: none;
  right: 0;
  font-size: 13px;
  float: right;
  margin: 7px 0 0;
    color: #000;
}
.topic-header--link span {
  display: inline-block;
  line-height: 23px;
  padding-right: 30px;
  border-bottom: 1px solid #000; }
.topic-header--logo{
  width: 170px;
  padding-left: 10px;
  transform: translateY(5px);
}
.topic-header--link.t-h-img span{
  line-height:31px;
}
.topic-header--link img {
  vertical-align: -6px;
  margin-right: 2px; }
.topic-header--link:hover {
  color: #1660bf; }
.topic-header--link:hover span {
  border-color: #1660bf; }

/*  Invert links
   ------------------------------------------------ */
.-invert-link- {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none; }
.-invert-link-:hover {
  color: #49545d;
  border-color: #49545d; }

/* -------------------------------------------------
    Utils
   ------------------------------------------------- */
._center, .-center- {
  text-align: center; }

._left {
  text-align: left; }

._right {
  text-align: right; }

._clear {
  clear: both; }

._fl {
  float: left; }

._fr {
  float: right; }

._small {
  font-size: 10px; }

._big {
  font-size: 16px; }

._skip-left {
  padding-left: 38px; }

._skip-right {
  padding-right: 30px; }

.-relative- {
  position: relative;
}

/*  Clear
   ------------------------------------------------- */
._group:after {
  visibility: hidden;
  display: table;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/*  Justify columns
   ------------------------------------------------- */
.justify-cols {
  font-size: 1px;
  line-height: 1;
  text-align: justify; }

.justify-cols > .j-col {
  font-size: 13px;
  display: inline-block;
  line-height: 1.4;
  text-align: left;
  vertical-align: top; }

.justify-cols:after {
  content: "";
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%; }

/*  Tabs
   ------------------------------------------------ */
.js-tab-item {
  display: none; }
.js-tab-item.active {
  display: block; }

/* -------------------------------------------------
    Layout
   ------------------------------------------------- */
body, html {
  height: 100%;
  width: 100%; }

html {
  background: #fff; }

#wrapper {
  position: relative;
  height: auto;
  min-height: 100%;
  min-width: 1005px; }

.contents {
  max-width: 1243px;
  padding: 0 10px 0 10px;
  margin: 0 auto; }

.contents > .contents {
  padding: 0;
  max-width: none;
  width: auto;
}

.content-main {
    background: #fff;
    margin: 0 -260px 0 -10px;
    padding: 10px 270px 0 10px;
    float: left;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-main-news {
  padding-top:0;
}

.content-row-main-news {
  margin-top: 20px;
}

.sidebar {
  padding-top: 20px;
  float: right;
  width: 240px;
  position: relative;
}

.sidebar-absolute {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-top: 0;
}

._section {
  margin: 0px -10px 0px -10px; }

._section-sidebar {
  margin: 0 -10px 22px -20px;
  padding: 0 30px 0 20px; }

input[type='text'], input[type='password'], input[type='email'], textarea {
  border: 1px solid #3c3c3c;
  font-family: Tahoma, Arial, sans-serif;
  padding: 4.5px 9.1px 5.5px;
  line-height: 1;
  margin: 0;
  outline: none; }

/* -------------------------------------------------
    Events items (news, etc.)
   ------------------------------------------------ */
.events-layout,
.event-item:hover,
.news-main--line-item:hover,
.video {
  background: #efeeea;
  /*box-shadow: 0 10px 15px -10px #b1bdce; */}

.event-item.-hilited-, .news-main--line-item.-hilited- {
  background: #D64F4F;
}

.event-item.event-item--no-touch:hover{
  background:transparent!important;
}
.event-item.event-item--no-touch:hover .event-item--caption{
  text-decoration: none;
  color: #000;
}

.event-item.-hilited- {
  border-left: 1px solid #fff;
}

.event-item.-hilited- + .event-item {
  border-left: 1px solid #fff;
}

.-hilite-section- .event-item.-hilited- {
  border-left: 1px solid #C8DEEF;
}

.-hilite-section- .event-item.-hilited- + .event-item {
  border-left:1px solid #C8DEEF;
}

.event-item.-hilited-:hover,
.news-main--line-item.-hilited-:hover {
  background: #D64F4F;
}

.news-main--line-item.-hilited- span,
.event-item.-hilited-:hover h4 {
  color: #000;
}



.event-item.-hilited-:first-child {
  border-left: none !important;
}


/*  Events row
   ------------------------------------------------ */
.events-row {
    font-size: 0;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s; }

.events-row:after {
  visibility: hidden;
  display: table;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

._section .events-row {

}

._section_splitter {
    display: inline-block;
}

._section_splitter.use1 {
    width: 25%;
    background: #b0fba3;
}

.use1 > .events-row > .event-item {
    width: 100%;
}

.use5 > .events-row > .event-item {
    width: calc(100% /5);
}

.use5 > .events-row > .event-item:nth-child(n+6) {
    display: none;
}

._section_splitter.use5 {
    width: 74%;
}

.event-item_text_background {
    background: hsla(0,0%,100%,.8);
    position: absolute;
    bottom: 15px;
    left: 0;
    margin: 0 10px;
    padding: 5px 5px 0 5px;
}

.use1 .events-layout,
.use1 .event-item:hover,
.use1 .news-main--line-item:hover,
.use1 .video {
    background: inherit;
}

.event-item_text_background > h4,
.event-item_text_background > p {
    display: inline;
}

@media screen and (max-width: 1130px) {
  .events-row {
    margin-left: 0;
    margin-right: 0; }
}

.-events-row-fluid- {
  margin-left: -2%;
  margin-right: -2%; }
.-events-row-fluid- .event-item {
  padding: 10px; }
.-events-row-fluid-.-events-two- {
  margin-left: -4%;
  margin-right: -4%; }
.-events-row-fluid-.-events-two- .event-item {
  width: 50%; }

.-events-row-mask-:after {
  content: '';
  background: url(/templates/vyksa-rf/img/events-mask.png) right top repeat-y;
  position: absolute;
  width: 35px;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1; }

.-events-row-one-line- {
  /*overflow: hidden;*/
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 0; }
.-events-row-one-line- .events-row {
  margin-right: -1px; }
.-events-row-one-line- .event-item {
  width: 20%; }
@media screen and (max-width: 1130px) {
  .-events-row-one-line- .event-item {
    width: 25%; }
  /*.-events-row-one-line- .event-item:last-child {*/
    /*display: none; */
  /*}*/
    .-many-items- .events-row .event-item:nth-last-child(2) {
        display: none;
    }

}

/*  Column rows
   ----------------------- */
.events-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.events-column .event-item {
  width: 50%; }

/* Left */
.-events-column-left- {
  float: left;
  width: 50%;
  margin-right: 20px; }
@media screen and (max-width: 1130px) {
  .-events-column-left- {
    width: 458px;
    margin-right: 14px;
    width: 64.5%; } }

/* Right */
.-events-column-right- {
  padding-left: 20px; }
.-events-column-right- .events-row {
  padding-left: 0; }
@media screen and (max-width: 1130px) {
  .-events-column-right- {
    padding-left: 14px;
    width: 33.4%; }
  .-events-column-right- .event-item {
    width: 100%; } }

/*  Items
   ------------------------------------------------ */
.event-item {
display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 10px;
  position: relative;
  white-space: normal;
  width: 196px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.event-item:hover {
  z-index: 20; }
.event-item:hover .event-item--caption {
  text-decoration: underline;
  color: #1660bf; }
.event-item._stretch {
  width: auto; }
.event-item._stretch .event-item--img {
  width: auto;
  height: auto; }
@media screen and (max-width: 1130px) {
  .event-item {
    padding: 10px; } }

.-event-item-large- .event-item--img {
  margin-bottom: 16px; }
.-event-item-large- .event-item--date {
  font-size: 14px;
  margin-bottom: 10px; }
.-event-item-large- .event-item--caption {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2; }

/*  Image
   ----------------------- */
.event-item--img {
  text-align: center;
  margin: 0 0 5px;
  position: relative; }
.event-item--img img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: 100%; }

/*  Date
   ----------------------- */
.event-item--date {
  color: #49545d;
  display: block;
  font-size: 11px;
  line-height: 1;
  margin: 0 0 5px; }

/*  Caption
   ----------------------- */
.event-item--caption {
  color: #000;
  display: block;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
  margin: 0 0 5px;
  -webkit-transition: font-size 0.3s;
  -moz-transition: font-size 0.3s;
  -ms-transition: font-size 0.3s;
  -o-transition: font-size 0.3s;
  transition: font-size 0.3s; }

/*  Contents
   ----------------------- */
.event-item p {
  font-family: Arial;
  font-size: 12px;
  line-height: 1.3;
  margin: 7px 0 0;
  color: #000;
  text-decoration: none; }

/*  Events items six
   ------------------------------------------------ */
.-events-7- .event-item {
  width: calc(100% / 7);
}

.-events-6- .event-item {
  width: calc(100% / 6 - 10px);
}

.-events-6- .events-row{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}


/*  Video items
   ------------------------------------------------ */
.-event-item-video- .event-item--img:after {
  content: '';
  background: url(/templates/vyksa-rf/img/video-play.png) left top no-repeat;
  position: absolute;
  width: 95px;
  height: 56px;
  left: 50%;
  top: 50%;
  margin: -28px 0 0 -47.5px;
  opacity: 0.9;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.-event-item-video-.-event-item-large- .event-item--img:after {
  background-position: left -56px;
  height: 95px;
  margin-top: -47.5px; }
.-event-item-video-:hover .event-item--img:after {
  opacity: .1;
 }

/* -------------------------------------------------
    Buttons
   ------------------------------------------------ */
.btn {
  cursor: pointer;
  display: inline-block;
  background: #f1f0ef;
  /* Old browsers */
  background: -webkit-linear-gradient(top, white 0%, #e3e2e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #e3e2e0 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #e3e2e0 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #e3e2e0 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #e3e2e0 100%);
  /* W3C */
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  font-size: 13px;
  height: 26px;
  line-height: 27px;
  padding: 0 12px;
  text-decoration: none;
    position: relative;
  color: #000; }
.btn:hover {
  background: #f7f7f6;
  /* Old browsers */
  background: -webkit-linear-gradient(top, white 0%, #efefed 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #efefed 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #efefed 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #efefed 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #efefed 100%);
  /* W3C */ }
.btn:active, .btn.active, .news-main--tab-radio:checked ~ .btn {
  background: #6e663c;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #5b5331 0%, #817948 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #5b5331 0%, #817948 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #5b5331 0%, #817948 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #5b5331 0%, #817948 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #5b5331 0%, #817948 100%);
  /* W3C */
  border-color: transparent;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) inset;
  color: #fff; }



.no-boxshadow .btn {
  border-width: 1px;
  border-style: solid;
  border-color: #ededed #ddd #a9a9a9; }

/*  Group
   ------------------------------------------------ */
.btn-group:after {
  visibility: hidden;
  display: table;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.btn-group .btn {
  float: left; }

/*  Submit button
   ------------------------------------------------ */
input[type='submit'] {
  background: url(/templates/vyksa-rf/img/submit-bg.png) left top repeat-x;
  border: 1px solid #dbdbdb;
  border-radius: 15px;
  cursor: pointer;
  color: #2f2b2b;
  padding: 3px 10px 5px;
  font-size: 19px;
  font-weight: bold; }

/* -------------------------------------------------
    Header background: #c0e9ff
   ------------------------------------------------ */
.header--general {
  background: #c0e9ff url(/templates/vyksa-rf/img/header-bg.png) left top no-repeat;
  height: 120px;
  position: relative; }

.header--logo {
  float: left;
  margin: 20px 0 0; }
  .header--logo img{
    max-height:80px;
  }
.header--logo h1 {
  text-indent: -10000px;
  height: 0; }

/*  Header links
   ----------------------- */
.header-links {
  position:absolute;
  /*left:80px;*/
  top:5px;
}

.header-banner {
    position: absolute;
    right: 0;
    top: 15px;
    height: 90px;
    left: 330px;
    overflow: hidden;
}

.header-banner > * {
    position: absolute;
    right: 10px;
    top: 0;
    transition: right .3s;
}

@media screen and (max-width: 1070px) {
    .header-banner > * {
        right: 0;
    }
}

@media screen and (max-width: 1040px) {
    .header-banner > * {
        left: 50%;
        right: auto;
        margin-left: -364px;
    }
}

.header-links--item {
  margin: 0 6px 0 0;
  font-size: 11px;
  text-decoration: none; }

/*  Search
   ------------------------------------------------ */
.header--search {
  background: #ECECEC;
  position: absolute;
  right: 0;
  top: 40px;
  padding: 9px 10px 5px 25px;
  width: 240px;
  margin: 0;
  z-index: 10;
}

.header--search-input {
  background: transparent;
  color: #2d3338;
  border: 1px solid #5e5e5e !important;
  border-radius: 9px;
  width: inherit;
  font-size: 11px;
  padding: 4px 9.1px 5px;
  height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
.-focus- .header--search-input {
  /*border-color: transparent !important;*/
  /*color: #000;*/
  /*background: #fff;*/
}

.header--search-input::-webkit-input-placeholder {
  line-height: 13px;
}

input[type='submit'].header--search-submit {
  background: url(/templates/vyksa-rf/img/search-ico.png) left -13px no-repeat;
  border: none;
  border-radius: 0;
  cursor: pointer;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 14px;
  top: 15px;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s; }
.-focus- input[type='submit'].header--search-submit {
  /*background-position: left -13px;*/
  /*-webkit-transform: rotate(-360deg);*/
  /*-moz-transform: rotate(-360deg);*/
  /*-ms-transform: rotate(-360deg);*/
  /*-o-transform: rotate(-360deg);*/
  /*transform: rotate(-360deg); */
}

/* -------------------------------------------------
    Social links
   ------------------------------------------------ */
.social-links {
    position: absolute;
    top: 49px;
    right: 0;
  margin: 0 10px 0 0; }

.social-links--item {
  display: inline-block;
  background: url(/templates/vyksa-rf/img/social-24.png?_=042017) left top no-repeat;
  margin: 0 0 0 3px;
  width: 24px;
  height: 24px; }
.social-links--item.-fb- {
  background-position: left top; }
.social-links--item.-insta- {
  background-position: -24px top; }
.social-links--item.-lj- {
  background-position: -48px 0; }
.social-links--item.-od- {
  background-position: -72px 0; }
.social-links--item.-tw- {
  background-position: -96px 0; }
.social-links--item.-vk- {
  background-position: -120px top; }
.social-links--item.-yt- {
  background-position: -144px 0; }
.social-links--item.-gp- {
  background-position: -168px 0; }
  .social-links--item.-tg- {
  background-position: -192px 0; }


/* -------------------------------------------------
    Informers
   ------------------------------------------------ */
.header--informers {
  margin-right: -30px;
  width: 291px;
  height: 128px;
  float: right;
  overflow: hidden; }


/*  Weather
   ------------------------------------------------- */
.informer-weather {
  background: #d1efff;
  color: #587a8a;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  width: 170px; }
.informer-weather header {
  font-size: 12px;
  margin: 16px 0 7px; }

.informer-weather--img {
  float: left;
  width: 64px;
  height: 88px; }

.informer-weather--current {
  font-size: 34px;
  font-weight: bold;
  display: block;
  color: #1687bc;
  margin: 15px 0 5px; }

.informer-weather--night, .informer-weather--tomorrow {
  color: #587a8a;
  font-size: 12px;
  display: block;
  margin: 0 0 8px 74px; }
.informer-weather--night b, .informer-weather--tomorrow b {
  font-size: 14px;
  font-weight: bold; }

.informer-weather--tomorrow {
  color: #8cb6cc; }
.informer-weather--tomorrow b {
  color: #1687bc;
  font-size: 12px; }

/* -------------------------------------------------
    Main nav
   ------------------------------------------------ */
.nav-main {
  background: #3c3c3c;
  height: 80px;
  position: relative;
  clear: both;
  margin-top: 0px; }

/*  Items
   ------------------------------------------------ */
.nav-main--items {
  margin: 0 0 0 -10px;
  position: relative;
  height: inherit;

 }

.nav-main--item {
  float: left;
  text-decoration: none; }
.nav-main--item.active .nav-main--sub-nav, .nav-main--item:hover .nav-main--sub-nav {
  display: block; }

/*  Caption
   ----------------------- */
.nav-main--item-caption, .nav-main--sub-nav--item {
  display: inline-block;
  color: #fff;
  border-right: 1px solid #ECECEC;
  box-shadow: 1px 0 rgba(255, 255, 255, 0.1);
  font-size: 14px;
  font-weight: normal;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s; }
.nav-main--item-caption:hover, .nav-main--sub-nav--item:hover {
  background: rgba(255, 255, 255, 0.1); }
.active > .nav-main--item-caption, .active > .nav-main--sub-nav--item {
  background: #ECECEC;
  color: #000;
  box-shadow: none;
  border: none; }
/*.nav-main--item:last-child .nav-main--item-caption, .nav-main--item:last-child .nav-main--sub-nav--item {
  box-shadow: none;
  border: none; }*/

/*  Sub items
   ------------------------------------------------ */
.nav-main--sub-nav {
  background: #ECECEC;
  display: none;
  overflow: hidden;
  position: absolute;
  padding-left: 5px;
  padding-right: 400px;
  height: 40px;
  white-space: normal;
  left: 0;
  right: -10px;
}
.nav-main--sub-nav:after {
  visibility: hidden;
  display: table;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.nav-main--sub-nav h3 {
  display: inline-block;
  margin: 0;
}

  /*  Item
     ----------------------- */
.nav-main--sub-nav--item {
  font-size: 14px;
  font-weight: normal;
  color: #1660bf;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  box-shadow: none;
  border: none; }
.nav-main--sub-nav--item:hover {
  color: #1660bf;
  background: none;
  text-decoration: underline; }

/*  Special items
   ------------------------------------------------ */
.-nav-main--item--wedding- {
  color: #fff;
  background: url(/templates/vyksa-rf/img/nav-wedding-bg.png) left top no-repeat; }

.-nav-main--item--vybory- {
  color: #fff;
  background-color: #0000cc; }

.-nav-main--item--art-ovrag- {
  color: #fff;
  background-color: #60bcad; }


/* -------------------------------------------------
    Content
   ------------------------------------------------ */
#content {
  /*background: #f5f5f5;*/
  padding-top: 1px;
  padding-bottom: 1px;
    position: relative;
}

/* -------------------------------------------------
    Sidebar
   ------------------------------------------------ */
/* -------------------------------------------------
    Banners
   ------------------------------------------------- */
.bans--item {
  display: block;
  margin: 0 0 22px; }

#bans-to-show img,
.bans img {
  display: block;
  margin: 0 0 20px;  }

  #bans-to-show object,
  .bans object  {
  display: block;
  margin: 0 0 20px;  }

/* -------------------------------------------------
    Social
   ------------------------------------------------- */
.social, .calendar-holder {
  /*background: #e9eef2;*/
  padding-top: 20px;
  padding-bottom: 23px;
  margin-bottom: 22px; }
.social .topic-header, .calendar-holder .topic-header {
  margin-bottom: 20px; }

.social--nav {
  margin: 0 0 13px; }

.social--nav-item {
  padding: 0 9px;
  /*  Backgrounds
     ------------------------- */ }
.social--nav-item span {
  background: url(/templates/vyksa-rf/img/social-nav.png) left top no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
.social--nav-item:active, .social--nav-item.active {
  background: #a4b9cb;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #97abbd 0%, #b2c7d9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #97abbd 0%, #b2c7d9 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #97abbd 0%, #b2c7d9 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #97abbd 0%, #b2c7d9 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #97abbd 0%, #b2c7d9 100%);
  /* W3C */
  box-shadow: 0 0 0 1px #738ca2, 0 2px 6px rgba(0, 0, 0, 0.2) inset; }
.social--nav-item.-vk- span {
  background-position: left 0; }
.social--nav-item.-fb- span {
  background-position: -16px 0; }
.social--nav-item.-tw- span {
  background-position: -32px 0; }
.social--nav-item.-od- span {
  background-position: -48px 0; }

/*  Widget
   ------------------------------------------------ */
.social-widgets--item {
  width: 240px;
  height: 297px; }

#widget-od {
  margin: -8px -8px 8px 0; }

/* -------------------------------------------------
    Quiz
   ------------------------------------------------ */
.quiz {
  margin-bottom: 35px; }
.quiz h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px; }
.quiz .vote {
  display: block;
  cursor: pointer;
  margin: 0 0 9.1px;
  font-size: 14px; }
.quiz .vote input {
  float: left;
  margin: 3px 0 0; }
.quiz .vote span {
  overflow: hidden;
  display: block;
  margin-left: 20px; }

.quiz--controls {
  margin: 27px 0 0; }
.quiz--controls input[type='submit'] {
  margin-right: 10px; }
.quiz--controls a {
  text-decoration: none; }
.quiz--controls a:hover {
  text-decoration: underline; }

/* -------------------------------------------------
    Tags
   ------------------------------------------------ */
.clouds_xsmall {
  font-size: 1em; }

.clouds_small {
  font-size: 1.5em; }

.clouds_medium {
  font-size: 2 em; }

.clouds_large {
  font-size: 2.5em; }

.clouds_xlarge {
  font-size: 3 em; }

/* -------------------------------------------------
    Calendar
   ------------------------------------------------ */
.calendar-holder {
  margin-bottom: 30px; }

/*  Header
   ------------------------------------------------ */
.calendar {
  width: 100%;
  font-size: 16px;
  text-align: left;
  border-collapse: collapse; }
.calendar .monthselect {
  text-align: left;
  font-size: 20px;
  color: #000;
  padding: 0 0 20px; }
.calendar .monthlink {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px dashed;
  font-size: 26px;
  font-family: Arial, sans-serif;
  line-height: 20px; }
.calendar .monthlink:hover {
  text-decoration: none;
  color: #061b36; }
.calendar .monthlink-prev {
  margin: 0 7px 0 0; }
.calendar .monthlink-next {
  margin: 0 0 0 7px; }

/*  Day names
   ----------------------- */
th.workday, th.weekday {
  color: #969292;
  font-size: 10px;
  font-family: Tahoma, sans-serif; }

/*  Body
   ------------------------------------------------ */
.weekday {
  background: #f0f3f5; }

.calendar {
  /*  Current-day
     ----------------------- */ }
.calendar td, .calendar th {
  padding: 4px 3px;
  text-decoration: none;
  text-align: center; }
.calendar a {
  text-decoration: none; }
.calendar a:hover {
  text-decoration: underline; }
.calendar .day-current, .calendar .day-current a {
  background: #fa8fa1;
  color: #000; }

.day-active a, .weekday-active a, .day-active-v a, .weekday-active-v a {
  text-decoration: none; }
.day-active a:hover, .weekday-active a:hover, .day-active-v a:hover, .weekday-active-v a:hover {
  text-decoration: underline; }

/* -------------------------------------------------
    Main page
   ------------------------------------------------ */
/*  Banner main content
   ------------------------------------------------ */
.b-through {
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-height: 90px;
    font-size: 0;
    line-height: 0;
}
.b-through > * {
    display: inline-block;
}

.content-main > ._section:last-child {
  margin-bottom: 0; }

/* -------------------------------------------------
    Main news
   ------------------------------------------------ */
.news-main {
  position: relative;
  padding: 2px 0 1px;
  margin-bottom: 20px;
 }

/*  News line
   ------------------------------------------------ */
.news-main--line {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  overflow: hidden;
  padding: 0 0 0 2%;
  margin: 30px 0 0 -2%;
  width: 38%;
  z-index: 1;
  /*  Mask
     ----------------------- */ }
.news-main--line .topic-header {
  margin: -6px 0 18px;
  z-index: -1;
}
.news-main--line:after {
  content: '';
  background: url(/templates/vyksa-rf/img/main-news-line-mask.png) left bottom repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  height: 30px;
  z-index: 10; }

/*  Nav buttons
   ----------------------- */
.news-main--line-nav {
  background: #fff;
  padding: 0 10px;
  margin: -40px 24px 0 0;
  float: right;
  white-space: nowrap;
  word-spacing: -.3em;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  min-width: 144px; }

@media screen and (max-width: 1130px) {
  .news-main--line-nav {
    margin-right: 5px;
    padding: 0; } }

.news-main--tab-radio {
  position: absolute;
  opacity: 0;
}

.news-main--tab {
  display: inline-block;
}

.news-main--tab-radio:checked ~ label ~ .news-main--line-items {
  display: block;
}

/*  Line boxes
   ----------------------- */
.news-main--line-box {
  position: absolute;
  background: #fff;
  top: 0;
  }
.news-main--line-box.active {
  display: block; }

/*  Item
   ----------------------- */
.news-main--line-item {
  display: block;
  text-decoration: none;
  margin: 0 0 0 -10px;
  padding: 8px 0 8px 10px;
  position: relative;
  /* Date */
  /* Caption */ }
.news-main--line-item b {
  color: #49545d;
  font-size: 11px;
  font-weight: normal; }
.news-main--line-item span {
  color: #1660bf;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transition: font-size 0.3s;
  -moz-transition: font-size 0.3s;
  -ms-transition: font-size 0.3s;
  -o-transition: font-size 0.3s;
  transition: font-size 0.3s; }
.news-main--line-item:hover b {
  color: #000; }
.news-main--line-item:hover span {
  text-decoration: underline; }
.news-main--line-item:visited span {
  color: #9f71b9; }
@media screen and (max-width: 1130px) {
  .news-main--line-item span {
    font-size: 13px; } }

.news-main--line-items {
  bottom: 40px;
  overflow: hidden;
  position: absolute;
  margin-left: -5%;
  padding-left: 5%;
  top: 41px;
  left: 20px;
  right: 0;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s;
  display: none;

  white-space: normal;
  word-spacing: normal;
}

.news-main--line-all {
  position: absolute;
  background: #ECECEC;
  color: #1660bf;
  bottom: 0;
  left: 50%;
  font-size: 14px;
  border: none;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 6px 12px;
  text-decoration: none;
}

.news-main--line-all:hover {
  text-decoration: underline;
}

/*  News main events
   ------------------------------------------------ */
.news-main--events {
    position: relative;
  margin: 30px 42% 0 0; }

.news-main--events .topic-header {
    margin: -8px 0 32px 0;
}


/*  Main event
   ----------------------- */
.news-main--event-main {
  padding-left: 10px;
  margin: 0; }

.news-main--event-main .news-main--event-main--title {
    background: rgba(255, 255, 255, .8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
}

/* If main news item is video */
.news-main--event-main.-video- .news-main--event-main--title {
    background: #f4f4f4;
    position: static;
}

.news-main--event-main .news-main--event-main--title .event-item--caption {
    color: #000;
}

.news-main--event-main .event-item {
  padding: 0;
  margin: 0 0 10px;
  width: 100%; }

.news-main--event-main .event-item:hover {
    color: #000;
}

.news-main--event-main .event-item:hover {
  box-shadow: none;
  background: none; }
.news-main--event-main .event-item--img {
  min-height: 254px;
    margin: 0;
}

.news-main--event-main .event-item--img iframe {
    display: block;
}
.news-main--event-main .event-item--caption {
  font-size: 25px;
  line-height: 1.15; }
@media screen and (max-width: 1130px) {
  .news-main--event-main .event-item--caption {
    font-size: 16px; } }

/*  First line
   ----------------------- */
.news-main--first-line-old {
  margin: -2px 0 22px 38px; }
  
.news-main--first-line {
  margin: 0 0 10px 10px; }
  
.news-main--first-line h1 {
  color: #bf262b;
  font-size: 18px;
  font-weight: bold; }
.news-main--first-line a {
  color: #000;
  display: block;
  padding: 7px 10px;
  background: #ff6565;
  text-decoration: none;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s; }
.news-main--first-line a span {
  color: #fff;
  text-decoration: underline; }
.news-main--first-line a:hover {
  background: #ff3c3c; }

/*  Beside events
   ----------------------- */
.news-main--event-beside {
  padding-bottom: 15px;
    margin: 0 -10px 0 0;
}

.news-main--event-beside .event-item {
    width: 33.3%;
}
@media screen and (max-width: 1130px) {
  .news-main--event-beside .event-item--caption {
    font-size: 13px; } }

/* -------------------------------------------------
    Video section
   ------------------------------------------------ */
.video {
  overflow: hidden;
  background: #f5f3e1;
  padding: 35px 0; }
.video .topic-header {
  margin-bottom: 30px; }
.video .event-item {
  padding: 0; }
.video .event-item:hover {
  background: transparent;
  box-shadow: none; }

.video--wrapper {
 }
@media screen and (max-width: 1130px) {
  .video--wrapper {
   }
}

/*  Main video
   ------------------------------------------------ */
.video--main {
  float: left;
    padding: 0 10px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
@media screen and (max-width: 1130px) {
  .video--main {
    width: 66.6%;
    padding: 0 14px; } }

/*  Besides video
   ------------------------------------------------ */
.video--besides {
  padding-bottom: 0;
    text-align: right;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.video--besides .events-row {
  margin: 0 0 30px 0;
  padding-left: 0; }
.video--besides .events-row:last-child {
  margin-bottom: 0; }
.video--besides .event-item {
    text-align: left;
  padding: 0 10px;
  width: 50%; }
.video--besides .event-item--img {
  height: 110px; }
.video--besides .event-item--caption {
  font-size: 13px;
  line-height: 1.3;
  margin: 0; }
@media screen and (max-width: 1130px) {
  .video--besides {
    width: 33.4%; }
  .video--besides .event-item {
    width: 100%;
    padding: 0 14px; }
  .video--besides .event-item:last-child {
    display: none; } }

/* -------------------------------------------------
    Advertisement
   ------------------------------------------------ */
.-a- {
  position: absolute;
  bottom: 35px;
  margin: 0 0 0 -10px;
  font-size: 12px;}
.-a-:empty {
  display: none; }

  .-a2- {
  margin: 0 -10px 30px -10px;
  font-size: 12px;}
.-a2-:empty {
  display: none; }

/* -------------------------------------------------
    Footer
   ------------------------------------------------ */
#footer {
    clear: both;
    background: white;
    border-top: 1px solid #dedede;
    box-shadow: 0 1px rgba(255, 255, 255, 0.1) inset;
    padding-top: 25px;
    padding-bottom: 1px;
}
#footer:after {
  visibility: hidden;
  display: table;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
#footer p {
  font-size: 12px;
  margin: 0 0 15px; }
#footer a {
  text-decoration: none; }
#footer a:hover {
  text-decoration: underline; }
#footer ._small {
  font-size: 11px; }

.footer--contacts {
  float: left;
  margin-right: 10%;
  width: 35%;
  -webkit-transition: width 0.3s, margin 0.3s;
  -moz-transition: width 0.3s, margin 0.3s;
  -ms-transition: width 0.3s, margin 0.3s;
  -o-transition: width 0.3s, margin 0.3s;
  transition: width 0.3s, margin 0.3s; }
@media screen and (max-width: 1130px) {
  .footer--contacts {
    margin-right: 28px;
    width: 370px; } }

.footer--info {
  float: left;
  width: 29%;
  margin-right: 7%; }

.footer--counters {
  float: right;
  width: 19%; }


/* -------------------------------------------------
    Banner
   ------------------------------------------------- */

.bans--item {
    display: block;
    margin: 0 0 22px; }

.bans-fixed {
    -webkit-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0.3s;
    -moz-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0.3s;
    -ms-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0.3s;
    -o-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0.3s;
    transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0.3s; }

.bans-fixed > * {
    margin: 0 0 15px;
    display: block;
}

.no-csstransitions .bans-fixed {
    display: none;
}

.-bans-visible- .bans-fixed {
    top: 0;
    position: fixed;
    margin-top: 15px;
    z-index: 1;
    -webkit-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0s;
    -moz-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0s;
    -ms-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0s;
    -o-transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0s;
    transition: margin-top 0.3s ease-in-out, opacity 0.2s, margin-left 0s 0s; }


.no-csstransitions .-bans-visible- .bans-fixed  {
    display: block;
}

.-bans-bottom- .bans-fixed {
    position: absolute;
}

/* -------------------------------------------------
    Hilite sections
   ------------------------------------------------- */
.-hilite-section- {
    background: rgba(148, 190, 224, 0.51); 
    padding: 10px;
    margin: 0 -10px 15px;
}

.-hilite-section- .events-row {
  margin: 0 -9px;
}

.-hilite-section- .topic-header {
    border-color: #a6a6a6;
    margin-left: -10px;
    margin-right: -10px;
}

.-hilite-section- .topic-header h3 {
    padding-left: 10px;
}

.-hilite-section- .event-item:hover {
    background: #efeeea;
    box-shadow: none;
}


/* -------------------------------------------------
    Dont hide last items mod
   ------------------------------------------------- */
.-dont-hide-last- .event-item:last-child {
    display: inline-block;
}


/* -------------------------------------------------
    Pic of day
   ------------------------------------------------- */

.pic-of-day--main {
    display: inline-block;
    text-align: left;
    width: 728px;
    max-width: 100%;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pic-of-day--main img {
    max-width: 100%;
}

@media all and (max-width: 1255px) {
    .pic-of-day--main {
        padding: 0 0 0 10px;
    }
}
@media all and (max-width: 1030px) {
    .pic-of-day--main {
        width: 100%;
        padding: 0 10px;
    }
}


/* ------------------------------------------------
    Weather widget
   ------------------------------------------------ */

.weather-wid {
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 0 5px #fff;
    padding: 3px 8px 0px;
    position: absolute;
    right: 20px;
    top: 10px;

    -webkit-transition: right .3s;
    -moz-transition: right .3s;
    -ms-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
}
.weather-wid--title {
    font-size: 16px;
}

.weather-wid--current {
    font-size: 16px;
}

.weather-wid--img {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin: 0 6px;
}

.weather-wid--img img {
    max-width: 100%;
}

.weather-wid--day {
    margin: 0;
}

@media all and (max-width: 1050px) {
    .weather-wid {
        right: 0;
    }
}


/*  Content rows
   ------------------------------------------------ */

[class*='content-row'] {
    margin-bottom: 15px;
}

[class*='content-row']:after {
    content:'';
    clear: both;
    width: 100%;
    display: table;
}

/*  Offset left
   ----------------------- */

.content-row-offset-left .content-main {
    float: right;
    padding: 0px 0 10px 280px;
    margin: 0 0 -10px -260px;
}

.content-row-offset-left .sidebar {
    float: left;
}


/*  Posters
   ------------------------------------------------ */

.-posters- {
   	-webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
   	box-sizing: border-box;

   	height: 400px;
}

@media screen and (max-width: 1130px) {
	.-posters- .event-item:last-child {
		display: inline-block;
	}

	.-posters- .event-item:nth-child(5) {
		display: none;
	}
}	

/*  Submit news link
   ------------------------------------------------ */

.submit-news {
    background: #F8C028;
    margin: 8px 14px 0 0;
    padding: 2px 9px;
}

.submit-news:hover {
	color: #000;
	background: #FEDF4B
}

/* -------------------------------------------------
    Three banners module
   ------------------------------------------------- */

.b-justify {
    /* background: #ECECEC; Фон у всего элемента */
    margin: 10px 0 0;
    text-align: center;
}

.b-justify--item {
    background: ##ECECEC;
    display: inline-block;
    /*height: 100px;  Можно убрать высоту, сейчас нужна для демонстрации */
    width: 240px;

    transition: all .3s;
}

.b-justify--item img {
    max-width: 100%;
}

.b-justify--item:first-child {
    float: left;
}

.b-justify--item:last-child {
    float: right;
}

@media screen and (max-width: 1030px) {
    .b-justify--item {
        width: 225px;
    }
}

/* -------------------------------------------------
    4 banners
   ------------------------------------------------- */

.b-flex {
  margin: 15px 0 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* -------------------------------------------------
    Secondary navigation
   ------------------------------------------------- */

.nav-sec {
  margin: 40px 0 0 -10px;
}

.nav-sec li {
  list-style: none;
  margin-bottom: 10px;
}

.nav-sec--item {
  display: inline-block;
  font-size: 15px;
  padding: 5px 10px 5px;
    text-decoration: none;
}

.nav-sec--item span {
    display: inline-block;
    border-bottom: 1px dashed #1660bf;
    line-height: 1.3;
}

.nav-sec--item:hover {
  color: #49545d;
}

.nav-sec--item:hover span {
    border-color: #49545d;
}

.nav-sec--item.active {
  color: #1660bf;
  background: #ececec;
  text-decoration: none;
}


.nav-sec--item.active span {
    border-color: transparent;
}

.tab-news {
  display: none;
}

.tab-news.active {
  display: block;
}

.tab {
  display: none;
}

.tab.active {
  display: block;
}


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

}

  /* Виждет Выкса.Орг на главной */

.ov-hidden {
overflow: hidden;
}
.-hilite-section-.-hilite-section-yellow {
background: rgba(253, 255, 211, 0.51);
}

.content-main.content-main__yelow {
background: rgba(253, 255, 211, 0.51);
}

.event-item.event-item__small {
width: 16.66%;
}
@media screen and (max-width: 1130px) {
.event-item.event-item__small {
width: 20%;
}
}

.nav-sec--item.nav-sec--item__yellow {
color: #000000;
}

.nav-sec--item.nav-sec--item__yellow.active {
background: #F8C028;
}

.nav-sec--item.nav-sec--item__yellow span {
border-bottom: 1px dashed #F8C028;
}

/*  Currencies
   ------------------------------------------------- */

.currencies {
    left: 50%;
    margin: 0 0 0 83px;
    position: absolute;
    top: 10px;

    transition: margin .3s;
}

.currency {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;

    transition: margin .3s;
}

.currency:last-child {
    margin-right: 0;
}

.currency--icon {
    color: #959595;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 1px solid #959595;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
  font-style: normal;
}

.currency.-dollar- .currency--icon{
    line-height: 16px;
}

.currency--icon:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.currency--icon [class*='icon-']{
}

.currency--value {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
}

.currency--difference {
    display: inline-block;
    vertical-align: -2px;
    font-size: 9px;
    margin-left: 2px;
}

.currency.-up- .currency--difference {
    color: #009900;
}

.currency.-down- .currency--difference {
    color: #cc0000;
}

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

    .currencies {
        margin-left: -5px;
    }

}

/* -------------------------------------------------
    Hide on small res
   ------------------------------------------------- */
@media screen and (max-width: 1130px) {
    .-sm-hide- {
        display: none;
    }
}


/* -------------------------------------------------
    Buttons modifications
   ------------------------------------------------- */

.btn.-colorize-:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;

    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.3));
}

.btn.-colorize- span {
    position: relative;
    z-index: 1;
}

.btn.-colorize- {
    color: #fff;
    box-shadow: 0 1px rgba(255, 255, 255, .4) inset;;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    border-radius: 2px
}

/*  Hover
   ------------------------- */

.btn.-colorize-:hover:after {
    background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.3));
}

/*  Active
   ------------------------- */

.btn.-colorize-:active:after {
    background: linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,.2));
}

/*  Button colors
   ------------------------------------------------- */

.btn.-green- {
    background: #61c261;
}

.btn.-orange- {
    background: #FFBA00;
}


/*  Header buttons
   ------------------------------------------------- */

.header--a-buttons {
    position: absolute;
    top: 7px;
    right: 11px;
}


/* -------------------------------------------------
    Search icon
   ------------------------------------------------- */

.header--search-icon {
    background: url(/templates/vyksa-rf/img/search-ico.png) left -13px no-repeat;
    width: 13px;
    height: 13px;
    margin-bottom: -2px;
    margin-left: 7px;
}

.header--search-icon:hover {
    background: url(/templates/vyksa-rf/img/search-ico.png) left -13px no-repeat;
}

/* -------------------------------------------------
    Nav special items
   ------------------------------------------------- */

.nav-main--special-items {
    position: absolute;
    right: 290px;
    top: 1px;
    padding-left: 10px;
}

.nav-main--special-items:before {
    content: '';
    /*background: #A8A1A1;*/
    width: 1px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 9px;
}


/* -------------------------------------------------
    Team page
   ------------------------------------------------- */
.team{margin-left:-10px;margin-right:-10px;display:flex;flex-wrap:wrap}.team__member{margin-bottom:18px;width:100%;float:left}@media (min-width:480px){.team__member{flex-basis:calc(50% - 18px);padding-right:9px;padding-left:9px}}@media (min-width:768px){.team__member{flex-basis:calc(33.333% - 18px)}}.team__member-illustration{max-width:100%;width:100%}.team__member a.team__member-name{color:#1660bf;text-decoration:underline}.team__member-name{font-size:1.28571em;margin:5px 0;padding:0 10px}@media (min-width:768px){.team__member-name{padding:0}}.team__member-position{display:block;padding:0 10px}@media (min-width:768px){.team__member-position{padding:0}}.version-switch{text-align:center}

/* -------------------------------------------------
    Ages
   ------------------------------------------------- */

[class*='-age-'] .event-item--img:before {
  content:' ';
  background-image: url(../img/ages.png);
  opacity: 1;
  position: absolute;
  width: 88px;
  height: 87px;
  bottom: 3px;
  right: 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: scale(0.35) translateZ(0);
  transform: scale(0.35) translateZ(0);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

[class*='-age-']:hover .event-item--img:before {
  opacity: .1;
}

.-age-O- .event-item--img:before {
  background-position: left 0;
}

.-age-6- .event-item--img:before {
  background-position: -88px 0;
}

.-age-12- .event-item--img:before {
  background-position: -176px 0;
}

.-age-16- .event-item--img:before {
  background-position: -264px 0;
}
.-age-18- .event-item--img:before {
  background-position: -352px 0;
}

/* -------------------------------------------------
    poll
   ------------------------------------------------- */

[class*='-poll-'] .event-item--img:before {
  content:' ';
  background-image: url(../img/poll.gif);
  background-position: left 0;
  opacity: 1;
  position: absolute;
  width: 16px;
  height: 14px;
  bottom: 3px;
  right: 3px;
 }
 
 [class*='-poll-']:hover .event-item--img:before {
  opacity: .5;
}

/* -------------------------------------------------
    Hide items
   ------------------------------------------------- */
@media screen and (max-width: 1130px) {
  .-hide-last-3- .event-item:nth-last-child(1),
  .-hide-last-3- .event-item:nth-last-child(2),
  .-hide-last-3- .event-item:nth-last-child(3) {
    display: none;
  }

  .-hide-last-2- .event-item:nth-last-child(1),
  .-hide-last-2- .event-item:nth-last-child(2) {
    display: none;
  }
}


/* -------------------------------------------------
    Links inline
   ------------------------------------------------- */

.links-inline {
  margin-left: -6px;
  margin-bottom: 8px;
}

.links-inline--item {
  color: #1660bf;
  display: inline-block;
  line-height: 1.3;
  border-bottom: 1px dashed #1660bf;
  text-decoration: none;
  font-size: 16px;
  margin: 6px 11px;
  position: relative;
  z-index: 1;
}

.links-inline--item:hover {
  color: #49545d;
  border-color: #49545d;
}

.links-inline--item.active {
  color: #1660bf;
  background: #ececec;
  border-color: transparent;
  margin: 0;
  padding: 6px 11px;
}

.news-main--line-box .links-inline  {
  margin-top: 8px;
  margin-left: -11px;
}

.news-main--line-box .links-inline--item  {
  font-size: 13px;
}

/* -------------------------------------------------
    Flex events
   ------------------------------------------------- */

.flex-events {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-events .event-item {
  -webkit-flex: 0 1 196px;
  -ms-flex: 0 1 196px;
  flex: 0 1 196px;
}

.flex-events:after {
  display: none;
}

/* -------------------------------------------------
    Blue tabs
   ------------------------------------------------- */

.blue-tabs {
  border-bottom: 2px solid #4765a0;
  margin-bottom: 16px;
}

.blue-tabs--item {
  color:#333;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  padding: 5px 15px;
}

.blue-tabs--item:hover,
.blue-tabs--item.active {
  color: #fff;
  background: #4765a0;
}

sup { vertical-align: super; font-size: x-small; } 

/* change 12.03.2018*/

.social-links{
  margin-top:4px;
  display:inline-block;
  margin-right:11px;
  position:static;
}

.header--a-buttons{
  position:static;
  float:right;
  margin-top:8px;
}

.header--a-buttons .btn{
  height:24px;
  line-height:24px;
}

.nav-main--sub-nav{
  padding-right:81px;
}

.nav-main--special-items{
  right:11px;
}

.nav-main--sub-nav--item.header--searching-icon{
  margin-top:10px;
  width:20px;
  height:20px;
  padding:0;
  margin-bottom:0;
  margin-left:0;
  background-size:cover!important;
  background:url(/templates/vyksa-rf/img/search-ico.png) center center no-repeat;
}

.nav-main--sub-nav--item.header--calendar-icon{
  margin-top:10px;
  width:20px;
  height:20px;
  margin-right:10px;
  padding:0;
  margin-bottom: 0;
  margin-left:0;
  background-size:cover!important;
  background:url(/templates/vyksa-rf/img/calendar-ico.png) center center no-repeat
}

.nav-main--items{
  text-align:center;
}

.nav-main--sub-nav{
  text-align:left;
}

.weather-wid{
  left:10px;
  right:auto;
  margin-top:3px;
  padding:3px 0;
  background:none;
  box-shadow:none;
  border:0;
  top:0;
}

.weather-wid>a{
  text-decoration:none;
}
.weather-wid--current{
  font-size:11px;
}
.weather-wid--img{
  margin:0;
  width:20px;
  height:20px;
}

/* Calendar */

.calendar {
  padding: 15px 0;
  font-size: 14px; }
  .calendar__lenta {
    padding: 0 0 15px 0;
    margin: 0;
    list-style: none; }
    .calendar__lenta .active > a,
    .calendar__lenta .active > span {
      background: #e8e8d0;
      color: black;
      text-decoration: none; }
    .calendar__lenta li {
      display: inline-block;
      margin-right: 0; }
      .calendar__lenta li:last-child {
        margin-right: 0; }
    .calendar__lenta a,
    .calendar__lenta span {
      display:inline-block;
      padding: 0px;
      text-decoration: underline;
      color: #1660bf; }
    .calendar__lenta--years {
      font-size: 1.35em; }
    .calendar__lenta--month {
      font-size: 0.92857em; }
  .calendar__search-label, .calendar__empty {
    margin-top: 5px;
    color: #838383;
    font-size: 0.92857em; }
  .calendar__search-result {
   }
  .calendar__day h3 {
    padding: 20px 0 5px 0;
    margin: 0;
    font-size: 1em; }
  .calendar__day time {
    margin-right: 0.4em;
    font-size: 0.78571em;
    color: #49545d; }
  .calendar__day-news {
    margin: 0;
    padding: 0;
    list-style: none; }
    .calendar__day-news li {
      padding: 0 0 10px 15px; }
    .news a:hover{
      text-decoration:none;
    }
    .news a:visited{
    color: #9f71b9; }
.news__item {
  padding: 0 0 5px 12px; }
  .news__item>span:last-child{
    color:#838383;
  }
  .news__item:hover{
    background:rgb(236, 236, 236);
  }
  .news__item-time {
    color: #49545d;
    font-size: 0.78571em; }
  .news__item-header {
    margin-left: .4em; }
    .news__item:hover .news__item-header{
      text-decoration:underline;
    }


.version-switch {
  text-align: center; }
  .version-switch__link {
    padding: 14px;
    display: inline-block;
    background: #fcfcfb;
    color: black; }
  .version-switch__confirm {
    background: #ff4445;
    padding: 15px;
    color: white; }
    .version-switch__confirm--hide {
      display: none; }
    .version-switch__confirm a {
      display: inline-block;
      padding: 2px 5px;
      color: white;
      border: 1px solid white;
      border-radius: 5px;
      margin-left: 10px; }
      .version-switch__confirm a:hover {
        background: white;
        color: #ff4445; }

.spred-menu a {
    padding: 3px;
    line-height: 1.8em; }
  .spred-menu span {
    padding: 3px;
    line-height: 1.8em;
    background: #e8e8d0; }

.icon{
  display:inline-block;
  height:33px;
  vertical-align:bottom;
  width:33px;
  background:url('/templates/img/icons.svg') no-repeat;
  background-size:cover;
  transform:scale(0.8);
}

.icon--small{
    width:17px;
    height:17px;
}

.icon--vk{
    background-position:0 -198px;
}

.icon--classmates{
    background-position:0 -99px;
}

.icon--instagram{
    background-position:0 -66px;
}

.icon--youtube{
    background-position:0 -231px;
}

.icon--telegram{
    background-position:0 -132px;
}

.icon--google-plus{
    background-position:0 -33px;
}

.icon--facebook{
    background-position:0 0;
}

.icon--twitter{
    background-position:0 -165px;
}

.btn--16{
    background-position: -130px 0!important;
    background-size: cover!important;
    background: url(/templates/img/ages.svg);
    display: inline-block;
    float: right;
    height: 32px;
    width: 32px;
}

.btn-main {
  border: 0 none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  height: 36px;
  border-radius: 18px;
  line-height: 22px;
  outline: none;
  background-color: #3394e6;
  color: #fff;
  border: 0 none;
  padding: 7px 22px;
  text-decoration: none !important;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  -webkit-transition: all ease .1s; transition: all ease .1s;
}

.nslct {
-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}