html,
body {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: open_sans_semibold;
  src: url(/themes/new/bookmarks/css/fonts/open_sans_semibold.ttf);
}

@font-face {
  font-family: open_sans;
  src: url(/themes/new/bookmarks/css/fonts/open_sans.ttf);
}

.clear {
  clear: both;
  display: block;
  margin: 0 !important;
}

.textdec-none {
  text-decoration: none;
}

/*--main--*/
.main {
  position: relative;
  margin: 0 auto;
  padding-left: 143px;
  width: 100%;
  max-width: 900px;
  z-index: 1;
}

.main:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.main.padding-right {
  padding-right: 218px;
}

/*--change-bg--*/
.change-bg {
  padding: 76px 0 0;
  display: none;
  right: -250px;
  z-index: 1000;
}

.change-bg {
  position: absolute;
  top: -42px;
  padding-left: 10px;
  padding-right: 33px;
  width: 276px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #edf0f1;
}

.change-bg .logout,
.change-bg .title {
  color: #333333;
  font-family: open_sans;
}

.change-bg .logout {
  display: inline-block;
  margin-left: 9px;
  margin-bottom: 34px;
  font-size: 14px;
}

.change-bg .delet-icon {
  position: absolute;
  top: auto;
  right: 0;
  display: block;
  float: none;
  width: 21px;
  height: 20px;
  background: url('/themes/new/bookmarks/images/delete-big.png') no-repeat;
}

.change-bg .delet-icon:hover {
  background: url('/themes/new/bookmarks/images/delete-big-active.png') no-repeat;
}

.change-bg .block {
  padding-top: 12px;
}

.change-bg .block_first {
  padding-top: 0;
}

.change-bg .block:after {
  content: "";
  display: block;
  background: #fff;
  height: 1px;
  margin-top: 12px;
  margin-left: -10px;
  padding-left: -10px;
  padding-right: 44px;
  width: 100%;
  margin-bottom: 8px;
}

/* account-option */
.change-bg .account-option-title {
  display: block;
  margin-bottom: 12px;
  font: 14px open_sans_semibold;
  color: #333;
}

.change-bg .account-option .account-option-lang {
  font: 12px open_sans;
  color: #333;
}

.change-bg .account-option #choice-lang {
  display: inline-block;
  width: 190px;
}

.change-bg .account-option #select-themes {
  width: 200px;
}

.change-bg .account-option .select-themes-wrap {
  margin-bottom: 17px;
}

#showOptionsForm span {
  position: relative;
  top: -2px;
  font: 12px open_sans;
  color: #333;
}

.change-bg .account-option .export-bookmarks,
.change-bg .account-option .import-bookmarks {
  display: block;
  margin-bottom: 5px;
  font: 12px open_sans_semibold;
  color: #333;
}

.change-bg .account-option .export-bookmarks:hover,
.change-bg .account-option .import-bookmarks:hover {
  color: #3b97d3;
}

.change-bg .account-option .export-bookmarks:before,
.change-bg .account-option .import-bookmarks:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  height: 16px;
  vertical-align: sub;
}

.change-bg .account-option .export-bookmarks:before {
  width: 25px;
  background: url('/themes/new/bookmarks/images/export-bookmarks.png') no-repeat;
}

.change-bg .account-option .import-bookmarks:before {
  width: 24px;
  background: url('/themes/new/bookmarks/images/import-bookmarks.png') no-repeat;
}

/*file-upload*/
.change-bg .name-file-upload,
.change-bg .delete-file-upload,
.change-bg .add-file-upload {
  display: inline-block;
  font: 10px open_sans_semibold;
  vertical-align: text-bottom;
}

.change-bg .delete-file-upload:hover,
.change-bg .add-file-upload:hover {
  text-decoration: none;
}

.change-bg .name-file-upload {
  color: #2980ba;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 65px;
}

.change-bg .delete-file-upload {
  color: #333;
}

.change-bg .add-file-upload {
  margin-left: 14px;
  color: #666766;
}

.change-bg .more-themes {
  display: inline-block;
  font: 12px open_sans_semibold;
  color: #333;
  text-decoration: none;
}

.change-bg .more-themes_choice-color {
  margin-bottom: 10px;
}

.change-bg .more-themes:before {
  display: inline-block;
  margin-right: 5px;
  content: "";
  width: 18px;
  height: 14px;
  background: url('/themes/new/bookmarks/images/more-themes.png') no-repeat;
  vertical-align: text-bottom;
}

.change-bg .more-themes:after {
  display: inline-block;
  content: "";
  margin-left: 6px;
  width: 7px;
  height: 4px;
  background: url('/themes/new/bookmarks/images/account-option-icon.png') no-repeat;
  vertical-align: middle;
}

.change-bg .more-themes_choice-color:before {
  width: 14px;
  height: 14px;
  background: url('/themes/new/bookmarks/images/choice_color.png') no-repeat;
}

.change-bg .color-text {
  margin-bottom: 6px;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}

.change-bg .color-text li {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: top;
}

.change-bg .color-text li a {
  display: block;
  width: 24px;
  height: 24px;
}

.change-bg .color-text li:last-child {
  margin-right: 0;
}

.change-bg .color-text .active:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 5px;
  display: block;
  width: 14px;
  height: 19px;
  background: url('/themes/new/bookmarks/images/color_active.png') no-repeat;
}

.change-bg .color-text .dark {
  background: #333;
}

.change-bg .color-text .white,
.change-bg .color-text .yellow {
  border: 1px solid #cccccc;
  height: 23px;
  width: 23px;
}

.change-bg .color-text .white {
  background: #fff;
}

.change-bg .color-text .red {
  background: #ec2327;
}

.change-bg .color-text .yellow {
  background: #feff00;
}

