/* Задаем ширину вертикального скроллбара */
::-webkit-scrollbar {
  width: 5px;
  /* толщина скроллбара */
}

/* Для горизонтального скроллбара */
::-webkit-scrollbar:horizontal {
  height: 12px;
  /* толщина горизонтального скроллбара */
}

html {
  scrollbar-color: #ffffff rgba(0, 0, 0, 0.5);
  scrollbar-width: thin;
  font-size: 11px;
  font-family: Sans-Serif, sans;
  margin: 0;
  padding: 0;
  height: 100%;
  display: table;
  width: 100%
}

body {
  font-size: 11px;
  font-family: Sans-Serif, sans;
  margin: 0;
  padding: 0;
  height: 100%;
  display: table-cell;
  width: 100%;
  background: #151515
}

td {
  padding: 0;
  color: #000;
  font-size: 11px;
  font-family: Sans-Serif;
  white-space: normal;
  vertical-align: top
}

b,
strong {
  font-weight: 500;
  font-family: Sans-Serif
}

div img,
td img {
  vertical-align: top;
  border: 0
}

table {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  padding: 0;
  border: 0;
  width: 100%
}

fieldset {
  margin-bottom: 10px;
  border: 1px solid #ccc
}

legend {
  color: #d17876;
  font-weight: 500;
  font-size: 16px
}

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

a:hover {
  text-decoration: none;
  color: #d74c5f
}

.clr {
  clear: both
}

#main {
  display: table;
  width: 100%;
  margin: auto
}

.css_body {
  margin: auto;
  max-width: 1440px;
  width: 100%
}

#menuico:hover {
  opacity: .5
}

.menuico_tree:hover {
  opacity: .5
}

.logo {
  max-width: 150px
}

.logo img {
  width: 100%;
  display: inline
}

#logo,
.lang,
.ts {
  color: #fff;
  font-size: 11px;
  text-shadow: #000 1px 1px 1px
}

.lang {
  margin: auto;
  height: 20px;
  width: 120px;
  overflow: hidden;
  display: block
}

.lang a {
  margin-left: 10px;
  margin-top: 4px;
  float: left
}

h1.navin {
  margin: 0 0 5px 25px !important
}

.lang a:hover {
  opacity: .5
}

#logo {
  display: block;
  position: relative;
  width: 100%;
  max-width: 257px;
  margin: auto;
  top: 0;
  left: 0;
  text-align: center
}

.menuuserpic {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 10px auto 10px auto
}

#box_status {
  position: absolute;
  cursor: pointer;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  overflow: hidden;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
  border-radius: 100px 100px 100px 100px
}

#box_status .absent,
#box_status .busy,
#box_status .dinner,
#box_status .do_not_disturb,
#box_status .invisible,
#box_status .on_phone,
#box_status .online,
#box_status .ready_to_chat,
#box_status .unavailable {
  text-indent: -9999px;
  border: 0 !important;
  overflow: hidden !important;
  width: 15px !important;
  height: 15px !important;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
  border-radius: 100px 100px 100px 100px
}

#box_st {
  border-color: #f5f5f5;
  border-radius: 0;
  background: #f5f5f5;
  display: none;
  margin-top: 25px;
  top: 0;
  left: 0;
  width: 100px;
  position: absolute;
  z-index: 120;
  cursor: pointer
}

#menu-leftbg a:first-child:hover {
  cursor: pointer;
  background-color: #171717
}

#logo img {
  width: 100%
}

#transparent {
  position: fixed;
  opacity: .9
}

#bg-top-alpha {
  position: relative;
  background: url(/i/bg-top-alpha.png) 0 90px repeat-x;
  display: table;
  min-height: 100%;
  height: 100% !important;
  width: 100%
}

#menu-leftbg a:first-child {
  padding-left: 0
}

#menu-leftbg .sub {
  font-size: 10px;
  margin-left: 20px
}

#menu-leftbg a {
  font-family: Sans-Serif;
  padding-left: 10px;
  display: block;
  line-height: 180%;
  vertical-align: middle;
  font-size: 130%;
  color: #fff
}

#menu-leftbg a:hover {
  text-decoration: none;
  background-color: #666;
  color: #fff
}

#menu-leftbg .m {
  margin-left: 10px
}

#menu-leftbg .selected {
  text-decoration: none;
  color: #fff
}

#menu-leftbg img {
  display: inline
}

#menu-leftbg_p {
  z-index: 102;
  position: fixed;
  overflow-y: scroll;
  overflow-x: none;
  width: 100%;
  right: 0;
  bottom: 0;
  top: 40px;
  background: #35373b;
  overflow-y: scoll;
  overflow-x: none
}

#menu-leftbg_p a {
  font-family: Sans-Serif;
  border-bottom: 1px solid #000;
  padding-left: 10px;
  display: block;
  line-height: 40px;
  vertical-align: middle;
  font-size: 160%;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
  font-weight: 500
}

#menu-leftbg_p a:hover {
  text-decoration: none;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .65)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%)
}

#menu-leftbg_p .selected {
  text-decoration: none;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
  background: -moz-linear-gradient(top, rgba(62, 65, 70, .65) 0, rgba(62, 65, 70, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(62, 65, 70, .65)), color-stop(100%, rgba(62, 65, 70, 0)));
  background: -webkit-linear-gradient(top, rgba(62, 65, 70, .65) 0, rgba(62, 65, 70, 0) 100%);
  background: -o-linear-gradient(top, rgba(62, 65, 70, .65) 0, rgba(62, 65, 70, 0) 100%);
  background: -ms-linear-gradient(top, rgba(62, 65, 70, .65) 0, rgba(62, 65, 70, 0) 100%);
  background: linear-gradient(to bottom, rgba(62, 65, 70, .65) 0, rgba(62, 65, 70, 0) 100%)
}

#menu-leftbg_p img {
  display: inline
}

#content {
  width: 975px
}

#contentBOdy {
  padding-top: 50px;
  color: #333;
  min-height: 100px;
  padding-bottom: 50px
}

#h {
  background: url(/i/i_31.png) right top repeat-y
}

#h2 {
  background: url(/i/i_35.png) left top repeat-y
}

#bottom {
  background: #151515;
  vertical-align: middle
}

#facebookLikeBtn {
  width: 150px
}

form input[type=button] {
  font-size: 20px;
  margin: 10px 0 10px 0;
  color: #fff;
  border: 1px solid #ccc;
  padding: 5px 15px;
  background: #d74c5f;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

form input[type=button]:focus {
  border-color: orange
}

.sochialbutton div,
.sochialbutton iframe,
.sochialbutton span {
  position: inherit;
  left: auto;
  right: auto;
  display: inline-block
}

#bottom td {
  padding: 10px
}

#menu-bottom a {
  font-family: Sans-Serif;
  padding: 15px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 40px
}

#MSGWRITER {
  overflow: hidden;
  z-index: 1600;
  top: 0;
  right: 0;
  bottom: 50px;
  left: 0;
  position: fixed;
  padding: 0;
  display: none
}

#loader {
  z-index: 57;
  position: fixed;
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center
}

#loader div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  margin: auto
}

#loader2 {
  z-index: 58;
  position: fixed;
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center
}

#loader2 div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  margin: auto
}

#loader2 div img {
  position: absolute;
  top: -16px;
  left: -16px;
  vertical-align: middle;
  background: 0 0;
  border: none;
  padding: 0
}

#event {
  overflow: hidden;
  display: none;
  z-index: 99;
  width: 320px;
  min-height: 36px;
  position: fixed;
  padding: 0;
  text-align: center;
  vertical-align: bottom;
  bottom: 0;
  right: 15px
}

.contetntopview {
  background: rgba(0, 0, 0, .5);
  display: table;
  width: 100%
}

.contetntopview .topviewblolck {
  color: #fff;
  display: table-cell;
  width: auto;
  min-width: 40px;
  height: 30px;
  vertical-align: middle
}

.contetntopview .topviewblolck i {
  font-size: 26px
}

.contetntopview .topviewblolck a {
  color: #fff;
  vertical-align: middle
}

.contetntopview .topviewblolck img {
  margin-left: 10px;
  color: #fff;
  line-height: 30px;
  vertical-align: middle
}

.contetntopview .icon div {
  color: #fff
}

.contetntopview .add {
  float: right
}

hr {
  height: 1px;
  color: #fff;
  background-color: none;
  border: 0;
  border-bottom: 1px dotted #ccc;
  width: 100%;
  clear: both
}

.secondcol {
  width: 230px
}

.thirdcol {
  width: 190px
}

.secondcol,
.thirdcol {
  background: url(/i/seporator/column-shadow.png) 0 0 repeat-y;
  margin: 0;
  padding: 0
}

.accent {
  height: 1px;
  overflow: hidden;
  background: #1a2c78;
  margin: 5px 15px
}

.accent .accent-right {
  float: right;
  width: 60px;
  height: 1px;
  background: url(/i/seporator/accent-top-right.png) 100% 0 no-repeat
}

.accent .accent-left {
  float: left;
  width: 60px;
  height: 1px;
  background: url(/i/seporator/accent-top-left.png) 0 0 no-repeat
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px
}

::-webkit-scrollbar-track {
  cursor: pointer;
  background: #fff
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: rgba(0, 0, 0, .2)
}

#menu-leftbg a.buttonEnter {
  display: block;
  padding: 15px 15px 15px 25px;
  font-size: 14px;
  font-family: Sans-Serif;
  color: #fff;
  font-weight: 500
}

#menu-leftbg a.buttonEnter:before {
  font-size: 30px;
  margin-right: 10px;
  display: inline-block;
  font-family: FontAwesome;
  content: "\f2be";
  vertical-align: middle
}

#menu-leftbg a.buttonEnter:hover {
  cursor: pointer;
  background-color: #171717
}

#loginForm {
  width: 100%
}

#loginForm .loginelement {
  width: 20%;
  margin: 10px 10px 10px 5px;
  border: 1px solid red;
  float: left
}

#loginForm .enter {
  background-color: #aaa;
  padding: 5px
}

#loginForm form {
  margin: 0;
  padding: 0;
  color: #222
}

#loginForm a {
  color: #fff;
  display: inline;
  font-size: 12px;
  text-decoration: none
}

#loginForm2 div {
  width: 100%;
  text-align: left;
  font-size: 22px;
  color: #000;
  font-family: Sans-Serif, serif;
  margin: 0 auto
}

#forgotForm input,
#loginForm input,
#loginForm2 input {
  border: 1px solid #ccc;
  background: #e2e2e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  -webkit-box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  -moz-box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  padding: 8px;
  width: 100%;
  box-sizing: border-box
}

#maincol h1 {
  text-shadow: 1px 1px #fff;
  margin-left: 15px;
  padding-bottom: 5px;
  font-style: italic;
  font-family: Sans-Serif, serif !important
}

#maincol h2 {
  margin-right: 15px;
  padding-bottom: 5px
}

h1 {
  margin-left: 0;
  font-family: Sans-Serif, sans-serif;
  color: #333;
  font-size: 32px
}

h2 {
  line-height: 24px;
  font-family: Sans-Serif, serif;
  font-style: italic;
  color: #d74c5f;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 0 25px;
  padding: 0
}

h3 {
  margin: 25px;
  font-family: Sans-Serif, serif;
  font-style: italic;
  color: #fff;
  font-size: 20px;
  line-height: 18px;
  text-align: left
}

.h22 {
  display: block;
  cursor: pointer;
  font-size: 24px;
  color: #fff;
  position: absolute;
  font-family: Sans-Serif;
  top: 8px;
  left: 20px;
  font-style: italic
}

.h22:hover {
  color: #f2f2f2
}

.lrmargin20 {
  margin: 0 15px;
  box-sizing: border-box
}

.jokes,
.mov {
  position: relative;
  overflow: hidden
}

.mov .cinbox {
  position: relative;
  width: 20%;
  min-width: 124px;
  height: 180px;
  overflow: hidden;
  float: left
}

.adv h3,
.afisha h3,
.cat h3,
.news h3,
.pub h3 {
  margin-left: 25px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  color: #404a59;
  font-size: 16px;
  line-height: 18px;
  text-align: left
}

.jokes h3 {
  margin-left: 25px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  font-style: normal !important;
  color: #404a59;
  font-size: 16px;
  line-height: 18px;
  text-align: left
}

.menuCR {
  bordre: 2px solid #fff;
  z-index: 20;
  position: relative;
  float: right;
  width: 18px;
  height: 18px;
  cursor: pointer
}

.menuCR i {
  font-size: 18px
}

.menuCR div {
  padding: 5px;
  width: 150px;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 2px 9px 0 rgba(50, 50, 50, .75);
  -moz-box-shadow: 0 2px 9px 0 rgba(50, 50, 50, .75);
  box-shadow: 0 2px 9px 0 rgba(50, 50, 50, .75);
  position: absolute;
  top: 18px;
  right: 0;
  display: none
}

.menuCR div a {
  border-bottom: 1px dotted #fff;
  margin-bottom: 3px;
  font-size: 11px !important;
  height: 20px;
  padding-left: 5px;
  cursor: pointer;
  line-height: 20px;
  display: block
}

.menuCR div a:hover {
  background-color: #fff;
  background-position-x: 3px
}

.menuCR .edit:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f044"
}

.menuCR .remove:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f00d"
}

.menuCR .pid_adult0:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f1ae"
}

.menuCR .pid_onoff0:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f205"
}

.menuCR .pid_auth0:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f13e"
}

.menuCR .pid_adult1:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f1ae"
}

.menuCR .pid_onoff1:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f204"
}

.menuCR .pid_auth1:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f023"
}

.cpid {
  border: 1px solid #f2f2f2;
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 5px
}

.cpid_adult0 {
  background: 0 0
}

.cpid_onoff0 {
  background: #ccc
}

.cpid_auth0 {
  background: 0 0
}

.cpid_onoff1 {
  background: 0 0
}

.cpid_adult1 {
  background: #ca6360
}

.cpid_auth1 {
  background: #eadd84
}

.LM h3 {
  margin: 5px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  color: #404a59;
  font-size: 14px;
  line-height: 16px;
  text-align: left
}

h4 {
  border: 1px solid #f2f2f2;
  color: #404a59;
  font-size: 16px;
  background: url(/i/bg_h.gif) repeat-x;
  margin: 0;
  padding: 5px
}

h5 {
  color: #404a59;
  font-size: 16px;
  margin: 0;
  padding: 5px 5px 5px 15px
}

.secondcol h2,
.thirdcol h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 15px 5px 5px 15px
}

