/* Compiled Less CSS File */
/* Generated from "style.css" */

@import url("reset.css");
/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
body {
  background: #eff3f4;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
header {
  background: #448ac6;
  height: 36px;
  padding: 13px 2% 12px 2%;
  min-width: 922px;
  width: 96%;
}
header .left {
  float: left;
}
header .left .logo {
  background: url('../images/sprite.png') no-repeat -5px -2px;
  display: block;
  height: 35px;
  text-indent: -9999px;
  width: 282px;
}
header .right {
  display: flex;
  float: right;
  width: auto;
}
header .right .search {
  background: url('../images/sprite.png') no-repeat -289px -2px #ffffff;
  border: 0;
  color: #646464;
  float: left;
  height: 32px;
  margin: 0 30px 0 0;
  padding: 0 20px 0 40px;
  width: 289px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
header .right .number {
  background: #347bb9;
  color: #fff;
  display: none;
  font-weight: bold;
  float: left;
  height: 23px;
  margin: 0 30px 0 0;
  padding: 9px 0 0 27px;
  position: relative;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 35px;
}
header .right .number span {
  background: url('../images/sprite.png') no-repeat -10px -45px;
  display: block;
  height: 13px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 11px;
}
header .right .logo {
  background: #fff;
  float: left;
  height: 38px;
  margin: -4px 0 0 0;
  position: relative;
  width: 38px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
header .right .logo img {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
header .right .userChange {
  background: url('../images/sprite.png') no-repeat -10px -73px;
  cursor: pointer;
  display: block;
  float: left;
  height: 5px;
  margin: 15px 15px 0 10px;
  width: auto;
}
header .right .userChange .options {
  background: #ffffff;
  border: 1px solid #d3dde5;
  border-top: 0;
  display: none;
  position: absolute;
  right: 0;
  top: 61px;
  width: 110px;
  z-index: 9999;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
header .right .userChange .options.active {
  display: block;
}
header .right .userChange .options li a {
  color: #333;
  display: block;
  padding: 15px 0 15px 15px;
  text-decoration: none;
}
header .right .userChange .options li a:hover {
  background: #eff3f4;
}
header .right .userChange .user {
  color: #fff;
  float: left;
  margin: -10px 0 0 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
header .right .userChange .user span {
  font-weight: bold;
}
.main {
  margin: 10px 0;
  position: relative;
  min-width: 960px;
  width: 100%;
}
.main #customizeScroll .searchResults,
.main #customizeScroll .newMessage {
  display: block;
}
.main .telegramList .searchResults,
.main .telegramList .newMessage {
  display: none !important;
}
.main #col1 {
  display: block;
  float: left;
  margin: 0 0 0 1%;
  position: relative;
  width: 40%;
}
.main #col2 {
  display: block;
  float: left;
  margin: 0 1%;
  position: relative;
  width: 40%;
}
.main #col3 {
  display: block;
  float: left;
  margin: 0 1% 0 0;
  position: relative;
  width: 16%;
}
.main .sbHolder {
  position: relative;
}
.main .sbHolder .sbSelector {
  color: #333333;
  display: block;
  height: 32px;
  padding: 20px 28px 0 14px;
  position: relative;
  text-decoration: none;
}
.main .sbHolder .sbToggle {
  background: url('../images/sprite.png') no-repeat -224px -159px;
  display: block;
  height: 7px;
  position: absolute;
  top: 25px;
  right: 14px;
  width: 11px;
}
.main .sbHolder .sbOptions {
  background: #ffffff;
  border: 1px solid #d3dde5;
  left: 0px;
  position: absolute;
  top: 52px !important;
  z-index: 9999;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
.main .sbHolder .sbOptions a {
  color: #333333;
  display: block;
  font-size: 14px;
  padding: 15px 14px;
  text-decoration: none;
  width: 106px;
}
.main .sbHolder .sbOptions a:hover {
  background: #eff3f4;
}
.main .calendar {
  float: left;
  padding: 9px 10px 0 10px;
  cursor: pointer;
  z-index: 9999;
  height: 21px;
  border-right: 1px solid #f6f8f7;
}
.main .calendar span {
  background: url('../images/sprite.png') no-repeat -282px -155px;
  width: 16px;
  height: 13px;
  display: block;
}
.main .calendar.active {
  border-right: 1px solid #d3dde5;
  border-bottom: 1px solid #f6f8f7;
}
.main .selectDate {
  background: #fff;
  cursor: default;
  display: none;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d3dde5;
  position: absolute;
  left: -1px;
  top: 31px;
  width: 40%;
  z-index: 9999;
  border-top: 0;
}
.main .selectDate .column3 {
  padding: 10px;
}
.main .selectDate .close {
  background: url('../images/sprite.png') no-repeat -134px -52px;
  display: block;
  float: right;
  height: 10px;
  margin: 2px 0 0 0;
  width: 10px;
}
.main .selectDate .date {
  background: none;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  margin: 0 0 20px 0;
  position: relative;
  width: 100%;
}
.main .selectDate.active {
  display: block;
}
.main .selectDate .calendarYear {
  background: #fff;
  position: absolute;
  display: none;
  margin: 10px 0 0 0;
  width: 93%;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.main .selectDate .calendarYear.active {
  display: block;
}
.main .selectDate .calendarYear .next {
  position: absolute;
  background: url('../images/sprite.png') no-repeat -26px -276px;
  cursor: pointer;
  display: block;
  width: 11px;
  height: 11px;
  right: 10px;
  top: 12px;
}
.main .selectDate .calendarYear .prev {
  position: absolute;
  background: url('../images/sprite.png') no-repeat -26px -330px;
  cursor: pointer;
  display: block;
  width: 11px;
  height: 11px;
  left: 10px;
  top: 12px;
}
.main .selectDate .calendarYear .calendarMounth {
  float: left;
  width: 100%;
}
.main .selectDate .calendarYear .calendarMounth .mounth {
  color: #fff;
  background: #448ac6;
  height: 23px;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0 0 0;
  text-align: center;
  text-transform: uppercase;
}
.main .selectDate .calendarYear .calendarMounth table {
  background: #fff;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}
.main .selectDate .calendarYear .calendarMounth table th {
  background: #eeeeee;
  padding: 4% 0;
  text-align: center;
}
.main .selectDate .calendarYear .calendarMounth table td {
  padding: 4% 0px;
  cursor: pointer;
  text-align: center;
}
.main .selectDate .calendarYear .calendarMounth table td:hover,
.main .selectDate .calendarYear .calendarMounth table td.select {
  background: #448ac6;
  color: #fff;
}
.main .selectDate .calendarYear .calendarMounth table td.empty {
  background: none;
  cursor: default;
}
.main .selectDate .accept {
  background: #448ac6;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  padding: 11px 0;
  text-align: center;
  text-decoration: none;
  width: 132px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.main .selectDate .accept:hover {
  background: #347bb9;
}
.main .selectDate .cancel {
  color: #448ac6;
  float: left;
  font-size: 13px;
  margin: 10px 0 0 40px;
  text-decoration: none;
}
.main .selectDate .selectedDate {
  border: 1px solid #d3dde5;
  color: #646464;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  margin: 5px 0 0 0;
  padding: 10px 12px;
  position: relative;
}
.main .selectDate .selectedDate span {
  background: url('../images/sprite.png') no-repeat -224px -159px;
  display: block;
  height: 7px;
  position: absolute;
  top: 15px;
  right: 14px;
  width: 11px;
}
.main .selectDate .dateFrom,
.main .selectDate .dateTo {
  font-weight: bold;
  margin: 0 0 10px 0;
  width: 100%;
}
.main .selectDate .dateFrom .sbHolder,
.main .selectDate .dateTo .sbHolder {
  border: 1px solid #d3dde5;
  float: right;
  font-weight: normal;
  margin: 5px 0 0 0;
  width: 100%;
}
.main .selectDate .dateFrom .sbHolder .sbSelector,
.main .selectDate .dateTo .sbHolder .sbSelector {
  height: 21px;
  padding: 7px 28px 0px 14px;
}
.main .selectDate .dateFrom .sbHolder .sbToggle,
.main .selectDate .dateTo .sbHolder .sbToggle {
  top: 11px;
}
.main .selectDate .dateFrom .sbHolder .sbOptions,
.main .selectDate .dateTo .sbHolder .sbOptions {
  left: inherit;
  right: -1px;
  top: 28px !important;
  width: 100%;
}
.main .selectDate .dateFrom .sbHolder .sbOptions a,
.main .selectDate .dateTo .sbHolder .sbOptions a {
  width: auto;
}
.main .selectDate .dateRange {
  font-weight: bold;
  margin: 10px 0;
}
.main .selectDate .dateRange .sbHolder {
  border: 1px solid #d3dde5;
  float: right;
  font-weight: normal;
  margin: -7px 0 0 0;
  width: 100%;
}
.main .selectDate .dateRange .sbHolder .sbSelector {
  color: #646464;
  font-size: 13px;
  height: auto;
  padding: 10px 12px;
}
.main .selectDate .dateRange .sbHolder .sbToggle {
  top: 14px;
}
.main .selectDate .dateRange .sbHolder .sbOptions {
  left: inherit;
  right: -1px;
  top: 33px !important;
  width: 100%;
}
.main .selectDate .dateRange .sbHolder .sbOptions a {
  width: auto;
  color: #646464;
  font-size: 13px;
  padding: 15px 13px;
}
.main .searchResults {
  border-bottom: 1px solid #d3dde5;
  color: #333;
  line-height: 22px;
  padding: 5px 14px;
  text-align: left;
  position: relative;
}
.main .searchResults span {
  font-weight: bold;
}
.main .newMessage {
  border-bottom: 1px solid #d3dde5;
  color: #e95453;
  line-height: 22px;
  padding: 20px 0;
  text-align: center;
}
.main .newMessage span {
  background: url('../images/sprite.png') no-repeat -295px -48px;
  display: inline-block;
  height: 14px;
  margin: 0 10px 0 0;
  overflow: hidden;
  width: 12px;
}
.main .filtration {
  background: #f6f8f7;
  border: 1px solid #d3dde5;
  height: 30px;
  margin: 0 0 10px 0;
  position: relative;
}
.main .filtration .accept {
  border-top: 1px solid #d3dde5;
  margin: 0 0 5px 0;
  text-align: center;
}
.main .filtration .cancel {
  color: #448ac6;
  font-size: 13px;
  margin: 10px 20px 0 0;
  text-decoration: none;
  display: inline-block;
}
.main .filtration .button {
  background: #448ac6;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 27px;
  margin: 10px auto 6px auto;
  padding: 12px 0 0 0;
  text-align: center;
  text-decoration: none;
  width: 110px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.main .filtration .button:hover {
  background: #347bb9;
}
.main .filtration .filterCategoryOptions,
.main .filtration .eventsTypeOptions,
.main .filtration .filterOwnOptions {
  background: #fff;
  border: 1px solid #d3dde5;
  display: none;
  position: absolute;
  left: 194px;
  top: 52px;
  width: auto;
  z-index: 9999;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
.main .filtration .filterCategoryOptions .accept,
.main .filtration .eventsTypeOptions .accept,
.main .filtration .filterOwnOptions .accept {
  border: 0;
  margin: 0 0 5px 0;
  padding: 0;
}
.main .filtration .filterCategoryOptions.active,
.main .filtration .eventsTypeOptions.active,
.main .filtration .filterOwnOptions.active {
  display: inline;
}
.main .filtration .filterCategoryOptions h3,
.main .filtration .eventsTypeOptions h3,
.main .filtration .filterOwnOptions h3 {
  color: #2f3333;
  border-bottom: 1px solid #d3dde5;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  text-transform: uppercase;
  padding: 9px 12px 0 12px;
  position: relative;
  margin: 0;
  width: auto;
  white-space: nowrap;
}
.main .filtration .filterTypeOptions,
.main .filtration .eventsTypeOptions,
.main .filtration .filterOwnOptions {
  display: none;
  position: absolute;
  left: -1px;
  top: 31px;
  width: 100%;
  z-index: 9999;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-top: 0;
}
.main .filtration .filterTypeOptions.active,
.main .filtration .eventsTypeOptions.active,
.main .filtration .filterOwnOptions.active {
  display: block;
}
.main .filtration .filterTypeOptions .column1,
.main .filtration .eventsTypeOptions .column1,
.main .filtration .filterOwnOptions .column1 {
  float: left;
  width: 41%;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #d3dde5;
}
.main .filtration .filterTypeOptions .column1 h3,
.main .filtration .eventsTypeOptions .column1 h3,
.main .filtration .filterOwnOptions .column1 h3 {
  margin: 0 0 0 0;
  padding: 8px 35px 2px 35px;
}
.main .filtration .filterTypeOptions .column1 ul li,
.main .filtration .eventsTypeOptions .column1 ul li,
.main .filtration .filterOwnOptions .column1 ul li {
  padding: 5px 35px;
}
.main .filtration .filterTypeOptions .column1.noactive h3,
.main .filtration .eventsTypeOptions .column1.noactive h3,
.main .filtration .filterOwnOptions .column1.noactive h3,
.main .filtration .filterTypeOptions .column1.noactive ul,
.main .filtration .eventsTypeOptions .column1.noactive ul,
.main .filtration .filterOwnOptions .column1.noactive ul {
  opacity: 0.5;
}
.main .filtration .filterTypeOptions .column2,
.main .filtration .eventsTypeOptions .column2,
.main .filtration .filterOwnOptions .column2 {
  float: left;
  width: 41%;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #d3dde5;
}
.main .filtration .filterTypeOptions .column2 h3,
.main .filtration .eventsTypeOptions .column2 h3,
.main .filtration .filterOwnOptions .column2 h3 {
  border-left: 1px solid #d3dde5;
  border-bottom: 1px solid #d3dde5;
  border-top: 0;
  margin: 0 0 0 0;
  padding: 9px 0 0 12%;
}
.main .filtration .filterTypeOptions .column2 ul,
.main .filtration .eventsTypeOptions .column2 ul,
.main .filtration .filterOwnOptions .column2 ul {
  border: 1px solid #d3dde5;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}
.main .filtration .filterTypeOptions .column3,
.main .filtration .eventsTypeOptions .column3,
.main .filtration .filterOwnOptions .column3 {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
.main .filtration .filterTypeOptions .column3 h3,
.main .filtration .eventsTypeOptions .column3 h3,
.main .filtration .filterOwnOptions .column3 h3 {
  margin: 0;
  padding: 9px 0 0 3.8%;
  width: auto;
}
.main .filtration .filterTypeOptions h3,
.main .filtration .eventsTypeOptions h3,
.main .filtration .filterOwnOptions h3 {
  border-bottom: 1px solid #d3dde5;
  color: #2f3333;
  font-size: 14px;
  font-weight: bold;
  height: 19px;
  text-transform: uppercase;
}
.main .filtration.noactive {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.main .filtration div.filterEvents,
.main .filtration div.filterType,
.main .filtration div.filterOwn {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 13px;
  margin: 0 5px 0 0;
  height: 21px;
  padding: 9px 14px 0 14px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
}
.main .filtration div.filterEvents .arrow,
.main .filtration div.filterType .arrow,
.main .filtration div.filterOwn .arrow {
  background: url('../images/sprite.png') no-repeat -224px -159px;
  display: inline-block;
  margin: 0 0 0 4px;
  height: 7px;
  width: 11px;
}
.main .filtration div.filterEvents,
.main .filtration div.filterType,
.main .filtration div.filterOwn {
  padding: 9px 14px 0 14px;
  border-left: 1px solid #f6f8f7;
  border-right: 1px solid #f6f8f7;
}
.main .filtration div.filterEvents.active,
.main .filtration div.filterType.active,
.main .filtration div.filterOwn.active {
  border-left: 1px solid #d3dde5;
  border-right: 1px solid #d3dde5;
}
.main .filtration div.filterEvents.active .arrow,
.main .filtration div.filterType.active .arrow,
.main .filtration div.filterOwn.active .arrow {
  background: url('../images/sprite.png') no-repeat -252px -158px;
  width: 11px;
  height: 8px;
}
.main .filtration div.filterEvents.select span,
.main .filtration div.filterType.select span,
.main .filtration div.filterOwn.select span {
  display: inline-block;
  font-weight: bold;
  padding: 0 0 0 5px;
}
.main .filtration div.link {
  background: url('../images/sprite.png') no-repeat -10px -184px;
  border-left: 1px solid #d3dde5;
  display: none;
  cursor: pointer;
  float: right;
  height: 52px;
  width: 44px;
  /*&:hover, */
}
.main .filtration div.link.active {
  background: #448ac6 url('../images/sprite.png') no-repeat -74px -182px;
}
.main #listWithSorting {
  background: #ffffff;
  border: 1px solid #d3dde5;
  margin: 0 0 20px 0;
}
.main #listWithSorting .sort {
  background: #f6f8f7;
  display: table;
  width: 100%;
}
.main #listWithSorting .sort li {
  border-bottom: 1px solid #d3dde5;
  color: #94a2a6;
  cursor: pointer;
  display: table-cell;
  float: left;
  font-size: 13px;
  font-weight: bold;
  height: 32px;
  text-align: center;
  position: relative;
  width: 12.5%;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li:hover {
  color: #94a2a6;
  background-color: #eff3f4;
}
.main #listWithSorting .sort li.active {
  color: #ffffff;
  background-color: #448ac6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main #listWithSorting .sort li.noactive:hover {
  background: #f6f8f7;
  cursor: default;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li.noactive span {
  display: none;
}
.main #listWithSorting .sort li:hover .description {
  display: block;
}
.main #listWithSorting .sort li span {
  display: block;
  height: 13px;
  padding: 9px 0 10px 0;
  width: 100%;
}
.main #listWithSorting .sort li span.list {
  background: url('../images/sprite.png') no-repeat center -277px;
}
.main #listWithSorting .sort li span.list.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -397px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.list.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.tl {
  background: url('../images/sprite.png') no-repeat center -247px;
}
.main #listWithSorting .sort li span.tl.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -367px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.tl.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.sharedTop {
  background: url('../images/sprite.png') no-repeat center -217px;
}
.main #listWithSorting .sort li span.sharedTop:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main #listWithSorting .sort li span.sharedTop.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -337px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.sharedTop.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.sharedRight {
  background: url('../images/sprite.png') no-repeat center -724px;
}
.main #listWithSorting .sort li span.sharedRight:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main #listWithSorting .sort li span.sharedRight.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -766px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.sharedRight.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.sharedLeft {
  background: url('../images/sprite.png') no-repeat center -812px;
}
.main #listWithSorting .sort li span.sharedLeft:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main #listWithSorting .sort li span.sharedLeft.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -854px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.sharedLeft.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.messageInList {
  background: url('../images/sprite.png') no-repeat center -187px;
}
.main #listWithSorting .sort li span.messageInList:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main #listWithSorting .sort li span.messageInList.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -307px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.messageInList.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.telegram {
  background: url('../images/sprite.png') no-repeat center -471px;
}
.main #listWithSorting .sort li span.telegram.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -512px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.telegram.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.hundred {
  background: url('../images/sprite.png') no-repeat center -564px;
}
.main #listWithSorting .sort li span.hundred .numberOfMessages {
  font-size: 14px;
  padding: 0 0 0 15%;
}
.main #listWithSorting .sort li span.hundred.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -606px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.hundred.active .numberOfMessages {
  color: #fff;
}
.main #listWithSorting .sort li span.hundred.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.exclamation {
  background: url('../images/sprite.png') no-repeat center -1487px;
}
.main #listWithSorting .sort li span.exclamation.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -1667px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.exclamation.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.multiList {
  background: url('../images/sprite.png') no-repeat center -1630px;
}
.main #listWithSorting .sort li span.multiList.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -1810px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.multiList.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.ring {
  background: url('../images/sprite.png') no-repeat center -1975px;
}
.main #listWithSorting .sort li span.ring.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -2015px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.ring.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span.pap {
  background: url('../images/sprite.png') no-repeat center -1873px;
}
.main #listWithSorting .sort li span.pap.active {
  background: #448ac6 url('../images/sprite.png') no-repeat center -1913px;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li span.pap.active:hover {
  /*-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;*/
}
.main #listWithSorting .sort li span:hover {
  background-color: #eff3f4;
  -webkit-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  -moz-box-shadow: inset -1px 0px 0px 0px #d3dde5;
  box-shadow: inset -1px 0px 0px 0px #d3dde5;
}
.main #listWithSorting .sort li:last-child {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.main #listWithSorting .sort li:last-child span {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.main #listWithSorting .scroll {
  height: 1400px;
  overflow-y: scroll;
  position: relative;
}
.main #listWithSorting .scroll#customizeScroll::-webkit-scrollbar {
  width: 5px;
  background-color: #d3dde5;
  z-index: 1;
}
.main #listWithSorting .scroll#customizeScroll::-webkit-scrollbar-thumb {
  background-color: #94a2a6;
  border-radius: 10px;
  height: 10px;
  z-index: 1;
}
.main .telegramBox {
  background: #fff;
  border: 1px solid #d3dde5;
}
.main .telegramBox .downloadMenu {
  background: #f6f8f7;
  border-bottom: 1px solid #d3dde5;
  padding: 0 14px 0 0;
}
.main .telegramBox .downloadMenu .left {
  float: left;
}
.main .telegramBox .downloadMenu .left ul li {
  border-right: 1px solid #d3dde5;
  float: left;
  position: relative;
}
.main .telegramBox .downloadMenu .left ul li:hover .description {
  display: block;
}
.main .telegramBox .downloadMenu .left ul li a {
  display: block;
  height: 52px;
  width: 59px;
}
.main .telegramBox .downloadMenu .left ul li a.download {
  background: url('../images/sprite.png') no-repeat 11px -89px;
}
.main .telegramBox .downloadMenu .left ul li a.print {
  background: url('../images/sprite.png') no-repeat -49px -89px;
}
.main .telegramBox .downloadMenu .left ul li a.pdf {
  background: url('../images/sprite.png') no-repeat -107px -88px;
}
.main .telegramBox .downloadMenu .left ul li a.txt {
  background: url('../images/sprite.png') no-repeat -167px -88px;
}
.main .telegramBox .downloadMenu .left ul li a.add {
  background: url('../images/sprite.png') no-repeat -235px -89px;
}
.main .telegramBox .downloadMenu .left ul li a.remove {
  background: url('../images/sprite.png') no-repeat -378px -89px;
}
.main .telegramBox .downloadMenu .left ul li a.message {
  background: url('../images/sprite.png') no-repeat -302px -89px;
}
.main .telegramBox .downloadMenu .left ul li a:hover {
  background-color: #eff3f4;
}
.main .telegramBox .downloadMenu .right {
  float: right;
}
.main .telegramBox .downloadMenu .right .close {
  background: #e7ecec;
  color: #448ac6;
  display: block;
  height: 23px;
  margin: 9px 0 0 0;
  padding: 9px 0 0 0;
  text-align: center;
  text-decoration: none;
  width: 85px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.main .telegramBox .downloadMenu .right .close:hover {
  background: #347bb9;
  color: #fff;
}
.main .telegramBox .telegramText {
  padding: 15px;
  position: relative;
}
.main .telegramBox .telegramText .date {
  font-size: 13px;
}
.main .telegramBox .telegramText .date span {
  color: #448ac6;
  font-weight: bold;
}
.main .telegramBox .telegramText h1 {
  font-size: 25px;
  font-weight: bold;
  line-height: 32px;
  margin: 25px 0;
}
.main .telegramBox .telegramText p {
  line-height: 20px;
  margin: 0 0 30px 0;
}
.main .telegramBox .telegramText p.lead {
  font-weight: bold;
}
.main .telegramBox .keywords {
  background: #f6f8f7;
  margin: 0 14px;
  padding: 20px 14px;
}
.main .telegramBox .keywords p {
  display: block;
  margin: 0 0 10px 0;
}
.main .telegramBox .keywords ul li {
  display: inline;
}
.main .telegramBox .keywords ul li a {
  color: #448ac6;
  font-weight: bold;
  text-decoration: none;
}
.main .telegramBox .keywords ul li a:hover {
  text-decoration: underline;
}
.main .telegramBox .attach {
  padding: 30px 14px 10px 14px;
}
.main .telegramBox .attach ul li {
  padding: 20px 40px 0 0;
  display: block;
  float: left;
  border: 0;
}
.main .telegramBox .attach ul li:hover {
  background-color: #fff !important;
}
.main .telegramBox .attach ul li a {
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: inline-flex;
  padding: 0;
}
.main .telegramBox .attach ul li a:hover {
  background-color: #fff;
}
.main .telegramBox .attach ul li a span {
  background: url('../images/sprite.png') no-repeat -32px -1383px;
  width: 14px;
  display: block;
  overflow: hidden;
  float: left;
  margin: 0 5px;
  height: 35px;
}
.main .telegramBox h4 {
  color: #333333;
  border-bottom: 1px solid #d8d8d8;
  font-size: 18px;
  margin: 30px 0 14px 0;
  padding: 0 14px 17px 14px;
}
.main .telegramBox .multimedia ul {
  padding: 0 14px;
}
.main .telegramBox .multimedia ul li {
  display: block;
  float: left;
  position: relative;
  margin: 0;
  width: 32.5%;
}
.main .telegramBox .multimedia ul li:nth-child(2) {
  margin: 0 1%;
}
.main .telegramBox .multimedia ul li img {
  display: block;
  width: 100%;
}
.main ul.telegramList {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  width: 100%;
}
.main ul.telegramList li {
  border-bottom: 1px dashed #e3e3e3;
  position: relative;
}
.main ul.telegramList li.before {
  border-bottom: 0;
}
.main ul.telegramList li:hover {
  background: #f6f8f7;
}
.main ul.telegramList li.new {
  background: #f5f5f5;
}
.main ul.telegramList li:last-child {
  border-bottom: 0;
}
.main ul.telegramList li.date {
  background: #f6f8f7;
  color: #448ac6;
  border-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 14px;
}
.main ul.telegramList li a {
  color: #333;
  display: block;
  padding: 8px 14px;
  text-decoration: none;
}
.main ul.telegramList li a:hover {
  background-color: #eff3f4;
}
.main ul.telegramList li a.read {
  color: #8c979d;
}
.main ul.telegramList li a.read .hour {
  color: #8c979d;
}
.main ul.telegramList li a.readNow .title {
  font-weight: bold;
}
.main ul.telegramList li a.hot .title {
  color: #e95453;
}
.main ul.telegramList li a .plusMinus {
  display: none;
}
.main ul.telegramList li a .hour {
  font-size: 12px;
  float: left;
  width: 50px;
}
.main ul.telegramList li a .title {
  float: left;
  width: 85%;
}
.main ul.telegramList li a .title .country {
  color: #8c979d;
  font-size: 12px;
  font-weight: bold;
  width: 40px;
  position: relative;
}
.main ul.telegramList li a .title .country .description {
  top: -25px;
  left: -4px;
  width: 60px;
  line-height: 13px;
}
.main ul.telegramList li a .title .country:hover .description {
  display: block;
}
.main ul.telegramList li a .title .country .separator {
  color: #d8d8d8;
  display: inline;
  font-weight: normal;
}
.main ul.telegramList li a .title .attach {
  background: url('../images/sprite.png') no-repeat -24px -739px;
  display: inline-block;
  margin: 0 0 -4px 4px;
  overflow: hidden;
  width: 9px;
  height: 17px;
  padding: 0;
}
.main ul.telegramList li a .title .video {
  background: url('../images/sprite.png') no-repeat -106px -156px;
  display: inline-block;
  height: 10px;
  margin: 1px 0 0 5px;
  overflow: hidden;
  width: 16px;
}
.main ul.telegramList li a .title .gallery {
  background: url('../images/sprite.png') no-repeat -153px -152px;
  display: inline-block;
  height: 14px;
  margin: 0 0 0 5px;
  overflow: hidden;
  width: 13px;
}
.main ul.telegramList li a .listIconShort {
  background: url('../images/sprite.png') no-repeat -6px -156px;
  display: inline-block;
  height: 10px;
  margin: 2px 0 0 10px;
  position: relative;
  width: 15px;
}
.main ul.telegramList li a .listIconShort:hover .description {
  display: block;
}
.main ul.telegramList li a .listIconCorrection {
  background: url('../images/sprite.png') no-repeat -32px -155px;
  display: inline-block;
  height: 11px;
  margin: 2px 0 0 10px;
  position: relative;
  width: 15px;
}
.main ul.telegramList li a .listIconCorrection:hover .description {
  display: block;
}
.main ul.telegramList li a .listIconDescription {
  background: url('../images/sprite.png') no-repeat -66px -154px;
  display: inline-block;
  height: 12px;
  margin: 2px 0 0 10px;
  position: relative;
  width: 15px;
}
.main ul.telegramList li a .listIconDescription:hover .description {
  display: block;
}
.main ul.telegramList li .addedMessage {
  background: url('../images/sprite.png') no-repeat -31px -1467px;
  width: 15px;
  height: 14px;
  margin: 3px 0 0 0;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9998;
}
.main ul.telegramList li .addedMessage.active {
  background: url('../images/sprite.png') no-repeat -31px -1426px;
}
.main .telegramListTelegramBox {
  padding: 0 0 14px 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.main .telegramListTelegramBox .downloadMenu li {
  border-bottom: 0;
}
.main .telegramListTelegramBox .downloadMenu li a {
  padding: 0;
}
.main .telegramListTelegramBox .downloadMenu .close {
  line-height: 12px;
}
.main .telegramListTelegramBox .keywords li {
  border-bottom: 0;
}
.main .telegramListTelegramBox .keywords li a {
  display: inline;
  padding: 0;
}
.main .telegramListTelegramBox .multimedia ul li {
  border: 0;
}
.main .telegramListTelegramBox .multimedia ul li a {
  padding: 0;
}
.main .titleLead .title {
  font-weight: bold;
}
.main .titleLead .lead {
  font-weight: normal;
  display: block;
  padding: 10px 0 0 0;
}
.main .events li {
  border-bottom: 1px solid #d3dde5 !important;
}
.main .events li.show ul {
  display: block;
}
.main .events li.show:hover {
  background: none;
}
.main .events li:last-child {
  border-bottom: 0;
}
.main .events li ul {
  display: none;
}
.main .events li ul li {
  background: #f5f5f5;
  border-bottom: 1px dashed #e0e0e0 !important;
}
.main .events li ul li:first-child {
  border-top: 1px solid #d3dde5;
}
.main .events li ul li:last-child {
  border-bottom: 0 !important;
}
.main .events li ul li a {
  padding: 8px 14px 8px 101px;
}
.main .events li ul .expand {
  display: none;
}
.main .events .expand {
  color: #fff;
  background: url('../images/sprite.png') no-repeat -25px -491px;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  height: 13px;
  margin: 3px 5px 0 0;
  line-height: 11px;
  text-align: center;
  width: 13px;
}
.main .events .expand.active {
  background: url('../images/sprite.png') no-repeat -25px -531px;
}
.main #messages,
.main #latestVideo,
.main #latestPhoto,
.main #eventsInPap,
.main #contact,
.main #reviewsAndComments {
  background: #ffffff;
  border: 1px solid #d3dde5;
  margin: 0 0 15px 0;
}
.main #messages .header,
.main #latestVideo .header,
.main #latestPhoto .header,
.main #eventsInPap .header,
.main #contact .header,
.main #reviewsAndComments .header {
  background: #f6f8f7;
  padding: 14px;
}
.main #messages .header h2,
.main #latestVideo .header h2,
.main #latestPhoto .header h2,
.main #eventsInPap .header h2,
.main #contact .header h2,
.main #reviewsAndComments .header h2 {
  color: #646464;
  font-size: 16px;
  font-weight: bold;
  float: left;
}
.main #messages .header .collapse,
.main #latestVideo .header .collapse,
.main #latestPhoto .header .collapse,
.main #eventsInPap .header .collapse,
.main #contact .header .collapse,
.main #reviewsAndComments .header .collapse {
  background: url('../images/sprite.png') no-repeat -438px -52px;
  display: block;
  float: right;
  height: 8px;
  margin: 2px 0 0 0;
  width: 16px;
}
.main #messages .header .expand,
.main #latestVideo .header .expand,
.main #latestPhoto .header .expand,
.main #eventsInPap .header .expand,
.main #contact .header .expand,
.main #reviewsAndComments .header .expand {
  background: url('../images/sprite.png') no-repeat -376px -52px;
  display: block;
  float: right;
  height: 8px;
  margin: 2px 0 0 0;
  width: 16px;
}
.main #messages ul li,
.main #latestVideo ul li,
.main #latestPhoto ul li,
.main #eventsInPap ul li,
.main #contact ul li,
.main #reviewsAndComments ul li {
  border-bottom: 1px dashed #e3e3e3;
}
.main #messages ul li:last-child,
.main #latestVideo ul li:last-child,
.main #latestPhoto ul li:last-child,
.main #eventsInPap ul li:last-child,
.main #contact ul li:last-child, 
.main #reviewsAndComments ul li:last-child {
  border: 0;
}
.main #messages ul li a,
.main #latestVideo ul li a,
.main #latestPhoto ul li a,
.main #eventsInPap ul li a,
.main #contact ul li a,
.main #reviewsAndComments ul li a {
  color: #333333;
  display: block;
  line-height: 20px;
  padding: 7px 14px;
  text-decoration: none;
}
.main #messages ul li a:hover,
.main #latestVideo ul li a:hover,
.main #latestPhoto ul li a:hover,
.main #eventsInPap ul li a:hover,
.main #contact ul li a:hover,
.main #reviewsAndComments ul li a:hover {
  background: #eff3f4;
}
.main #messages ul li a .date,
.main #latestVideo ul li a .date,
.main #latestPhoto ul li a .date,
.main #eventsInPap ul li a .date,
.main #contact ul li a .date,
.main #reviewsAndComments ul li a .date {
  font-size: 12px;
}
.main #messages ul li a .video,
.main #latestVideo ul li a .video,
.main #latestPhoto ul li a .video,
.main #eventsInPap ul li a .video,
.main #contact ul li a .video,
.main #reviewsAndComments ul il a .video {
  display: block;
  margin: 0 0 10px 0;
  position: relative;
}
.main #messages ul li a .video img,
.main #latestVideo ul li a .video img,
.main #latestPhoto ul li a .video img,
.main #eventsInPap ul li a .video img,
.main #contact ul li a .video img,
.main #reviewsAndComments ul li a .video img {
  display: block;
  width: 100%;
}
.main #latestVideo ul li a:hover,
.main #latestPhoto ul li a:hover,
.main #eventsInPap ul li a:hover, 
.main #reviewsAndComments ul li a:hover {
  background: #fff;
}
.main #latestPhoto ul {
  display: table;
  width: 100%;
}
.main #latestPhoto ul li {
  border-bottom: 0;
  display: block;
  float: left;
  width: 30.5%;
}
.main #latestPhoto ul li:nth-child(1) {
  padding: 2% 0 1% 2%;
}
.main #latestPhoto ul li:nth-child(2) {
  padding: 2%;
}
.main #latestPhoto ul li:nth-child(3) {
  padding: 2% 2% 1% 0;
}
.main #latestPhoto ul li:hover {
  background: #fff;
}
.main #latestPhoto ul li a {
  padding: 0;
}
.main #latestPhoto ul li a img {
  display: block;
  width: 100%;
}
.main #contact .form {
  padding: 14px;
}
.main #contact .form p {
  line-height: 20px;
}
.main #contact .form .button {
  background: #448ac6;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 27px;
  margin: 10px auto 6px auto;
  padding: 12px 0 0 0;
  text-align: center;
  text-decoration: none;
  width: 87%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.main #contact .form .button:hover {
  background: #347bb9;
}
.main .videoIcon {
  background: url('../images/sprite.png') no-repeat -168px -40px;
  display: block;
  height: 31px;
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 31px;
}
.main .photoIcon {
  background: url('../images/sprite.png') no-repeat -229px -40px;
  display: block;
  height: 31px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 31px;
}
.main .options {
  background: #ffffff;
  border: 1px solid #d3dde5;
  position: absolute;
  width: 150px;
  z-index: 9998;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
.main .options li {
  border-bottom: 0 !important;
}
.main .options li a {
  color: #333;
  display: block;
  padding: 15px 0 15px 15px;
  text-decoration: none;
}
.main .options li a:hover {
  background: #eff3f4;
}
.main .description {
  color: #fff;
  background: url('../images/sprite.png') no-repeat center -430px;
  display: none;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  position: absolute;
  text-align: center;
  top: -20px;
  width: auto;
  z-index: 9999;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.main .description.list {
  width: 36px;
}
.main .description.list span:hover {
  background-color: #646464 !important;
}
.main .description.tl {
  width: 75px;
}
.main .description.tl span:hover {
  background-color: #646464 !important;
}
.main .description.shared {
  width: 60px;
}
.main .description.shared span:hover {
  background-color: #646464 !important;
}
.main .description.exclamation,
.main .description.multiList {
  width: 60px;
}
.main .description.exclamation span:hover,
.main .description.multiList span:hover {
  background-color: #646464 !important;
}
.main .description.messageInList {
  width: 60px;
}
.main .description.messageInList span:hover {
  background-color: #646464 !important;
}
.main .description.iconShort,
.main .description.iconCorrection,
.main .description.iconDescription {
  top: -30px;
}
.main .description.iconShort span,
.main .description.iconCorrection span,
.main .description.iconDescription span {
  height: 20px !important;
  padding: 0 !important;
}
.main .description.iconShort {
  left: -23px;
  width: 50px;
}
.main .description.iconCorrection {
  left: -23px;
  width: 57px;
}
.main .description.iconDescription {
  left: -13px;
  width: 36px;
}
.main .description.download {
  width: 55px;
}
.main .description.print {
  width: 51px;
}
.main .description.pdf {
  width: 31px;
}
.main .description.txt {
  width: 31px;
}
.main .description.add {
  width: 43px;
}
.main .description.remove {
  width: 43px;
}
.main .description.message {
  width: 46px;
}
.main .description.telegram {
  width: 60px;
}
.main .description span {
  background: #646464;
  display: block;
  height: 17px !important;
  padding: 3px 0 0 0 !important;
}
.main .noactive .description {
  display: none !important;
}
.main .telegramListTelegramBox .description span {
  height: 20px !important;
  padding: 0 !important;
}
.chat {
  bottom: 0;
  display: block;
  height: 290px;
  position: fixed;
  right: 10px;
  width: 290px;
  z-index: 9999;
}
.chat .header {
  background: #448ac6;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  padding: 13px 14px 0 14px;
}
.chat .header span {
  float: left;
}
.chat .header .close {
  background: url('../images/sprite.png') no-repeat -26px -634px;
  cursor: pointer;
  display: block;
  float: right;
  height: 10px;
  margin: 2px 0 0 10px;
  overflow: hidden;
  width: 10px;
}
.chat .header .expand {
  background: url('../images/sprite.png') no-repeat -25px -584px;
  cursor: pointer;
  display: block;
  float: right;
  height: 10px;
  margin: 2px 0 0 0;
  overflow: hidden;
  width: 10px;
}
.chat .writeMessage {
  background: #fff;
  bottom: 4px;
  height: 72px;
  left: 1px;
  padding: 5px 6px 10px 6px;
  position: absolute;
  width: 270px;
  z-index: 9999;
}
.chat .writeMessage textarea {
  color: #a2a2a2;
  border: 1px solid #d3dde5;
  height: 60px;
  font-size: 13px;
  padding: 5px;
  resize: none;
  width: 255px;
}
.chat .writeMessage .merge {
  display: none;
}
.chat .talk {
  background: #fff;
  border: 1px solid #d3dde5;
  border-top: 0;
}
.chat .talk.scroll {
  height: 150px;
  overflow-y: scroll;
  position: relative;
  padding: 0 0 94px 0;
}
.chat .talk.scroll.customizeScroll::-webkit-scrollbar {
  width: 5px;
  background-color: #d3dde5;
  z-index: 1;
}
.chat .talk.scroll.customizeScroll::-webkit-scrollbar-thumb {
  background-color: #94a2a6;
  border-radius: 10px;
  height: 10px;
  z-index: 1;
}
.chat .talk ul li .logo {
  background: #fff;
  border: 1px solid #d3dde5;
  height: 42px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 42px;
}
.chat .talk ul li .logo img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.chat .talk ul li p {
  color: #333333;
  font-size: 13px;
  line-height: 18px;
}
.chat .talk ul li span {
  color: #a2a2a2;
  font-size: 12px;
  margin: 0 5px 0 0;
}
.chat .talk ul li.odd {
  padding: 20px 25px 20px 6px;
}
.chat .talk ul li.odd .logo {
  float: left;
  margin: 0 25px 0 0;
}
.chat .talk ul li.even {
  background: #f6f8f7;
  padding: 20px 6px 20px 25px;
}
.chat .talk ul li.even .logo {
  float: right;
  margin: 0 0 0 25px;
}
.chat.newwindow {
  position: relative;
  width: 430px;
  bottom: auto;
  right: auto;
  height: 476px;
}
.chat.newwindow .talk {
  height: 230px;
  padding: 0 0 200px;
}
.chat.newwindow .close,
.chat.newwindow .expand {
  display: none;
}
.chat.newwindow .writeMessage {
  height: 180px;
  width: 411px;
}
.chat.newwindow .writeMessage textarea {
  height: 140px;
  margin: 0 0 5px 0;
  width: 400px;
}
.chat.newwindow .writeMessage .merge {
  color: #333333;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 13px;
}
.chat.newwindow .writeMessage .merge span {
  background: url('../images/sprite.png') no-repeat -25px -686px;
  display: inline-block;
  margin: 0 0 0 5px;
  overflow: hidden;
  height: 10px;
  width: 10px;
}
.mobileMenu {
  display: none;
}
footer {
  background: #e8eff0;
  border-top: 1px solid #d3dde5;
  height: 79px;
  padding: 0 2%;
  min-width: 922px;
  width: 96%;
}
footer .left {
  float: left;
  padding: 28px 0 0 0;
}
footer .left .logo {
  background: url('../images/sprite.png') no-repeat -58px -43px;
  display: block;
  float: left;
  height: 30px;
  margin: -8px 10px 0 0;
  text-indent: -9999px;
  width: 49px;
}
footer .left .copy {
  color: #646464;
  float: left;
}
footer .right {
  float: right;
  padding: 28px 0 0 0;
}
footer .right a {
  color: #646464;
  text-decoration: none;
  margin: 0 0 0 55px;
}
footer .right a:hover {
  text-decoration: underline;
}
.eventsTypeOptions ul.closeSearchResult {
  padding: 5px 2% !important;
}
.closeSearchResult li {
  background: #e7ecec;
  color: #448ac6;
  display: inline-block;
  margin: 5px 9px 5px 4px;
  padding: 5px 10px !important;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-size: 10px;
  line-height: normal;
}
.closeSearchResult li a {
  color: #448ac6;
  text-decoration: none;
}
.closeSearchResult li .close {
  background: url('../images/sprite.png') no-repeat -439px -154px;
  width: 10px;
  height: 10px;
  margin: 0 0 0 10px;
  display: inline-block;
  cursor: pointer;
}
.downloadBox {
  background: #f6f8f7;
  border: solid 1px #d3dde5;
  height: 640px;
  position: fixed;
  width: 705px;
  z-index: 9999;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 10%;
}
.downloadBox .header {
  background: #fff;
  padding: 14px;
  position: relative;
}
.downloadBox .header .fileTitle {
  float: left;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 10px 0 0;
}
.downloadBox .header .hires {
  color: #448ac6;
  background: #eff3f4;
  display: block;
  float: left;
  text-decoration: none;
  padding: 10px 0;
  text-align: center;
  width: 106px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.downloadBox .header .hires:hover {
  color: #fff;
  background: #347bb9;
}
.downloadBox .header .close {
  background: url('../images/sprite.png') no-repeat -134px -52px;
  display: block;
  float: right;
  top: 26px;
  right: 14px;
  height: 10px;
  position: absolute;
  width: 10px;
}
.downloadBox .info {
  padding: 14px;
  font-size: 13px;
}
.downloadBox .info span {
  color: #333;
  font-weight: bold;
}
.downloadBox .info .postDate {
  float: left;
  margin: 0 30px 0 0;
}
.downloadBox .info .size {
  color: #448ac6;
  float: left;
}
.downloadBox .info .navigation {
  float: right;
}
.downloadBox .info .navigation .newest,
.downloadBox .info .navigation .oldest {
  color: #333;
  display: block;
  float: left;
  padding: 0 13px;
  text-decoration: none;
}
.downloadBox .info .navigation .newest:hover,
.downloadBox .info .navigation .oldest:hover {
  text-decoration: underline;
}
.downloadBox .info .navigation .newest {
  background: url('../images/sprite.png') no-repeat -31px -380px;
}
.downloadBox .info .navigation .oldest {
  background: url('../images/sprite.png') no-repeat 39px -437px;
}
.downloadBox .file {
  margin: 16px auto 40px auto;
  width: 573px;
}
.downloadBox .downloadFile {
  color: #fff;
  background: #448ac6;
  display: block;
  font-weight: bold;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  width: 193px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.downloadBox .downloadFile:hover {
  background: #347bb9;
}
#col4 {
  margin: 0 0.25% 1% 1%;
}
#col5 {
  margin: 0 1% 1% 0.25%;
}
#col4,
#col5 {
  background: #fff;
  border: 1px solid #d3dde5;
  min-height: 440px;
  width: 48.5%;
}
#col4 .header,
#col5 .header {
  background: #f6f8f7;
  padding: 14px;
}
#col4 .header h2,
#col5 .header h2 {
  color: #646464;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
}
#col4 {
  float: left;
}
#col4 form {
  padding: 30px 14px 0 14px;
}
#col4 form label {
  color: #333;
  font-size: 14px;
}
#col4 form input {
  border: 1px solid #d3dde5;
  margin: 5px 0 20px 0;
  padding: 9px 1%;
  width: 98%;
}
#col4 form .error {
  color: #e95453;
  font-size: 14px;
  margin: 0 0 10px 0;
  display: none;
}
#col4 form .error.active {
  display: block;
}
#col4 form .loginButton {
  color: #fff;
  background: #448ac6;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  float: right;
  outline: none;
  padding: 10px 0;
  width: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#col4 form .loginButton:hover {
  background: #347bb9;
}
#col5 {
  float: right;
  line-height: 22px;
}
#col5 .left,
#col5 .right {
  float: left;
  padding: 14px;
  width: 40%;
}
#col5 .left h2,
#col5 .right h2 {
  font-weight: bold;
  margin: 16px 0 0 0;
}
#col5 .left h2 span,
#col5 .right h2 span {
  font-size: 16px;
  font-weight: normal;
}
#col5 .left a,
#col5 .right a {
  color: #448ac6;
  text-decoration: none;
}
#col5 .left a:hover,
#col5 .right a:hover {
  text-decoration: underline;
}
#col4 h3,
#col5 h3 {
  display: none;
}
#col4 .mobileHeader,
#col5 .mobileHeader {
  display: none;
}
#col6 {
  width: 98%;
  margin: 0 1%;
  background: #fff;
  border: 1px solid #d3dde5;
}
#col6 .mobileHeader {
  display: none;
}
#col6 .header {
  background: #f6f8f7;
  padding: 14px;
}
#col6 .header h2 {
  color: #646464;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
}
#col6 h3 {
  display: none;
}
#col6 ul {
  padding: 0 14px 30px 14px;
}
#col6 ul li {
  display: inline-block;
  line-height: 22px;
  vertical-align: top;
  width: 24%;
}
#col6 ul li h2 {
  font-weight: bold;
  margin: 16px 0 0 0;
}
#col6 ul li h2 span {
  font-size: 16px;
  font-weight: normal;
}
#col6 ul li a {
  color: #448ac6;
  text-decoration: none;
}
#col6 ul li a:hover {
  text-decoration: underline;
}
.clear {
  clear: both;
}
strong {
  font-weight: bold;
}
.mobileMenuDate .mobileMenuIn {
  display: none;
}
@media only screen and (max-width: 1365px) {
  .main #col1 {
    margin: 0 1%;
    width: 75%;
  }
  .main #col2 {
    display: none;
  }
  .main #col3 {
    display: block;
    float: left;
    margin: 0 1% 0 0;
    width: 22%;
  }
  header .right .search {
  	width: 189px;
  }
}
ul {
  margin: 0 0 0 0;
  display: block;
  position: relative;
  width: auto;
}
ul.noSelect li {
  cursor: pointer;
  line-height: 24px;
  padding: 7px 12px 9px 12px;
  position: relative;
}
ul.noSelect li:hover {
  background-color: #eff3f4;
}
ul.roundSelect li {
  background: url('../images/sprite.png') no-repeat -21px -1146px;
  cursor: pointer;
  line-height: 26px;
  padding: 7px 0 9px 35px;
}
ul.roundSelect li:hover {
  background-color: #eff3f4;
}
ul.roundSelect li.select {
  background: url('../images/sprite.png') no-repeat -21px -1194px;
}
ul.roundSelect li.select:hover {
  background-color: #eff3f4;
}
ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul.roundSelect li {
  background: url('../images/sprite.png') no-repeat -21px -1149px;
  cursor: pointer;
  line-height: 24px;
  padding: 6px 10px 6px 35px;
}
ul.roundSelect li:hover {
  background-color: #eff3f4;
}
ul.roundSelect li.select {
  background: url('../images/sprite.png') no-repeat -21px -1197px;
  font-weight: bold;
}
ul.roundSelect li.select:hover {
  background-color: #eff3f4;
}
ul.squareSelect {
 padding: 0;
}
ul.squareSelect li {
  background: url('../images/sprite.png') no-repeat -23px -1290px;
  cursor: pointer;
  line-height: 20px;
  padding: 5px 10px 5px 35px;
}
ul.squareSelect li:hover {
  background-color: #d3dde5;
}
ul.squareSelect li.select {
  background: url('../images/sprite.png') no-repeat -22px -1247px;
  font-weight: bold;
}
ul.squareSelect li.select:hover {
  background-color: #eff3f4;
}
ul.squareSelect li.group {
  background-color: #eff3f4;
}
ul.squareSelect li.group:hover {
  background-color: #d3dde5;
}
ul.featured li {
  padding: 6px 4%;
  border-bottom: 1px dashed #e3e3e3;
}
ul.featured li:hover {
  background: #eff3f4;
}
ul.featured li:last-child {
  border: 0;
}
ul.featured li a {
  color: #333333;
  text-decoration: none;
  display: block;
}
.delete {
  background: url('../images/sprite.png') no-repeat -441px -157px;
  width: 6px;
  height: 6px;
  float: right;
  display: inline-block;
  /* padding-top: 5px; */

  margin-top: 6px;
  cursor: pointer;
  z-index: 9999;
}
.closeSearchResult li.title {
  text-transform: uppercase;
  color: #333;
  background: none;
  font-size: 14px;
  margin: 7px 10px 0 10px;
  padding: 0 !important;
}
.arrowUp {
  background: url('../images/sprite.png') no-repeat -252px -158px;
  width: 11px;
  height: 8px;
  display: inline-block;
}
.arrowDown {
  background: url('../images/sprite.png') no-repeat -224px -158px;
  width: 11px;
  height: 8px;
  display: inline-block;
  margin: 0 3px;
}
.searchResults.filtr {
  padding: 15px 14px;
}
.searchResults.filtr .add {
  background: url('../images/sprite.png') no-repeat -323px -77px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 5px;
}
.searchResults .closeButton {
  background: #e7ecec;
  color: #448ac6;
  display: block;
  height: 23px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  width: 85px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.searchResults .closeButton:hover {
  background: #347bb9;
  color: #fff;
}
.archive {
  margin-left: -14px;
  margin-right: -16px;
  padding: 0 14px 0 14px;

}
.archive h3 {
  background: #f6f8f7;
  display: block;
  width: 98%;
  text-align: left;

  left: 0;
  padding: 5px 0px 5px 2%;
  text-transform: uppercase;
}
.archive .selectDate {
  background: #fff;
  cursor: default;
  display: block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0px solid #d3dde5;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  border-top: 0;
}
.archive .selectDate .date {
  background: none;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  margin: 0 0 20px 0;
  position: relative;
  width: 100%;
}
.archive .selectDate.active {
  display: block;
}
.archive .selectDate .calendarYear {
  background: #fff;
  position: absolute;
  display: none;
  margin: 10px 0 0 0;
  width: 93%;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.archive .selectDate .calendarYear.active {
  display: block;
}
.archive .selectDate .calendarYear .next {
  position: absolute;
  background: url('../images/sprite.png') no-repeat -26px -276px;
  cursor: pointer;
  display: block;
  width: 11px;
  height: 11px;
  right: 10px;
  top: 12px;
}
.archive .selectDate .calendarYear .prev {
  position: absolute;
  background: url('../images/sprite.png') no-repeat -26px -330px;
  cursor: pointer;
  display: block;
  width: 11px;
  height: 11px;
  left: 10px;
  top: 12px;
}
.archive .selectDate .calendarYear .calendarMounth {
  float: left;
  width: 100%;
}
.archive .selectDate .calendarYear .calendarMounth .mounth {
  color: #fff;
  background: #448ac6;
  height: 23px;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0 0 0;
  text-align: center;
  text-transform: uppercase;
}
.archive .selectDate .calendarYear .calendarMounth table {
  background: #fff;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}
.archive .selectDate .calendarYear .calendarMounth table th {
  background: #eeeeee;
  padding: 4% 0;
  text-align: center;
}
.archive .selectDate .calendarYear .calendarMounth table td {
  padding: 4% 0px;
  cursor: pointer;
  text-align: center;
}
.archive .selectDate .calendarYear .calendarMounth table td:hover,
.archive .selectDate .calendarYear .calendarMounth table td.select {
  background: #448ac6;
  color: #fff;
}
.archive .selectDate .calendarYear .calendarMounth table td.empty {
  background: none;
  cursor: default;
}
.archive .selectDate .accept {
  background: #448ac6;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  padding: 11px 0;
  text-align: center;
  text-decoration: none;
  width: 132px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.archive .selectDate .accept:hover {
  background: #347bb9;
}
.archive .selectDate .cancel {
  color: #448ac6;
  float: left;
  font-size: 13px;
  margin: 10px 0 0 40px;
  text-decoration: none;
}
.archive .selectDate .selectedDate {
  border: 1px solid #d3dde5;
  color: #646464;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  margin: 5px 0 0 5px;
  padding: 10px 12px;
  position: relative;
  display: inline-block;
}
.archive .selectDate .selectedDate span {
  background: url('../images/sprite.png') no-repeat -224px -159px;
  display: block;
  height: 7px;
  position: absolute;
  top: 15px;
  right: 14px;
  width: 11px;
}
.archive .selectDate .dateFrom,
.archive .selectDate .dateTo {
  width: 26%;
}
.archive .selectDate .dateFrom .selectedDate,
.archive .selectDate .dateTo .selectedDate {
  width: 60%;
}
.archive .selectDate .dateAera {
  width: 50%;
}
.archive .selectDate .dateAera .selectedDate {
  width: 50%;
}
.archive .selectDate .dateFrom,
.archive .selectDate .dateTo,
.archive .selectDate .dateAera {
  font-weight: bold;
  background: #fff;
  display: inline-block;
}
.archive .selectDate .dateFrom .sbHolder,
.archive .selectDate .dateTo .sbHolder,
.archive .selectDate .dateAera .sbHolder {
  border: 1px solid #d3dde5;
  float: right;
  font-weight: normal;
  margin: 5px 0 0 0;
  width: 100%;
}
.archive .selectDate .dateFrom .sbHolder .sbSelector,
.archive .selectDate .dateTo .sbHolder .sbSelector,
.archive .selectDate .dateAera .sbHolder .sbSelector {
  height: 21px;
  padding: 7px 28px 0px 14px;
}
.archive .selectDate .dateFrom .sbHolder .sbToggle,
.archive .selectDate .dateTo .sbHolder .sbToggle,
.archive .selectDate .dateAera .sbHolder .sbToggle {
  top: 11px;
}
.archive .selectDate .dateFrom .sbHolder .sbOptions,
.archive .selectDate .dateTo .sbHolder .sbOptions,
.archive .selectDate .dateAera .sbHolder .sbOptions {
  left: inherit;
  right: -1px;
  top: 34px !important;
  width: 100%;
}
.archive .selectDate .dateFrom .sbHolder .sbOptions a,
.archive .selectDate .dateTo .sbHolder .sbOptions a,
.archive .selectDate .dateAera .sbHolder .sbOptions a {
  width: auto;
}
.archive .selectDate .dateRange {
  font-weight: bold;
  margin: 10px 0;
}
.archive .selectDate .dateRange .sbHolder {
  border: 1px solid #d3dde5;
  float: right;
  font-weight: normal;
  margin: -7px 0 0 0;
  width: 100%;
}
.archive .selectDate .dateRange .sbHolder .sbSelector {
  color: #646464;
  font-size: 13px;
  height: auto;
  padding: 10px 12px;
}
.archive .selectDate .dateRange .sbHolder .sbToggle {
  top: 14px;
}
.archive .selectDate .dateRange .sbHolder .sbOptions {
  left: inherit;
  right: -1px;
  top: 33px !important;
  width: 100%;
}

.archive .selectDate .dateRange .sbHolder .sbOptions a {
  width: auto;
  color: #646464;
  font-size: 13px;
  padding: 15px 13px;
}
.archive .selectDate .selectedDate span {
  top: 18px;
}
.eventsTypeOptions {
  margin-left: 10%;
  width: 45% !important;
}
.filterOwnOptions {
  margin-left: 25% !important;
  width: 50% !important;
}

#archiveDateFrom, #archiveDateTo{
	margin-left:8px;
}