.change-bg .color-text .green {
  background: #009900;
}

.change-bg .color-text .blue {
  background: #2980b9;
}

.change-bg .color-text .pink {
  background: #ff00c0;
}

.change-bg .color-text .purple {
  background: #820083;
}

.change-bg .login span,
.change-bg .login a,
.change-bg .password span,
.change-bg .password input,
.change-bg .password button,
.change-bg .mobile-version,
.change-bg .help-link {
  font: 12px open_sans;
  text-decoration: none;
}

.change-bg .password {
  display: none;
}

.change-bg .password.active {
  display: block;
}

.change-bg .login {
  margin-bottom: 6px;
}

.change-bg .password span {
  display: block;
  margin-bottom: 15px;
}

.change-bg .login .link-profile {
  color: #3b97d3;
}

.change-bg .login span,
.change-bg .login a {
  display: inline-block;
}

.change-bg .login .btn {
  float: right;
  margin-top: 4px;
  width: 15px;
  height: 15px;
  background: url('/themes/new/bookmarks/images/login-btn-plus.png') no-repeat;
}

.change-bg .login .btn.minus {
  background: url('/themes/new/bookmarks/images/login-btn-minus.png') no-repeat;
}

.change-bg .password input {
  background: #fff;
  border: 1px solid #dedddd;
  border-radius: 2px;
  padding: 0 10px;
  margin-bottom: 8px;
  width: 211px;
  height: 18px;
  line-height: 18px;
  color: #999999;
}