.adverticement_tree {
  white-space: nowrap;
  position: relative;
  margin-bottom: 3px
}

.adverticement_tree a {
  padding: 5px 0 5px 15px;
  display: inline !important;
  font-weight: 500;
  font-size: 14px;
  color: #404a59;
  font-family: Sans-Serif, Helvetica, sans-serif;
  text-decoration: none
}

.adverticement_tree_sub {
  margin-left: 5px;
  padding-right: 3px;
  padding-left: 25px;
  background: url(/i/joinbottom.gif) left top no-repeat
}

.adverticement_tree_sub a {
  font-weight: 500;
  font-size: 14px;
  color: #ccc;
  display: inline !important;
  font-family: Sans-Serif, Sans-Serif, Helvetica, sans-serif;
  text-decoration: none
}

.adverticement_tree_sub_sub {
  margin-left: 10px;
  padding-right: 5px;
  padding-left: 30px;
  background: url(/i/joinbottom.gif) left top no-repeat
}

.tree {
  margin-left: 15px;
  padding-right: 15px;
  line-height: 20px
}

.tree div {
  margin-left: 15px
}

.tree div a {
  font-weight: 400
}

.tree .selected {
  color: #bf4240;
  font-family: Sans-Serif;
  text-decoration: underline
}

.tree a {
  display: block;
  line-height: 100%;
  padding: 3px
}

.tree a:hover {
  background-color: #f2f2f2
}

.catalog_tree {
  margin-left: 15px;
  padding-right: 15px;
  line-height: 20px
}

.icophone {
  background: url(/i/phone.png) 0 0 no-repeat;
  padding-left: 30px
}

.boxerror {
  display: none;
  background-color: #fff;
  padding-left: 48px;
  width: 200px;
  color: #900000;
  padding-top: 2px;
  position: absolute;
  height: 16px;
  margin-top: 3px;
  background-color: #fff
}

.pub_tree {
  padding: 3px 0 3px 20px;
  display: block
}

.pub_tree:hover {
  background-color: #f2f2f2
}

.pub_tree_sub {
  padding: 3px 0 3px 20px;
  background: url(/i/joinbottom.gif) left top no-repeat;
  display: block
}

.catalog_tree span,
.pub_tree span {
  color: #0863b6;
  font-size: 10px;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: 400
}

.catalog_tree label {
  font-family: Sans-Serif !important;
  font-style: normal !important
}

.catalog_tree label:hover {
  color: #d00
}

.subList {
  margin-left: 35px;
  padding-bottom: 15px;
  padding-top: 5px
}

.subList a {
  font-size: 11px;
  color: #404a59;
  font-family: Sans-Serif, Helvetica, sans-serif;
  text-decoration: underline
}

#searchForm td {
  color: #40454b;
  font-size: 11px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  line-height: 11px
}

#searchForm form {
  z-index: 99;
  margin: 0;
  padding: 0
}

#searchForm input {
  width: 160px;
  height: 17px;
  border: 1px solid #a9a9a9;
  vertical-align: top;
  font-size: 11px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  text-align: left;
  margin: 0 5px 0 0;
  padding: 0 0 0 2px
}

#searchForm select {
  width: 153px;
  height: 19px;
  border: 1px solid #a9a9a9;
  font-size: 11px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  margin: 0 5px 0 0;
  padding: 0 0 0 2px
}

.Newsname {
  font-family: Sans-Serif, Helvetica, sans-serif;
  font-weight: 500;
  padding-left: 0;
  color: #404a59;
  font-size: 16px
}

.pmain {
  height: 47px;
  position: relative;
  right: 0;
  left: 0
}

.pmain .smalllink {
  bottom: -18px;
  z-index: 22;
  position: absolute;
  background: url(/i/bg_h.gif) top left repeat-x;
  text-align: center;
  width: auto;
  padding: 5px;
  font-size: 10px
}

#maincol .pmain h2 {
  display: block;
  cursor: pointer;
  font-size: 24px;
  color: #fff;
  position: absolute;
  font-family: Sans-Serif;
  top: 15px;
  left: 0
}

#maincol .pmain .t16 {
  font-size: 16px
}

#maincol .pmain .nav {
  position: absolute;
  right: 0;
  top: 10px
}

#maincol .pmain .nav A {
  font-family: Sans-Serif;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #cfd1d4;
  margin-left: 1px;
  margin-right: 1px;
  color: #565656;
  text-decoration: none;
  padding: 4px 8px;
  -moz-box-shadow: inset 1px 1px 3px #666;
  -webkit-box-shadow: inset 1px 1px 3px #666;
  box-shadow: inset 1px 1px 3px #666
}

#maincol .pmain .nav A:hover {
  text-shadow: 1px 1px 1px #000;
  border: 1px solid #fff;
  color: #fff;
  background-color: #222;
  text-decoration: none
}

.jokes_limit a {
  padding: 5px 15px;
  display: block
}

.loadingC {
  border: 1px dotted #ccc;
  height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  background: url(/i/wait.gif) top no-repeat
}

.newsmain {
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%
}

.newsmain .h2 {
  font-family: Sans-Serif;
  font-size: 18px;
  line-height: 18px;
  color: #333;
  margin: 3px 5px 12px;
  display: block
}

.newsmain img {
  object-fit: cover;
  object-position: center;
  height: 150px;
  width: 100%;
  border: 1px solid #fff;
  -moz-box-shadow: 1px 1px 5px #666;
  -webkit-box-shadow: 1px 1px 5px #666;
  box-shadow: 1px 1px 10px #666;
  margin: auto
}

.newsmain .textarea {
  color: #444;
  height: 140px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin: 0 10px 5px 5px;
  font-size: 12px
}

#newsshow_all,
.newsshow_all {
  position: relative
}

#newsshow_all .newspreview,
.newsshow_all .newspreview {
  overflow: hidden;
  float: left;
  width: 33%;
  height: 245px
}

#newsshow_all .newspreview:hover {
  opacity: .8
}

#newsshow_all .mainpic,
.newsshow_all .mainpic {
  margin: 15px 3px 5px 5px;
  display: block
}

.news .h2 {
  font-weight: 500;
  font-size: 14px;
  color: orange
}

.afisha h1,
.jokes h1,
.mov h1,
.news h1,
.pub h1,
.vsvotes h1 {
  font-size: 26px
}

.afisha td,
.jokes td,
.mov td,
.news td {
  font-size: 11px;
  font-family: Sans-Serif, Helvetica, sans-serif
}

article {
  clear: both;
  max-width: 600px;
  margin: auto
}

.afisha .text,
.catalog .text,
.jokes .text,
.mov .text,
.news .text,
.pub .text {
  font-size: 14px;
  font-family: Sans-Serif, serif;
  font-weight: 300;
  text-align: left;
  color: #000;
  min-height: 150px
}

.afisha .text strong,
.catalog .text strong,
.jokes .text strong,
.mov .text strong,
.news .text strong,
.pub .text strong {
  font-weight: 700
}

.commentform,
.commentlist {
  margin-top: 25px;
  max-width: 600px;
  margin: auto
}

.commentavatar {
  border-radius: 50px;
  margin: 10px
}

.afisha .text .photo,
.catalog .text .photo,
.infomap .photo,
.jokes .text .photo,
.mov .text .photo,
.news .text .photo,
.pub .text .photo {
  margin-right: 15px
}

.afisha br,
.jokes br,
.mov br,
.news br,
.pub br,
.vsvotes br {
  text-indent: 15px
}

.afisha .userName,
.jokes .userName,
.mov .userName,
.news .userName,
.pub .userName {
  font-size: 11px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  color: #06c;
  text-decoration: underline
}

.fabottom {
  color: #fff !important;
  background: 0 0 !important;
  font-size: 14px !important
}

#bottom .fa {
  padding: 10px;
  font-size: 15px;
  width: 20px;
  text-align: center;
  text-decoration: none
}

#sochialshare {
  display: table;
  float: right
}

#sochialshare div {
  display: table-row
}

#sochialshare .fa {
  display: table-cell;
  padding: 5px 20px;
  font-size: 14px;
  color: #222;
  text-align: center;
  opacity: .7;
  text-decoration: none
}

#sochialshare .fa:hover {
  color: #3b5998 !important
}

.fa-facebook:hover {
  color: #3b5998 !important
}

.fa-vk:hover {
  color: #3b5998 !important
}

.fa-odnoklassniki:hover {
  color: #f68634 !important
}

.fa-google:hover {
  color: #dd4b39 !important
}

.fa-at:hover {
  color: #3688c8 !important
}

.fa-pencil:hover {
  color: #306599 !important
}

.agreement-cookies-status-wrap {
  background: #f1f1f1;
  position: fixed;
  bottom: 30px;
  left: 0;
  right: 0;
  max-width: 600px;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  z-index: 9990;
  text-align: center;
  opacity: 1;
  margin: auto;
  visibility: visible;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .55);
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .55);
  -o-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .55);
  -webkit-transition: opacity .5s, visibility;
  -moz-transition: opacity .5s, visibility;
  -o-transition: opacity .5s, visibility;
  transition: opacity .5s, visibility;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, .33)
}

.agreement-cookies-status-wrap.hide {
  opacity: 0;
  visibility: hidden
}

.agreement-cookies-status-text {
  max-width: 500px;
  width: 100%;
  margin: 0 auto 15px
}

.agreement-cookies-status-wrap a {
  font-size: 14px
}

.agreement-cookies-status-wrap a.text-button {
  color: #f5310b;
  text-decoration: none
}

.agreement-cookies-status-wrap a.text-button:hover {
  text-decoration: underline
}

.agreement-cookies-status-wrap .button {
  padding-left: 17px;
  display: inline-block;
  margin-right: 5px;
  background: #ff4c00;
  background: -moz-linear-gradient(top, #ff4c00 0, #c90803 100%);
  background: -webkit-linear-gradient(top, #ff4c00 0, #c90803 100%);
  background: linear-gradient(to bottom, #ff4c00 0, #c90803 100%);
  text-decoration: none;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-align: center
}

.agreement-cookies-status-wrap .button span {
  cursor: pointer;
  color: #fff;
  display: block;
  padding: 9px 17px 9px 2px;
  -moz-border-radius: 0 5px 5px 0;
  -khtml-border-radius: 0 5px 5px 0
}

.pubboxuserpage font,
.pubboxuserpage strong {
  font-size: 18px
}

.pubboxuserpage {
  margin: 0;
  padding: 0;
  font-size: 0
}

.secondcol .pubboxuserpage,
.thirdcol .pubboxuserpage {
  -moz-column-count: 1 !important;
  -webkit-column-count: 1 !important;
  column-count: 1 !important
}

.secondcol .pubboxuserpage a,
.thirdcol .pubboxuserpage a {
  font-size: 14px !important
}

.pubboxuserpage iframe,
.pubboxuserpage img {
  max-width: 100%;
  height: auto;
  display: block
}

.pubboxuserpage .pubinfoboxuserpage {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative
}

.pubboxuserpage .pubinfoboxuserpage .pubroundno {
  background: #fff;
  margin: 5px auto 5px auto;
  top: 10px;
  width: 96%;
  box-shadow: 0 0 4px 0 #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.pubboxuserpage .pubinfoboxuserpage .pubround {
  margin: 0 auto 10px auto;
  position: relative;
  top: 10px;
  width: 90%
}

.pubboxuserpage .pubinfoboxuserpage a {
  font-size: 20px;
  font-weight: 700;
  font-family: Sans-Serif;
  color: #000
}

.pubboxuserpage .pubinfoboxuserpage .desc {
  font-size: 14px
}

.pubboxuserpage .pubinfoboxuserpage .categ {
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-shadow: 0 0 1px #000
}

.pubbox .afishainfobox .afishadesc,
.pubbox .pubinfobox .pubdesc {
  float: right;
  font-size: 13px;
  color: #999
}

.vsvotes .datetime {
  font-size: 16px;
  text-align: center;
  font-family: Sans-Serif, serif
}

.vsvotes .datetime div {
  font-size: 16px
}

#viewMove .movieView {
  width: auto
}

#viewMove .movieView .nameM {
  color: #be413e;
  text-align: right
}

#viewMove .movieView td {
  padding: 4px;
  border-bottom: 1px dotted #999
}

#viewMove h2,
.mov h2 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #666
}

#viewMove code,
.mov code {
  line-height: 16px;
  font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif
}

#viewMove strong,
.mov strong {
  color: #333;
  font-family: Sans-Serif;
  font-weight: 500;
  font-size: 12px
}

.up {
  float: right;
  background: url(/i/dosug_md_sprite.png) 0 -785px no-repeat;
  padding-left: 15px;
  margin-right: 15px
}

div.alert {
  color: #c00;
  background: #ffd6d6
}

div.alert::before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f071"
}

div.info {
  color: #000;
  background: #f2f2f2
}

div.info::before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f05a"
}

div.note {
  color: #b79000;
  border: 3px solid #fde179;
  border-bottom: 3px solid #fde179;
  background: #fef6d8
}

div.note::before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f249"
}

div.download {
  color: #57861a;
  color: #1a2c78;
  border: 3px solid #c2df88;
  border-bottom: 3px solid #c2df88;
  background: url(/i/status-download.png) 10px 10px no-repeat #eef7dd
}

div.download::before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f019"
}

div.alert,
div.download,
div.info,
div.note {
  font-size: 14px;
  text-align: left;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 10px 10px 15px;
  margin: 10px 0 10px 0;
  width: auto
}

.nv {
  list-style-type: none
}

.nv li:first-child {
  background: 0 0 !important
}

.nv li {
  display: inline;
  padding-left: 5px
}

.nv li:first-child:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f015"
}

.nv li:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f178"
}

.nv img {
  margin-top: 4px
}

.nv a {
  color: #000;
  margin-right: 5px;
  padding-right: 5px;
  padding-top: 5px
}

.opisanie {
  background: red;
  color: #fff;
  text-decoration: none;
  padding: 5px
}

.opisanieRemove {
  background: #f2f2f2;
  color: #999;
  text-decoration: none;
  padding: 5px
}

.back:before {
  padding-left: 10px;
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f104"
}

.close {
  width: 10px;
  height: 10px;
  color: #d74c5f;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  display: none;
  padding: 0
}

.separator {
  border-bottom: 1px dashed #f2f2f2;
  height: 1px;
  clear: both;
  margin-bottom: 15px;
  margin-top: 15px
}

.textarea {
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif
}

.nav {
  line-height: 18px;
  white-space: nowrap;
  font-size: 11px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  font-weight: 500;
  text-align: center;
  margin: 5px auto
}

