* {
  outline-style: none !important;
}
html,
body {
  height: 100%;
  min-height: 100%;
  min-width: 320px;
  color: #000;
}
body {
  position: relative;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-family: Arial, sans-serif;
  color: #6a7383;
}
body.mac .user-list .list-group-item .count {
  padding: 4px 1px 2px;
}
.dis-inline {
  display: inline;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.mt20 {
  margin-top: 20px !important;
}
.mb20 {
  margin-bottom: 20px;
}
.no-scroll {
  overflow: hidden;
}
.pos-rel {
  position: relative;
}
.lh30 {
  line-height: 30px;
}
.m0 {
  margin: 0 !important;
}
.disBlock {
  display: block !important;
}
#content {
  width: 100%;
  max-width: 1440px;
  padding: 0 15px;
  margin: 0 auto;
  padding-bottom: 165px;
  overflow: hidden;
}
#content.has-line {
  padding-top: 108px;
}
#content.has-small-line {
  padding-top: 108px;
}
#content .left {
  float: left;
  width: 210px;
  margin-left: -100%;
}
#content .left .list-group.left-navbar {
  margin-bottom: 0;
}
#content .left .list-group.left-navbar li {
  border-radius: 0;
  border: none;
  border-top: 1px solid #e0e2e6;
  border-bottom: 1px solid #e0e2e6;
  font-size: 16px;
  height: 52px;
  padding: 0;
  position: relative;
}
#content .left .list-group.left-navbar li a {
  color: #59606b;
  line-height: 49px;
  display: block;
  text-decoration: none;
  padding-left: 51px;
}
#content .left .list-group.left-navbar li a:hover {
  color: #71973c;
}
#content .left .list-group.left-navbar li a.feed:before {
  background-image: url("/img/svg/feed.svg");
  background-size: 25px 24px;
}
#content .left .list-group.left-navbar li a.feed:hover:before {
  background-image: url("/img/svg/feed-hover.svg");
}
#content .left .list-group.left-navbar li a.ask:before {
  background-image: url("/img/svg/ask.svg");
  background-size: 25px 24px;
}
#content .left .list-group.left-navbar li a.ask:hover:before {
  background-image: url("/img/svg/ask-hover.svg");
}
#content .left .list-group.left-navbar li a.comp:before {
  background-image: url("/img/svg/companies.svg");
}
#content .left .list-group.left-navbar li a.comp:hover:before {
  background-image: url("/img/svg/companies-hover.svg");
}
#content .left .list-group.left-navbar li a.serv:before {
  background-image: url("/img/svg/services.svg");
}
#content .left .list-group.left-navbar li a.serv:hover:before {
  background-image: url("/img/svg/services-hover.svg");
}
#content .left .list-group.left-navbar li a:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 11px;
  background-repeat: no-repeat;
  background-position: center;
}
#content .left .list-group.left-navbar li:first-child {
  border-top: 0;
}
#content .left .left-footer {
  color: #b7bfcd;
  font-size: 12px;
  padding-top: 9px;
}
#content .left .left-footer span {
  display: block;
  line-height: 28px;
}
#content .left .left-footer #copy {
  display: inline-block;
}
#content .left .left-footer a {
  color: #b7bfcd;
  margin-right: 22px;
  cursor: pointer;
}
#content .left .left-footer a:hover {
  color: #71973c;
  text-decoration: none;
}
#content .right {
  float: left;
  width: 212px;
  margin-left: -212px;
}
#content .center {
  width: 100%;
  float: left;
}
#content .center .center-content {
  margin: 0 228px 0 226px;
}
#content .center .header ul {
  margin-bottom: 0;
}
#content .center .header ul li {
  float: left;
  margin-left: 15px;
  height: 30px;
}
#content .center .header ul li a {
  color: #6a7383;
  line-height: 30px;
  font-size: 16px;
}
#content .center .header ul li a:hover {
  color: #87b448;
  text-decoration: none;
}
#content .center .header ul li:first-child {
  margin-left: 0;
}
#content .center .header ul li.active a {
  color: #87b448;
  text-decoration: none;
}
#content .center .table {
  margin-bottom: 20px;
  color: #1c2534;
  border-radius: 5px;
  border-collapse: separate;
}
#content .center .table .edit-part td {
  display: none;
}
#content .center .table.active .edit-part td {
  display: block;
}
#content .center .table.active .normal-part td {
  display: none;
}
#content .center .table.active tr td {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#content .center .table.active tr td .with-button {
  padding-bottom: 10px;
}
#content .center .table.active .edit {
  display: none;
}
#content .center .table p {
  color: #6a7383;
  font-size: 16px;
  margin: 0;
}
#content .center .table textarea {
  width: 100%;
  border-radius: 3px;
  border: solid 1px #c8cdd5;
  padding: 17px;
  font-size: 16px;
  line-height: 24px;
  color: #6a7383;
  height: 150px;
}
#content .center .table.table-2 td:first-child {
  width: 50%;
}
#content .center .table .edit {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 16px;
  top: 17px;
  background-image: url("/img/svg/edit.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
#content .center .table .edit:hover {
  background-image: url("/img/svg/edit-hover.svg");
}
#content .center .table thead th {
  border: none;
  font-weight: normal;
  font-size: 14px;
}
#content .center .table thead th {
  text-transform: uppercase;
  position: relative;
  padding: 14px 16px;
}
#content .center .table tr td {
  font-size: 16px;
  padding: 14px 13px;
  line-height: 24px;
  border-left: none;
  border-bottom: none;
  border-right: none;
  word-break: break-word;
}
#content .center .head {
  height: 270px;
  background-color: #eee;
  background-image: url("/img/profile-bg.png");
  background-position: center;
  background-size: cover;
  position: relative;
  color: #fff;
}
#content .center .head .gradient {
  position: absolute;
  bottom: 0;
  height: 160px;
  width: 100%;
  background-image: linear-gradient(to top, #000 0%, rgba(0,0,0,0) 100%);
  opacity: 0.5;
}
#content .center .head .avatar {
  border: 1px solid #e0e2e6;
  border-radius: 5px;
  width: 133px;
  height: 133px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 1;
}
#content .center .head .info {
  position: absolute;
  bottom: 15px;
  left: 162px;
  z-index: 1;
  width: 64%;
}
#content .center .head .info .name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 36px;
  margin-bottom: -10px;
  white-space: nowrap;
}
#content .center .head .info .profession {
  max-width: 220px;
}
#content .center .head .info .from {
  width: 50%;
  max-width: 250px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#content .center .head .info .friends {
  margin-bottom: -3px;
}
#content .center .head .btn {
  position: absolute;
  bottom: 14px;
  right: 15px;
  z-index: 3;
}
.skills-block {
  background-color: #f3f4f6;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  color: #6a7383;
  font-size: 16px;
  float: left;
  margin: 0 10px 10px 0;
  border-radius: 3px;
}
.edit-skill-blocks {
  margin-bottom: 10px;
}
.edit-skill-blocks .skills-block {
  position: relative;
  padding-right: 32px;
}
.edit-skill-blocks .skills-block .close {
  position: absolute;
  right: 5px;
  top: 8px;
}
.advert {
  display: block;
}
.advert img {
  width: 100%;
  max-height: 350px;
  border: 1px solid #e0e2e6;
}
.advert + span {
  display: block;
  margin-bottom: 15px;
  margin-top: 2px;
}
.advert + span a {
  color: #d3d3d3;
  font-size: 12px;
}
.dis-none {
  display: none !important;
}
.dis-block {
  display: block !important;
}
.float-none {
  float: none !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.contacts div {
  position: relative;
  padding-left: 23px;
  margin-bottom: 6px;
  color: #6a7383;
}
.contacts div a {
  color: #6a7383;
}
.contacts div.address i {
  background-image: url("/img/svg/addr.svg");
}
.contacts div.phone i {
  background-image: url("/img/svg/phone.svg");
}
.contacts div.email i {
  background-image: url("/img/svg/at.svg");
}
.contacts div.site i {
  background-image: url("/img/svg/globus.svg");
}
.contacts div i {
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  background-repeat: no-repeat;
  background-position: center;
}
.form-wrap h3,
.form-wrap form {
  margin-left: auto;
  margin-right: auto;
  max-width: 240px;
}
#btn-login {
  margin-top: 7px;
  text-transform: uppercase;
}
#client-app {
  margin-top: 88px;
  margin-bottom: 92px;
}
.slogan {
  margin-bottom: 53px;
  margin-top: 13px;
}
.slogan li {
  display: inline-block;
  font-size: 24px;
  color: #696969;
  padding: 0 10px;
  line-height: 24px;
  font-weight: 600;
}
.slogan li.div {
  border-right: 3px solid #696969;
  border-left: 3px solid #696969;
}
#header {
  padding-top: 17px;
}
#header.has-line {
  top: 40px;
}
#header.has-small-line {
  top: 40px;
}
#header .content {
  width: 100%;
  padding: 0 25px 0;
  margin: 0 auto;
  position: relative;
}
#header .navbar-header {
  width: 100%;
  padding-right: 347px;
  position: relative;
}
#header .navbar-brand {
  padding: 0;
  margin-top: 11px;
  margin-right: 31px;
  position: absolute;
  z-index: 3;
}
#header img {
  max-width: 100%;
}
#header .input-group {
  width: 100%;
  padding-left: 187px;
  margin-top: 17px;
}
#header .input-group .form-control {
  height: 34px;
  line-height: 34px;
  background-color: #73993d;
  border-radius: 3px;
  border: none;
  padding: 0 20px 0 38px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  background-image: url("/img/svg/search.svg");
  background-size: 16px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