.change-bg .password button {
  float: right;
  display: block;
  border: none;
  margin-bottom: 10px;
  color: #fff;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}

.change-bg .password .save {
  width: 84px;
  background: #2ecc71;
}

.change-bg .password .account-logout {
  width: 132px;
  background: #e74c3c;
  color: white;
  padding: 1px 5px;
  border-radius: 2px;
  text-decoration: none;
  font: 11px open_sans_semibold;
}

.change-bg .txt {
  font: 12px open_sans_semibold;
  color: #333;
  display: block;
  text-decoration: none;
}

.change-bg .txt:before {
  display: inline-block;
  content: "";
  margin-right: 10px;
  margin-bottom: 4px;
  float: left;
}

.change-bg .mobile-version:before {
  margin-right: 14px;
  width: 12px;
  height: 21px;
  background: url('/themes/new/bookmarks/images/mobile-version.png') no-repeat;
}

.change-bg .help-link:before {
  height: 17px;
  width: 17px;
  background: url('/themes/new/bookmarks/images/help-link.png') no-repeat;
}

.change-bg .notes:before {
  height: 18px;
  width: 17px;
  background: url('/themes/new/bookmarks/images/notes.png') no-repeat;
}

.change-bg .open-new-tab:before {
  position: relative;
  top: 9px;
  height: 16px;
  width: 16px;
  background: url('/themes/new/bookmarks/images/open-new-tab.png') no-repeat;
}

.change-bg .messenger:before {
  position: relative;
  top: 3px;
  height: 15px;
  width: 16px;
  background: url('/themes/new/bookmarks/images/messenger-icon.png') no-repeat;
}

.change-bg .categories:before {
  width: 18px;
  height: 18px;
  background: url('/themes/new/bookmarks/images/categories.png') no-repeat;
}

.change-bg .checkbox-wrap input[type="checkbox"] {
  display: none;
}

.change-bg .checkbox-wrap input[type="checkbox"] + label {
  cursor: pointer;
  position: relative;
}

.change-bg .checkbox-wrap input[type="checkbox"]:checked + label span {
  background: url("/themes/new/bookmarks/images/checkbox-sprite_2.png") no-repeat scroll -14px top rgba(0, 0, 0, 0);
}

.change-bg .checkbox-wrap input[type="checkbox"] + label span {
  background: url("/themes/new/bookmarks/images/checkbox-sprite_2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 0;
  display: inline-block;
  height: 13px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  width: 13px;
}

.change-bg .checkbox-wrap input[type="checkbox"] + label.open-new-tab span {
  top: 14px;
}
/*--------------------*/

.change-bg .logout:hover {
  text-decoration: none;
}

.change-bg .list {
  margin-top: 15px;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-size: 0;
}

.change-bg .list .item {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 2px;
  height: 75px;
  width: 75px;
  vertical-align: top;
}

.change-bg .list .item:hover {
  box-shadow: inset 0 0 0 2px #3b97d3;
}

.change-bg .list .item-active {
  position: absolute;
  top: 0;
  display: block;
  width: 75px;
  height: 75px;
}

.change-bg .list .link {
  display: block;
}

.change-bg .list .item-active-arrow {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 25px;
  height: 18px;
  background: url('/themes/new/bookmarks/images/item-active.png') no-repeat;
}

.change-bg .pop-up_bg {
  position: absolute;
  top: -11px;
  left: 43px;
  z-index: 100;
  font: 10px open_sans_semibold;
  text-indent: 10px;
  line-height: 30px;
  display: none;
  height: 35px;
  width: 119px;
  background: url('/themes/new/bookmarks/images/bg-popup.png') no-repeat;
}

.change-bg .pop-up_bg.active {
  display: block;
}

.change-bg .delete-user-theme {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

.change-bg .account-option .select-themes-wrap .dd {
  width: 230px !important;
}

#uploadThemeField {
  display: none;
}

/*--main-inner--*/
.main-inner {
  margin-top: 42px;
  width: 100%;
  min-height: 500px;
}

/*--header--*/
.header {
  margin: 0 0 5px;
}

/*--header-top--*/
/* news */
.header-top .news {
  margin-left: 115px;
}

.header-top .news .item {
  margin: 4px 0;
  font: 12px open_sans;
  list-style-type: decimal;
}

.header-top .news .link {
  display: block;
  text-align: left;
}

.header-top .news .link:hover {
  color: #3399cc;
  text-decoration: underline;
}

/* change-color */
.header-top .news.white ul,
.header-top .news.white a {
color: #fff;
}

.header-top .news.dark ul,
.header-top .news.dark a {
color: #333;
}

.header-top .news.red ul,
.header-top .news.red a {
color: #ec2327;
}

.header-top .news.yellow ul,
.header-top .news.yellow a {
color: #feff00;
}

.header-top .news.green ul,
.header-top .news.green a {
color: #009900;
}

.header-top .news.blue ul,
.header-top .news.blue a {
color: #2980b9;
}

.header-top .news.pink ul,
.header-top .news.pink a {
color: #ff00c0;
}

.header-top .news.purple ul,
.header-top .news.purple a {
color: #820083;
}

/* exchange-rates */
.header-top .exchange-rates {
  margin-left: 130px;
  display: none;
}

.header-top .exchange-rates,
.header-top .exchange-rates .exchange-rates-title,
.header-top .exchange-rates .currency {
  display: inline-block;
  color: #333;
}

.header-top .exchange-rates .exchange-rates-title {
  margin-right: 7px;
}

.header-top .exchange-rates .currency {
  margin-right: 15px;
}

.header-top .exchange-rates span,
.header-top .exchange-rates a {
  font: 14px open_sans_semibold;
}

.header-top .exchange-rates .currency-link {
  color: #2980b9;
}

.header-top .exchange-rates .currency-link:hover {
  text-decoration: none;
}

/* change-color */
.header-top .exchange-rates.white span {
  color: #fff;
}

.header-top .exchange-rates.dark span {
  color: #333;
}

.header-top .exchange-rates.yellow span {
  color: #feff00;
}

.header-top .exchange-rates.red span {
  color: #ec2327;
}

.header-top .exchange-rates.green span {
  color: #009900;
}

.header-top .exchange-rates.blue span {
  color: #2980b9;
}

.header-top .exchange-rates.pink span {
  color: #ff00c0;
}

.header-top .exchange-rates.purple span {
  color: #820083;
}

/* weather */
.header-top .weather {
  margin-left: 10px;
}
.wind_image{
  height: 30px;
}

#city-search{
  display: none;
}

.header-top .weather,
.header-top .weather a,
.header-top .weather span {
  display: inline-block;
}

.header-top .weather a,
.header-top .weather span {
  font: 14px open_sans_semibold;
}

.header-top .weather .weather-link {
  margin-right: 2px;
  color: #3b97d3;
}

.header-top .weather .weather-link:hover {
  text-decoration: none;
}

.header-top .weather .weather-btn {
  margin-right: 6px;
  width: 10px;
  height: 8px;
  background: url('/themes/new/bookmarks/images/weather-link.png') no-repeat;
}

.header-top .weather .weather-preview {
  margin-right: 2px;
  height: 26px;
  width: 26px;
  background: url('/themes/new/bookmarks/images/weather-preview.png') no-repeat;
  vertical-align: middle;
}

.header-top .weather .weather-temp {
  color: #333333;
}
/*----------*/

.header-top .login {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #333333;
  font-family: open_sans;
}

.header-top .login:hover {
  text-decoration: none;
}

.header-top .link {
  position: relative;
  display: inline-block;
  color: #333333;
  font: 12px open_sans;
  text-decoration: none;
}

.header-top .link-word {
  margin-left: 20px;
  padding: 4px 2px;
  border-radius: 4px;
  border: 1px solid transparent;
}

.header-top {
  margin-top: 30px;
  margin-bottom: 15px;
  text-align: center;
}

.header-top .link-word:hover {
  border: 1px solid #cccccc;
}

.header-top .link-word:active {
  border: 1px solid #c6c6c5;
  background: #edf0f1;
}

.header-top .link_first {
  margin-left: 20%;
}

.header-top .link_red {
  color: #c0392b;
}

.header-top .block-messages {
  position: relative;
  z-index: 10;
  margin-top: 3px;
  float: right;
  margin-right: 55px;
  text-align: left;
}

.header-top .block-help {
  position: relative;
  display: inline-block;
}

.header-top .link_help:hover + .pop-up {
  display: block;
}

.wrap-link-option {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.header-top .link_option:hover + .pop-up_link_option {
  display: block;
}

.header-top .link_help,
.header-top .link_mess,
.header-top .link_option {
  vertical-align: top;
}

.header-top .link_help,
.header-top .link_mess {
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background: none repeat scroll 0 0 #f0c514;
  border-radius: 17px;
  font-size: 15px;
  font-weight: bold;
}

.header-top .link_help:active,
.header-top .link_mess:active {
  background: #999999;
}

.header-top .link_mess,
.header-top .link_option {
  vertical-align: top;
}

.header-top .link_mess {
  padding: 0 10px;
}

.header-top .link_option {
  width: 20px;
  height: 20px;
  background: url('/themes/new/bookmarks/images/open-option.png') no-repeat;
}

.header-top .link_option:active {
  background: url('/themes/new/bookmarks/images/open-option-active.png') no-repeat;
}

.header-top .pop-up {
  display: none;
  position: absolute;
  color: #333333;
  font: 10px open_sans_semibold;
  z-index: 100;
}

.header-top .pop-up_link_help,
.header-top .pop-up_link_option,
.header-top .pop-up_link_mess {
  height: 35px;
  line-height: 35px;
}

.header-top .pop-up_link_help,
.header-top .pop-up_link_option {
  left: 24px;
  top: -19px;
  width: 119px;
  background: url('/themes/new/bookmarks/images/bg-popup.png') no-repeat;
  text-align: center;
}

.pop-up_link_mess.active {
  display: block;
}

.header-top .pop-up_link_mess {
  left: -161px;
  top: 22px;
  width: 163px;
  background: url('/themes/new/bookmarks/images/bg-popup-2.png') no-repeat;
}

/*  pop-up-notice  */
.pop-up-notice {
  display: none;
  left: -331px;
  position: absolute;
  top: 21px;
  color: #333333;
  text-align: left;
  padding: 0;
  background: none repeat scroll 0 0 #edf0f1;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  box-shadow: 3px 3px 15px #ccc;
  margin: 0 auto;
  width: 332px;
  z-index: 1000;
}

.pop-up-notice .title-notice {
  display: block;
  font: 14px/30px open_sans_semibold;
  padding: 10px 20px 0;
  border-bottom: 1px solid #ccc;
}

.pop-up-notice .list-notice {
  padding: 0 0 20px;
  margin: 0;
}

.pop-up-notice .item-notice {
  display: block;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

.pop-up-notice .item-notice:hover {
  background: #e1e4e5;
}

.pop-up-notice .title-item {
  font: 12px/16px open_sans_semibold;
  color: #333333;
}

.pop-up-notice .item-notice_last {
  border: none;
}

.pop-up-notice .link-notice {
  display: block;
  padding: 0 20px;
  text-decoration: none;
  color: #333333;
}

.pop-up-notice .info-date,
.pop-up-notice .info-time {
  display: inline-block;
  font: 11px open_sans_semibold;
  position: relative;
  width: auto;
  margin-left: 20px;
}

.pop-up-notice .info-date {
  margin-right: 10px;
}

.pop-up-notice .info-date:before,
.pop-up-notice .info-time:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  margin-right: 20px;
}

.pop-up-notice .info-date:before {
  width: 12px;
  height: 13px;
  background: url('/themes/new/bookmarks/images/notice-icon-date.png') no-repeat;
}

.pop-up-notice .info-time:before {
  width: 14px;
  height: 14px;
  background: url('/themes/new/bookmarks/images/notice-icon-time.png') no-repeat;
}

/*  registation-authorization */
.popupbox {
  width: 235px !important;
  display: none;
  z-index: 99999;
}

.popupbox.form-for-search {
  display: none;
}

#register-form,
#loginForm {
  text-align: center;
}

.popupbox #first {
  display: block;
}