.nav A {
  font-family: Sans-Serif;
  background-color: #fff;
  border: 1px solid #cfd1d4;
  margin-left: 1px;
  margin-right: 1px;
  color: #565656;
  text-decoration: none;
  padding: 8px 16px
}

.nav A:hover {
  text-shadow: 1px 1px 1px #000;
  -moz-box-shadow: inset 1px 1px 3px #666;
  -webkit-box-shadow: inset 1px 1px 3px #666;
  box-shadow: inset 1px 1px 3px #666;
  border: 1px solid #fff;
  color: #fff;
  background-color: #3e4146;
  text-decoration: none
}

.nav input[type=text] {
  height: 32px;
  width: 60px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 11px;
  box-sizing: border-box;
  padding: 4px 8px;
  background: orange;
  border: 1px solid #cfd1d4;
  margin-left: 1px;
  margin-right: 1px;
  color: #fff
}

.nav table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%
}

.nav table td {
  padding: 0;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle
}

.nav .left {
  text-align: right
}

.nav .right {
  text-align: left
}

.nav .left,
.nav .right {
  width: 110px
}

.nav .spaser {
  width: 5px
}

.nav span {
  display: block;
  padding: 3px 0;
  color: #fff
}

.nav span a {
  text-shadow: 1px 1px 1px #ccc;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #cfd1d4;
  margin-left: 1px;
  margin-right: 1px;
  color: #565656;
  text-decoration: none;
  padding: 4px 8px
}

.nav span .cur {
  text-shadow: 1px 1px 1px #000;
  background: #c55451;
  color: #fff;
  border: #fff 1px solid
}

.nav .scroll_bar {
  width: 100%;
  height: 20px;
  position: relative;
  margin-top: 10px
}

.nav .scroll_trough {
  width: 100%;
  height: 4px;
  background: #ccc;
  overflow: hidden;
  cursor: pointer
}

.nav .scroll_thumb {
  position: absolute;
  z-index: 2;
  width: 8px;
  height: 4px;
  top: 0;
  left: 0;
  font-size: 1px;
  background: #363636
}

.nav .scroll_knob {
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background: url(/i/slider_knob.gif) no-repeat 50% 50%;
  cursor: move
}

.nav .current_page_mark {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 3px;
  height: 4px;
  overflow: hidden;
  background: #55a6d9;
  cursor: pointer
}

.transparent {
  opacity: .8;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 55
}

.textInfoBox {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  color: #999;
  padding: 15px
}

.textInfoBox div {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  color: #999;
  text-align: center;
  line-height: 11px
}

.smoll {
  font-size: 1px
}

.bottom_text {
  color: #f2f2f2
}

#addToursForm strong {
  font-size: 18px;
  font-family: Sans-Serif;
  font-weight: 500
}

.bottom_text strong {
  font-family: Sans-Serif;
  font-weight: 500
}

.form {
  width: 100%;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0
}

.form:focus {
  border: 1px solid #019201;
  background-color: #fff
}

.form_div {
  margin-top: 2px
}

.formregistartion td {
  padding-top: 5px
}

input[type=number],
input[type=password],
input[type=text] {
  border: 1px solid #ccc;
  background: #e2e2e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  -webkit-box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  -moz-box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  font-size: 18px
}

textarea {
  border: 1px solid #ccc;
  background: #e2e2e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  -webkit-box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  -moz-box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0, inset rgba(000, 000, 000, .7) 0 0 0;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px
}

select {
  padding: 5px;
  display: inline;
  background: #e2e2e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 150px;
  font-size: 24px;
  color: #000;
  border: 1px solid #ccc;
  width: 100%
}

.formalert {
  text-align: right;
  display: none;
  background: #fff;
  width: 90%;
  color: #d74c5f;
  padding-top: 3px;
  height: 20px
}

a.sitemap-mini {
  background: url(/i/dosug_md_sprite.png) 0 3px no-repeat;
  padding-left: 14px;
  color: #3ba5cf;
  text-decoration: none;
  margin-left: 10px
}

a.sitemap-mini:visited {
  color: #3ba5cf
}

a.sitemap-mini:hover {
  color: #369;
  text-decoration: none
}

a.validhtml-mini {
  background: url(/i/dosug_md_sprite.png) 0 -22px no-repeat;
  padding-left: 13px;
  color: #80c43d;
  text-decoration: none;
  margin-left: 10px
}

a.validhtml-mini:visited {
  color: #80c43d
}

a.validhtml-mini:hover {
  color: #063;
  text-decoration: none
}

a.validcss-mini {
  background: url(/i/dosug_md_sprite.png) 0 -10px no-repeat;
  padding-left: 13px;
  color: #f69b19;
  text-decoration: none;
  margin-left: 10px
}

a.validcss-mini:visited {
  color: #f90
}

a.validcss-mini:hover {
  color: #f30;
  text-decoration: none
}

a.rss-mini {
  background: url(/i/dosug_md_sprite.png) 0 -35px no-repeat;
  padding-left: 14px;
  color: #eb7e33;
  text-decoration: none;
  margin-left: 10px
}

a.rss-mini:visited {
  color: #fc3
}

a.rss-mini:hover {
  color: #d74c5f;
  text-decoration: none
}

.listAlbum {
  height: 155px;
  float: left;
  width: 124px;
  cursor: pointer;
  text-align: left;
  position: relative;
  font-size: 10px;
  background: #fff;
  margin-right: 15px;
  margin-bottom: 15px;
  position: relative
}

.listAlbum a {
  color: #d74c5f
}

.listAlbum a:hover {
  color: #d74c5f
}

.photoAlbumCorner {
  display: block;
  position: relative;
  width: inherit;
  height: 120px
}

.photoAlbumCorner span {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  color: #d74c5f;
  top: 4px;
  right: 3px;
  padding: 5px 8px;
  text-align: right;
  background: url(/i/photoAlbumCorner.png) right top no-repeat;
  z-index: 4;
  font-weight: 500
}

.photoAlbumCorner img {
  border: 1px solid #c5d8dc;
  margin: 6px;
  padding: 6px
}

.photo {
  display: block;
  position: relative;
  width: 110px;
  height: 110px;
  float: left;
  -moz-border-radius: 20px 20px 20px 0;
  -webkit-border-radius: 20px 20px 20px 0;
  border-radius: 150px 150px 150px 150px
}

article .photo {
  display: block;
  position: relative;
  width: 30%;
  min-width: 110px;
  height: auto;
  float: left;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important
}

article .photo img {
  box-sizing: border-box;
  float: right;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
  height: auto;
  object-fit: contain !important
}

.photo span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: url(/i/glossy-gradient100.png) 2px 1px no-repeat;
  background-size: cover
}

.gallery {
  margin: 10px 10px 0;
  padding: 0;
  display: block;
  position: relative;
  width: 104px;
  height: 104px;
  float: left
}

.gallery span {
  cursor: url(/i/cursor/lupa.svg), url(/i/cursor/lupa.cur), auto;
  width: 118px;
  height: 118px;
  display: block;
  position: absolute;
  top: -3px;
  left: -8px;
  background: url(/i/glossy-gradient100_gallery.png) 0 0 no-repeat;
  z-index: 3
}

.gallery img {
  float: right;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px
}

.photo img,
.photoUser img {
  box-sizing: border-box;
  float: right;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.photoUser {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  float: left;
  margin: 10px
}

.frendsImagesBlock {
  width: 9%;
  box-sizing: border-box;
  float: left;
  border: 1px solid #f2f2f2;
  margin: 3px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.frendsImagesBlock a {
  display: block;
  overflow: hidden
}

.frendsImagesBlock a img {
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: auto
}

.frendsImagesBlock .username {
  display: block;
  overflow: hidden;
  height: 40px;
  text-align: center;
  background-color: #f2f2f2
}

.photoUser59x59 {
  width: 55px;
  height: 55px;
  position: relative;
  display: block;
  float: left;
  margin-left: auto;
  margin-right: auto
}

.photoUser59x59 img {
  border: 1px solid #ccc;
  width: 55px;
  height: 55px
}

.photoUser59x59 span {
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(/i/glossy-gradient55.png) no-repeat
}

.gallery-box-menu {
  width: 150px;
  height: 250px;
  display: block;
  position: absolute;
  top: -3px;
  left: -4px;
  z-index: 1;
  background: #000
}

.BTN_Answer {
  color: #222;
  font-size: 10px;
  font-family: sans-serif;
  text-decoration: none;
  background: url(/i/btn/btn_answer.gif) 0 1px no-repeat;
  height: 20px;
  width: 130px;
  vertical-align: middle;
  padding-top: 3px;
  font-weight: 500;
  cursor: pointer
}

.BTN_Answer a {
  padding-left: 70px
}

.BTN_Comments {
  color: #222;
  font-size: 10px;
  font-family: sans-serif;
  text-decoration: none;
  background: url(/i/btn/btn_comments.gif) 0 1px no-repeat;
  height: 20px;
  width: 130px;
  vertical-align: middle;
  padding-top: 3px;
  font-weight: 500;
  cursor: pointer
}

.BTN_Comments a {
  padding-left: 100px
}

header h1 {
  margin-right: 15px
}

#comments_limit {
  padding: 10px;
  pwidth: 100%;
  margin: 0
}

#comments_limit a:hover {
  color: #d74c5f
}

.commenttextarea {
  min-height: 40px;
  background-color: #f2f2f2;
  padding: 10px;
  min-width: 200px;
  margin-right: 5px;
  -moz-border-radius: 20px 20px 20px 0;
  -webkit-border-radius: 20px 20px 20px 0;
  border-radius: 20px 20px 20px 0;
  -moz-box-shadow: 1px 1px 5px #ccc;
  -webkit-box-shadow: 1px 1px 5px #ccc;
  box-shadow: 1px 1px 5px #ccc
}

.commentpr {
  -moz-box-shadow: 1px 1px 5px #ccc;
  -webkit-box-shadow: 1px 1px 5px #ccc;
  box-shadow: 1px 1px 5px #ccc;
  width: 200px;
  display: none;
  background-color: #ddd;
  -moz-border-radius: 20px 0;
  -webkit-border-radius: 20px 0 20px 0;
  border-radius: 20px 0 20px 0;
  padding: 5px
}

.commentpr td {
  width: 32px;
  text-align: center;
  vertical-align: top
}

.commentpr td .answer {
  background-color: #ddd;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  padding: 5px
}

.albompr {
  -moz-box-shadow: 1px 1px 5px #ccc;
  -webkit-box-shadow: 1px 1px 5px #ccc;
  box-shadow: 1px 1px 10px #ccc;
  width: 350px;
  display: none;
  background-color: #fff;
  padding: 5px
}

.menubox div {
  height: 22px
}

.BANNERBOTTOMBOTTOM {
  margin: 1px;
  display: inline-block
}

.BANNERBOTTOMBOTTOM img {
  opacity: .2
}

#bannerTopTop div {
  margin: 0 auto;
  width: 991px;
  max-height: 90px;
  overflow: hidden;
  padding: 0
}

#bannerTop {
  position: absolute;
  right: 0;
  padding-top: 5px;
  text-align: left
}

#bannerBottomBottom div {
  padding: 0;
  float: left;
  display: block
}

#bannerTop div {
  margin-right: 10px;
  margin-left: 5px;
  padding: 0;
  float: left;
  display: block
}

#bannerBottom div {
  margin-right: 5px;
  padding: 0;
  float: left;
  display: block
}

.BANNERRIGHTBOTTOM {
  text-align: center
}

#bannerRight {
  overflow: hidden;
  width: 190px
}

#bannerRight div {
  display: block;
  margin: 5px auto;
  width: 190px;
  text-align: center
}

.banner72815 {
  width: auto;
  overflow: hidden;
  text-align: center
}

#photoViewWindow {
  position: absolute;
  height: 100%;
  width: 100%
}

#BigSearch {
  margin: 0;
  padding: 0;
  width: 500px;
  position: absolute;
  z-index: 20;
  top: 30px;
  left: 350px;
  height: 35px
}

#BigSearch #q {
  padding: 0 0 0 10px;
  line-height: 20px;
  font-size: 20px;
  width: 485px;
  border: 5px solid #3a4750;
  height: 30px;
  color: #666;
  margin: 0;
  background: #fff;
  outline: 0;
  font-family: Sans-Serifn;
  color: #000;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px #666;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fff 0, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fff 0, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fff 0, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fff 0, #e5e5e5 100%)
}

#BigSearch #qBTN {
  width: 31px;
  height: 27px;
  font-weight: 500;
  color: #666;
  background: #c14946 url(/i/dosug_md_sprite.png) 0 -118px no-repeat;
  position: absolute;
  right: -5px;
  top: 6px;
  border: 0;
  z-index: 99;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px
}

#BigSearch #qBTN:hover {
  cursor: pointer
}

#exchangeConverter input {
  width: 65px;
  color: #000;
  font-family: Sans-Serif, Helvetica, sans-serif;
  box-sizing: border-box;
  padding: 5px;
  height: 25px;
  margin: 2px;
  line-height: 11px;
  font-size: 11px;
  border: 1px solid #ccc
}

#exchangeConverter td {
  vertical-align: middle;
  height: 22px;
  text-align: center
}

#exchangeConverterAll {
  background-color: #f0f8ff;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0
}

#exchangeConverterAll input {
  box-sizing: border-box;
  padding: 5px;
  color: #000;
  font-family: Sans-Serif, Helvetica, sans-serif;
  height: 25px;
  line-height: 11px;
  font-size: 14px;
  border: 1px solid #ccc;
  margin: 2px
}

#exchangeConverterAll input[type=checkbox] {
  width: 20px !important;
  padding: 0
}

#exchangeConverterAll table {
  display: block;
  float: left;
  border-left: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
  width: 33%
}

#exchangeConverterAll td:first-child {
  width: 30px !important;
  box-sizing: border-box;
  paddin: 0
}

#exchangeConverterAll td:nth-child(2) {
  width: 60px;
  text-align: left;
  font-family: Sans-Serif;
  font-size: 18px
}

#exchangeConverterAll td:nth-child(2) sup {
  font-family: Sans-Serif;
  font-size: 8px
}

#exchangeConverterAll td:nth-child(3) {
  width: 60px;
  text-align: right;
  font-family: Sans-Serif;
  font-size: 16px
}

#exchangeConverterAll td:last-child {
  width: 80px
}

#exchangeConverterAll td {
  vertical-align: middle;
  height: 22px;
  text-align: center;
  padding: 2px
}

#userPage td {
  font-size: 11px;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  padding-left: 5px;
  line-height: 16px
}