#header .input-group .form-control:focus {
  color: #1c2534;
  background-color: #fff;
}
#header .input-group .form-control:focus::-webkit-input-placeholder {
  color: #999;
}
#header .input-group .form-control:focus:-moz-placeholder {
  color: #999;
}
#header .input-group .form-control::-webkit-input-placeholder {
  color: #87b448;
}
#header .input-group .form-control:-moz-placeholder {
  color: #87b448;
}
#header .btns {
  width: 105px;
  height: 68px;
  position: absolute;
  top: 0;
  right: 242px;
  margin-top: 17px;
  padding-right: 5px;
}
#header .navbar-right {
  width: 233px;
  height: 32px;
  position: absolute;
  right: 15px;
  top: 17px;
  margin: 0;
  padding-left: 16px;
}
#header .navbar-right .avatar {
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  float: right;
}
#header .navbar-right .avatar:hover img,
#header .navbar-right .avatar.active img {
  border-radius: 50%;
}
#header .navbar-right .avatar:hover .dropdwn,
#header .navbar-right .avatar.active .dropdwn {
  display: block;
}
#header .navbar-right .avatar img {
  width: 32px;
  height: 32px;
  float: right;
  transition: all 200ms ease-in-out;
}
#header .navbar-right .avatar .name {
  height: 32px;
  float: right;
  line-height: 32px;
  font-size: 16px;
  position: relative;
}
#header .navbar-right .avatar .name span {
  color: #fff;
  display: block;
  max-width: 185px;
  padding-left: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdwn {
  position: absolute;
  background-color: #fff;
  border: 1px solid #e0e2e6;
  border-top: none;
  border-radius: 0px 0px 5px 5px;
  display: none;
  top: 50px;
}
.dropdwn:after {
  content: "";
  display: block;
  width: 100%;
  height: 18px;
  position: absolute;
  top: -18px;
  left: 0;
  cursor: auto;
}
.dropdwn.messages {
  width: 400px;
  right: -237px;
}
.dropdwn.messages:before {
  left: 89px;
}
.dropdwn.notifications {
  width: 400px;
  right: -237px;
}
.dropdwn.notifications:before {
  left: 133px;
}
.dropdwn.settings {
  width: 250px;
  right: -1px;
}
.dropdwn.settings:before {
  left: 56px;
}
.dropdwn.settings li span {
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  width: 21px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.dropdwn.settings li span svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dropdwn.settings li span svg path {
  fill: #959aa3;
}
.dropdwn.settings li:hover span svg path {
  fill: #71973c;
}
.dropdwn:before {
  content: "";
  display: block;
  position: absolute;
  top: -22px;
  width: 20px;
  height: 11px;
  border: 11px solid transparent;
  border-bottom: 11px solid #fff;
}
.dropdwn li {
  border-top: 1px solid #e0e2e6;
  min-height: 50px;
  position: relative;
}
.dropdwn li.user {
  min-height: 80px;
}
.dropdwn li.user .close {
  top: 14px;
  right: 15px;
}
.dropdwn li.user .message-text {
  line-height: 18px;
  color: #1c2534;
  font-size: 13px;
}
.dropdwn li.user .photo {
  position: absolute;
  left: 18px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  overflow: hidden;
}
.dropdwn li.user .photo img {
  width: 40px;
  height: 40px;
  margin: 0;
  vertical-align: top;
}
.dropdwn li.user .heading {
  color: #1c2534;
  font-size: 16px;
  line-height: 20px;
}
.dropdwn li.user .status {
  color: #a6aab0;
  font-size: 13px;
  line-height: 21px;
}
.dropdwn li.user a {
  padding-left: 67px;
  padding-top: 15px;
  padding-bottom: 14px;
  display: block;
}
.dropdwn li:hover:not(.footer) {
  background-color: #f4f7fb;
}
.dropdwn li.footer {
  padding-left: 19px;
}
.dropdwn li.footer a {
  display: inline;
  padding: 0;
  margin-right: 19px;
  height: auto;
  width: auto;
}
.dropdwn li.footer a:hover {
  color: #71973c;
}
.dropdwn li.footer a.gray {
  color: #a6aab0;
}
.dropdwn li.footer a.gray:hover {
  color: #71973c;
}
.dropdwn li.sign-out a span {
  right: 16px;
}
.dropdwn li a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  padding: 0 50px 0 20px;
  line-height: 50px;
  color: #1c2534;
  font-size: 14px;
  cursor: pointer;
}
.dropdwn li a:hover,
.dropdwn li a:active,
.dropdwn li a:focus {
  text-decoration: none;
}
.dropdwn li:first-child {
  border-top: none;
}
.btn-icon {
  width: 26px;
  height: 26px;
  float: right;
  margin-top: 5px;
  display: inline-block;
}
.btn-icon > span {
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.btn-icon.chat {
  margin-right: 18px;
}
.btn-icon.chat span {
  background-image: url("/img/svg/chat.svg");
  background-size: 26px 22px;
}
.btn-icon.chat:hover span,
.btn-icon.chat.active span {
  background-image: url("/img/svg/chat-hover.svg");
}
.btn-icon.alarm span {
  background-image: url("/img/svg/notifications.svg");
  background-size: 25px 24px;
}
.btn-icon.alarm:hover span,
.btn-icon.alarm.active span {
  background-image: url("/img/svg/notifications-hover.svg");
}
.close {
  width: 24px;
  height: 24px;
  background-image: url("/img/svg/close_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  opacity: 1;
  z-index: 1;
}
.close:hover {
  opacity: 1;
  background-image: url("/img/svg/close_hover.svg");
}
.close.close-autocomplete {
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.list-pages {
  padding-top: 100px;
  font-size: 16px;
}
.list-pages li {
  color: #000;
}
.list-pages li a {
  color: #000;
}
.list-pages li a:hover {
  color: #71973c;
  text-decoration: none;
}
.preloader {
  max-width: 100%;
  margin-top: 6px;
  display: none;
}
.for-row {
  margin: 10px -10px;
}
.old-browser-line,
.cookies-line {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  background-color: #444c3f;
  display: none;
}
.old-browser-line .cookies-content,
.cookies-line .cookies-content {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  padding: 0 15px 0;
}
.old-browser-line .cookies-content .with-text,
.cookies-line .cookies-content .with-text {
  width: 75%;
}
.old-browser-line .cookies-content a,
.cookies-line .cookies-content a {
  color: #fff;
  text-decoration: none;
  line-height: 40px;
}
.old-browser-line .cookies-content a:hover,
.cookies-line .cookies-content a:hover {
  color: #87b448;
}
.old-browser-line .cookies-content .btn,
.cookies-line .cookies-content .btn {
  margin: 5px 0 0 30px;
}
.old-browser-line {
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.old-browser-line .cookies-content {
  padding-top: 0;
}
.old-browser-line .cookies-content .close-btn {
  margin-top: 12px;
}
.cookies-line {
  line-height: 40px;
  height: 40px;
}
.cookies-line a {
  cursor: pointer;
}
.img-block {
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}
.img-block .item {
  float: left;
  width: 100%;
}
.img-block .item + .case-video {
  margin-top: 20px;
}
.img-block .item img {
  width: 100%;
}
.img-block.items-1 .item {
  width: 454px;
  float: none;
}
.img-block.items-2 .item {
  width: 31.6%;
  margin-left: 1.3%;
  margin-right: 1.3%;
}
.img-block.items-2 .item:first-child {
  margin-left: 0;
}
.img-block.items-2 .item:last-child {
  margin-right: 0;
}
.img-block.items-3 .item {
  width: 31.6%;
  margin-left: 1.3%;
  margin-right: 1.3%;
}
.img-block.items-3 .item:first-child {
  margin-left: 0;
}
.img-block.items-3 .item:last-child {
  margin-right: 0;
}
.img-block.items-4 .item {
  width: 23.5%;
  margin-left: 1%;
  margin-right: 1%;
}
.img-block.items-4 .item:first-child {
  margin-left: 0;
}
.img-block.items-4 .item:last-child {
  margin-right: 0;
}
.img-block.items-5 .item,
.img-block.items-6 .item,
.img-block.items-7 .item,
.img-block.items-8 .item,
.img-block.items-9 .item,
.img-block.items-10 .item {
  width: 20%;
  padding: 0 5px 10px;
}
.img-block.items-5 .item:first-child,
.img-block.items-6 .item:first-child,
.img-block.items-7 .item:first-child,
.img-block.items-8 .item:first-child,
.img-block.items-9 .item:first-child,
.img-block.items-10 .item:first-child {
  margin-left: 0;
}
.img-block.items-5 .item:last-child,
.img-block.items-6 .item:last-child,
.img-block.items-7 .item:last-child,
.img-block.items-8 .item:last-child,
.img-block.items-9 .item:last-child,
.img-block.items-10 .item:last-child {
  margin-right: 0;
}
.img-block.items-5 .item:nth-child(5n),
.img-block.items-6 .item:nth-child(5n),
.img-block.items-7 .item:nth-child(5n),
.img-block.items-8 .item:nth-child(5n),
.img-block.items-9 .item:nth-child(5n),
.img-block.items-10 .item:nth-child(5n) {
  margin-right: 0;
}
.img-block.items-5 .item:nth-child(5n+1),
.img-block.items-6 .item:nth-child(5n+1),
.img-block.items-7 .item:nth-child(5n+1),
.img-block.items-8 .item:nth-child(5n+1),
.img-block.items-9 .item:nth-child(5n+1),
.img-block.items-10 .item:nth-child(5n+1) {
  margin-left: 0;
}
.footer .wrap {
  border-top: 1px solid #000;
  padding: 18px 0 17px;
  overflow: hidden;
}
@media(max-width: 768px) {
  .footer .wrap p.pull-right,
  .footer .wrap p.pull-left {
    float: none !important;
    text-align: center;
  }
}
.err-msg {
  display: none;
  color: #ca4c55;
  font-size: 14px;
  text-align: center;
}
.ui-autocomplete {
  z-index: 2000;
  background-color: #fff;
  max-height: 170px;
  overflow-y: auto;
  margin-top: -20px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  border-radius: 4px;
  border-top: 0;
  padding: 5px 0;
}
.ui-autocomplete li {
  cursor: pointer;
  height: 52px;
  line-height: 52px;
  padding: 0 21px !important;
  font-size: 16px;
  color: #333;
  border-color: #c8cdd5;
  box-shadow: none;
}
.ui-autocomplete li.ui-state-focus {
  background-color: #f4f7fb;
  color: #333;
  font-weight: normal;
  border: 0;
  margin: 0;
}
h1 {
  color: #1c2534;
  font-size: 30px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 21px;
}
h1 .pull-right {
  line-height: 33px;
}
h1 .pull-right a {
  font-size: 14px;
  color: #1c2534;
  line-height: 44px;
}
.capt {
  color: #6a7383;
  height: 50px;
  line-height: 50px;
}
.c3 {
  color: #1c2534;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 15px;
}
.panel .c3 {
  padding-right: 80px;
}
.panel .panel-body h1 {
  font-size: 36px;
  line-height: 42px;
  margin-top: 7px;
  margin-bottom: 17px;
}
.media .c3 {
  padding-right: 0;
  margin-bottom: 0;
  margin-top: -4px;
}
.media .gray-small {
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 1px;
}
.gray-small {
  color: #7c8695 !important;
}
a.gray-small:hover {
  color: #87b448 !important;
}
.ask-block {
  margin-top: 20px;
}
.ask-block:first-child {
  margin-top: 10px;
}
.ask-block:last-child {
  border-bottom: 0 !important;
}
.left a,
.right a,
.center a {
  color: #1c2534;
}
.left a:hover,
.right a:hover,
.center a:hover {
  color: #71973c;
  text-decoration: none;
}
.left hr,
.right hr,
.center hr {
  height: 1px;
  background-color: #e0e2e6;
  border: none;
  margin: 0;
}
.gray-text {
  color: #c1c1c1;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 15px;
  padding-left: 18px;
}
.not-found {
  color: #1c2534;
  font-size: 16px;
  display: none;
}
label {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-bottom: 2px;
}
label a {
  cursor: pointer;
}
label.heading {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
p {
  line-height: 26px;
  font-size: 16px;
  color: #000;
}
p.with-btn {
  margin: 0;
  line-height: 17px;
}
h3 {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
}
mark.green {
  background-color: transparent;
  color: #87b448;
  padding: 0;
}
.btn {
  height: 30px;
  padding: 0 21px;
  line-height: 30px;
  border: none;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  transition: all 120ms ease-in-out;
  box-shadow: 0 0 rgba(0,0,0,0);
  text-align: center;
  font-weight: 600;
}
.btn:visited {
  color: #fff;
}
.btn:hover {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  color: #fff;
}
.btn.btn-info {
  background-color: #55acee;
  color: #fff !important;
}
.btn.btn-info:hover {
  background-color: #5bb8ff;
}
.btn.btn-primary {
  background-color: #3b5998;
  color: #fff;
}
.btn.btn-primary:hover {
  background-color: #4569b3;
}
.btn.btn-success {
  background-color: #87b448;
  color: #fff;
}
.btn.btn-success.btn-lg {
  background-color: #8ebd4c;
}
.btn.btn-success:hover {
  background-color: #94c54f;
  color: #fff;
}
.btn.btn-blue {
  background-color: #0976b4;
}
.btn.btn-blue:hover {
  background-color: #0a82c7;
}
.btn.btn-sky {
  background-color: #65bade;
}
.btn.btn-sky:hover {
  background-color: #6bc5eb;
}
.btn.btn-social {
  display: inline-block;
  width: 132px;
  height: 32px;
  padding: 0;
  padding-right: 20px;
  padding-left: 8px;
  margin-left: 24px;
  text-align: left;
  border-radius: 3px;
  font-size: 14px;
}
.btn.btn-social:first-child {
  margin-left: 0;
}
.btn.btn-social i {
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #c8cdd5;
  height: 32px;
  width: 32px;
  text-align: center;
  position: absolute;
  left: 0;
}
.btn.btn-social i img {
  position: absolute;
}
.btn.btn-social.btn-tw i img {
  width: 20px;
  top: 10px;
  left: 6px;
}
.btn.btn-social.btn-fb i img {
  width: 9px;
  top: 8px;
  left: 12px;
}
.btn.btn-social.btn-in i img {
  width: 17px;
  top: 8px;
  left: 9px;
}
.btn.btn-sm {
  line-height: 28px;
}
.btn.btn-sm.btn-sm-f {
  min-width: 222px;
  width: auto;
}
.btn.btn-lg {
  height: auto;
  padding: 8px;
  font-size: 16px;
  min-width: 174px;
}
.btn.btn-lg .with-icon {
  display: inline-block;
  vertical-align: top;
  padding: 13px 10px 0 0;
}
.btn.btn-lg .with-icon img {
  display: block;
}
.btn.btn-md-f {
  min-width: 122px;
  height: 30px;
  line-height: 30px;
  padding: 0 19px;
}
.btn.btn-sm-f {
  min-width: 81px;
  padding: 0 20px;
}
.btn.btn-black {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#605d58+1,0c0c0c+100 */
  background: rgb(96,93,88); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(96,93,88,1) 1%, rgba(12,12,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(96,93,88,1)), color-stop(100%,rgba(12,12,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(96,93,88,1) 1%,rgba(12,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(96,93,88,1) 1%,rgba(12,12,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(96,93,88,1) 1%,rgba(12,12,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(96,93,88,1) 1%,rgba(12,12,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#605d58', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */

}
.btn.btn-black:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#474541+1,0c0c0c+100 */
  background: rgb(71,69,65); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(71,69,65,1) 1%, rgba(12,12,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(71,69,65,1)), color-stop(100%,rgba(12,12,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(71,69,65,1) 1%,rgba(12,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(71,69,65,1) 1%,rgba(12,12,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(71,69,65,1) 1%,rgba(12,12,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(71,69,65,1) 1%,rgba(12,12,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474541', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */

}
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black:visited {
  color: #fff;
}
.btn.btn-danger.btn-outline {
  border-color: #ca4c55;
  color: #ca4c55;
}
.btn.btn-danger.btn-outline:hover {
  background-color: #ca4c55;
  color: #fff;
}
.btn.btn-outline {
  background-color: transparent;
  border: 1px solid #c8cdd5;
  color: #ababab;
  font-size: 12px;
}
.btn.btn-outline:hover {
  background-color: #e6e6e6;
  color: #727272;
  border: solid 1px #e6e6e6;
}
.btn[disabled] {
  background-color: #f2f4f4;
  color: #d0d0d0;
  border: 1px solid #c8cdd5;
  opacity: 1;
}
.btn[disabled]:hover {
  color: #d0d0d0;
  box-shadow: none;
  background-color: #f2f4f4;
  border: 1px solid #c8cdd5;
}
.btn.sm-btn {
  line-height: 1;
  padding: 3px 8px;
  font-size: 13px;
  border-radius: 2px;
  height: auto;
}
.btn.sm-btn.btn-info {
  padding: 4px 8px;
}
.btn.btn-outline-sky {
  border: solid 1px #65bade;
  background: transparent;
  color: #65bade;
}
.btn.btn-outline-sky:hover {
  background-color: #6bc5eb;
  border: solid 1px #6bc5eb;
  color: #fff;
}
.btn.btn-full {
  width: 100%;
}
.btn.light-gray {
  background-color: #f7f7f7;
  border: solid 1px #c8cdd5;
  color: #6a7383;
}
.btn.light-gray:hover {
  color: #6a7383;
}
.btn.btn-drop-down {
  border: dashed 1px #87b448;
  color: #87b448;
  background-color: #fff;
}
.chat-btn {
  width: 100%;
  height: 52px;
  line-height: 52px;
  background-color: #87b448;
  text-align: center;
  cursor: pointer;
  color: #fff;
}
.chat-btn span {
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url("/img/svg/chat-panel.svg");
  background-size: 100%;
}
.terms,
.privacy,
.declaration {
  cursor: pointer;
}
.btn-group {
  margin-bottom: 20px;
}
.btn-group.search-group {
  width: 100%;
  display: table;
}
.btn-group.search-group div {
  display: table-row;
}
.btn-group.search-group .btn.btn-default {
  background-color: #f3f4f6;
  border: 1px solid #c8cdd5;
  color: #6a7383;
}
.btn-group.search-group .btn.btn-default:hover,
.btn-group.search-group .btn.btn-default.active {
  background-color: #fff;
  box-shadow: none;
}
.btn-group.search-group .btn.btn-lg {
  padding: 8px 20px;
  font-size: 14px;
  display: table-cell;
  border-radius: 0;
  border-left-width: 0;
  width: 100px;
}
.btn-group.search-group .btn.btn-lg + .btn-lg {
  margin: 0;
}
.btn-group.search-group .btn.btn-lg.pd {
  padding: 0 7px;
}
.btn-group.search-group .btn.btn-lg:first-child {
  border-left-width: 1px;
  border-radius: 5px 0 0 5px;
}
.btn-group.search-group .btn.btn-lg:last-child {
  border-radius: 0 5px 5px 0;
}
.icon.arrow:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  border: 2px solid #bcbec1;
}
.icon.arrow.sky-arrow:before {
  border: 2px solid #6ebee0;
}
.edit-icon {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.edit-icon:hover {
  background: rgba(255,255,255,0.5);
  border-radius: 3px;
}
.edit-icon:hover svg path {
  fill: #71973c;
  -webkit-filter: none;
          filter: none;
}
.edit-icon.first-edit {
  top: 4px;
  right: 4px;
}
.edit-icon.second-edit {
  bottom: 20px;
  left: 20px;
}
.close-btn svg {
  cursor: pointer;
}
.close-btn svg path {
  fill: #c7cdd9;
}
.close-btn svg:hover path {
  fill: #d95252;
}
.glyphicon-ok {
  color: #87b448;
}
.btn-container .glyphicon-ok {
  margin-top: 1px;
  margin-left: 7px;
}
.link-style {
  font-size: 16px;
  color: #87b448;
}
.link-style:hover {
  color: #71973c;
}
.textarea .form-control {
  line-height: 24px;
  padding: 12px 21px;
}
.textarea .form-control.with-placeholder {
  color: #6a7383;
}
.input-group.drop-plus {
  position: static;
}
.input-group.drop-plus .form-control {
  float: none;
  border-radius: 5px;
}
.input-group.drop-plus .dropdown {
  margin-right: 12px;
}
.input-group.drop-plus .input-group-addon .btn {
  border-radius: 5px;
}
.input-group .input-group-addon {
  padding: 0;
  border: none;
  border-radius: 0;
  border-radius: 0 5px 5px 0;
}
.input-group .input-group-addon.squere {
  border: 1px solid #e0e2e6;
  border-radius: 0 5px 5px 0;
}
.input-group .input-group-addon .btn {
  width: 100%;
  height: 100%;
  border-radius: 0px 5px 5px 0px;
  font-size: 16px;
}
.input-group .input-group-addon .btn.squere {
  width: 52px;
  height: 52px;
  padding: 0;
  margin-left: -2px;
}
.input-group .input-group-addon .btn.plus {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/svg/plus.svg");
}
.input-group .input-group-addon .btn.plus[disabled] {
  background-color: #f2f4f4;
  border: 1px solid #c8cdd5;
  background-image: url("/img/svg/plus_disabled.svg");
}
.input-group .form-control {
  border-color: #c8cdd5;
}
.form-group {
  margin-bottom: 15px;
  position: relative;
}
.form-group .tip {
  position: absolute;
  right: 0px;
  top: 0;
  text-align: right;
  width: 80px;
}
.form-group.has-error .error-message {
  display: block;
}
.form-group.has-error input[type=checkbox] + label:before,
.form-group.has-error input[type=radio] + label:before {
  border: 1px solid #ca4c55;
}
.form-group.has-error .form-control {
  border-color: #ca4c55;
  background: transparent;
}
.form-group.has-error .form-control:focus {
  box-shadow: none;
  border-color: #ca4c55;
}
.error-message {
  position: absolute;
  color: #ca4c55;
  font-size: 12px;
  display: none;
  padding-left: 21px;
}
button.form-control {
  text-align: left;
  position: relative;
  color: #6a7383;
}
button.form-control.selected {
  color: #333;
}
button.form-control:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 19px;
  right: 20px;
  border: 2px solid #bcbec1;
}
button.form-control:after {
  content: "";
  width: 15px;
  top: 15px;
  height: 8px;
  right: 15px;
  position: absolute;
  background: #fff;
}
.dropdown-menu {
  width: 100%;
  max-height: 170px;
  overflow-y: auto;
  margin-top: -2px;
}
.dropdown-menu li {
  cursor: pointer;
  height: 52px;
  line-height: 52px;
  padding: 0 21px;
  font-size: 16px;
  color: #333;
  border-color: #c8cdd5;
  box-shadow: none;
}
.dropdown-menu li:hover {
  background-color: #f4f7fb;
}
.form-control {
  border-radius: 5px;
  font-size: 14px;
  color: #333;
  border-color: #c8cdd5;
  resize: vertical;
  border: 1px solid #bbb;
}
.form-control::-webkit-input-placeholder {
  color: #6a7383;
}
.form-control:-moz-placeholder {
  color: #6a7383;
}
.form-control:focus {
  box-shadow: none;
  border-color: #c8cdd5;
}
.checkbox-group div {
  margin-top: 8px;
}
.checkbox-group div:first-child {
  margin-top: 0;
}
.form-group.verification {
  padding-left: 30px;
  position: relative;
}
.form-group.verification input[type=checkbox] + label,
.form-group.verification input[type=radio] + label {
  position: static;
  line-height: 24px;
  color: #7c8695;
  display: inline;
  padding-left: 0;
}
.form-group.verification .error-message {
  padding-left: 0;
}
input[type=checkbox],
input[type=radio] {
  display: none;
}
input[type=checkbox].tick + label,
input[type=radio].tick + label {
  overflow: hidden;
}
input[type=checkbox].tick + label:after,
input[type=radio].tick + label:after {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  background-image: url("/img/svg/tick.svg");
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  border-radius: 50%;
}
input[type=checkbox] + label,
input[type=radio] + label {
  font-weight: normal;
  position: relative;
  font-size: 16px;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
  padding-left: 30px;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  content: "";
  border: 1px solid #c8cdd5;
  margin: 0 5px 0 0;
  text-align: center;
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  top: 2px;
  position: absolute;
  left: 0;
}
input[type=checkbox] + label:after,
input[type=radio] + label:after {
  content: "";
  opacity: 0;
  -webkit-transform: scale(4, 4);
          transform: scale(4, 4);
  transition: all ease 0.3s;
  top: 9px;
  left: 7px;
  color: #000;
  height: 6px;
  width: 6px;
  display: block;
  background: #87b448;
  position: absolute;
  border-radius: 4px;
}
.chose-file-text {
  color: #c2c2c4;
  line-height: 16px;
  text-align: center;
  width: 100%;
  margin: 10px 0;
  display: block;
}
.chose-file-text.red {
  color: #ca4c55;
  display: none;
}
.form-images {
  margin-bottom: -10px;
  margin-top: 32px;
  width: 100%;
}
.form-images .img {
  width: 132px;
  height: 132px;
  border: 1px solid #e0e2e6;
  background-color: #f7f7f7;
  border-radius: 4px;
  display: block;
  float: left;
  margin-right: 9px;
  margin-left: 9px;
  vertical-align: top;
  position: relative;
  margin-bottom: 20px;
}
.form-images .img i {
  display: block;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 24px;
  height: 24px;
  background-image: url("/img/svg/del-photo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  cursor: pointer;
  padding: 20px;
}
.form-images .img i:hover {
  background-image: url("/img/svg/del-photo-hover.svg");
}
.form-images .img .chose-file-text {
  font-size: 12px;
  margin-top: 2px;
  line-height: 14px;
}
.form-images .img.has-error div {
  margin-top: 8px;
}
.form-images .img.has-error .chose-file-text {
  margin-bottom: 6px;
}
.form-images .img.has-error .chose-file-text.red {
  display: block;
}
.form-images .img.add-photo {
  cursor: pointer;
}
.form-images .img.add-photo:first-child {
  margin-left: 0 !important;
}
.form-images .img.add-photo:hover {
  background-color: #fff;
}
.form-images .img div {
  color: #6a7383;
  font-size: 16px;
  text-align: center;
  color: #6a7383;
  margin-top: 30px;
}
.form-images .img img {
  width: 100%;
  height: 100%;
}
.form-video {
  margin-top: 10px;
}
.form-video .video {
  position: relative;
  width: 440px;
  height: 340px;
}
.form-video i {
  display: block;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 24px;
  height: 24px;
  background-image: url("/img/svg/del-photo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  cursor: pointer;
  padding: 20px;
}
.form-video i:hover {
  background-image: url("/img/svg/del-photo-hover.svg");
}
.one-more-block {
  border-top: solid 1px #e0e2e6;
  padding-top: 10px;
  margin: 17px -14px 0;
}
.one-more-block .row {
  margin: 0 5px;
}
.one-more-block .one-more-block-footer {
  height: 22px;
  border-top: solid 1px #e0e2e6;
  border-bottom: solid 1px #e0e2e6;
  background-color: #f8f9fb;
  text-align: center;
  margin: 0 1px 20px;
}
.one-more-block .one-more-block-footer span {
  line-height: 20px;
  font-size: 12px;
  color: #65bade;
  text-transform: uppercase;
  cursor: pointer;
}
.one-more-block.only-footer {
  border: 0;
  margin: 0 -14px;
  padding-top: 0;
}
.tip,
.with-color {
  color: #6a7383;
}
.with-error-block {
  margin-top: 20px;
  color: #fb6363;
}
.credit-card-digit {
  border-radius: 5px;
  border: solid 1px #c8cdd5;
  margin: 30px 15px 20px;
  padding: 9px 0 8px;
  position: relative;
}
.credit-card-digit.error {
  border-color: #ca4c55;
  background: transparent;
}
.credit-card-digit.error .error-message {
  display: block;
  top: 52px;
}
.credit-card-digit.error:focus {
  box-shadow: none;
  border-color: #ca4c55;
}
.credit-card-digit .col-xs-3 {
  margin: 0;
  padding: 0 5px;
}
.credit-card-digit .form-control {
  border: 0;
  border-right: solid 1px #bbb;
  border-radius: 0;
  width: 100%;
  text-align: center;
  height: 33px;
  line-height: 33px;
}
.credit-card-digit .form-control.no-border {
  border: 0;
}
.textarea .form-control.form-control-big {
  line-height: 24px;
  min-height: 122px;
  max-height: none;
}
.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 12;
  text-align: center;
  white-space: nowrap;
  display: none;
}
.modal.preloader-all {
  background-color: rgba(255,255,255,0.7);
}
.modal.preloader-all img {
  opacity: 0.6;
  vertical-align: middle;
  display: inline-block;
}
.modal.open {
  display: block;
}
.modal:before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 100%;
  margin-right: -7px;
  vertical-align: middle;
}
.modal .close {
  width: 24px;
  height: 24px;
  top: 14px;
  right: 12px;
}
.modal.modal-sm p {
  font-size: 16px;
}
.modal.modal-sm .modal-container {
  width: 450px;
}
.modal.modal-sm .modal-footer {
  border: none;
  padding: 0;
  padding-top: 20px;
  text-align: center;
}
.modal.modal-sm .modal-footer a {
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 16px;
  display: inline-block;
  color: #6a7383;
}
.modal.modal-sm .modal-footer a:hover {
  color: #000;
  text-decoration: none;
}
.modal.modal-sm .modal-footer a.danger {
  color: #ca4c55;
}
.modal.modal-sm .modal-footer a.danger:hover {
  color: #000;
}
.modal.modal-sm .modal-footer a:last-child {
  margin-right: 0;
}
.modal .modal-head {
  padding-bottom: 24px;
}
.modal .modal-head .modal-heading {
  color: #1c2534;
  font-size: 20px;
  text-align: center;
}
.modal .modal-container {
  width: 800px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  box-shadow: 0 0 20px 2px rgba(0,0,0,0.3);
  padding: 35px;
  color: #6a7383;
  white-space: normal;
}
@media (max-height: 540px) {
  .modal .modal-container {
    max-height: 90%;
    vertical-align: top;
    overflow-y: auto;
    margin-top: 20px;
  }
}
.modal .modal-container .rules {
  background-color: #f3f4f6;
  overflow-y: auto;
  max-height: 389px;
  margin-right: -35px;
  margin-left: -35px;
}
.modal .modal-container .rules div {
  padding: 8px 30px;
}
.modal .modal-container .rules div h4 {
  color: #1c2534;
  font-size: 16px;
  margin-top: 30px;
}
.modal .modal-container .rules div ul {
  padding-left: 40px;
}
.modal .modal-container .modal-footer {
  border: none;
  text-align: center;
  padding-bottom: 0;
  padding-top: 31px;
  margin-bottom: -4px;
}
.photo-view-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 12;
  text-align: center;
  white-space: nowrap;
  display: none;
  padding: 2% 4%;
  overflow: auto;
}
.photo-view-modal:before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 100%;
  margin-right: -7px;
  vertical-align: middle;
  overflow: auto;
}
.photo-view-modal .modal-container {
  min-width: 600px;
  text-align: left;
  max-width: 1400px;
  width: auto;
  padding: 20px 20px 40px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background-color: #fff;
  box-shadow: 0 0 20px 2px rgba(0,0,0,0.3);
}
@media (max-height: 540px) {
  .photo-view-modal .modal-container {
    max-height: inherit;
    vertical-align: top;
    overflow: auto;
  }
}
.photo-view-modal .modal-container .modal-head {
  padding: 0 0 20px;
}
.photo-view-modal .modal-container .modal-head .modal-head-left {
  color: #7c8695;
  font-size: 16px;
  line-height: 14px;
}
.photo-view-modal .modal-container .modal-body {
  padding: 0;
}
.photo-view-modal .modal-container .modal-body .image-wrap {
  margin: 0 auto;
  position: relative;
  min-width: 595px;
  background: url("/img/photo-preloader.gif") no-repeat;
  background-position: center;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  cursor: pointer;
  width: 70px;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow.arrow-left {
  left: 0;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow.arrow-left:hover span {
  background-position: 0 -34px;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow.arrow-left span {
  background-position: 0 0;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow.arrow-right {
  right: 0;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow.arrow-right:hover span {
  background-position: -24px -34px;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow.arrow-right span {
  right: 0;
  background-position: -24px 0;
}
.photo-view-modal .modal-container .modal-body .image-wrap .slider-arrows .slider-arrow span {
  background: url("/img/slider-arrow.png") no-repeat;
  height: 32px;
  width: 20px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.photo-view-modal .modal-container .modal-body .image-wrap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  min-height: 400px;
  background-color: #fff;
}
.photo-view-modal .modal-container .modal-body .text-block {
  width: 595px;
  margin: 20px auto 0;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side {
  float: left;
  width: 395px;
  padding-right: 25px;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .media .media-left img {
  width: 30px;
  height: 30px;
  border-radius: 3px;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .media .media-body .dop-menu .dop-menu-icon {
  margin-top: 0;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .media .media-body .person-name {
  color: #1c2534;
  margin-top: -4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 300px;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .media .media-body .time {
  color: #c1c4c8;
  font-size: 12px;
  margin-bottom: 0px;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .comment-block {
  margin-bottom: 15px;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side textarea,
.photo-view-modal .modal-container .modal-body .text-block .left-side .textarea {
  width: 100%;
  padding: 15px;
  font-size: 14px;
  color: #1c2534;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side textarea .form-control,
.photo-view-modal .modal-container .modal-body .text-block .left-side .textarea .form-control {
  line-height: 20px;
  font-size: 14px;
  border: 1px solid #c8cdd5;
  margin-bottom: 20px;
  border-radius: 0;
  max-height: none;
  min-height: none;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .textarea {
  padding: 0;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .edit-photo {
  border-bottom: solid 1px #e0e2e6;
  padding-bottom: 20px;
  margin-bottom: 13px;
}
.photo-view-modal .modal-container .modal-body .text-block .left-side .edit-photo textarea {
  height: 115px;
  margin-bottom: 20px;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side {
  float: right;
  width: 200px;
  position: relative;
  padding-left: 20px;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side:before {
  content: '';
  height: 78px;
  width: 1px;
  background-color: #e0e2e6;
  position: absolute;
  left: 0;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side .media .media-left img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side .media .media-body .person-name {
  color: #1c2534;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side .media .media-body .time {
  font-size: 12px;
  color: #a6aab0;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side .album-name {
  margin-top: 15px;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side .album-name .name {
  font-size: 12px;
  color: #7c8695;
}
.photo-view-modal .modal-container .modal-body .text-block .right-side .album-name .text {
  color: #1c2534;
  font-size: 16px;
  line-height: 20px;
}
.dop-menu .dop-menu-icon {
  cursor: pointer;
  margin: 4px 0 0 20px;
}
.dop-menu .dop-menu-icon svg .dop-menu-i {
  fill: #9e9e9e;
}
.dop-menu .dop-menu-icon:hover .dop-menu-bubble {
  display: block;
}
.dop-menu .dop-menu-icon:hover svg,
.dop-menu .dop-menu-icon:hover .dop-menu-i {
  fill: #65bade;
}
.dop-menu-bubble {
  position: absolute;
  width: 100px;
  border: solid 1px #e0e2e6;
  border-radius: 4px;
  background-color: #fff;
  z-index: 101;
  display: none;
  box-shadow: 1.5px 2.598px 10px 0px rgba(0,0,0,0.35);
  margin: 15px 0 0 -38px;
}
.dop-menu-bubble.top {
  margin: -130px 0 0 -38px;
}
.dop-menu-bubble.top:before {
  bottom: -5px;
  top: inherit;
}
.dop-menu-bubble.top span {
  height: 18px;
  position: absolute;
  width: 100%;
  top: inherit;
  bottom: -18px;
}
.dop-menu-bubble.complaint {
  width: 320px;
  margin: 15px 0 0 -148px;
}
.dop-menu-bubble.complaint.top {
  margin: -340px 0 0 -148px;
}
.dop-menu-bubble.complaint .form-group {
  margin: 0;
}
.dop-menu-bubble.complaint .form-group input[type=checkbox] + label:before,
.dop-menu-bubble.complaint .form-group input[type=radio] + label:before {
  margin-top: 12px;
}
.dop-menu-bubble span {
  height: 18px;
  position: absolute;
  width: 100%;
  top: -18px;
}
.dop-menu-bubble .dop-menu-content {
  overflow: hidden;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl {
  height: 50px;
  line-height: 50px;
  z-index: 3;
  position: relative;
  background-color: #fff;
  border-bottom: solid 1px #e0e2e6;
  padding: 0 19px;
  cursor: pointer;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl .pull-right {
  width: 35px;
  text-align: center;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl .pull-left svg {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl .pull-left svg path {
  fill: #a3a3a3;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl:hover {
  background-color: #f4f7fb;
  color: #d95252;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl:hover .pull-left svg {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl:hover .pull-left svg path {
  fill: #d95252;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl:last-child {
  border-bottom: 0;
}
.dop-menu-bubble .dop-menu-content .dop-menu-bl:first-child {
  border-radius: 4px 4px 0 0;
}
.dop-menu-bubble:before {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  background-color: #fff;
  box-shadow: 1.5px 1.598px 10px 0px rgba(0,0,0,0.35);
}
.leave-comment .chat-footer {
  position: relative;
  padding: 14px 0;
}
.leave-comment .chat-footer form {
  margin-bottom: 0;
}
.leave-comment .chat-footer form .btn.btn-success {
  bottom: 8px;
}
.leave-comment .chat-footer .textarea {
  border: 0;
  margin-bottom: 0;
}
.leave-comment .chat-footer .textarea .form-control {
  padding: 0 15px;
  max-height: none;
  border: 0 !important;
  margin: 0 !important;
}
.leave-comment .chat-footer .choose-smile {
  bottom: 12px;
  z-index: 2;
}
.leave-comment .chat-footer form .btn {
  bottom: 10px;
}
.for-btn {
  background-color: #fff;
  position: relative;
  z-index: 6;
}
.without-textarea {
  font-size: 14px;
  line-height: 20px;
  color: #a6aab0;
  margin-bottom: 15px;
}
.edit-photo .edit-photo-left .like-block.unlike .heart {
  background-image: url("/img/svg/unlike.svg");
}
.edit-photo .edit-photo-left .like-block.unlike .heart:hover {
  background-image: url("/img/svg/unlike_hover.svg");
}
.edit-photo .edit-photo-left .like-block.unlike .heart.active {
  background-image: url("/img/svg/unlike_active.svg");
}
.edit-photo .edit-photo-left .like-block.unlike .kol-of-heart {
  color: #9e9e9e;
  background-image: url("/img/svg/unlike_count.svg");
}
.edit-photo .edit-photo-left .like-block .heart {
  background: url("/img/svg/like.svg") no-repeat;
  width: 20px;
  height: 18px;
  cursor: pointer;
}
.edit-photo .edit-photo-left .like-block .heart:hover {
  background: url("/img/svg/like-hover.svg") no-repeat;
}
.edit-photo .edit-photo-left .like-block .heart.active {
  background: url("/img/svg/like-it-red.svg") no-repeat;
}
.edit-photo .edit-photo-left .kol-of-heart,
.edit-photo .edit-photo-left .kol-of-com {
  background: url("/img/svg/number-of-likes-green.svg") no-repeat;
  height: 16px;
  width: 30px;
  color: #87b448;
  font-size: 10px;
  text-align: center;
  vertical-align: 1px;
  padding: 1px 0 0 3px;
  margin: 2px 20px 0 30px;
}
.edit-photo .edit-photo-left .kol-of-com {
  background: url("/img/svg/number-of-likes-sky.svg") no-repeat;
  color: #65bade;
}
.edit-photo .edit-photo-right .share {
  cursor: pointer;
}
.edit-photo .edit-photo-right .share svg .share-i {
  fill: #9e9e9e;
}
.edit-photo .edit-photo-right .share:hover svg .share-i {
  fill: #8fcde7;
}
.modal.modal-crop .modal-container {
  width: 380px;
  height: 580px;
  padding: 20px 40px;
}
.modal.modal-crop .modal-container .close-btn {
  position: absolute;
  right: 15px;
  top: 20px;
}
.modal.modal-crop .modal-container .crop-title {
  font-size: 20px;
  line-height: 40px;
  color: #1c2534;
  margin: 11px 0 30px;
}
.modal.modal-crop .modal-container .crop-text {
  color: #bacbdb;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.modal.modal-crop .modal-container .crop-image {
  background-color: #f2f3f5;
  border: dashed 1px #cfd0d2;
  width: 300px;
  height: 300px;
  margin: 0 auto 5px;
  text-align: center;
}
.modal.modal-crop .modal-container .crop-image.photo-added {
  border: 0;
}
.modal.modal-crop .modal-container .crop-image .crop-image-text {
  color: #c7c7c7;
  display: block;
  font-size: 24px;
  line-height: 28px;
  margin-top: 118px;
}
.modal.modal-crop .modal-container .error-mes {
  color: #ca4c55;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
  visibility: hidden;
}
.modal.modal-crop .modal-container .not-show {
  display: none;
}
.modal.modal-crop .modal-container .col-xs-6 {
  margin: 0 auto;
  float: none;
}
.modal.modal-crop .modal-container.with-photo .not-show {
  display: block;
}
.modal.modal-crop .modal-container.with-photo .col-xs-6 {
  margin: 0 auto;
  float: left;
}
.modal.modal-crop .modal-container.with-error .error-mes {
  visibility: visible;
}
.brightness-block {
  background-color: #f2f3f5;
  height: 30px;
  border-radius: 5px;
}
.brightness-block .btn {
  display: inline-block;
  margin-left: -4px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  vertical-align: top;
  font-size: 25px;
}
.brightness-block .btn.btn-minus {
  line-height: 25px;
}
.brightness-block .brightness-body {
  background-color: #f2f3f5;
  height: 30px;
  width: 70px;
  display: inline-block;
  margin-left: -4px;
}
.brightness-block .brightness-body .indicator {
  background-color: #dadbdd;
  height: 30px;
  width: 12px;
  cursor: pointer;
}
.left .media,
.right .media {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
}
.left .media.user,
.right .media.user {
  margin-bottom: 16px;
}
.left .media.user .media-heading,
.right .media.user .media-heading {
  margin-bottom: 5px;
}
.left .media.user .profession,
.right .media.user .profession {
  max-height: 36px;
  white-space: normal;
  margin-top: -3px;
  margin-bottom: 3px;
}
.left .media.user .profession + span,
.right .media.user .profession + span {
  max-width: 136px;
}
.left .media.user .media-body span,
.right .media.user .media-body span {
  line-height: 18px;
}
.left .media.project .media-body span,
.right .media.project .media-body span {
  max-height: 80px;
  white-space: normal;
}
.left .media .media-left .media-object,
.right .media .media-left .media-object {
  width: 80px;
  height: 80px;
  max-width: 80px;
  max-height: 80px;
  border-radius: 5px;
  overflow: hidden;
  transition: all 200ms ease-in-out;
}
.left .media .media-left .media-object img,
.right .media .media-left .media-object img {
  width: 100%;
  height: 100%;
}
.left .media .media-left .media-object:hover,
.right .media .media-left .media-object:hover {
  border-radius: 50%;
}
.left .media .media-heading,
.right .media .media-heading {
  color: #1c2534;
  font-size: 16px;
  margin-bottom: 3px;
  margin-top: -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.left .media .media-heading h4,
.right .media .media-heading h4 {
  font-size: 16px;
  margin: 0;
  display: block;
  max-width: 128px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.left .media .media-heading h4 a,
.right .media .media-heading h4 a {
  font-size: 16px;
}
.left .media .media-body,
.right .media .media-body {
  color: #6a7383;
}
.left .media .media-body span,
.right .media .media-body span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
}
.left .media .media-body a,
.right .media .media-body a {
  color: #1c2534;
  font-size: 12px;
}
.left .media .media-body a:hover,
.right .media .media-body a:hover {
  text-decoration: none;
  color: #87b448;
}
.user-list {
  margin-top: -3px;
  margin-bottom: 25px;
}
.projects-list {
  margin-top: -4px;
}
.media.notification .close {
  top: 14px;
  right: 6px;
}
.media.notification .media-left .media-object {
  width: 40px;
  height: 40px;
}
.media.notification .media-left .media-object img {
  max-width: 100%;
  max-height: 100%;
  transition: all 200ms ease-in-out;
}
.media.notification .media-left .media-object:hover img {
  border-radius: 50%;
}
.media.notification .media-body {
  padding-right: 130px;
}
.media.notification .media-body .media-heading {
  color: #1c2534;
  font-size: 16px;
  line-height: 16px;
  margin-top: -2px;
}
.media.notification .media-body .status {
  color: #87b448;
  font-size: 13px;
  line-height: 16px;
}
.media.notification .media-body .status.gray {
  color: #a6aab0;
}
.media.company-media .media-left {
  width: 200px;
  text-align: center;
}
.media.company-media .media-left .media-object {
  display: inline-block;
  width: 200px;
  margin-top: 5px;
}
.media.company-media .media-left .media-object.no-image {
  background-image: url("/img/companies_place.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 200px;
}
.media.company-media .media-left .media-object img {
  max-width: 100%;
}
.media.company-media .media-body {
  padding: 0 10px;
}
.media.company-media .media-body .media-heading {
  color: #1c2534;
  font-size: 22px;
  margin-top: -3px;
  margin-bottom: 7px;
}
.media.company-media .media-body p {
  color: #1c2534;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
.head-top {
  margin-bottom: 13px;
  position: relative;
}
.head-top .media-left .media-object {
  height: 40px;
  width: 40px;
}
.head-top .media-left .media-object img {
  width: 100%;
  height: 100%;
  transition: all 200ms ease-in-out;
}
.head-top .media-left .media-object:hover img {
  border-radius: 50%;
}
.head-top .media-body .name-user {
  color: #1c2534;
  font-size: 16px;
  line-height: 20px;
}
.head-top .media-body .name-user:hover {
  color: #87b448;
}
.head-top .media-body .info-string {
  color: #7c8695;
  font-size: 14px;
  line-height: 22px;
}
.head-top img {
  display: block;
}
.count-value,
.count-title {
  color: #7c8695;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
}
.count-value .glyphicon-ok,
.count-title .glyphicon-ok {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -7px;
  margin-left: -1px;
}
.count-title {
  font-size: 14px;
  line-height: 14px;
}
.views-count {
  margin-left: 40px;
  color: #7c8695;
  font-size: 14px;
}
.text-green {
  color: #87b448;
}
.check-right {
  width: 100px;
  height: 40px;
  text-align: right;
}
.check-right span {
  display: inline-block;
  vertical-align: middle;
}
.check-right .text-green {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.check-right .glyphicon-ok {
  margin-left: 2px;
  margin-top: -7px;
}
.help-list {
  margin-bottom: 32px;
}
.help-list .list-unstyled {
  margin-bottom: 0;
}
.help-list .list-unstyled li {
  text-align: left;
  position: relative;
  color: #1c2534;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  border-top: 1px solid #e0e2e6;
  border-radius: 0;
}
.help-list .list-unstyled li.active {
  height: auto;
  padding-bottom: 24px;
}
.help-list .list-unstyled li.active .heading:before {
  top: 22px;
}
.help-list .list-unstyled li.active .heading:after {
  top: 26px;
}
.help-list .list-unstyled li:first-child {
  border-top: none;
}
.help-list .list-unstyled li .heading {
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  width: 100%;
  display: block;
  padding: 0 15px;
  cursor: pointer;
}
.help-list .list-unstyled li .heading:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 19px;
  right: 20px;
  border: 2px solid #bcbec1;
}
.help-list .list-unstyled li .heading:after {
  content: "";
  width: 15px;
  top: 15px;
  height: 8px;
  right: 15px;
  position: absolute;
  background: #fff;
}
.help-list .list-unstyled li .heading:hover {
  background-color: #f4f7fb;
}
.help-list .list-unstyled li .heading:hover:after {
  background-color: #f4f7fb;
}
.help-list .list-unstyled li div {
  padding: 0 15px;
  margin-top: 5px;
}
.help-list .list-unstyled li div p {
  color: #6a7383;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 10px;
}
.help-list .list-unstyled li div p:first-child {
  margin-top: 0;
}
.help-list .list-unstyled li div img {
  display: block;
  margin-top: 14px;
  max-width: 100%;
}
.help-list .list-unstyled li div img + img {
  margin-top: 20px;
}
.panel.panel-default {
  border-color: #e0e2e6;
  border-radius: 5px;
}
.panel.panel-default .panel-heading {
  background-color: #f3f4f6;
  color: #ababab;
}
.panel.with-see-more.active .panel-body,
.panel.panel-search.active .panel-body {
  height: auto;
}
.panel.with-see-more.active .count,
.panel.panel-search.active .count {
  display: none;
}
.panel.with-see-more.active .glyphicon-chevron-down,
.panel.panel-search.active .glyphicon-chevron-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 0px;
}
.panel.with-see-more .panel-body,
.panel.panel-search .panel-body {
  overflow-y: hidden;
}
.panel.with-see-more .panel-body {
  height: 270px;
}
.panel.panel-search .panel-body {
  height: 119px;
}
.panel .panel-heading {
  text-transform: uppercase;
  padding: 12px 15px 11px;
  position: relative;
}
.panel .panel-heading .panel-heading-text {
  display: inline-block;
  width: 66%;
  vertical-align: middle;
  margin-left: 30px;
}
.panel .panel-heading .header-link {
  text-transform: none;
}
.panel .panel-heading .right-text {
  text-transform: none;
  color: #6a7383;
}
.panel .panel-heading .right-text span {
  display: inline;
}
.panel .panel-heading .icon {
  position: absolute;
  top: 12px;
}
.panel .panel-heading .icon.del-link {
  top: 16px;
}
.panel .panel-heading .icon.edit-link {
  top: 11px;
}
.service-dir .panel-body {
  text-align: center;
  padding: 15px 7px;
}
.service-dir .panel-body > div {
  width: 139px;
  float: left;
  margin: 0 7px;
}
.service-dir .panel-body > div a {
  width: 100%;
}
.service-dir .panel-body > div a:hover span {
  color: #71973c;
}
.service-dir .panel-body > div a:hover div {
  background-color: #f4f7fb;
}
.service-dir .panel-body > div a div {
  position: relative;
  border: 1px solid #e0e2e6;
  width: 140px;
  height: 140px;
}
.service-dir .panel-body > div a div .icons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.service-dir .panel-body > div a span {
  display: block;
  width: 100%;
  text-align: center;
  color: #1c2534;
  margin: 13px 0 15px;
  font-weight: 400;
  line-height: 18px;
  min-height: 36px;
}
.panel-footer {
  height: 22px;
  padding: 0 15px;
}
.panel-footer a {
  color: #65bade;
  line-height: 20px;
  text-transform: uppercase;
}
.panel-footer a .glyphicon-chevron-down {
  font-size: 9px;
  font-weight: 300;
}
.panel-footer .see-more {
  cursor: pointer;
}
.panel-search {
  display: none;
}
.panel-search .panel-body {
  padding: 0;
}
.photos-wr .panel-body {
  padding: 10px 15px;
}
.photos-wr .big-img-text {
  margin: 10px 5px;
}
.album-image {
  float: left;
  width: 212px;
  border: solid 1px #d0d2d6;
  border-radius: 4px;
  position: relative;
  margin: 10px;
  overflow: hidden;
}
.album-image:hover .text-w-btns {
  background: #fff;
}
.album-image img {
  min-width: 210px;
  width: 100%;
}
.album-image .text-w-btns {
  width: 100%;
  background: rgba(255,255,255,0.9);
  position: absolute;
  bottom: 0;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  padding: 10px;
  border-radius: 0 0 2px 2px;
}
.album-image .text-w-btns .buttons {
  margin-top: 10px;
  font-size: 14px;
  color: #6a7383;
}
.album-image .text-w-btns .buttons .edit-btn svg path {
  fill: #a3a3a3;
}
.album-image .text-w-btns .buttons .edit-btn svg:hover path {
  fill: #87b448;
}
.album-image .text-w-btns .buttons .image-icon {
  margin-right: 5px;
}
.album-image .text-w-btns .buttons .image-icon svg path {
  fill: #a3a3a3;
}
.album-image .text-w-btns .buttons .text {
  display: inline-block;
  vertical-align: 2px;
}
.edit-photo-wr {
  margin: 0 -15px -15px;
}
.edit-photo-wr .edit-photo {
  padding: 20px 15px;
  border-top: solid 1px #e0e2e6;
  height: 172px;
}
.edit-photo-wr .edit-photo .image {
  cursor: pointer;
}
.edit-photo-wr .edit-photo .image img {
  border-radius: 4px;
  width: 132px;
  height: 132px;
  margin-right: 30px;
  transition: all 200ms ease-in-out;
}
.edit-photo-wr .edit-photo .image:hover img {
  border-radius: 10px;
}
.edit-photo-wr .edit-photo .text {
  margin-left: 163px;
}
.edit-photo-wr .edit-photo .text label {
  line-height: 10px;
  display: block;
  margin-bottom: 12px;
}
.edit-photo-wr .edit-photo .text textarea {
  height: 110px;
  resize: none;
}
.panel-link-w-icon.edit-link-a {
  cursor: pointer;
}
.panel-link-w-icon.edit-link-a .edit-link {
  width: 18px;
  height: 18px;
  background: url("/img/svg/edit_2.svg") no-repeat;
}
.panel-link-w-icon.edit-link-a:hover .edit-link {
  background: url("/img/svg/edit-hover.svg") no-repeat;
}
.panel-link-w-icon.edit-link-a:hover .text {
  color: #71973c;
}
.panel-link-w-icon.del-link-a {
  cursor: pointer;
}
.panel-link-w-icon.del-link-a .del-link {
  width: 12px;
  height: 12px;
  background: url("/img/svg/close_dark.svg") no-repeat;
}
.panel-link-w-icon.del-link-a:hover .del-link {
  background: url("/img/svg/close_hover.svg") no-repeat;
}
.panel-link-w-icon.del-link-a:hover .text {
  color: #d95252;
}
.panel-link-w-icon .text {
  text-transform: none;
  color: #1c2534;
}
.panel-link-w-icon .del-link + .text {
  margin-left: 25px;
}
.panel-link-w-icon .edit-link + .text {
  margin-left: 30px;
}
.album-wr .panel-body {
  padding: 15px 10px;
}
.feed-panel .panel-body {
  padding: 13px 15px 0;
}
.feed-panel .panel-body .user-message .feed-block:last-child {
  border-bottom: solid 1px #e0e2e6;
}
.feed-panel .panel-body .feed-block {
  padding: 0 15px 20px;
  margin: 0 -15px;
  border-bottom: solid 1px #e0e2e6;
}
.feed-panel .panel-body .feed-block:last-child {
  border-bottom: 0;
}
.feed-panel .panel-body .feed-block iframe {
  margin-bottom: 20px;
}
.feed-panel .panel-body .feed-block:first-child .head-top {
  margin-top: 7px;
}
.feed-panel .panel-body .feed-block .head-top {
  margin-top: 20px;
}
.feed-panel .panel-body .feed-block .panel-footer {
  margin: 0px -15px 20px;
  border-bottom: solid 1px #e0e2e6;
}
.feed-panel .panel-body .feed-block .form-images {
  margin-top: 20px;
}
.feed-panel .panel-body .textarea {
  margin: 0;
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  max-height: none;
  position: relative;
}
.feed-panel .panel-body .textarea.with-icons .form-control {
  padding-right: 30px;
}
.feed-panel .panel-body .textarea .form-control.form-control-big {
  line-height: 24px;
  min-height: 162px;
  max-height: none;
}
.feed-panel .panel-body .feed-form-images .img {
  margin: 5px;
}
.feed-panel .leave-comment {
  padding-left: 25px;
}
.feed-panel .dop-menu .dop-menu-icon {
  margin-left: 15px;
}
.user-info .media.bigger-media {
  margin: 20px 0 15px;
}
.user-info .media.bigger-media .media-object {
  width: 40px;
  height: 40px;
  border-radius: 3px;
}
.user-info .media.bigger-media .media-body .name {
  color: #1c2534;
  font-size: 16px;
}
.user-info .media.bigger-media .media-body .name:hover {
  color: #87b448;
}
.user-info .media.bigger-media .media-body .time {
  color: #7c8695;
  font-size: 14px;
  line-height: 18px;
}
.user-img {
  margin-bottom: 20px;
}
.user-img img {
  max-width: 100%;
  cursor: pointer;
}
.user-mes-text {
  font-size: 14px;
  line-height: 20px;
  color: #1c2534;
  margin-bottom: 15px;
}
.user-mes-text + .user-mes-text {
  margin-top: 20px;
}
.already-leaved-wrap.arrow-to-right .already-leaved .arrow {
  left: auto;
  right: 101px;
}
.already-leaved-wrap.arrow-with-unlike .already-leaved .arrow {
  left: 178px;
}
.already-leaved {
  border-top: solid 1px #e0e2e6;
  margin: 20px -15px 0;
  padding: 20px 16px 20px 40px;
  position: relative;
}
.already-leaved.active {
  display: block;
}
.already-leaved .arrow {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  width: 15px;
  height: 15px;
  border: solid 1px #e0e2e6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -9px;
  left: 96px;
}
.already-leaved .arrow:after {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  width: 25px;
  height: 25px;
  content: '';
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 0;
  left: 0;
}
.already-leaved .comment-bl {
  border-bottom: 1px solid #e0e2e6;
  padding: 0 0 17px;
  margin-bottom: 15px;
}
.already-leaved .comment-bl:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.already-leaved .comment-bl .media .media-object {
  width: 30px;
  height: 30px;
  border-radius: 3px;
}
.already-leaved .comment-bl .media .name {
  color: #1c2534;
  font-size: 16px;
  margin-top: -5px;
}
.already-leaved .comment-bl .media .time {
  color: #7c8695;
  font-size: 12px;
  line-height: 18px;
}
.already-leaved .comment-bl .media .comment-text {
  color: #1c2534;
  font-size: 14px;
  margin-top: 5px;
  line-height: 18px;
}
.already-leaved .comment-bl .media .edit-photo {
  margin: 8px 0 0 38px;
}
.already-leaved-wrap {
  display: none;
}
.already-leaved-wrap.active {
  display: block;
}
.com-icon:not(.not-hover) {
  cursor: pointer;
}
.com-icon svg path {
  fill: #a0a0a0;
}
.com-icon.not-hover:hover svg path {
  fill: #a0a0a0;
}
.com-icon.active svg path,
.com-icon:hover svg path {
  fill: #66bbde;
}
.media-elements {
  position: absolute;
  right: 15px;
  top: 15px;
}
.media-elements svg {
  cursor: pointer;
}
.media-elements svg path {
  fill: #b7bfcd;
}
.media-elements svg:hover path {
  fill: #87b448;
}
.media-elements .photo {
  margin-bottom: 20px;
}
.media-elements .photo .image-pop-up {
  margin: 15px 0 0 -97px;
}
.media-elements .photo:hover .image-pop-up {
  display: block;
}
.media-elements .photo:hover svg path {
  fill: #87b448;
}
.media-elements .video .video-pop-up {
  margin: 15px 0 0 -144px;
}
.media-elements .video:hover .video-pop-up {
  display: block;
}
.media-elements .video:hover svg path {
  fill: #87b448;
}
.product-tab {
  display: none;
}
.product-tab.active {
  display: block;
}
.body-full .panel-body {
  padding: 0;
}
.credit-form {
  width: 484px;
}
.user-message:last-child .feed-block {
  border-bottom: 0;
}
.list-group.notifications-list .list-group-item {
  padding: 20px 15px;
}
.list-group .list-group-item {
  padding: 15px;
}
.list-group .list-group-item:first-child {
  border-radius: 5px 5px 0 0;
}
.list-group .list-group-item:last-child {
  border-radius: 0 0 5px 5px;
}
.list-group.with-panel {
  margin-top: -30px;
}
.list-group.with-panel .list-group-item {
  font-size: 16px;
}
.list-group.with-panel .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group.with-panel .list-group-item span {
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.user-list {
  padding: 0;
  border-radius: 5px 5px 0 0;
  margin: 0;
}
.user-list .list-group-item {
  border: none;
  border-bottom: 1px solid #e0e2e6;
  border-radius: 0;
  padding: 16px 10px 20px;
  margin: 0;
  cursor: pointer;
}
.user-list .list-group-item:hover {
  background-color: #f4f7fb;
}
.user-list .list-group-item:hover .close {
  display: block;
}
.user-list .list-group-item .close {
  top: 14px;
  right: 6px;
  display: none;
}
.user-list .list-group-item:last-child,
.user-list .list-group-item:first-child {
  border-radius: 0;
}
.user-list .list-group-item .status {
  font-size: 13px;
  color: #c1c4c8;
}
.user-list .list-group-item .status.green {
  color: #87b448;
}
.user-list .list-group-item .media-name {
  margin-top: -6px;
}
.user-list .list-group-item .media-name a {
  color: #1c2534;
  font-size: 16px;
}
.user-list .list-group-item .media-name a:hover {
  color: #87b448;
}
.user-list .list-group-item .text {
  color: #a6aab0;
  font-size: 13px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: -3px;
}
.user-list .list-group-item .count {
  display: inline-block;
  min-width: 18px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 43px;
  right: 10px;
  background-color: #f85759;
  border-radius: 2px;
  font-size: 12px;
  padding: 3px 2px;
  line-height: 1;
}
.user-list .list-group-item .media {
  height: 44px;
  overflow: visible;
}
.user-list .list-group-item .media .media-left {
  position: absolute;
  display: block;
  width: 40px;
  padding-right: 0;
}
.user-list .list-group-item .media .media-left .media-object {
  width: 100%;
  height: 100%;
}
.user-list .list-group-item .media .media-left .media-object:hover {
  border-radius: 5px;
}
.user-list .list-group-item .media .media-left img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin-top: 4px;
}
.user-list .list-group-item .media .media-left .circle {
  top: 37px;
  left: 33px;
  position: absolute;
}
.user-list .list-group-item .media .media-body {
  display: block;
  padding-left: 50px;
  padding-right: 24px;
  width: 100%;
  height: 40px;
  overflow: visible;
}
#content .left .chat-list .list-group {
  overflow-x: hidden;
}
#content .left .chat-list .list-group .list-group-item {
  border-top: none;
  cursor: auto;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
  background-color: transparent;
}
#content .left .chat-list .list-group .list-group-item:last-child:hover,
#content .left .chat-list .list-group .list-group-item:last-child.active {
  margin-bottom: 0px;
  padding-bottom: 17px;
}
#content .left .chat-list .list-group .list-group-item:hover {
  border-bottom: 3px solid #e0e2e6;
  box-sizing: border-box;
  padding-bottom: 19px;
  margin-bottom: -1px;
}
#content .left .chat-list .list-group .list-group-item.active {
  border-bottom: 3px solid #87b448;
  box-sizing: border-box;
  padding-bottom: 19px;
  margin-bottom: -1px;
}
#content .left .chat-list .list-group .list-group-item .media {
  margin-bottom: 0;
}
#content .left .chat-list .list-group .list-group-item .media .media-object {
  display: block;
  width: 40px;
}
#content .left .chat-list .list-group .list-group-item .media .media-object img {
  transition: border-radius 200ms ease-in-out;
}
#content .left .chat-list .list-group .list-group-item .media .media-object img:hover {
  border-radius: 50%;
}
#content .left .chat-list .list-group .list-group-item:hover {
  background-color: #fff;
}
#content .left .chat-list .list-group .list-group-item:hover .close {
  display: block;
}
#content .left .chat-list .list-group .list-group-item a {
  padding-left: 0;
  display: inline;
}
#content .left .chat-list .list-group .list-group-item .close {
  right: -3px;
  display: none;
}
#content .left .chat-list .list-group .list-group-item .count {
  right: 0;
}
.chat-all {
  position: fixed;
  height: 10px;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.chat-all .chat-item {
  width: 326px;
  height: 10px;
  position: relative;
  float: right;
  margin-right: 15px;
  display: none;
}
.chat-all .chat-item.minimized {
  width: 167px;
}
.chat-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  border: 1px solid #c8cdd5;
  background-color: #fff;
  z-index: 1;
  padding-top: 15px;
  padding-bottom: 9px;
}
.chat-footer .image-pop-up.not-in-display {
  margin: -148px 0 0 -96px;
}
.chat-footer .icon-wr {
  width: 60px;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.chat-footer .camera-icon,
.chat-footer .document-icon,
.chat-footer .choose-smile {
  bottom: 14px;
  z-index: 2;
}
.chat-footer .camera-icon {
  left: 13px;
}
.chat-footer .document-icon {
  left: 36px;
}
.chat-footer .choose-smile {
  right: 48px;
}
.chat-footer .textarea .form-control {
  min-height: 16px;
  max-height: 100px;
  overflow-y: auto;
}
.chat-footer .textarea .placeholder {
  left: 66px;
  top: 0;
}
.chat-footer form {
  padding-right: 74px;
  margin-bottom: 6px;
}
.chat-footer form .btn.btn-success {
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 52px;
  width: 51px;
  padding: 0;
  font-size: 16px;
  border-radius: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/svg/send-chat.svg");
}
.chat-footer form .btn.btn-success:hover {
  background-image: url("/img/svg/send-chat-hover.svg");
}
.chat-footer form .form-group {
  margin-bottom: 0;
  position: static;
}
.chat-footer form .form-control {
  padding: 13px 15px;
  border-radius: 0;
  padding-left: 66px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  line-height: 16px;
  overflow: hidden;
}
.camera-icon,
.document-icon,
.choose-smile {
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  width: 16px;
  height: 18px;
  position: absolute;
  cursor: pointer;
  font-size: 14px;
  color: #6a7383;
}
.camera-icon input,
.document-icon input {
  visibility: hidden;
  position: absolute;
  left: -10000px;
}
.camera-icon label,
.document-icon label {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
.camera-icon:hover .image-pop-up,
.document-icon:hover .image-pop-up {
  display: block;
}
.camera-icon {
  background-image: url("/img/svg/camera.svg");
}
.camera-icon:hover {
  background-image: url("/img/svg/camera_hover.svg");
}
.document-icon {
  background-image: url("/img/svg/document.svg");
  background-size: 12px 15px;
}
.document-icon:hover {
  background-image: url("/img/svg/document_hover.svg");
}
.image-pop-up {
  cursor: auto;
}
.choose-smile {
  width: 18px;
  background-image: url("/img/svg/smile.svg");
}
.choose-smile.show .trg,
.choose-smile.show .image-pop-up {
  display: block;
}
.choose-smile .trg {
  position: absolute;
  display: none;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  top: -20px;
  right: 5px;
  left: auto;
  bottom: auto;
  margin: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  z-index: 12;
  box-shadow: -2px -2px 3px rgba(0,0,0,0.1);
  cursor: auto;
}
.choose-smile .image-pop-up {
  width: 220px;
  cursor: auto;
  height: auto;
  bottom: 32px;
  left: -64px;
  padding: 15px 19px;
  box-shadow: 0 1px 7px rgba(0,0,0,0.2);
  margin-top: 0;
  text-align: left;
}
.choose-smile .image-pop-up span {
  top: auto;
  height: 15px;
  bottom: -15px;
}
.choose-smile .image-pop-up div {
  display: inline-block;
  height: 40px;
  width: 38px;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  margin-right: -2px;
}
.choose-smile .image-pop-up div img {
  margin-top: 7px;
  width: 28px;
  height: 28px;
}
.choose-smile .image-pop-up div:hover {
  background-color: #d8eed8;
}
.choose-smile .image-pop-up:before,
.choose-smile .image-pop-up:after {
  display: none;
}
.choose-smile:hover {
  background-image: url("/img/svg/smile_hover.svg");
}
.chat-body {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 47px;
  padding-bottom: 48px;
  top: 0;
  border: 1px solid #e0e2e6;
  border-bottom: none;
  border-radius: 5px 5px 0px 0px;
}
.chat-body .body-content {
  overflow-y: auto;
  max-height: 100%;
  padding-bottom: 56px;
}
.chat-body ul {
  padding: 0 10px;
}
.chat-body ul li {
  clear: both;
  width: 100%;
}
.chat-body ul li:after {
  clear: both;
  width: 100%;
  height: 10px;
  background-color: #083;
  float: none;
  content: '';
}
.chat-body ul .period {
  width: 100%;
  text-align: center;
}
.chat-body ul .period + .message {
  padding-top: 8px;
}
.chat-body ul .period + .message .avatar {
  top: 8px;
}
.chat-body ul .period div {
  display: inline-block;
  background-color: #c7c8cc;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: 4px 12px;
  border-radius: 4px;
}
.chat-body ul .message {
  padding-top: 38px;
  position: relative;
  max-width: 100%;
  padding-left: 54px;
}
.chat-body ul .message.file-img.delivered .content img {
  opacity: 1;
  cursor: pointer;
}
.chat-body ul .message.file-img.delivered .link-btn {
  display: none;
}
.chat-body ul .message.file-img .content .img {
  background-repeat: no-repeat;
  background-position: center top;
  width: 180px;
  height: 180px;
}
.chat-body ul .message.file-img .content .img.placeholder-img {
  background-image: url("/img/chat-img.png");
}
.chat-body ul .message.file-img .content img {
  width: 100%;
  height: 100%;
  max-width: 180px;
  max-height: 180px;
  opacity: 0.5;
}
.chat-body ul .message.file-img .link-btn {
  margin-top: 5px;
  margin-bottom: -5px;
}
.chat-body ul .message.file {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chat-body ul .message.file.cancelled .content-container .content {
  min-height: 0;
  padding-left: 0;
  padding-right: 0;
}
.chat-body ul .message.file.delivered .file-heading,
.chat-body ul .message.file.transparent .file-heading,
.chat-body ul .message.file.delivered .name,
.chat-body ul .message.file.transparent .name,
.chat-body ul .message.file.delivered .file-icon,
.chat-body ul .message.file.transparent .file-icon {
  opacity: 0.5;
}
.chat-body ul .message.file .content-container .content {
  padding-left: 59px;
  padding-right: 4px;
  min-height: 65px;
}
.chat-body ul .message.file .file-icon {
  width: 49px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/svg/document_message.svg");
  background-size: 49px 62px;
  position: absolute;
  top: 10px;
  left: 11px;
}
.chat-body ul .message.file .file-heading {
  color: #a7a7a7;
}
.chat-body ul .message.file .name {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-body ul .message + .period {
  padding-top: 35px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chat-body ul .message.my {
  max-width: 100%;
  float: right;
  text-align: right;
}
.chat-body ul .message.my .content-container .bottom {
  right: 9px;
}
.chat-body ul .message.my .content-container .bottom .time {
  float: right;
}
.chat-body ul .message.my .content-container .bottom .status {
  float: left;
}
.chat-body ul .message.my .content-container {
  background-color: #d3f8ff;
  padding: 10px 9px;
  text-align: left;
  max-width: 100%;
}
.chat-body ul .message.my .content-container:before {
  background-color: #d3f8ff;
  left: auto;
  right: -2px;
}
.chat-body ul .message:first-child {
  padding-top: 15px;
}
.chat-body ul .message:first-child .avatar {
  top: 15px;
}
.chat-body ul .message .avatar {
  position: absolute;
  left: 0;
  top: 38px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  overflow: hidden;
}
.chat-body ul .message .avatar img {
  width: 100%;
  height: 100%;
}
.chat-body ul .message .content-container {
  color: #272727;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 9px;
  position: relative;
  display: inline-block;
}
.chat-body ul .message .content-container a {
  cursor: pointer;
  text-decoration: underline;
  color: #2983d0;
}
.chat-body ul .message .content-container a:hover {
  text-decoration: none;
}
.chat-body ul .message .content-container p {
  margin-bottom: 0;
  max-width: 100%;
  overflow: hidden;
}
.chat-body ul .message .content-container p + p {
  margin-top: 10px;
}
.chat-body ul .message .content-container p a {
  word-break: break-all;
}
.chat-body ul .message .content-container:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 10px;
  left: -2px;
  background-color: #f5f5f5;
  z-index: -1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chat-body ul .message .content-container .bottom {
  position: absolute;
  width: 100%;
  min-width: 87px;
  height: 28px;
  line-height: 28px;
  bottom: -28px;
  left: 9px;
  color: #c1c4c8;
  font-size: 12px;
  margin: 0 -9px;
  white-space: nowrap;
}
.chat-body ul .message .content-container .bottom span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.chat-body ul .message .content-container .bottom .time {
  float: left;
}
.chat-body ul .message .content-container .bottom .time.red {
  color: #f85759;
}
.chat-body ul .message .content-container .bottom .time.red .circle {
  background-color: #f85759;
  margin-top: -2px;
  border-width: 1px;
  margin-left: 5px;
}
.chat-body ul .message .content-container .bottom .status {
  float: right;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chat-wr {
  width: 326px;
  height: 479px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: none;
  display: none;
  z-index: 9;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
.chat-wr.page {
  display: block;
  position: relative;
  width: 100%;
  right: auto;
  height: auto;
}
.chat-wr.page .chat-body {
  padding-top: 76px;
  position: relative;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid #e0e2e6;
}
.chat-wr.page .body-content {
  max-height: none;
}
.chat-wr.page .body-content ul {
  min-height: 300px;
  padding: 0 15px;
}
.chat-wr.page .body-content ul .period + .message {
  padding-top: 20px;
}
.chat-wr.page .body-content ul .period + .message .avatar {
  top: 20px;
}
.chat-wr.page .body-content ul .message:first-child {
  padding-top: 30px;
}
.chat-wr.page .body-content ul .message:first-child .avatar {
  top: 32px;
}
.chat-wr.page .chat-footer {
  position: relative;
  margin-top: 28px;
  border-radius: 5px;
  height: auto;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.chat-wr.page .chat-footer .image-pop-up.not-in-display {
  margin: -145px 0 0 -85px;
}
.chat-wr.page .chat-footer .textarea .form-control {
  min-height: 113px;
  max-height: 200px;
}
.chat-wr.page .chat-footer .controls {
  position: relative;
  border-top: 1px solid #c8cdd5;
  height: 51px;
  padding: 15px 17px;
}
.chat-wr.page .chat-footer .controls .camera-icon,
.chat-wr.page .chat-footer .controls .document-icon {
  position: static;
  width: auto;
  display: inline-block;
  padding-left: 25px;
  background-position: left center;
}
.chat-wr.page .chat-footer .controls .camera-icon:hover,
.chat-wr.page .chat-footer .controls .document-icon:hover {
  color: #87b448;
}
.chat-wr.page .chat-footer .controls .document-icon {
  padding-left: 20px;
  margin-left: 15px;
}
.chat-wr.page .chat-footer form {
  padding: 0;
  margin-bottom: 0;
}
.chat-wr.page .chat-footer .form-control {
  padding: 13px 15px;
  border-radius: 5px;
  height: auto;
  overflow-y: auto;
}
.chat-wr.page .chat-footer .placeholder {
  color: #6a7383;
  position: absolute;
  top: 13px;
  left: 15px;
}
.chat-wr.page .chat-header {
  height: 64px;
  border-bottom: 1px solid #e0e2e6;
  padding-left: 69px;
}
.chat-wr.page .chat-header .user {
  margin-top: 19px;
}
.chat-wr.page .chat-header .user a {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  margin-top: 6px;
  line-height: 16px;
  vertical-align: middle;
  text-overflow: ellipsis;
  color: #1c2534;
  font-size: 16px;
}
.chat-wr.page .chat-header .circle {
  position: absolute;
  left: 44px;
  top: 40px;
  height: 16px;
  width: 16px;
}
.chat-wr.page .chat-header .ava {
  position: absolute;
  left: 15px;
  top: 11px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  overflow: hidden;
  display: block;
}
.chat-wr.page .chat-header .ava img {
  width: 100%;
  height: 100%;
}
.chat-wr.chat-list {
  height: 52px;
}
.chat-wr.chat-list .chat-footer {
  padding: 0;
}
.chat-wr.chat-list .count {
  display: none;
}
.chat-wr.chat-list.leftbar {
  position: relative;
  left: auto;
  right: auto;
  width: 100%;
  height: auto;
}
.chat-wr.chat-list.leftbar .chat-body {
  padding-bottom: 0;
  border: none;
  position: relative;
  height: auto;
}
.chat-wr.chat-list.leftbar .body-content {
  max-height: none;
  overflow: visible;
}
.chat-wr.chat-list.leftbar .body-content .list-group .list-group-item:last-child {
  border-bottom: none;
}
.chat-wr.chat-list.open {
  height: 479px;
}
.chat-wr.chat-list .chat-body {
  padding-top: 0;
  padding-bottom: 52px;
}
.chat-wr.chat-list .chat-body .body-content {
  border-radius: 5px 5px 0 0;
  padding: 0;
}
.chat-wr.chat-list .chat-body ul {
  padding: 0;
}
.chat-wr.chat-list .chat-footer {
  border: none;
}
.chat-wr.chat-list .chat-footer .btn.btn-block {
  height: 52px;
  line-height: 54px;
  border-radius: 0;
  text-align: left;
}
.chat-wr.chat-list .chat-footer .btn.btn-block span {
  margin-right: 10px;
}
.chat-wr.chat-list .chat-footer .btn.btn-block b {
  font-weight: 600;
}
.chat-wr.minimized {
  width: auto;
  overflow: hidden;
  height: 61px;
  min-width: 135px;
}
.chat-wr.minimized.dis-block {
  display: inline-block !important;
}
.chat-wr.minimized .when,
.chat-wr.minimized .chat-body,
.chat-wr.minimized .chat-footer {
  display: none;
}
.chat-wr.minimized .chat-header {
  height: 61px;
  border-bottom: 1px solid #e0e2e6;
  padding-left: 64px;
}
.chat-wr.minimized .chat-header .user {
  height: 16px;
  margin-top: 30px;
}
.chat-wr.minimized .chat-header .user a {
  width: 90px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  margin-top: 6px;
  line-height: 16px;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.chat-wr.minimized .chat-header .circle {
  position: absolute;
  left: 42px;
  top: 44px;
}
.chat-wr.minimized .chat-header .ava {
  position: absolute;
  left: 10px;
  top: 11px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  overflow: hidden;
  display: block;
}
.chat-wr.minimized .chat-header .ava img {
  width: 100%;
  height: 100%;
}
.chat-wr .when {
  background-color: #c7c8cc;
  color: #fff;
  text-align: center;
  padding: 4px 0;
  line-height: 1;
  font-size: 10px;
  z-index: 1;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chat-wr .chat-header {
  height: 30px;
  width: 100%;
  background-color: #f3f4f6;
  padding: 0 11px;
  line-height: 29px;
  color: #1c2534;
  position: relative;
  z-index: 2;
  border: 1px solid #e0e2e6;
  border-bottom: none;
  border-radius: 5px 5px 0px 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chat-wr .chat-header .ava {
  display: none;
}
.chat-wr .chat-header .user {
  display: inline-block;
  vertical-align: middle;
}
.chat-wr .chat-header .user a {
  color: #1c2534;
}
.chat-wr .chat-header .user a:hover {
  color: #87b448;
}
.chat-wr .chat-header .circle {
  margin-right: 8px;
}
.chat-wr .chat-header .controls {
  height: 31px;
  position: absolute;
  right: 11px;
  top: 0;
}
.chat-wr .chat-header .controls div {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.chat-wr .chat-header .controls .minimize {
  width: 16px;
  height: 12px;
  background-image: url("/img/svg/minimize.svg");
  margin-right: 5px;
}
.chat-wr .chat-header .controls .minimize:hover {
  background-image: url("/img/svg/minimize_hover.svg");
}
.chat-wr .chat-header .controls .restore {
  width: 16px;
  height: 13px;
  background-image: url("/img/svg/restore.svg");
  margin-right: 2px;
}
.chat-wr .chat-header .controls .restore:hover {
  background-image: url("/img/svg/restore_hover.svg");
}
.chat-wr .chat-header .controls .restore-1 {
  background-image: url("/img/svg/restore-1.svg");
  background-position: left 7px;
  margin-right: 2px;
  padding-left: 20px;
  margin-top: 19px;
}
.chat-wr .chat-header .controls .restore-1:hover {
  background-image: url("/img/svg/restore-1-hover.svg");
  color: #87b448;
}
.chat-wr .chat-header .controls .close {
  position: relative;
  float: none;
  width: 16px;
  height: 16px;
  background-image: url("/img/svg/close_chat.svg");
}
.chat-wr .chat-header .controls .close:hover {
  background-image: url("/img/svg/close_2.svg");
}
.circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  border: 2px solid #fff;
  height: 10px;
  width: 10px;
  margin: 0;
  background-color: #87b448;
}
.circle.red {
  background-color: #ca4c55;
}
.smile {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.textarea {
  position: relative;
}
.textarea .form-control {
  padding: 13px 15px;
  min-height: 113px;
  max-height: 200px;
  padding: 13px 15px;
  border-radius: 5px;
  height: auto;
  resize: none;
  overflow-y: auto;
}
.preloader-dialog {
  height: 24px;
  width: 100%;
  margin: 20px 0 0;
  background-image: url("/img/preloader-dialog.gif");
  background-position: center;
  background-repeat: no-repeat;
}