.popupbox #second {
  display: none;
}

.popupbox .div-tab .title-form,
.popupbox .div-tab .title-form {
  display: none;
}

.popupbox .tabs {
  margin: 0;
}

.popupbox ul.tabNavigation {
  text-align: center;
  width: 230px;
  border-bottom: 1px solid #ccc;
  display: block;
  height: 32px;
  list-style: none outside none;
  margin: 0 0 0 -20px;
  padding: 0 25px 0 20px;
}

.popupbox li {
  display: inline-block;
  list-style-type: none;
}

.popupbox ul.tabNavigation li a.selected,
.popupbox ul.tabNavigation li a.selected:hover {
  background: none repeat scroll 0 0 #edf0f1;
  border-bottom: 1px solid #edf0f1;
}

.popupbox ul.tabNavigation li a {
  padding: 7px 15px;
}

.popupbox ul.tabNavigation li a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #333;
  display: block;
  font-family: open_sans_semibold;
  font-size: 12px;
  margin: 0 1px 0 0;
  text-decoration: none;
}

.popupbox input {
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: #999999;
  font-family: open_sans;
  font-size: 11px;
  margin: 10px 0 0;
  padding: 3px 10px 4px;
  width: 184px;
}

.popupbox .div {
  text-align: center;
}

.popupbox label {
  display: block;
  padding: 10px 0 15px;
}

.popupbox label,
.popupbox label input {
  font-family: open_sans;
  font-size: 11px;
}

.popupbox button,
.popupbox .hide_recovery_ref {
  border-radius: 3px;
  color: #fff;
  font-family: open_sans_semibold;
  font-size: 10px;
  margin: 10px 0;
  padding: 7px 12px;
  cursor: pointer;
}

.popupbox button {
  background: none repeat scroll 0 0 #4fba6f;
  border: 0 none;
}

.popupbox .hide_recovery_ref {
  margin-left: 51px;
  background: #d15627;
  border: 1px solid #d15627;
  text-decoration: none;
}

.popupbox input.checkbox-end {
  display: block;
  float: left;
  margin: 8px 0 0 20px;
  width: 15px;
}

.popupbox .raz {
  border-top: 1px solid #ccc;
  margin: 0 0 0 -20px;
  position: absolute;
  width: 277px;
}

.socseti p {
  font-family: open_sans_semibold;
  font-size: 11px;
  margin: 10px 0;
  text-align: center;
}

.socseti {
  text-align: center;
}

.socseti p a {
  color: #2980ba;
}

.popupbox .pas {
  display: block;
}

.popupbox .auth-service {
  float: none;
  display: inline-block;
  margin: 0 2px;
}
/* ----------- */

/* search */
.block-search .google,
.block-search .yandex {
    position: relative;
    top: 5px;
    display: inline-block;
}

.block-search .google {
    top: 6px;
    width: 58px;
    height: 20px;
    background: url('/themes/new/bookmarks/images/google-search.png') no-repeat;
}

.block-search .google:hover {
    border-bottom: 1px solid transparent;
    background: url('/themes/new/bookmarks/images/google-search-hover.png') no-repeat;
}

.block-search .google.active {
    border-bottom: 1px solid transparent;
    background: url('/themes/new/bookmarks/images/google-search-hover.png') no-repeat;
}