#userPage td a {
  color: #818180;
  font-weight: 500
}

#userPage .red a {
  color: #8d2800;
  font-weight: 500
}

#restricted {
  color: #fff;
  margin: 0;
  padding: 0
}

#restricted li {
  list-style: none;
  color: #000;
  background: url(/i/bullet.gif) no-repeat;
  padding-left: 18px;
  padding-bottom: 5px
}

#loginForm a:hover,
#loginForm2 a:hover,
#menu-bottom a:hover,
.adverticement_tree a:hover,
.adverticement_tree_sub a:hover,
.adverticement_tree_sub_sub a:hover,
.catalog_tree a:hover,
.msgBox a:hover,
.nv a:hover,
.opisanie:hover,
.opisanieComments:hover,
.opisanieRemove:hover,
.pub_tree a:hover {
  text-decoration: underline;
  color: #d00
}

.secondcol h2 a,
.thirdcol h2 a,
h2 a,
h5 a {
  font-size: 11px;
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  font-family: Tahoma, Geneva, sans-serif;
  text-shadow: none
}

.secondcol h2 a:hover,
.thirdcol h2 a:hover,
h2 a:hover,
h5 a:hover {
  font-size: 11px;
  text-decoration: underline
}

.photo a,
.photoN a,
.photoUser a,
.photoUser59x59 a,
.subList a:hover,
a:hover {
  text-decoration: none
}

.adverticement_tree_sub span,
.adverticement_tree_sub_sub span,
.tree span {
  color: #0863b6;
  font-size: 9px
}

.adverticement_tree span {
  color: #0863b6;
  font-size: 9px
}

.adverticement_tree_sub_sub a,
.catalog_tree a,
.pub_tree {
  font-size: 12px;
  display: inline !important;
  color: #404a59;
  font-family: Sans-Serif, Helvetica, sans-serif;
  text-decoration: none
}

.date {
  margin: 0;
  font-size: 10px;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  line-height: 14px
}

.date:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f017"
}

.ps {
  font-size: 10px;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  color: #919191;
  margin: 0 15px;
  line-height: 14px
}

.icon a,
.icon div {
  float: left;
  margin-left: 5px;
  font-size: 10px;
  font-family: Sans-Serif, Helvetica, sans-serif;
  line-height: 14px
}

.comments:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f086"
}

.views:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f06e"
}

.raiting:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f123"
}

.votes:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f164"
}

.votesupvotesdown {
  width: 20px !important;
  text-align: center
}

.votesdown,
.votesup {
  font-size: 18px;
  width: 30px;
  text-align: center;
  font-family: FontAwesome
}

.votesup:before {
  content: "\f164"
}

.votesdown:before {
  content: "\f165"
}

.bookmarks {
  width: 40px !important;
  position: relative;
  width: 40px
}

.bookmarks i {
  position: absolute;
  width: 30px;
  z-index: 2;
  text-align: center;
  color: #666;
  font-size: 16px !important;
  left: 0;
  top: 2px
}

.bookmarks:before {
  text-shadow: 0 0 3px #000;
  z-index: 1;
  margin-right: 5px;
  position: absolute;
  font-size: 44px;
  font-family: FontAwesome;
  content: "\f02e";
  left: 0;
  top: -10px
}

.print:before {
  margin-right: 5px;
  font-family: FontAwesome;
  content: "\f02f"
}

.adv .tx,
.afisha .tx,
.cat .tx,
.catalog .tx,
.forum .tx,
.jokes .tx,
.mov .tx,
.news .tx,
.pub .tx {
  margin-left: 5px;
  font-size: 10px;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  color: #919191;
  padding-left: 18px;
  line-height: 14px
}

.categ {
  color: #d74c5f
}

.categ:hover {
  text-decoration: underline
}

.adv h3 {
  padding-top: 0;
  margin-top: 3px
}

.adv .date2 {
  text-shadow: none;
  font-weight: 500;
  padding-left: 25px;
  font-size: 10px;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  color: #919191
}

.vcard {
  position: relative;
  line-height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  width: auto;
  font-size: 12px
}

.infomap .email {
  background: 0 0
}

.vcard .email {
  background: 0 0
}

.vcard .vcardico {
  background: url(/i/dosug_md_sprite.png) -24px -1825px no-repeat;
  display: block;
  height: 14px;
  width: 18px
}

.vcard h4 {
  background: 0 0;
  border: none;
  padding: 0
}

.get_fuel {
  margin: 0 auto;
  margin-top: 20px;
  text-align: left
}

.get_fuel img {
  vertical-align: middle
}

.get_fuel .line {
  padding-left: 70px;
  font-size: 12px;
  font-family: Sans-Serif;
  vertical-align: middle;
  margin: 3px;
  line-height: 20px;
  height: 20px;
  line-height: 20px;
  position: relative
}

.get_fuel .arrow {
  width: 15px;
  position: absolute;
  left: 50px;
  text-align: center
}

.get_fuel .price {
  box-shadow: #000 1px 1px 1px;
  font-size: 10px;
  vertical-align: middle;
  font-family: Sans-Serif;
  line-height: 20px;
  width: 50px;
  background-color: #39464f;
  color: #fff;
  text-align: center;
  font-weight: 500;
  position: absolute;
  left: 0
}

.flag {
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px #666
}

#bigPICS {
  text-align: left
}

#bigPICS img {
  width: 100%;
  margin: 0;
  -moz-box-shadow: 0 3px 4px #666;
  -webkit-box-shadow: 0 3px 4px #666;
  box-shadow: 0 3px 4px #666
}

.tabs-prev {
  position: absolute;
  right: 40px;
  width: 36px;
  height: 38px;
  background: url(/i/dosug_md_sprite.png) 0 -1580px;
  cursor: pointer;
  margin: 5px
}

.tabs-prev-up,
.tabs-prev:hover {
  position: absolute;
  right: 40px;
  width: 36px;
  height: 38px;
  background: url(/i/dosug_md_sprite.png) 0 -1617px;
  cursor: pointer;
  margin: 5px
}

.tabs-next {
  position: absolute;
  right: 0;
  width: 36px;
  height: 38px;
  background: url(/i/dosug_md_sprite.png) 0 -1655px;
  cursor: pointer;
  margin: 5px
}

.tabs-next-up,
.tabs-next:hover {
  position: absolute;
  right: 0;
  width: 36px;
  height: 38px;
  background: url(/i/dosug_md_sprite.png) 0 -1692px;
  cursor: pointer;
  margin: 5px
}

.statushover {
  padding: 1px
}

.statushover:hover {
  background-color: #222
}

.onlineall {
  position: absolute;
  bottom: 0
}

.invisible {
  border: 2px solid #ccc;
  text-align: center;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #ccc;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.online {
  border: 2px solid #fff;
  text-align: center;
  background-color: #009ced;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #fff;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.absent {
  border: 2px solid #fff;
  text-align: center;
  background-color: #33c;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #fff;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.unavailable {
  border: 2px solid #fff;
  text-align: center;
  background-color: #3cf;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #fff;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.busy {
  border: 2px solid #fff;
  text-align: center;
  background-color: #d74c5f;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #fff;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.do_not_disturb {
  border: 2px solid #fff;
  text-align: center;
  background-color: #d74c5f;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #fff;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.ready_to_chat {
  border: 2px solid #fff;
  text-align: center;
  background-color: #75bf00;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #fff;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.on_phone {
  border: 2px solid #fff;
  text-align: center;
  background-color: #ff0;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: orange;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.dinner {
  border: 2px solid #fff;
  text-align: center;
  background-color: #600;
  width: 80px;
  height: 8px;
  line-height: 6px;
  font-size: 9px;
  font-family: sans-serif;
  color: #fff;
  text-decoration: blink;
  margin: 2px auto;
  padding: 3px
}

.code {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 10px;
  color: #999
}

.stats {
  vertical-align: middle
}

.stats div {
  float: left
}

.stats img {
  opacity: .5;
  margin: 1px
}

.stats img:hover {
  opacity: 1
}

.msgBox {
  width: 160px;
  position: absolute;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  display: none;
  text-align: center;
  z-index: 99999;
  padding: 5px 5px 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-box-shadow: 1px 1px 15px #666;
  -webkit-box-shadow: 1px 1px 15px #666;
  box-shadow: 1px 1px 15px #666
}

.msgBox a {
  color: #000
}

.msgBox .box_addphoto {
  padding-left: 25px;
  background: url(/i/dosug_md_sprite.png) 0 -660px no-repeat;
  height: 20px
}

.msgBox .box_imageview {
  padding-left: 25px;
  background: url(/i/dosug_md_sprite.png) 0 -697px no-repeat;
  height: 20px
}

.msgBox .box_present {
  padding-left: 25px;
  background: url(/i/dosug_md_sprite.png) 0 -680px no-repeat;
  height: 20px
}

.msgBox .box_letter {
  padding-left: 25px;
  background: url(/i/dosug_md_sprite.png) 0 -715px no-repeat;
  height: 20px
}

.msgBox .box_users_add {
  padding-left: 25px;
  background: url(/i/dosug_md_sprite.png) 0 -755px no-repeat;
  height: 20px
}

.msgBox .box_users_rem {
  padding-left: 25px;
  background: url(/i/dosug_md_sprite.png) 0 -634px no-repeat;
  height: 20px
}

#searchMain a {
  color: #666
}

#searchMain a:hover {
  color: #d74c5f
}

.PeopleSearchFormTopBTN {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  float: right;
  width: 106px;
  height: 20px;
  text-align: center;
  padding-top: 5px;
  border-top: 3px solid #ec958a;
  border-left: 3px solid #ec958a;
  border-right: 3px solid #ec958a;
  margin-right: 5px;
  background-color: #f2f2f2;
  cursor: pointer
}

.PeopleSearchFormTopBTN span {
  font-weight: 500;
  color: #000
}

.PeopleSearchFormTopBTN:hover {
  background-color: #ec958a
}

.PeopleSearchFormTopBTN_active span {
  font-weight: 500;
  color: #fff
}

.PeopleSearchFormTopBTN_active {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  float: right;
  width: 106px;
  height: 20px;
  text-align: center;
  padding-top: 5px;
  border-top: 3px solid #ec958a;
  border-left: 3px solid #ec958a;
  border-right: 3px solid #ec958a;
  margin-right: 5px;
  background-color: #ec958a;
  cursor: pointer
}

.PeopleSearchForm strong {
  font-size: 14px;
  font-family: Sans-Serif;
  font-weight: 500;
  color: #000032;
  font-style: italic
}

.PeopleSearchForm {
  background-color: #f2f2f2;
  -moz-box-shadow: 1px 1px 5px #666;
  -webkit-box-shadow: 1px 1px 5px #666;
  box-shadow: 1px 1px 5px #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 3px solid #ec958a;
  width: 100%;
  display: block;
  overflow: hidden
}

.lmRound {
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px #666;
  -moz-border-radius: 20px 20px 5px 5px;
  -webkit-border-radius: 20px 20px 5px 5px;
  border-radius: 20px 20px 5px 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 530px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-left: 7px;
  overflow: hidden
}

.lmRound .ipreview {
  vertical-align: top;
  padding-top: 40px;
  width: 130px;
  text-align: center
}

.lmRoundSmoll {
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 3px solid #222;
  background-color: #fff;
  width: 200px;
  margin-left: 7px;
  overflow: hidden
}

.lmRoundMessage {
  -moz-box-shadow: 1px 1px 5px #666;
  -webkit-box-shadow: 1px 1px 5px #666;
  box-shadow: 1px 1px 5px #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 3px solid #222;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  overflow: hidden
}

.lmRoundMessageBig {
  background-color: #fff;
  width: 100% !important;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%
}

.lmRoundPrez {
  -moz-box-shadow: 1px 1px 5px #666;
  -webkit-box-shadow: 1px 1px 5px #666;
  box-shadow: 1px 1px 5px #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 3px solid #222;
  background-color: #fff;
  width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  display: block
}

.msgeventhead {
  min-height: 18px;
  background: #222;
  text-align: center;
  width: 100%;
  padding: 3px;
  color: #fff;
  position: relative;
  text-align: left
}

.msgeventhead .cls:before {
  text-shadow: 0 0 3px #000;
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f2d3"
}

.msgeventhead .cls {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer
}

.msgeventhead .cls svg {
  color: #fff;
  width: 32px;
  height: 32px
}

.msgeventhead_ro {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0
}

.msgeventhead #writeto {
  display: block;
  height: 30px;
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  overflow: hidden
}

.msgeventhead #writeto:before {
  content: "\25bc";
  float: left;
  color: gray
}

.msgeventhead #writeto * {
  vertical-align: middle
}

.ipreviewBL {
  vertical-align: top;
  width: 120px;
  text-align: center
}

.adv .ipreview,
.afisha .ipreview,
.cat .ipreview,
.catalog .ipreview,
.forum .ipreview,
.jokes .ipreview,
.mov .ipreview,
.news .ipreview,
.pub .ipreview {
  vertical-align: top;
  width: 120px;
  text-align: center;
  position: relative;
  display: block
}

.LM {
  padding: 5px;
  position: relative;
  margin: 25px 10px;
  float: left;
  width: 48%
}

.LB {
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 130px
}

.LT {
  position: absolute;
  top: -20px
}

.noradius {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.noradius .photo,
.noradius img {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.sie {
  padding-left: 25px;
  padding-top: 5px;
  min-height: 20px
}

.skype {
  background: url(/i/dosug_md_sprite.png) 0 -92px no-repeat
}

.icq {
  background: url(/i/dosug_md_sprite.png) 0 -51px no-repeat
}

.email {
  background: url(/i/dosug_md_sprite.png) 0 -71px no-repeat
}

.st div {
  text-align: left;
  margin-left: 15px;
  padding-left: 20px;
  padding-top: 1px;
  line-height: 18px
}

.st div strong {
  font-family: Sans-Serif;
  font-weight: 500;
  color: #eb4e49
}

#menuUser .addphoto {
  box-sizing: border-box;
  height: 36px;
  width: 36px;
  padding: 3px;
  position: absolute;
  bottom: 0
}

#menuUser svg {
  color: #fff;
  fill: #fff
}

#menuUser td {
  vertical-align: middle;
  text-align: center
}

#menuUser #menuUserMenu {
  width: 40px;
  background: url(/i/UserMenu.png) 50% -323px no-repeat;
  cursor: pointer
}

#menuUser #menuUserMenu:hover {
  background: #333 url(/i/UserMenu.png) 50% -323px no-repeat;
  cursor: pointer;
  opacity: .8
}

#menuUser #menuUserMesages {
  width: 40px;
  position: relative;
  cursor: pointer
}

#menuUser #menuUserMesages:hover {
  background: #333;
  cursor: pointer;
  opacity: .8
}

#menuUser #menuUserMesages:before {
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f0e0"
}

#menuUser #menuUserDiscuss {
  width: 40px;
  position: relative;
  cursor: pointer
}

#menuUser #menuUserDiscuss:hover {
  cursor: pointer;
  opacity: .8
}

#menuUser #menuUserDiscuss:before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f0e5"
}

#menuUser #menuUserAlerts {
  width: 40px;
  position: relative;
  cursor: pointer
}

#menuUser #menuUserAlerts:hover {
  cursor: pointer;
  opacity: .8
}

#menuUser #menuUserAlerts:before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f0f3"
}

#menuUser #menuUserBalls {
  width: 40px;
  position: relative;
  cursor: pointer
}

#menuUser #menuUserBalls:hover {
  cursor: pointer;
  opacity: .8
}

#menuUser #menuUserBalls:before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f123"
}

#menuUser #menuUserGuest:before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f0c0"
}

#menuUser #menuUserGuest {
  width: 40px;
  position: relative;
  cursor: pointer
}

#menuUser #menuUserGuest:hover {
  cursor: pointer;
  opacity: .8
}

#menuUser #menuUserPersent {
  width: 20px;
  height: 55px;
  float: left
}

#menuUser .ball {
  position: absolute;
  margin: auto;
  left: 0;
  right: -10px;
  top: 3px;
  background: #53c72c;
  background: linear-gradient(bottom, #53c72c 28%, #28b85b 64%, #6cdb46 82%);
  background: -o-linear-gradient(bottom, #53c72c 28%, #28b85b 64%, #6cdb46 82%);
  background: -moz-linear-gradient(bottom, #53c72c 28%, #28b85b 64%, #6cdb46 82%);
  background: -webkit-linear-gradient(bottom, #53c72c 28%, #28b85b 64%, #6cdb46 82%);
  background: -ms-linear-gradient(bottom, #53c72c 28%, #28b85b 64%, #6cdb46 82%);
  -moz-box-shadow: 1px 1px 5px #666;
  -webkit-box-shadow: 1px 1px 5px #666;
  box-shadow: 1px 1px 1px #666;
  -moz-border-radius: 100px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 100px 100px 100px 100px;
  color: #fff;
  font-size: 8px;
  line-height: 14px;
  font-family: Tahoma;
  padding: 0;
  text-align: center;
  width: 15px;
  float: right;
  height: 15px;
  overflow: hidden
}

#menuUser .userpic {
  overflow: hidden;
  cursor: pointer;
  border: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
  border-radius: 100px 100px 100px 100px;
  object-fit: cover
}

#maincol .menuuserpic {
  margin-left: 100px;
  float: none;
  display: inline-block;
  vertical-align: middle
}

#maincol #menuUser h1 {
  display: inline-block;
  vertical-align: middle
}

#iSM {
  margin: 0 0 15px;
  padding: 0;
  height: 14px;
  float: right
}

#iSM ul {
  border: 0;
  margin: 4px 0 0;
  padding: 0;
  list-style-type: none;
  text-align: center
}

#iSM ul li {
  display: block;
  float: left;
  text-align: center;
  padding: 1px 0 0;
  margin: 0;
  height: 14px;
  font-size: 11px
}

#iMedium,
#iStrong,
#iWeak {
  width: 40px;
  font-size: 11px;
  color: #adadad;
  text-align: center;
  padding: 2px;
  background-color: #f1f1f1;
  display: block
}

#iMedium,
#iWeak {
  border-right: solid 1px #dedede
}

#iMedium {
  width: 40px
}

#iMedium,
#iStrong {
  border-left-width: 0
}

div.strong #iMedium,
div.strong #iStrong,
div.strong #iWeak {
  background: #0c6;
  color: #0c6
}

div.medium #iMedium,
div.medium #iWeak {
  background: #ff9;
  color: #ff9;
  background: #ff9;
  color: #ff9
}

div.weak #iWeak {
  background: red;
  color: #d74c5f
}

div.medium #iMedium,
div.strong #iStrong,
div.weak #iWeak {
  color: #000
}

.ref strong {
  color: #fff
}

#facebook-index h3 {
  background: 0 0;
  text-shadow: none;
  border: 0
}

#facebook-index h4 {
  background: 0 0;
  text-shadow: none;
  border: 0
}

#facebook-index {
  margin-top: 5px;
  padding: 0;
  text-align: left
}

#social-wrapper {
  width: 100%
}

#social-wrapper ul.social-tabs {
  white-space: nowrap;
  height: 30px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0
}

#social-wrapper ul.social-tabs li {
  border: 1px solid #dcdcdc;
  float: left;
  background: #fff;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  position: relative;
  margin: 0 1px;
  cursor: pointer
}

#social-wrapper ul.social-tabs li .rocon-bl,
#social-wrapper ul.social-tabs li .rocon-br {
  display: none
}

#social-wrapper ul.social-tabs li.active {
  border: 1px solid #c5d9e1;
  z-index: 2;
  border-bottom: none
}

#social-wrapper ul.social-tabs li a {
  float: left;
  height: 26px;
  background: #fff;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: url(/i/widjet/gradient-button.png) repeat-x;
  color: #184f7d;
  text-decoration: none;
  margin: 1px 1px 0;
  outline: 0
}

#social-wrapper ul.social-tabs li a span {
  margin: 5px;
  cursor: pointer
}

#social-wrapper ul.social-tabs li a span.text {
  float: left;
  font-family: Sans-Serif
}

#social-wrapper ul.social-tabs li.active a {
  background: url(/i/widjet/gradient.png) 0 0 repeat-x;
  margin: 0 1px;
  position: relative;
  top: 1px
}

#social-wrapper div.container {
  border: 1px solid #c5d9e1;
  top: -3px;
  position: relative;
  padding: 1px;
  background: #fff;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  min-width: 180px;
  width: 100%
}

#social-wrapper div.container div.inner {
  background: url(/i/widjet/gradient.png) 0 -25px repeat-x #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 0
}

#social-wrapper div.container ul.tabs-pages {
  list-style: none;
  margin: 0;
  padding: 0
}

#social-wrapper div.container ul li {
  display: none
}

#social-wrapper div.container ul li li {
  height: auto !important
}

#social-wrapper div.container ul li.active {
  display: block
}

#social-wrapper .ico {
  background: url(/i/widjet/icons.png);
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden
}

#social-wrapper .ico.facebook {
  padding: 0 !important
}

#social-wrapper .ico.twitter {
  background-position: 0 -16px
}

#social-wrapper .ico.vkontakte {
  background-position: 0 -32px
}

#social-wrapper a.also-comments {
  color: #d66938;
  text-decoration: none;
  font-weight: 500;
  font: .9em Sans-Serif, Verdana, sans-serif;
  padding: 8px 0 8px 11px
}

#social-wrapper a.also-comments span {
  text-decoration: underline
}

#social-wrapper ul.last-comments-list li {
  display: block !important
}

#social-wrapper #facebook-list {
  overflow: hidden;
  width: 100%
}

.twtr-doc {
  opacity: .99
}

#social-comments {
  margin-top: 10px;
  overflow: hidden;
  width: 100%;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto
}

#social-comments ul.social-tabs {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%
}

#social-comments ul.social-tabs li {
  border: 1px solid #dcdcdc;
  float: left;
  background: #fff;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  position: relative;
  margin: 0 2px;
  cursor: pointer
}

#social-comments ul.social-tabs li .rocon-bl,
#social-comments ul.social-tabs li .rocon-br {
  display: none
}

#social-comments ul.social-tabs li.active {
  border: 1px solid #c5d9e1;
  z-index: 2;
  border-bottom: none
}

#social-comments ul.social-tabs li a {
  float: left;
  height: 26px;
  background: #fff;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: url(/i/widjet/gradient-button.png) repeat-x;
  color: #184f7d;
  text-decoration: none;
  margin: 1px 1px 0;
  font-weight: 500;
  outline: 0
}

#social-comments ul.social-tabs li a span {
  margin: 5px 7px;
  cursor: pointer
}

#social-comments ul.social-tabs li a span.text {
  float: left;
  font-size: 12px
}

#social-comments ul.social-tabs li.active a {
  background: url(/i/widjet/gradient.png) 0 0 repeat-x;
  margin: 0 1px;
  position: relative;
  top: 1px
}

#social-comments div.container {
  top: -3px;
  position: relative;
  padding: 1px;
  background: #fff;
  min-width: 180px;
  width: 100%
}

#social-comments div.container div.inner {
  background: url(/i/widjet/gradient.png) 0 -25px repeat-x #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 0
}

#social-comments div.container ul.tabs-pages {
  list-style: none;
  margin: 0 5px
}

#social-comments div.container ul li {
  display: none
}

#social-comments div.container ul li li {
  height: auto !important
}

#social-comments div.container ul li.active {
  display: block
}

#social-comments .ico {
  background: url(/i/widjet/icons.png);
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden
}

#social-comments .ico.facebook {
  padding: 0 !important
}

#social-comments .ico.twitter {
  background-position: 0 -16px
}

#social-comments .ico.vkontakte {
  background-position: 0 -32px
}

#social-comments a.also-comments {
  color: #d66938;
  text-decoration: none;
  font-weight: 500;
  font: .9em Sans-Serif, Verdana, sans-serif;
  padding: 8px 0 8px 11px
}

#social-comments a.also-comments span {
  text-decoration: underline
}

#social-comments ul.last-comments-list li {
  display: block !important
}

#social-comments #facebook-comments {
  overflow: hidden;
  width: 100%
}

#social-people {
  width: 100%;
  height: 260px;
  padding: 0;
  text-align: left;
  margin: 0 auto;
  overflow: hidden
}

#social-people ul.social-tabs {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 1100px
}

#social-people ul.social-tabs li {
  border: 1px solid #dcdcdc;
  float: left;
  background: #fff;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  position: relative;
  margin: 0 2px;
  cursor: pointer
}

#social-people ul.social-tabs li .rocon-bl,
#social-people ul.social-tabs li .rocon-br {
  display: none
}

#social-people ul.social-tabs li.active {
  border: 1px solid #c5d9e1;
  z-index: 2;
  border-bottom: none
}

#social-people ul.social-tabs li a {
  float: left;
  height: 26px;
  background: #fff;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: url(/i/widjet/gradient-button.png) repeat-x;
  color: #184f7d;
  text-decoration: none;
  margin: 1px 1px 0;
  font-weight: 500;
  outline: 0
}

#social-people ul.social-tabs li a span {
  margin: 5px 7px;
  cursor: pointer
}

#social-people ul.social-tabs li a span.text {
  float: left
}

#social-people ul.social-tabs li.active a {
  background: url(/i/widjet/gradient.png) 0 0 repeat-x;
  margin: 0 1px;
  position: relative;
  top: 1px
}

#social-people div.container {
  border-top: 1px solid #c5d9e1;
  top: -3px;
  position: relative;
  padding: 1px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  min-width: 180px;
  width: 100%
}

#social-people div.container div.inner {
  background: url(/i/widjet/gradient.png) 0 -25px repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 0
}

#social-people div.container ul.tabs-pages {
  list-style: none;
  margin: 0;
  height: 280px;
  padding: 0
}

#social-people div.container ul li {
  display: none
}

#social-people div.container ul li li {
  height: auto !important
}

#social-people div.container ul li.active {
  display: block
}

#social-people .ico {
  background: url(/i/widjet/icons.png);
  float: left;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden
}

#social-people .ico.facebook {
  padding: 0 !important
}

#social-people .ico.twitter {
  background-position: 0 -16px
}

#social-people .ico.vkontakte {
  background-position: 0 -32px
}

#social-people .ico.odk {
  background-position: 0 -64px
}

#social-people a.also-people {
  color: #d66938;
  text-decoration: none;
  font-weight: 500;
  font: .9em Sans-Serif, Verdana, sans-serif;
  padding: 8px 0 8px 11px
}

#social-people a.also-people span {
  text-decoration: underline
}

#social-people ul.last-people-list li {
  display: block !important
}

#social-people #facebook-people {
  overflow: hidden;
  width: 1100px
}

#vk_comments,
#vk_comments iframe {
  width: 100% !important
}

.smile img {
  opacity: .5
}

.smile img:hover {
  opacity: 1
}

#eventschenge label {
  display: block;
  padding: 10px;
  margin: 5px;
  font-size: 16px;
  border-bottom: 1px dashed #ccc
}

#propertiesAll a {
  display: block;
  border-bottom: 1px dashed #ccc;
  margin: 5px;
  padding: 10px;
  font-size: 14px
}

#propertiesAll td,
#propertiesBG td,
#propertiesEmail td,
#propertiesPsw td {
  vertical-align: middle;
  padding: 5px
}

.course {
  cursor: pointer
}

.courseselect {
  background-color: #f2f2f2;
  color: #d66938;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -moz-box-shadow: 1px 2px 0 #999;
  -webkit-box-shadow: 1px 2px 0 #999;
  box-shadow: 1px 2px 0 #999
}

#wedding_catalog a {
  text-decoration: none;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #c64600;
  line-height: 18px
}

#wedding_catalog a:hover {
  text-decoration: underline;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #d00;
  line-height: 18px
}

#wedding_catalog .cat {
  margin-right: 5px;
  float: left;
  text-align: left;
  width: 154px;
  min-height: 190px;
  cursor: pointer
}

#wedding_catalog .name {
  position: absolute;
  text-align: center;
  width: 155px;
  top: 140px;
  text-decoration: none;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #c64600;
  line-height: 18px
}

#wedding_catalog .name:hover {
  text-decoration: underline;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #c64600;
  line-height: 18px
}

#wedding_catalog .couner {
  text-shadow: #000 1px 1px 0;
  font-weight: 500;
  color: #fff;
  font-size: 11px;
  position: absolute;
  width: 45px;
  top: 33px;
  left: 10px;
  font-family: Tahoma, Sans-Serif, Helvetica, sans-serif;
  text-align: center
}

#social-btn {
  height: 16px;
  width: 130px;
  padding: 0;
  margin-left: auto;
  margin-right: auto
}

#social-btn div {
  height: 16px;
  width: 16px;
  float: left;
  padding: 0;
  margin: 0 2px;
  cursor: pointer;
  opacity: .5
}

#social-btn div:hover {
  opacity: 1
}