.block-search .yandex:before {
    display: block;
    margin-left: -11px;
    margin-top: 3px;
    content: "";
    width: 9px;
    height: 16px;
    background: url('/themes/new/bookmarks/images/serar-logo.png') no-repeat;
}

.block-search .yandex {
    margin: 0 11px;
    width: 54px;
    height: 22px;
    background: url('/themes/new/bookmarks/images/yandex-search.png') no-repeat;
}

.block-search .yandex:hover {
    background: url('/themes/new/bookmarks/images/yandex-search-hover.png') no-repeat;
}

.block-search .yandex.active {
    background: url('/themes/new/bookmarks/images/yandex-search-hover.png') no-repeat;
}

.block-search {
  display: block;
  margin-bottom: 25px;
  position: relative;
  left: -143px;
  width: 1037px;
}

.block-search .search-click {
  width: 52px;
  background-position: 8px 0;
}

.search-block {
  border: 1px solid #cccccc;
  margin: 0;
  padding: 7px 10px;
  width: 792px;
  color: #333333;
  font-family: open_sans_semibold;
  font-size: 12px;
  border-radius: 3px;
}

.search-block:focus,
.search-click:focus {
  outline: 0;
}

.search-click {
  display: block;
  float: right;
  margin-top: 1px;
  margin-right: 4px;
  width: 36px;
  height: 32px;
  background: #3b97d3 url(/themes/new/bookmarks/images/search-btn-go.png) no-repeat;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.search-click_hide {
  display: block;
  margin-top: 1px;
  float: right;
  width: 36px;
  height: 32px;
  background: #3b97d3 url(/themes/new/bookmarks/images/search-btn-hide.png) no-repeat;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.form-for-search {
  position: absolute;
  top: 100px;
  z-index: 9997;
  display: block;
  padding: 20px;
  margin: 0 auto;
  width: 332px;
  border: 1px solid #c0c0c0;
  background: #edf0f1;
  border-radius: 3px;
  box-shadow: 3px 3px 15px #ccc;
}

.form-for-search-top {
  position: relative;
}

.form-for-search-add-button {
  display: block;
  float: left;
  margin-bottom: 8px;
  padding: 4px 0 3px 30px;
  font-size: 14px;
  font-family: open_sans_semibold;
  color: #333;
  background: url(/themes/new/bookmarks/images/add-form.png) left no-repeat;
  text-decoration: none;
}

.form-for-search-add-button-1 {
  margin-left: -8px;
}

.form-for-search-close-button {
  float: right;
  margin: -10px -10px 0 0;
  width: 10px;
  height: 10px;
  background: url(/themes/new/bookmarks/images/delet-icon2.png) no-repeat;
}

/* block-search-bookmarks */
.block-search-bookmarks {
  display: none;
  position: relative;
  left: -143px;
  width: 1037px;
}

.block-search-bookmarks .search-block {
  width: 932px;
}
/*__________________________________*/

.ui-state-default {
  width: 145px;
  height: 74px;
  position: relative;
}
.ui-state-default img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.top-option {
  position: absolute;
  top: 6px;
  right: 5px;
    z-index: 10000;
}

.delet-icon,
.option-icon {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 4px;
  float: left;
}

.option-icon {
  background: url(/themes/new/bookmarks/images/option-icon.png) no-repeat;
}

.delet-icon {
  background: url(/themes/new/bookmarks/images/delet-icon.png) no-repeat;
}

.option-icon-white {
  background: url(/themes/new/bookmarks/images/option-icon-white.png) no-repeat;
}

.delet-icon-white {
  background: url(/themes/new/bookmarks/images/delet-icon-white.png) no-repeat;
}

.add_new_block {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  background: url(/themes/new/bookmarks/images/add_new_block.png) no-repeat;
}

.quiventity-mail {
  width: 100%;
  display: block;
  position: absolute;
  text-align: center;
  font-family: open_sans;
  font-size: 12px;
  color: #999;
  bottom: 5px;
}

.option-window-title {
  text-transform: uppercase;
  font-family: open_sans_semibold;
  font-size: 10px;
}

input:focus,
textarea:focus,
select:focus {
  outline: 0;
}

.modal-input select {
  width: 204px;
  height: 24px;
  border: 1px solid #ccc;
  padding: 0 0 0 10px;
  border-radius: 3px;
}

.sortable-bookmark {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sortable-bookmark li {
  position: relative;
  margin: 0 5px 5px 0;
  padding: 0;
  float: left;
  width: 218px;
  height: 112px;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
}

.sortable-bookmark li img.standart-image {
  border: none;
}

.sortable-bookmark li img.user-image {
  margin: 0 0 0 0;
  border: none;
}

.sortable-bookmark .option-icon {
  display: none;

}

.sortable-bookmark .ui-state-default:hover .option-icon {
  display: block;
}

.sortable-bookmark .ui-state-default .delet-icon {
  display: none;
}

.sortable-bookmark .ui-state-default:hover .delet-icon {
  display: block;
}

.sortable-bookmark .ui-state-default .text-default {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  padding: 3px;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 1px #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  z-index: 500;
  font-family: open_sans;
  font-size: 14px;
}

.sortable-bookmark .ui-state-default .text-default:hover {
  white-space: normal;
}

.sortable-bookmark .ui-state-default:hover .text-default {
  white-space: normal;
}

/* form-for-search-add */
.form-for-search-add {
  display: none;
  width: 605px;
}

.form-for-search-add.active {
  display: block;
}

.form-for-search-add #first {
  display: block;
}

.form-for-search-add #second {
  display: none;
}

.form-for-search-add div.tabs {
  margin: 0;
}

ul.tabNavigation li {
  display: inline-block;
}