#social-btn .facebook {
  background: url(/i/widjet/icons.png) 0 0 no-repeat
}

#social-btn .twitter {
  background: url(/i/widjet/icons.png) 0 -80px no-repeat
}

#social-btn .vkontakte {
  background: url(/i/widjet/icons.png) 0 -64px no-repeat
}

#social-btn .google {
  background: url(/i/widjet/icons.png) 0 -16px no-repeat
}

#social-btn .mailru {
  background: url(/i/widjet/icons.png) 0 -48px no-repeat
}

#social-btn .odnoklassniki {
  background: url(/i/widjet/icons.png) 0 -32px no-repeat
}

#we-social-btn {
  line-height: 14px;
  width: 130px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  display: block
}

#we-social-btn div {
  font-family: Sans-Serif;
  font-size: 11px;
  margin: 0 2px 10px;
  height: 16px;
  cursor: pointer;
  color: #eee;
  padding-left: 20px
}

#we-social-btn div:hover {
  opacity: .5;
  color: #e00
}

#we-social-btn .facebook {
  background: url(/i/widjet/icons.png) 0 0 no-repeat
}

#we-social-btn .twitter {
  background: url(/i/widjet/icons.png) 0 -16px no-repeat
}

#we-social-btn .vkontakte {
  background: url(/i/widjet/icons.png) 0 -32px no-repeat
}

#we-social-btn .google {
  background: url(/i/widjet/icons.png) 0 -80px no-repeat
}

#we-social-btn .mailru {
  background: url(/i/widjet/icons.png) 0 -48px no-repeat
}

#we-social-btn .odnoklassniki {
  background: url(/i/widjet/icons.png) 0 -64px no-repeat
}

#we-social-btn .google {
  background: url(/i/widjet/icons.png) 0 -80px no-repeat
}

#we-social-btn .youtube {
  background: url(/i/widjet/icons.png) 0 -96px no-repeat
}

#contactForm div {
  color: #666
}

.datingBlockL {
  box-sizing: border-box;
  display: block;
  padding: 5px 15px;
  margin-left: 20px;
  margin-right: 20px
}

.datingBlockL strong,
.datingBlockR strong {
  display: block
}

.PicsComment {
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0;
  display: table;
  text-align: left;
  background: #222;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -moz-box-shadow: 1px 1px 5px #666;
  -webkit-box-shadow: 1px 1px 5px #666;
  box-shadow: 1px 1px 5px #666
}

.PicsComment img {
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto
}

.PicsComment span {
  display: block;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #fff
}

.PicsComment span a {
  color: #fff
}

.PicsComment div {
  display: block;
  padding: 10px;
  color: #fff
}

.PicsComment div a {
  color: #fff
}

.news300 {
  float: right;
  margin-left: 15px;
  margin-right: 10px;
  width: 200px
}

.news300 img {
  width: 100%
}

.news300 span {
  line-height: 13px
}

.btn_vote {
  border: 1px solid #ccc;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 120px;
  color: #fff;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  text-shadow: 1px 1px 1px #666;
  font-weight: 500;
  font-size: 16px;
  -moz-box-shadow: 1px 2px 0 #999;
  -webkit-box-shadow: 1px 2px 0 #999;
  box-shadow: 1px 2px 2px #999
}

.btn_vote:hover {
  text-decoration: none
}

.blue {
  background-image: linear-gradient(bottom, #5552e7 33%, #6f73ff 67%);
  background-image: -o-linear-gradient(bottom, #5552e7 33%, #6f73ff 67%);
  background-image: -moz-linear-gradient(bottom, #5552e7 33%, #6f73ff 67%);
  background-image: -webkit-linear-gradient(bottom, #5552e7 33%, #6f73ff 67%);
  background-image: -ms-linear-gradient(bottom, #5552e7 33%, #6f73ff 67%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.33, #5552e7), color-stop(.67, #6f73ff));
  zoom: 1
}

.blue:hover {
  background-image: linear-gradient(bottom, #5552e7 33%, #6f73ff 11%);
  background-image: -o-linear-gradient(bottom, #5552e7 33%, #6f73ff 11%);
  background-image: -moz-linear-gradient(bottom, #5552e7 33%, #6f73ff 11%);
  background-image: -webkit-linear-gradient(bottom, #5552e7 33%, #6f73ff 11%);
  background-image: -ms-linear-gradient(bottom, #5552e7 33%, #6f73ff 11%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.33, #5552e7), color-stop(.11, #6f73ff));
  zoom: 1
}

.perple {
  background-image: linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 81%);
  background-image: -o-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 81%);
  background-image: -moz-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 81%);
  background-image: -webkit-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 81%);
  background-image: -ms-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 81%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.24, #a33ac2), color-stop(.62, #c457e9), color-stop(.81, #ec72ff));
  zoom: 1
}

.perple:hover {
  background-image: linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 0);
  background-image: -o-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 0);
  background-image: -moz-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 0);
  background-image: -webkit-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 0);
  background-image: -ms-linear-gradient(bottom, #a33ac2 24%, #c457e9 62%, #ec72ff 0);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.24, #a33ac2), color-stop(.62, #c457e9), color-stop(0, #ec72ff));
  zoom: 1
}

.brown {
  background-image: linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 85%);
  background-image: -o-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 85%);
  background-image: -moz-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 85%);
  background-image: -webkit-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 85%);
  background-image: -ms-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 85%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.39, #482c07), color-stop(.7, #654721), color-stop(.85, #84643c));
  zoom: 1
}

.brown:hover {
  background-image: linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 15%);
  background-image: -o-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 15%);
  background-image: -moz-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 15%);
  background-image: -webkit-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 15%);
  background-image: -ms-linear-gradient(bottom, #482c07 39%, #654721 70%, #84643c 15%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.39, #482c07), color-stop(.7, #654721), color-stop(.15, #84643c));
  zoom: 1
}

.olive {
  background-image: linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 86%);
  background-image: -o-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 86%);
  background-image: -moz-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 86%);
  background-image: -webkit-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 86%);
  background-image: -ms-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 86%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.41, #a7a419), color-stop(.71, #c9c535), color-stop(.86, #f2ed50));
  zoom: 1
}

.olive:hover {
  background-image: linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 15%);
  background-image: -o-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 15%);
  background-image: -moz-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 15%);
  background-image: -webkit-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 15%);
  background-image: -ms-linear-gradient(bottom, #a7a419 41%, #c9c535 71%, #f2ed50 15%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.41, #a7a419), color-stop(.71, #c9c535), color-stop(.15, #f2ed50));
  zoom: 1
}

.pink {
  background-image: linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 77%);
  background-image: -o-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 77%);
  background-image: -moz-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 77%);
  background-image: -webkit-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 77%);
  background-image: -ms-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 77%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.24, #fa4de9), color-stop(.62, #ff6cff), color-stop(.77, #ff8dff));
  zoom: 1
}

.pink:hover {
  background-image: linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 11%);
  background-image: -o-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 11%);
  background-image: -moz-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 11%);
  background-image: -webkit-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 11%);
  background-image: -ms-linear-gradient(bottom, #fa4de9 24%, #ff6cff 62%, #ff8dff 11%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.24, #fa4de9), color-stop(.62, #ff6cff), color-stop(.11, #ff8dff));
  zoom: 1
}