.form-for-search-add .form-for-search-add-button {
  display: block;
  float: left;
  padding: 4px 0 3px 30px;
  font-size: 12px;
  font-family: open_sans_semibold;
  color: #333;
  background: url(/themes/new/bookmarks/images/add-form.png) left no-repeat;
  text-decoration: none;
}

.form-for-search-add ul.tabNavigation {
  width: 600px;
  height: 32px;
  display: block;
  list-style: none;
  margin: 0 0 0 -20px;
  padding: 0 25px 0 20px;
  border-bottom: 1px solid #ccc;
  text-align: right;
}

.form-for-search-add .second-left {
  width: 145px;
  float: left;
  margin: 20px 0 0 0;
}

.form-for-search-add .second-right {
  width: 460px;
  float: right;
  margin: 20px 0 0 0;
}

.form-for-search-add .second-left ul {
  padding: 0 0 0 10px;
  margin: 0;
  list-style-type: none;
}

.form-for-search-add .second-left ul li {
  margin: 7px 0;
}

.form-for-search-add .second-left-title {
  width: 95px;
  text-align: center;
  font-size: 12px;
  font-family: open_sans_semibold;
  color: #fff;
  background: #5bb75b;
  padding: 9px 0;
  border-radius: 3px;
}

.form-for-search-add .second-left ul li a {
  font-family: open_sans;
  font-size: 12px;
  color: #333;
  text-decoration: none;
}

.form-for-search-add .second-left-title {
  text-align: center;
}

.form-for-search-add .second-right-search input {
  width: 348px;
  padding: 6px 5px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-family: open_sans_semibold;
  font-size: 12px;
  color: #333;
}

.form-for-search-add .search-click {
  margin-right: 7px;
  display: block;
  float: right;
  height: 32px;
  background: #3b97d3 url(/themes/new/bookmarks/images/search-click.png) center no-repeat;
  padding: 0 26px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}

.form-for-search-add .scroll-block {
  width: 100%;
  height: 230px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 20px 0 0 0;
}

.form-for-search-add .scroll-block .catalog-item {
  width: 141px;
  height: 72px;
  background: #fff;
  text-align: center;
  border: 1px solid #ccc;
  display: inline-block;
}

.form-for-search-add .scroll-block a img {
  height: 74px;
  border: none;
}

.form-for-search-add .catalog-item {
  position: relative;
}

.form-for-search-add ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
  background: #edf0f1;
  border-bottom: 1px solid #edf0f1;
}

ul.tabNavigation li a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  text-decoration: none;
  color: #333;
  font-family: open_sans_semibold;
  padding: 7px 15px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #ccc;
  border: 1px solid #ccc;
  margin: 0 1px 0 0;
}

.form-for-search-add .div-tab1 {
  width: 435px;
  margin: 0 auto;
}

.form-for-search-add .div-tab-title {
  font-size: 12px;
  font-family: open_sans_semibold;
  text-transform: uppercase;
  color: #000;
  margin: 30px 0 15px 0;
}

.form-for-search-add .div-tab-input {
  font-family: open_sans_semibold;
  font-size: 11px;
  color: #666;
  margin: 5px 0;
}

.form-for-search-add .div-tab-input label {
  display: block;
  width: 65px;
  float: left;
  margin: 6px 0 0 0;
}

.form-for-search-add .div-tab-input {
  font-family: open_sans_semibold;
  font-size: 11px;
  color: #666;
}