.orange {
  background-image: linear-gradient(bottom, #f7a53b 39%, #ffc659 70%);
  background-image: -o-linear-gradient(bottom, #f7a53b 39%, #ffc659 70%);
  background-image: -moz-linear-gradient(bottom, #f7a53b 39%, #ffc659 70%);
  background-image: -webkit-linear-gradient(bottom, #f7a53b 39%, #ffc659 70%);
  background-image: -ms-linear-gradient(bottom, #f7a53b 39%, #ffc659 70%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.39, #f7a53b), color-stop(.7, #ffc659));
  zoom: 1
}

.orange:hover {
  background-image: linear-gradient(bottom, #f7a53b 39%, #ffc659 14%);
  background-image: -o-linear-gradient(bottom, #f7a53b 39%, #ffc659 14%);
  background-image: -moz-linear-gradient(bottom, #f7a53b 39%, #ffc659 14%);
  background-image: -webkit-linear-gradient(bottom, #f7a53b 39%, #ffc659 14%);
  background-image: -ms-linear-gradient(bottom, #f7a53b 39%, #ffc659 14%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.39, #f7a53b), color-stop(.14, #ffc659));
  zoom: 1
}

.yellow {
  background-image: linear-gradient(bottom, #f1c676 48%, #ffee9a 74%);
  background-image: -o-linear-gradient(bottom, #f1c676 48%, #ffee9a 74%);
  background-image: -moz-linear-gradient(bottom, #f1c676 48%, #ffee9a 74%);
  background-image: -webkit-linear-gradient(bottom, #f1c676 48%, #ffee9a 74%);
  background-image: -ms-linear-gradient(bottom, #f1c676 48%, #ffee9a 74%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.48, #f1c676), color-stop(.74, #ffee9a));
  zoom: 1
}

.yellow:hover {
  background-image: linear-gradient(bottom, #f1c676 48%, #ffee9a 15%);
  background-image: -o-linear-gradient(bottom, #f1c676 48%, #ffee9a 15%);
  background-image: -moz-linear-gradient(bottom, #f1c676 48%, #ffee9a 15%);
  background-image: -webkit-linear-gradient(bottom, #f1c676 48%, #ffee9a 15%);
  background-image: -ms-linear-gradient(bottom, #f1c676 48%, #ffee9a 15%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.48, #f1c676), color-stop(.15, #ffee9a));
  zoom: 1
}

.red {
  background-image: linear-gradient(bottom, #cc3b1d 41%, #f55938 71%);
  background-image: -o-linear-gradient(bottom, #cc3b1d 41%, #f55938 71%);
  background-image: -moz-linear-gradient(bottom, #cc3b1d 41%, #f55938 71%);
  background-image: -webkit-linear-gradient(bottom, #cc3b1d 41%, #f55938 71%);
  background-image: -ms-linear-gradient(bottom, #cc3b1d 41%, #f55938 71%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.41, #cc3b1d), color-stop(.71, #f55938));
  zoom: 1
}

.red:hover {
  background-image: linear-gradient(bottom, #cc3b1d 41%, #f55938 15%);
  background-image: -o-linear-gradient(bottom, #cc3b1d 41%, #f55938 15%);
  background-image: -moz-linear-gradient(bottom, #cc3b1d 41%, #f55938 15%);
  background-image: -webkit-linear-gradient(bottom, #cc3b1d 41%, #f55938 15%);
  background-image: -ms-linear-gradient(bottom, #cc3b1d 41%, #f55938 15%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.41, #cc3b1d), color-stop(.15, #f55938));
  zoom: 1
}

.green {
  background: #7faf11;
  background-image: linear-gradient(bottom, #7faf11 29%, #a6d22b 65%);
  background-image: -o-linear-gradient(bottom, #7faf11 29%, #a6d22b 65%);
  background-image: -moz-linear-gradient(bottom, #7faf11 29%, #a6d22b 65%);
  background-image: -webkit-linear-gradient(bottom, #7faf11 29%, #a6d22b 65%);
  background-image: -ms-linear-gradient(bottom, #7faf11 29%, #a6d22b 65%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.29, #7faf11), color-stop(.65, #a6d22b));
  zoom: 1
}

.green:hover {
  background: #7faf11;
  background-image: linear-gradient(bottom, #7faf11 29%, #a6d22b 8%);
  background-image: -o-linear-gradient(bottom, #7faf11 29%, #a6d22b 8%);
  background-image: -moz-linear-gradient(bottom, #7faf11 29%, #a6d22b 8%);
  background-image: -webkit-linear-gradient(bottom, #7faf11 29%, #a6d22b 8%);
  background-image: -ms-linear-gradient(bottom, #7faf11 29%, #a6d22b 8%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.29, #7faf11), color-stop(.08, #a6d22b));
  zoom: 1
}

.btn_sc_ {
  padding: 5px 25px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  line-height: 12px;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #111;
  margin: 5px;
  background: #1276b1 5px 6px !important
}

.btn_sc {
  padding: 5px 25px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  line-height: 12px;
  font-size: 12px;
  text-transform: uppercase;
  margin: 5px;
  background: #88bbd4 5px 6px no-repeat
}

.btn_sc:hover {
  background: #88bbd4 5px 6px no-repeat;
  color: #fff
}

.selectorSchool {
  display: block;
  background-color: #fff;
  border: #ccc;
  cursor: pointer;
  padding: 5px;
  min-height: 18px;
  text-align: left
}

.selectorSchool:hover {
  display: block;
  background-color: #f2f2f2;
  border: #ccc;
  cursor: pointer;
  padding: 5px;
  min-height: 18px
}

.user_menu_head {
  box-sizing: border-box;
  padding: 5px;
  background-color: #222;
  color: #fff;
  display: block;
  width: 100%;
  font-size: 16px;
  font-family: Sans-Serif
}

.user_menu_head:visited {
  color: #fff !important
}

.user_menu_head a {
  color: #bdb6b6
}

.emailactor {
  color: #ccc
}

#listPresents {
  width: 100%;
  margin: auto
}

#UserPageMenu {
  display: block;
  text-align: justify
}

.UserPageMenu a {
  display: inline-block;
  font-size: 14px;
  background-color: #222;
  padding: 5px;
  color: #fff;
  margin: 2px
}

.UserPageMenu a:hover {
  background-color: #c4514e
}

.UserPageMenu span {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 40px;
  background: url(/i/dosug_md_sprite.png) 2px -1507px;
  cursor: pointer
}

.UserPageMenu span:hover {
  background-color: #777
}

.BG_L {
  position: absolute;
  left: -14px;
  top: 0;
  width: 15px;
  height: 47px;
  z-index: 1;
  background: url(/i/bg_w_01.png?t=1) top left no-repeat
}

.BG_R {
  position: absolute;
  right: -12px;
  top: 0;
  width: 25px;
  height: 47px;
  z-index: 2;
  background: url(/i/bg_w_04.png?t=1) top right no-repeat
}

.BG_R2 {
  position: absolute;
  right: 23px;
  top: 0;
  width: 25px;
  height: 47px;
  z-index: 2;
  background: url(/i/bg_w_03.png?t=1) top right no-repeat
}

.BG_C {
  position: absolute;
  left: -9px;
  top: 0;
  right: -1px;
  height: 47px;
  z-index: 3;
  background: url(/i/bg_w_02.png) top left repeat-x
}

.BG_C2 {
  position: absolute;
  left: -9px;
  top: 0;
  right: 40px;
  height: 47px;
  z-index: 3;
  background: url(/i/bg_w_02.png?t=1) top left repeat-x
}

.WhetherBlockSM {
  width: 200px;
  position: relative;
  overflow: hidden;
  margin: 20px auto 0;
  padding: 5px
}

.WhetherBlockSM #weather {
  position: relative;
  display: block;
  height: 300px;
  white-space: nowrap
}

.WhetherBlockSM .weatherBlock {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  width: 200px;
  text-align: left
}

.WhetherBlockSM2 .weatherBlock {
  display: inline-block
}

.WhetherBlockSM2 .weatherBlock div:first-of-type {
  font-size: 24px;
  font-family: Sans-Serif
}

.WhetherBlockSM2 .weatherBlock div div:first-of-type {
  font-size: 11px
}

.BTNadd {
  float: right;
  margin-right: 20px
}

.smallbox {
  width: 90%;
  border: 1px solid #f2f2f2;
  margin: 0 auto 15px;
  cursor: pointer;
  position: relative
}

.smallbox a:first-child {
  padding: 5px;
  display: block;
  font-size: 14px !important
}

.smallbox img {
  width: 100%
}

.pubboxmain {
  position: relative;
  display: block;
  width: auto;
  margin: 10px;
  box-sizing: border-box;
  box-shadow: 0 0 4px 0 #ccc
}

.pubboxmain .pubinfobox {
  font-size: 18px;
  display: block;
  padding: 10px;
  color: #000
}

.pubboxmain .pubinfobox a {
  font-family: Sans-Serif;
  color: #333 !important;
  font-size: 24px !important
}

.pubboxmain .pubinfobox a:hover {
  color: #000 !important
}

.pubboxmain .pubinfobox .categ {
  font-family: Sans-Serif;
  font-size: 12px !important;
  color: orange !important
}

.pubboxmain img {
  width: 100%
}

.pubboxmain .pubinfobox .pubdesc {
  font-size: 16px;
  color: #333
}

.aimg {
  position: relative;
  display: block
}

.aimg::after {
  display: block;
  position: absolute;
  background-image: linear-gradient(to top, transparent 0, #fff 100%);
  top: 0;
  bottom: 50%;
  right: 0;
  left: 0;
  content: ''
}

.mov .play,
.pubbox .play,
.pubboxmain .play {
  width: 40px;
  height: 40px;
  background: url(/i/play.png);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  margin: auto;
  z-index: 2
}

.ipreview .display,
.mov .display,
.pubboxmain .display {
  display: none
}

.pubbox {
  display: inline-block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  width: 50%;
  height: 200px;
  margin-right: 0
}

.pubbox .afishainfobox,
.pubbox .pubinfobox {
  position: absolute;
  font-size: 18px;
  z-index: 40;
  background-color: #000;
  display: block;
  height: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  overflow: hidden;
  color: #fff;
  opacity: .9
}

.afishainfobox a,
.pubinfobox a {
  color: #fff
}

.pubbox img {
  width: 100%
}

.adult0 {
  display: none
}

.adult1 {
  background: url(/i/dosug_md_sprite.png) 0 -913px no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block
}

.roundForm {
  -webkit-box-shadow: 1px 1px 8px 0 red;
  -moz-box-shadow: 1px 1px 8px 0 red;
  box-shadow: 1px 1px 8px 0 red;
  text-decoration: line-through;
  color: #d74c5f
}

.ReroundForm {
  border: #a5acb2 solid 1px;
  color: #090;
  text-decoration: none
}

#goTop {
  width: 50px;
  height: 52px;
  font-size: 0;
  padding: 0;
  position: fixed;
  bottom: -100px;
  right: 10px;
  cursor: pointer;
  z-index: 100
}

#goTop:before {
  color: #ccc;
  font-size: 40px;
  font-family: FontAwesome;
  content: "\f0aa";
  text-shadow: 0 0 1px #000
}

.ui-tabs .ui-tabs-panel {
  padding: 0 !important
}

form input[type=submit] {
  font-size: 24px !important;
  padding: 5px !important
}

.usei {
  display: inline-block;
  vertical-align: middle
}

.usei h1 {
  margin: 0 !important;
  padding: 0
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-size: 2em !important
}

.pubinfoboxwalleper {
  position: relative;
  width: 30%;
  margin: 1%;
  float: left;
  height: 280px;
  overflow: hidden
}

.pubinfoboxwalleper img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center
}

.pubinfoboxwalleper .aimg::after {
  display: block;
  position: absolute;
  background-image: linear-gradient(to top, transparent 0, #000 100%);
  top: 0;
  bottom: 50%;
  right: 0;
  left: 0;
  content: ''
}

.pubinfoboxwalleper .name {
  position: absolute;
  top: 30px;
  font-size: 18px;
  padding-left: 20px;
  color: #fff;
  overflow: hidden;
  width: auto;
  z-index: 3
}

.pubinfoboxwalleper .date {
  position: absolute;
  bottom: 20px;
  font-size: 11px;
  padding-left: 20px;
  color: #fff;
  overflow: hidden;
  width: auto;
  z-index: 3
}

.pubinfoboxwalleper .icon {
  position: absolute;
  bottom: 20px;
  right: 10px;
  font-size: 11px;
  padding-left: 20px;
  color: #fff;
  overflow: hidden;
  width: auto;
  z-index: 3
}

.albumbtn {
  padding-left: 25px
}

.albumbtn a {
  font-size: 18px;
  margin-right: 10px
}

@media only screen and (min-width:768px) {
  .btn_vttoppc {
    display: block
  }

  .btn_vttopmob {
    display: none
  }
}

@media only screen and (max-width:768px) {
  .btn_vttopmob {
    display: block
  }

  .btn_vttoppc {
    display: none
  }
}

@media only screen and (min-width:400px) {
  .pubboxuserpage {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1
  }
}

@media only screen and (min-width:700px) {
  .pubboxuserpage {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1
  }
}

@media only screen and (min-width:900px) {
  .pubboxuserpage {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
  }
}

@media screen and (min-width:1150px) {

  .btn_vt,
  .maincol_banneradaptive {
    max-width: 728px;
    margin: auto
  }

  .maincol_banneradaptivecom {
    max_width: 728px;
    margin: auto
  }

  .maincol_banneradaptivecom iframe {
    height: 100%
  }
}

@media only screen and (min-width:1440px) {
  .PicsComment {
    width: auto
  }

  #bigPICS {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
  }

  #bigPICS a {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 3px 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 4px 0 #ccc
  }

  .pubboxuserpage {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
  }
}

@media screen and (min-width:1441px) {
  .newsmain img {
    height: 250px !important
  }

  #nav {
    clear: both
  }

  .nav a {
    background-color: #fff;
    border: 1px solid #cfd1d4;
    margin-left: 1px;
    margin-right: 1px;
    color: #565656;
    text-decoration: none;
    padding: 4px 8px
  }

  .nav input[type=text] {
    height: 25px;
    width: 36px;
    font-family: Sans-Serif, Helvetica, sans-serif;
    font-weight: 500;
    text-align: center;
    font-size: 11px;
    box-sizing: border-box;
    padding: 4px 8px;
    background: orange;
    border: 1px solid #cfd1d4;
    margin-left: 1px;
    margin-right: 1px;
    color: #fff
  }

  .newsmain {
    width: 100%;
    position: static;
    overflow: hidden;
    margin-left: 0
  }

  #newsshow_all {
    width: 100%;
    display: block;
    float: none
  }

  #newsshow_all .newspreview,
  .newsshow_all .newspreview {
    width: 33%;
    float: left;
    display: block;
    overflow: hidden;
    height: 420px;
    margin-bottom: 10px
  }

  #nav_afisha,
  #nav_cat,
  #nav_jokes,
  #nav_news,
  #nav_pub {
    display: none
  }

  .pubbox {
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 33%;
    height: 200px;
    margin-right: 3px
  }

  .pubbox img {
    width: 100%
  }

  .jokes,
  .mov {
    position: relative;
    overflow: hidden;
    margin: 0
  }

  .mov .cinbox {
    position: relative;
    width: 20%;
    height: 180px;
    overflow: hidden;
    float: left
  }

  .LM {
    margin: 5px;
    overflow: hidden;
    height: 100px;
    width: 44%
  }

  .LM .ipreviewBL {
    display: none
  }
}

@media screen and (min-width:1600px) {
  #bigPICS a {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 3px 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 4px 0 #ccc
  }

  #newsshow_all .newspreview,
  .newsshow_all .newspreview {
    overflow: hidden;
    float: left;
    width: 33%;
    height: 440px
  }

  .pubbox {
    height: 300px
  }

  .pubbox .afishainfobox,
  .pubbox .pubinfobox {
    height: 80px
  }

  #menu-leftbg a {
    font-size: 18px
  }

  #menu-leftbg .sub {
    font-size: 14px
  }

  .newsmain img {
    height: 250px
  }
}

@media screen and (min-width:1025px) {
  .css_body {
    padding-left: 180px
  }
}

@media screen and (min-width:1024px) {
  .logo {
    display: none
  }

  .maptree {
    display: none;
    width: 250px;
    padding: 1px;
    position: absolute;
    z-index: 999;
    left: 180px;
    top: 50px;
    bottom: 60px;
    right: 0
  }

  #mapbig {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 180px;
    right: 0
  }

  .jokestop a {
    font-size: 14px
  }

  .jokes .text {
    padding: 20px
  }

  .afisha .text,
  .catalog .text,
  .jokes .text,
  .mov .text,
  .news .text,
  .pub .text {
    font-size: 18px
  }

  .afisha .text a,
  .catalog .text a,
  .jokes .text a,
  .mov .text a,
  .news .text a,
  .pub .text a {
    text-decoration: underline;
    color: #bf4240
  }

  .maincol_banneradaptive_view {
    clear: right;
    float: right;
    max-width: 340px;
    width: 100%;
    text-align: center;
    margin: auto
  }

  .btn_vt {
    width: 100%;
    max-width: 728px;
    max-height: 200px;
    overflow: hidden;
    margin: auto
  }

  .btn_vh,
  .maincol_banneradaptive {
    max-width: 728px;
    margin: auto
  }

  .maincol_banneradaptivecom {
    max-width: 728px;
    height: 100%;
    margin: auto
  }

  .maincol_banneradaptivecom iframe {
    height: 100%
  }

  .tree a {
    font-size: 14px;
    padding: 5px
  }

  #menu-leftbg {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    bottom: 0;
    width: 180px;
    margin: auto;
    overflow: auto;
    background: #222;
    -moz-box-shadow: inset 0 0 5px 0 #ccc;
    -webkit-box-shadow: inset 0 0 5px 0 #000;
    box-shadow: inset 0 0 5px 0 #000
  }

  #logo {
    left: 0
  }
}

@media screen and (min-width:1920px) {

  .afisha h1,
  .jokes h1,
  .mov h1,
  .news h1,
  .pub h1,
  .vsvotes h1 {
    font-size: 26px;
    line-height: 26px
  }

  .news .photo {
    display: block;
    position: relative;
    width: 300px;
    height: 300px;
    float: left;
    -moz-border-radius: 20px 20px 20px 0;
    -webkit-border-radius: 20px 20px 20px 0;
    border-radius: 150px 150px 150px 150px
  }

  .news .photo img,
  .photoUser img {
    box-sizing: border-box;
    float: right;
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .news .photo span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    background: url(/i/glossy-gradient100.png) 2px 1px no-repeat;
    background-size: cover
  }

  .btn_vt {
    max-width: 970px;
    max-height: 300px;
    margin: auto
  }

  .btn_vh,
  .maincol_banneradaptive {
    max-width: 970px;
    max-height: 300px;
    margin: auto
  }

  .maincol_banneradaptivecom {
    max-width: 728px;
    max-height: 300px;
    height: 100%;
    margin: auto
  }

  .maincol_banneradaptive_view {
    width: 40%;
    max-height: 300px;
    margin: auto
  }

  .maincol_banneradaptivecom iframe {
    height: 100%
  }

  #menu-leftbg {
    width: 300px
  }

  .pubbox {
    width: 49%;
    height: 300px
  }

  .pubbox .afishainfobox,
  .pubbox .pubinfobox {
    height: 80px
  }

  #logo {
    left: 0
  }

  #menu-leftbg a {
    font-size: 24px
  }

  .tree a {
    font-size: 16px
  }

  .newspreview .h2 {
    font-size: 24px;
    line-height: 24px
  }

  .newspreview .textarea {
    font-size: 18px;
    font-family: Sans-Serif
  }

  .afisha .text,
  .catalog .text,
  .jokes .text,
  .mov .text,
  .news .text,
  .pub .text {
    font-size: 17px
  }

  .news300 {
    width: 40%
  }

  .secondcol {
    width: 250px
  }

  .thirdcol {
    width: 250px
  }
}

@media screen and (max-width:1024px) {
  #exchangeConverterAll table {
    width: 49%
  }

  .frendsImagesBlock {
    width: 18%
  }

  article img {
    width: 100%
  }

  .logo {
    display: block
  }

  #logo {
    display: none
  }

  .maptree {
    display: none;
    padding: 1px;
    position: absolute;
    z-index: 7;
    left: 10px;
    top: 50px;
    bottom: 60px;
    right: 10px
  }

  #mapbig {
    position: absolute;
    top: 50px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0
  }

  .maincol_banneradaptive_view {
    clear: right;
    float: right;
    max-width: 340px;
    text-align: center;
    margin: auto
  }

  .btn_vt {
    max-width: 468px;
    margin: auto
  }

  .btn_vh,
  .maincol_banneradaptive {
    max-width: 468px;
    margin: auto
  }

  .maincol_banneradaptivecom {
    max-width: 728px;
    height: 100%;
    clear: both;
    margin: 0 auto 20px
  }

  .maincol_banneradaptivecom iframe {
    height: 100%
  }

  #logo {
    z-index: 104;
    position: fixed;
    left: 0;
    top: 0;
    height: 50px;
    width: 100px;
    dosplay: block
  }

  #menuico:before {
    text-shadow: 0 0 3px #000;
    color: #fff;
    font-size: 40px;
    font-family: FontAwesome;
    content: "\f0c9"
  }

  #menuico {
    z-index: 104;
    position: absolute;
    right: 20px;
    top: 3px;
    height: 36px;
    width: 40px;
    cursor: pointer;
    dosplay: block
  }

  .menuico_tree {
    z-index: 104;
    position: fixed;
    right: 60px;
    top: 3px;
    height: 36px;
    width: 40px;
    background: url(/i/dosug_md_sprite.png) 2px -1507px;
    cursor: pointer;
    dosplay: block
  }

  .maincol {
    width: 100%
  }

  .secondcol {
    float: left
  }

  .thirdcol {
    float: left
  }

  #newsshow_all .newspreview,
  .newsshow_all .newspreview {
    height: 250px;
    overflow: hidden
  }

  .newsmain .h2 {
    font-size: 12px
  }

  .pubbox {
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 32%;
    height: 150px;
    margin-right: 3px
  }

  #menu-leftbg {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    margin: auto;
    overflow: auto;
    background: #222;
    -moz-box-shadow: inset 0 0 5px 0 #ccc;
    -webkit-box-shadow: inset 0 0 5px 0 #000;
    box-shadow: inset 0 0 5px 0 #000
  }

  #menu-leftbg a {
    font-size: 180%
  }

  #logo {
    left: 0
  }

  .tree_sub {
    display: block;
    margin-left: 30px
  }

  .tree_sub a {
    padding-left: 10px !important
  }

  .tree_sub span {
    color: #0863b6;
    font-size: 9px
  }

  .tree_sub a {
    font-size: 14px !important
  }
}

@media screen and (max-width:768px) {
  .mob {
    display: none
  }

  #bg-top-alpha {
    background: url(/i/bg-top-alpha.png) 0 -80px repeat-x
  }

  .maincol_banneradaptivecom {
    max-width: 468px;
    clear: both;
    margin: 0 auto 20px;
    text-align: center
  }

  .btn_vh,
  .btn_vt,
  .maincol_banneradaptive,
  .maincol_banneradaptive_view {
    max-width: 468px;
    min-height: 320px;
    width: 100%;
    clear: both;
    margin: auto;
    float: none;
    text-align: center
  }

  .news300 {
    margin-left: 0;
    margin-right: 0;
    float: none;
    width: 100%
  }

  #newsshow_all .newspreview,
  .newsshow_all .newspreview {
    width: 33%;
    float: left;
    display: block;
    overflow: hidden;
    margin-bottom: 10px
  }

  .newsmain img {
    object-fit: cover;
    object-position: center;
    height: 180px;
    width: 100%;
    wborder: 1px solid #fff;
    -moz-box-shadow: 1px 1px 5px #666;
    -webkit-box-shadow: 1px 1px 5px #666;
    box-shadow: 1px 1px 10px #666
  }

  .css_body {
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-filter: none;
    filter: none
  }

  .LM {
    margin: 5px 0;
    overflow: hidden;
    height: 100px;
    width: 100%;
    border: 1px solid #ccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
  }

  .LM .ipreviewBL {
    display: none
  }
}

@media screen and (min-width:745px) {
  .usei {
    display: inline-block;
    vertical-align: middle
  }

  .usei h1 {
    margin: 0 !important;
    padding: 0
  }
}

@media screen and (max-width:745px) {
  .pubinfoboxwalleper {
    position: relative;
    width: 100%;
    margin: 1%;
    float: left;
    height: 280px;
    overflow: hidden
  }

  .usei {
    display: block;
    text-align: center
  }

  .news .text .photo {
    margin: 0
  }

  .news .photo {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    -moz-border-radius: none;
    -webkit-border-radius: 0;
    border-radius: 0
  }

  .news .photo img {
    box-sizing: border-box;
    float: none;
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    height: auto
  }

  #maincol .menuuserpic {
    width: 100px;
    margin: auto;
    float: none;
    display: block
  }

  #maincol #menuUser h1 {
    display: block;
    text-align: center
  }

  #bottom .fa {
    padding: 10px;
    font-size: 15px;
    width: 20px;
    text-align: center;
    text-decoration: none
  }

  #sochialshare .fa {
    padding: 10px;
    font-size: 15px;
    width: 20px;
    text-align: center;
    text-decoration: none
  }

  .aimg::after {
    display: block;
    position: absolute;
    background-image: linear-gradient(to top, transparent 0, #fff 100%);
    top: 0;
    bottom: 50%;
    right: 0;
    left: 0;
    content: ''
  }

  .news300 {
    float: none;
    display: block;
    margin: auto;
    width: 100%
  }

  #exchangeConverterAll table {
    display: table;
    float: none;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%
  }

  #exchangeConverterAll td:first-child {
    width: 10% !important
  }

  #exchangeConverterAll td:nth-child(2) {
    width: 15% !important
  }

  #exchangeConverterAll td:nth-child(3) {
    width: 15% !important
  }

  #exchangeConverterAll td:nth-child(4) {
    width: 40% !important
  }

  #exchangeConverterAll td:nth-child(5) {
    width: 20% !important
  }

  .btn_vh,
  .btn_vt,
  .maincol_banneradaptive {
    width: 100%
  }

  .maincol_banneradaptivecom {
    width: 100%;
    height: 100%;
    clear: both;
    margin: 0 auto 20px
  }

  .maincol_banneradaptivecom iframe {
    height: 100%
  }

  .pubbox {
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 49%;
    height: 200px;
    margin-right: 3px
  }

  .mov .cinbox {
    position: relative;
    width: 20%;
    height: 180px;
    overflow: hidden;
    float: left
  }

  .contetntopview .topviewblolckhide {
    display: none
  }

  .BG_C {
    left: 0;
    right: 0
  }

  .BG_C2 {
    left: 0;
    right: 0
  }

  #logo {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    height: 40px;
    z-index: 102;
    width: 120px
  }

  .BG_L,
  .BG_R {
    display: none
  }

  #bottom td {
    display: block
  }

  #we-social-btn {
    clear: both;
    width: 100%
  }

  #we-social-btn div {
    float: left;
    width: 60px
  }

  #stats a {
    float: left
  }

  #menuico {
    z-index: 104;
    position: absolute;
    right: 10px;
    top: 3px;
    height: 36px;
    width: 40px;
    cursor: pointer
  }

  #menuico:hover {
    opacity: .5
  }

  #topnav {
    position: fixed;
    z-index: 101;
    left: 150px;
    top: 10px
  }

  #topnav .loginBTN {
    -moz-box-shadow: inset 0 0 5px 1px #333;
    -webkit-box-shadow: inset 0 0 5px 1px #333;
    box-shadow: inset 0 0 5px 1px #333;
    -ms-filter: inset 0 0 5px 1px #333;
    filter: inset 0 0 5px 1px #333;
    padding: 5px 0 5px 25px;
    color: #fff;
    cursor: pointer;
    width: 55px;
    text-align: left;
    background: #39464f url(/i/toggle_up_dark.png) 5px 6px no-repeat;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #111
  }

  #loginForm {
    position: fixed;
    z-index: 103;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 220px;
    -moz-box-shadow: 1px 1px 100px #88bbd4;
    -webkit-box-shadow: 1px 1px 100px #88bbd4;
    box-shadow: 1px 1px 100px #88bbd4;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 3px solid #222;
    background-color: #fff;
    bottom: 0;
    height: 250px;
    overflow: hidden;
    display: none
  }

  .maincol {
    display: block
  }

  .secondcol {
    display: block
  }

  .thirdcol {
    display: block
  }

  .newsmain {
    width: 100%;
    position: static;
    overflow: hidden;
    margin-left: 0
  }

  #newsshow_all {
    width: 100%;
    display: block;
    float: none
  }

  #newsshow_all .newspreview,
  .newsshow_all .newspreview {
    overflow: hidden;
    float: left;
    width: 49%;
    position: relative;
    height: auto
  }

  #newsshow_all .mainpic,
  .newsshow_all .mainpic {
    margin: 0;
    height: 150px;
    overflow: hidden
  }

  .newsmain .h2 {
    position: absolute;
    bottom: 0;
    font-weight: 400;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    text-shadow: none;
    padding: 3px
  }

  .newsmain .date {
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    top: 3px;
    font-weight: 400
  }

  .newsmain img {
    margin: 0;
    width: 100%;
    display: block;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
  }

  .newsmain .icon,
  .newsmain .textarea {
    display: none
  }

  .secondcol,
  .thirdcol {
    width: 100%
  }

  .first_page,
  .last_page {
    display: none
  }

  iframe {
    height: auto;
    width: 100%
  }

  button {
    font-size: 32px
  }
}

@media screen and (min-width:460px) {
  .jokestop {
    diplay: block;
    width: 48%;
    float: left;
    padding: 10px;
    box-sizing: border-box
  }
}

@media screen and (max-width:460px) {
  .nv {
    margin-left: 0 !important;
    padding-left: 0 !important
  }

  .nav A {
    padding: 4px 8px !important
  }

  .nav input[type=text] {
    width: 30px !important;
    height: 20px !important
  }

  .datepicker-container input[type=text] {
    max-width: 30px !important
  }

  .jokestop {
    diplay: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box
  }

  .maincol_banneradaptive,
  .maincol_banneradaptive_view,
  .maincol_banneradaptivecom {
    width: 100%;
    height: auto;
    clear: both;
    margin: auto;
    float: none;
    text-align: center
  }

  #menu-leftbg {
    position: static;
    top: 50px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    height: auto
  }

  #menu-leftbg a {
    font-size: 24px
  }

  .tree {
    display: none
  }

  #menu-leftbg a.buttonEnter {
    font-size: 24px;
    line-height: 18px
  }

  _#menu-leftbg {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #bcbcbc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #bcbcbc));
    background: -webkit-linear-gradient(top, #fff 0, #bcbcbc 100%);
    background: -o-linear-gradient(top, #fff 0, #bcbcbc 100%);
    background: -ms-linear-gradient(top, #fff 0, #bcbcbc 100%);
    background: linear-gradient(to bottom, #fff 0, #bcbcbc 100%);
    vertical-align: middle;
    height: 40px;
    white-space: nowrap
  }

  .lang {
    position: absolute;
    top: 15px;
    margin: auto auto auto 150px !important;
    left: 0;
    right: 0
  }

  #menu-leftbg .menuuserpic {
    width: 200px;
    height: 200px
  }

  #menuUser {
    padding-top: 10px
  }

  #box_st {
    border-color: #f5f5f5;
    border-radius: 0;
    background: #f5f5f5;
    display: none;
    margin-top: 25px;
    top: 0;
    left: 0;
    width: 90% !important;
    min-width: 150px;
    position: absolute;
    z-index: 120;
    cursor: pointer
  }

  #box_st div {
    width: 90% !important;
    height: auto !important;
    padding: 5px !important;
    line-height: normal;
    font-size: 18px !important;
    margin: auto !important
  }

  #menu-leftbg {
    overflow: inherit !important
  }

  #newsshow_all .newspreview,
  .newsshow_all .newspreview {
    overflow: hidden;
    position: relative;
    width: auto;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 4px 0 #ccc;
    height: auto;
    margin: 10px
  }

  .newspreview .mainpic {
    max-height: 200px;
    overflow: hidden;
    margin: 0
  }

  .newsmain .icon,
  .newsmain .textarea {
    display: block;
    height: auto
  }

  .newsmain .icon {
    padding: 0 10px 0 0
  }

  .newsmain .h2 {
    font-size: 16px;
    position: static !important;
    bottom: 0;
    font-weight: 400;
    background-color: #fff !important;
    color: #000;
    text-shadow: none;
    padding: 3px
  }

  .newsmain .date {
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    top: 3px;
    font-weight: 400
  }

  .newsmain img {
    margin: 0
  }

  .pubbox {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 4px 0 #ccc;
    height: auto;
    margin: 10px
  }

  .pubbox .afishainfobox,
  .pubbox .pubinfobox {
    padding: 1em;
    height: auto;
    line-height: 20px;
    background: 0 0;
    position: static;
    color: #000
  }

  .pubbox .pubinfobox .date {
    white-space: nowrap
  }

  .pubbox .afishainfobox .pubdesc strong,
  .pubbox .pubinfobox .pubdesc strong {
    color: #666
  }

  .pubinfobox a:nth-child(4) {
    font-family: Sans-Serif;
    color: #333 !important;
    display: block;
    font-size: 20px !important;
    margin: 10px 0
  }

  .pubbox .afishainfobox a,
  .pubbox .pubinfobox a {
    color: #000
  }

  .pubbox .afishainfobox a.categ,
  .pubbox .pubinfobox a.categ {
    font-size: 10px;
    color: #d74c5f;
    babackground: fff;
    background: #fff
  }

  .mov .cinbox {
    position: relative;
    width: 20%;
    height: 180px;
    overflow: hidden;
    float: left
  }

  .jokes .ipreviewBL {
    display: none
  }

  .jokes .LM {
    height: auto;
    margin: 5px;
    width: 90%
  }

  .jokes .LM td {
    font-size: 14px
  }

  .cinbox {
    position: relative;
    zoom: .5
  }

  .next_page,
  .prev_page {
    display: none
  }

  h2 {
    font-size: 14px
  }
}

@media screen and (max-width:375px) {
  .mov .cinbox {
    position: relative;
    width: 20%;
    height: 180px;
    overflow: hidden;
    float: left
  }

  .search_panel input {
    max-width: 40px
  }
}

.calendar {
  height: 30px;
  background-color: #151515
}

.datepicker-container input[type=text] {
  height: 23px;
  width: 100%;
  max-width: 80px;
  border: 1px solid #999;
  font-size: 10px;
  color: #555;
  margin-left: 5px;
  padding: 2px 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.search_panel {
  white-space: nowrap;
  height: 20px;
  color: #fff;
  font-size: 12px;
  margin-bottom: 15px;
  padding: 5px 5px 10px;
  position: relative
}

.search_panel strong {
  float: left
}

.search_panel .datepicker-container {
  float: left
}

.search_panel .archiv_search:before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f002"
}

.search_panel .archiv_search {
  height: 22px;
  width: 22px;
  float: left;
  background: 0 0;
  margin: 0 5px 0 5px;
  padding: 0;
  cursor: pointer
}

.search_panel .archiv_reset:before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f0e2"
}

.search_panel .archiv_reset {
  height: 22px;
  width: 22px;
  float: left;
  background: 0 0;
  margin: 0;
  padding: 0;
  cursor: pointer
}

.search_panel .add a:before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  content: "\f196"
}

.search_panel .add {
  height: 22px;
  max-width: 175px;
  position: absolute;
  top: 5px;
  right: 15px;
  background: 0 0;
  margin: 0;
  padding: 0
}

form.gsc-search-box {
  width: 90% !important;
  margin: auto !important;
  padding: 15px !important;
  background: #fff !important;
  -moz-border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  border-radius: 100px !important
}

#gsc-iw-id1,
.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
  -moz-border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  border-radius: 100px !important
}