.form-for-search-add .div-tab-input input,
.form-for-search-add .div-tab-input select {
  width: 343px;
  padding: 3px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
/* -- form-for-search-add -- */

.form-for-search-add .pop-up-block {
  display: none;
  z-index: 100;
  position: absolute;
}

.form-for-search-add .pop-up-block.active {
  display: block;
}

.form-for-search-add .wrap-catalog-item {
  display: inline-block;
  position: relative;
}

.form-for-search-add .pop-up-block .title,
.form-for-search-add .pop-up-block .item,
.form-for-search-add .pop-up-block .desc {
  color: #333;
}

.form-for-search-add .pop-up-block .title,
.form-for-search-add .pop-up-block .desc {
  display: block;
}

.form-for-search-add .pop-up-block .title {
  margin: 20px 20px 0;
  font: 14px open_sans_semibold;
}

.form-for-search-add .pop-up-block .item {
  margin: 0px 20px 5px;
}

.form-for-search-add .pop-up-block .text,
.form-for-search-add .pop-up-block .link,
.form-for-search-add .pop-up-block .desc {
  font: 11px open_sans_semibold;
}

.form-for-search-add .pop-up-block .link {
  color: #2980ba;
  height: auto;
  width: auto;
  background: none;
  border: none;
  display: inline-block;
  text-align: left;
}

.form-for-search-add .pop-up-block .link:hover {
  text-decoration: none;
}

.form-for-search-add .pop-up-block .desc {
  line-height: 13px;
  margin: 0px 20px 5px;
}

.form-for-search-add .pop-up-block.active-left .title,
.form-for-search-add .pop-up-block.active-left .item,
.form-for-search-add .pop-up-block.active-left .desc {
  margin-left: 32px;
}

.form-for-search-add .pop-up-block_left-top {
  top: 87px;
  left: 297px;
  width: 285px;
  height: 150px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-left-top.png') no-repeat;
}

.form-for-search-add .pop-up-block_left-top .title,
.form-for-search-add .pop-up-block_left-middle .title,
.form-for-search-add .pop-up-block_left-bottom .title {
  margin: 20px 0 0 32px;
}

.form-for-search-add .pop-up-block_left-top .item,
.form-for-search-add .pop-up-block_left-middle .item,
.form-for-search-add .pop-up-block_left-bottom .item {
  margin: 0 0 5px 32px;
}

.form-for-search-add .pop-up-block_left-top .desc,
.form-for-search-add .pop-up-block_left-middle .desc,
.form-for-search-add .pop-up-block_left-bottom .desc {
  margin: 0 18px 5px 32px;
}

.form-for-search-add .pop-up-block_left-middle {
  left: 297px;
  top: 156px;
  width: 286px;
  height: 150px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-left-bottom.png') no-repeat;
}

.form-for-search-add .pop-up-block_left-bottom {
  left: 297px;
  top: 235px;
  width: 286px;
  height: 150px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-left-bottom.png') no-repeat;
}

.form-for-search-add .pop-up-block_middle-top {
  left: 35px;
  top: 89px;
  width: 288px;
  height: 153px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-middle-right-top.png') no-repeat;
}

.form-for-search-add .pop-up-block_middle-middle {
  left: 35px;
  top: 155px;
  width: 285px;
  height: 152px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-middle-right-bottom.png') no-repeat;
}

.form-for-search-add .pop-up-block_middle-bottom {
  left: 35px;
  top: 225px;
  width: 285px;
  height: 152px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-middle-right-bottom.png') no-repeat;
}

.form-for-search-add .pop-up-block_right-top {
  left: 181px;
  top: 89px;
  width: 288px;
  height: 153px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-middle-right-top.png') no-repeat;
}

.form-for-search-add .pop-up-block_right-middle {
  left: 181px;
  top: 155px;
  width: 285px;
  height: 152px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-middle-right-bottom.png') no-repeat;
}

.form-for-search-add .pop-up-block_right-bottom {
  left: 181px;
  top: 225px;
  width: 285px;
  height: 152px;
  background: url('/themes/new/bookmarks/images/bg-pop-up-big-middle-right-bottom.png') no-repeat;
}

.block-4.form-for-search,
.block-5.form-for-search {
  top: 24px;
  right: 24px;
}

.block-4 .delet-icon_mod,
.block-5 .delet-icon_mod {
  background: url("/themes/new/bookmarks/images/delet-icon2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  float: right;
  height: 10px;
  margin: 0 0 0 4px;
  width: 10px;
}

.block-5.form-for-search {
  width: 350px;
}

.block-5.form-for-search-add input {
  width: 262px;
}

.block-5.form-for-search-add .div-tab-input label {
  text-align: left;
}

.block-5 .div-tab-title {
  text-align: left;
  margin-top: 0;
  color: #333;
}

.block-5 .bookmarks-container-3 {
  text-align: left;
}

.block-5 .bookmarks-container-3 .select2-choice {
  width: 262px;
}

.block-4 .form-for-search-add-button,
.block-5 .form-for-search-add-button {
  background: none;
  padding: 4px 0 3px 4px;
}

.block-4 .save-no-save {
  float: none;
}

.block-4 .save-no-save button.no-save,
.block-5 .save-no-save button.no-save {
  margin-right: 0;
}

.block-4 .save-no-save button {
  border: 0 none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-family: open_sans_semibold;
  font-size: 10px;
  padding: 3px 8px;
}

.block-4.not-active,
.block-5.not-active {
  display: none;
}

.block-4 .form-for-search-add-button,
.block-5 .form-for-search-add-button {
  font-size: 12px;
  float: none;
  text-align: center;
}


.block-4.active,
.block-5.active {
  display: block;
}

.example3 {
  display: inline-block;
  position: relative;
}

.example3 .example_text {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fff;
  padding: 3px;
  margin: 0;
  background-color: rgba(0, 0, 0, .3);

}

.example3 span {
  font-size: 14px;
  text-decoration: none;
  font-family: open_sans;
}

.languagen {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background: url(/themes/new/bookmarks/css/images/en.png) no-repeat;
}

.languagru {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(/themes/new/bookmarks/css/images/ru.png) no-repeat;
  text-indent: -9999px;
  margin: -24px 26px;
}

.delet-icon-them {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  float: none;
  width: 21px;
  height: 20px;
  background: url('/themes/new/bookmarks/images/delet-icon.png') no-repeat;
}

.delet-icon-them:hover {
  background: url('/themes/new/bookmarks/images/delet-icon.png') no-repeat;
}

.upload-them {
  top: 10px;
  right: 10px;
  float: none;
  margin-bottom: 10px;
  width: 140px;
  height: 23px;
  background: url('/themes/new/bookmarks/images/upload-file.png') no-repeat !important;
  border: 0px;
  font: 12px open_sans_semibold;
  text-decoration: underline;
  cursor: pointer;
}

.upload-them:hover {
  text-decoration: none;
}

#showOptionsForm {
  float: none;
}

.errorMessage {
  background: none repeat scroll 0 0 red;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  margin: 2px 0;
  padding: 0 8px;
}

.clipImageShot {
  width: 521px;
  height: 300px;
  overflow: auto;
  position: relative;
}

.screenshotImage {
  max-width: 500px;
}

.loadScreenshotImage {
  display: none;
}

.create-screenshot-button {
  display: none;
  padding: 7px 8px;
  font-family: open_sans_semibold;
  font-size: 10px;
  color: #fff;
  border-radius: 2px;
  border: 0;
  cursor: pointer;
  background: #5bb75b;
}

.span-image-select {
  position: relative;
  display: block;
  overflow: hidden;
}

#theme-image{
  position: fixed;
  top:0px;
  left:0px;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.ui-state-default .ui-icon {
  display: none;
}

.wind_image {
  vertical-align: middle;
}

/* categories-left */
.categories-left {
  position: absolute;
  top: auto;
  left: 0;
  display: block;
}

.categories-left ul {
  margin-top: 0;
  padding: 0;
}

.categories-left li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  width: 135px;
  opacity: 0.9;
}

.categories-left li a {
  display: block;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333333;
  font-family: open_sans_semibold;
  font-size: 12px;
  padding: 6px 18px 6px 8px;
  text-decoration: none;
  background: #fff;
}

.categories-left li a:hover {
  color: #000;
}

.categories-left .search-btn a,
.categories-left .add-btn a {
  position: relative;
  color: #3498db;
}

.categories-left .search-btn:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 6px;
  display: block;
  width: 7px;
  height: 7px;
  background: url('/themes/new/bookmarks/images/categories-arrow-right.png') no-repeat;
}

.categories-left .search-btn a:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 54px;
  display: block;
  width: 15px;
  height: 16px;
  background: url('/themes/new/bookmarks/images/categories-search-btn.png') no-repeat;
}

.categories-left .add-btn a:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 85px;
  display: block;
  width: 17px;
  height: 17px;
  background: url('/themes/new/bookmarks/images/categories-add-btn.png') no-repeat;
}

.categories-left .add-btn a:before {
  content: "+";
  margin-right: 5px;
}

.categories-left .have-sub:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 13px;
  display: block;
  width: 7px;
  height: 6px;
  background: url('/themes/new/bookmarks/images/triangle.png') no-repeat;
}

.categories-left .sub {
  display: none;
  width: 135px;
  box-sizing: border-box;
}

.categories-left .sub.open {
  display: block;
}

.categories-left .sub_main {
  margin-top: 1px;
  border: 1px solid #3498db;
  border-radius: 0 0 2px 2px;
}

.categories-left .sub_main.active {
  display: block;
}

.categories-left .sub_main li a {
  background: #fff;
}

.categories-left .sub li {
  margin-bottom: 0;
  width: 133px;
}

.categories-left .sub_2 li a {
  background: #edf0f1;
}

.categories-left .sub_3 li a {
  background: #cccccc; 
}

.categories-left .sub_4 li a {
  background: #999999;
}

.categories-left .sub a {
  border: none;
  border-radius: 0;
}
/*__________________________*/

/* amount-bookmarks */
.amount-bookmarks {
  margin-bottom: 15px;
}

.amount-bookmarks .ui-state-default {
  z-index: 2;
  position: absolute;
  height: 50%;
  width: 9px;
}

.amount-bookmarks label {
  display: inline-block;
  margin-right: 1px;
  color: #333333;
  font-size: 12px;
  font-family: open_sans_semibold;
}

.amount-bookmarks input {
  width: 100%;
  color: #3b97d3;
  font-size: 14px;
  font-family: open_sans_semibold;
}

.amount-bookmarks .ui-spinner-input {
  margin: 0.5em 22px 0.5em 8px;
}
  
.amount-bookmarks .ui-spinner {
  display: inline-block;
  border: 1px solid #dedddd;
  width: 46px;
}

.amount-bookmarks .ui-icon {
  width: 9px;
  height: 9px;
}

.amount-bookmarks .ui-spinner a.ui-spinner-button {
  border-left: 1px solid #dedddd;
  padding-left: 10px;
}

.amount-bookmarks .ui-spinner-up {
  top: 0;
  right: 0;
  background: url('/themes/new/bookmarks/images/spinner-up.png') no-repeat 50%;
}

.amount-bookmarks .ui-spinner-down {
  bottom: 0;
  right: 0;
  background: url('/themes/new/bookmarks/images/spinner-down.png') no-repeat 50%;
}

.main.bookmarkscol4 {
    max-width: 900px;
}
.main.bookmarkscol5 {
    max-width: 1125px;
}
.main.bookmarkscol6 {
    max-width: 1350px;
}
.main.bookmarkscol7 {
    max-width: 1575px;
}
.main.bookmarkscol8 {
    max-width: 1800px;
}

.main.bookmarkscol4 .block-search {max-width: 1047px;}
.main.bookmarkscol4 .block-search .search-block {max-width: 815px;}
.main.bookmarkscol4 .block-search-bookmarks {max-width: 1042px;}
.main.bookmarkscol4 .block-search-bookmarks .search-block {max-width: 939px;}

.main.bookmarkscol5 .block-search {max-width: 1277px;}
.main.bookmarkscol5 .block-search .search-block {max-width: 1145px;}
.main.bookmarkscol5 .block-search-bookmarks {max-width: 1272px;}
.main.bookmarkscol5 .block-search-bookmarks .search-block {max-width: 1169px;}

.main.bookmarkscol6 .block-search {max-width: 1277px;}
.main.bookmarkscol6 .block-search .search-block {max-width: 1045px;}
.main.bookmarkscol6 .block-search-bookmarks {max-width: 1272px;}
.main.bookmarkscol6 .block-search-bookmarks .search-block {max-width: 1169px;}

.main.bookmarkscol7 .block-search {max-width: 1507px;}
.main.bookmarkscol7 .block-search .search-block {max-width: 1275px;}
.main.bookmarkscol7 .block-search-bookmarks {max-width: 1502px;}
.main.bookmarkscol7 .block-search-bookmarks .search-block {max-width: 1399px;}

.main.bookmarkscol8 .block-search {max-width: 1737px;}
.main.bookmarkscol8 .block-search .search-block {max-width: 1505px;}
.main.bookmarkscol8 .block-search-bookmarks {max-width: 1732px;}
.main.bookmarkscol8 .block-search-bookmarks .search-block {max-width: 1629px;}

.hidden {
	display: none !important;
}
.report {
	padding: 6px 46px 6px 10px;
    font-family: open_sans_semibold;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    background:url('/themes/new/bookmarks/images/raport.png') no-repeat right;
    background-color: #4fba6f; 
     text-decoration: none;
} 


/*
     */
/*
*/