/* line 1, ../sass/user.scss */
.user_registration {
  position: relative;
  padding: 50px 0;
}
/* line 6, ../sass/user.scss */
.user_registration .user_registration-advantages ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 60px;
}
/* line 13, ../sass/user.scss */
.user_registration .user_registration-advantages ul li span {
  width: 95px;
  height: 95px;
  -webkit-flex: 0 0 95px;
  -ms-flex: 0 0 95px;
  flex: 0 0 95px;
  display: block;
  border-radius: 50%;
}
/* line 23, ../sass/user.scss */
.user_registration .user_registration-advantages ul li .advantages_text {
  padding-left: 30px;
}
/* line 25, ../sass/user.scss */
.user_registration .user_registration-advantages ul li .advantages_text h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 29, ../sass/user.scss */
.user_registration .user_registration-advantages ul li .advantages_text p {
  font-size: 12px;
  line-height: 18px;
}
/* line 36, ../sass/user.scss */
.user_registration .user_registration-advantages ul li:nth-child(1) span {
  background-color: #F65F62;
}
/* line 41, ../sass/user.scss */
.user_registration .user_registration-advantages ul li:nth-child(2) span {
  background-color: #EAE253;
}
/* line 46, ../sass/user.scss */
.user_registration .user_registration-advantages ul li:nth-child(3) span {
  background-color: #5EC98A;
}
/* line 53, ../sass/user.scss */
.user_registration .registration_step-1 {
  max-width: 400px;
  border-radius: 3px;
  padding: 0;
  border: 1px solid #CECECE;
  background-color: #F7F7F7;
}
/* line 59, ../sass/user.scss */
.user_registration .registration_step-1 .registration_form1 {
  padding: 30px;
  border-bottom: 1px solid #CECECE;
}
/* line 62, ../sass/user.scss */
.user_registration .registration_step-1 .registration_form1 .button {
  max-width: 100%;
}
/* line 65, ../sass/user.scss */
.user_registration .registration_step-1 .registration_form1 .form__group {
  margin-bottom: 20px;
}
/* line 68, ../sass/user.scss */
.user_registration .registration_step-1 .registration_form1 .checkbox {
  margin: 0;
}
/* line 73, ../sass/user.scss */
.user_registration .registration-step-2 {
  margin: auto;
  background: #F7F7F7;
  border-radius: 3px;
  border: 1px solid #CECECE;
  max-width: 800px;
}
/* line 79, ../sass/user.scss */
.user_registration .registration-step-2 .registration_form2 {
  padding: 30px;
}
/* line 83, ../sass/user.scss */
.user_registration .registration-title {
  padding: 20px;
  border-bottom: 1px solid #CECECE;
}
/* line 86, ../sass/user.scss */
.user_registration .registration-title h1 {
  font-size: 18px;
}
/* line 90, ../sass/user.scss */
.user_registration .registration_contact {
  padding: 30px;
}
/* line 92, ../sass/user.scss */
.user_registration .registration_contact p {
  color: #666;
}

/* line 99, ../sass/user.scss */
.add-steps h1 {
  padding: 0 15px;
}
/* line 102, ../sass/user.scss */
.add-steps p {
  padding: 0 15px;
  font-size: 16px;
  display: block;
}
/* line 107, ../sass/user.scss */
.add-steps .steps-column {
  margin: 30px 0;
}
/* line 109, ../sass/user.scss */
.add-steps .steps-column a {
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 116, ../sass/user.scss */
.add-steps .steps-column a:hover {
  text-decoration: none;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18), 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
/* line 120, ../sass/user.scss */
.add-steps .steps-column .step_item {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 126, ../sass/user.scss */
.add-steps .steps-column .step_item span {
  text-align: center;
  line-height: 40px;
  color: white;
  display: block;
}
/* line 132, ../sass/user.scss */
.add-steps .steps-column .step_item div {
  padding: 0;
}
/* line 135, ../sass/user.scss */
.add-steps .steps-column .step_item .step_right_outher {
  width: 100%;
  text-align: center;
  background-color: #cecece;
}
/* line 140, ../sass/user.scss */
.add-steps .steps-column .step_item .step_left_outher {
  max-width: 100px;
  width: 100px;
  background-color: rgba(206, 206, 206, 0.8);
}
/* line 146, ../sass/user.scss */
.add-steps .steps-column .step_left_current {
  max-width: 100px;
  width: 100px;
  background-color: rgba(52, 152, 219, 0.8);
}
/* line 151, ../sass/user.scss */
.add-steps .steps-column .step_right_current {
  width: 100%;
  text-align: center;
  background-color: #3498db;
}

/* line 160, ../sass/user.scss */
.technical-content {
  margin-bottom: 50px;
}
/* line 162, ../sass/user.scss */
.technical-content .technical__column {
  margin-top: 50px;
  position: relative;
}
/* line 165, ../sass/user.scss */
.technical-content .technical__column .form__group {
  max-width: 100%;
  margin-bottom: 25px;
}
/* line 169, ../sass/user.scss */
.technical-content .technical__column .form__group .checkbox label {
  font-weight: 400;
}
/* line 173, ../sass/user.scss */
.technical-content .technical__column .form__group label {
  font-weight: 600;
}
/* line 176, ../sass/user.scss */
.technical-content .technical__column .form__group span.valid-error {
  left: 15px;
}

/* line 183, ../sass/user.scss */
.option-content {
  position: relative;
}
/* line 185, ../sass/user.scss */
.option-content .option-content_row {
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
/* line 189, ../sass/user.scss */
.option-content .form__group {
  margin-bottom: 0;
}
/* line 193, ../sass/user.scss */
.option-content .option-column .option-title {
  position: relative;
  text-align: center;
  padding: 20px 0;
}
/* line 198, ../sass/user.scss */
.option-content .option-column .option-title:before, .option-content .option-column .option-title:after {
  content: '';
  position: absolute;
  height: 1px;
  left: -15px;
  right: -15px;
  background-color: #cecece;
}
/* line 206, ../sass/user.scss */
.option-content .option-column .option-title:before {
  top: 0;
}
/* line 209, ../sass/user.scss */
.option-content .option-column .option-title:after {
  bottom: 0;
}
/* line 213, ../sass/user.scss */
.option-content .option-column:before {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #cecece;
}

/* line 225, ../sass/user.scss */
.get-public {
  text-align: right;
}
/* line 228, ../sass/user.scss */
.get-public .personal-top_public {
  margin-top: 30px;
  text-align: right;
}
/* line 232, ../sass/user.scss */
.get-public span {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
/* line 238, ../sass/user.scss */
.get-public i {
  width: 26px;
  height: 13px;
  margin-left: 5px;
  display: inline-block;
  background-image: url(../img/spriteicon.png);
}
/* line 245, ../sass/user.scss */
.get-public .public-free-i {
  background-position: 0 -66px;
}
/* line 248, ../sass/user.scss */
.get-public .public-top-i {
  background-position: 0 -86px;
}

/* line 256, ../sass/user.scss */
.personal-tab_title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  text-align: center;
  margin-bottom: 30px;
}

/* line 267, ../sass/user.scss */
.personal-app .personal-top h1 {
  margin-bottom: 15px;
}
/* line 270, ../sass/user.scss */
.personal-app .personal-top .button {
  display: block;
  width: 255px;
}
/* line 273, ../sass/user.scss */
.personal-app .personal-top .button i {
  padding-right: 5px;
}
/* line 279, ../sass/user.scss */
.personal-app .personal-body {
  position: relative;
  margin-top: 30px;
}
/* line 286, ../sass/user.scss */
.personal-app .personal-left_sidebar .row-eq-height > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  float: left;
}
@media (max-width: 768px) {
  /* line 297, ../sass/user.scss */
  .personal-app .personal-left_sidebar .row-eq-height > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 305, ../sass/user.scss */
.personal-app .personal-left_sidebar .personal-picture {
  width: 120px;
  height: 120px;
  max-width: 120px;
  margin-right: 15px;
  margin-bottom: 30px;
  background-color: #3498DB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
}
/* line 317, ../sass/user.scss */
.personal-app .personal-left_sidebar .personal-picture span {
  text-transform: uppercase;
  font-size: 40px;
  color: white;
  margin: auto;
}
/* line 325, ../sass/user.scss */
.personal-app .personal-left_sidebar .personal-info_main .personal-left_title, .personal-app .personal-left_sidebar .personal-info_contact .personal-left_title {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  margin-bottom: 10px;
}
/* line 331, ../sass/user.scss */
.personal-app .personal-left_sidebar .personal-info_main span, .personal-app .personal-left_sidebar .personal-info_contact span {
  display: block;
  color: #666666;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 5px;
}
/* line 337, ../sass/user.scss */
.personal-app .personal-left_sidebar .personal-info_main span i, .personal-app .personal-left_sidebar .personal-info_contact span i {
  font-style: normal;
}
@media (max-width: 767px) {
  /* line 345, ../sass/user.scss */
  .personal-app .personal-left_sidebar {
    margin-bottom: 30px;
  }
}
/* line 352, ../sass/user.scss */
.personal-app .personal-content .personal-wrap {
  border: 1px solid #cecece;
  border-radius: 6px;
  position: relative;
  padding-bottom: 30px;
}
/* line 361, ../sass/user.scss */
.personal-app .personal-content .nav-tabs li a {
  border-radius: 0;
  color: #666666;
  border-top: 0;
  background-color: #f3f3f3;
}
/* line 367, ../sass/user.scss */
.personal-app .personal-content .nav-tabs li a.disabled {
  opacity: 0.5;
  background-color: #fff !important;
  cursor: not-allowed;
}
/* line 373, ../sass/user.scss */
.personal-app .personal-content .nav-tabs li.active > a {
  color: #3498DB;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-top: 0;
  background-color: white;
}
/* line 380, ../sass/user.scss */
.personal-app .personal-content .nav-tabs li:nth-child(1) a {
  border-top-left-radius: 6px;
  border-left: 0;
}
@media (max-width: 991px) {
  /* line 387, ../sass/user.scss */
  .personal-app .personal-content .nav-tabs-top li:nth-last-child(-n+3) {
    display: none;
  }
}
@media (max-width: 767px) {
  /* line 393, ../sass/user.scss */
  .personal-app .personal-content .nav-tabs {
    border: 0;
  }
  /* line 396, ../sass/user.scss */
  .personal-app .personal-content .nav-tabs li a {
    border: 0 !important;
  }
}
/* line 404, ../sass/user.scss */
.personal-app .personal-content .tab-content {
  position: relative;
}
/* line 406, ../sass/user.scss */
.personal-app .personal-content .tab-content .tab-auto-row {
  margin-bottom: 30px;
}
/* line 409, ../sass/user.scss */
.personal-app .personal-content .tab-content .tab-pane {
  position: relative;
}
/* line 415, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-advertisement .personal-advertisement_top {
  padding: 30px 15px;
}
/* line 420, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-advertisement .nav-tabs li a {
  padding: 0 10px;
  border: 0;
  background-color: white;
}
/* line 426, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-advertisement .nav-tabs li.active > a {
  border: 0;
  background-color: white;
}
/* line 434, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-balance .row-eq-height {
  position: relative;
  padding: 50px 30px;
}
/* line 437, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-balance .row-eq-height span {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
/* line 441, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-balance .row-eq-height span b {
  color: #228D1F;
  font-size: 18px;
}
@media (max-width: 767px) {
  /* line 447, ../sass/user.scss */
  .personal-app .personal-content .tab-content #personal-balance .row-eq-height span {
    margin-bottom: 15px;
  }
}
/* line 455, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-settings .personal-settings_block {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 50px 0;
  border-bottom: 1px solid #cecece;
}
/* line 461, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-settings .personal-settings_block > div {
  max-width: 550px;
  margin: auto;
  display: block;
}
/* line 466, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-settings .personal-settings_block .checkbox {
  margin: 15px;
}
/* line 469, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-settings .personal-settings_block .form__group {
  max-width: 100%;
}
/* line 473, ../sass/user.scss */
.personal-app .personal-content .tab-content #personal-settings .personal-settings_block:last-child {
  border: 0;
}
/* line 480, ../sass/user.scss */
.personal-app .personal-content .personal-car_info {
  position: relative;
}
/* line 482, ../sass/user.scss */
.personal-app .personal-content .personal-car_info .renewPublication {
  cursor: pointer;
}
/* line 485, ../sass/user.scss */
.personal-app .personal-content .personal-car_info .car_info-row {
  margin-bottom: 15px;
}
/* line 487, ../sass/user.scss */
.personal-app .personal-content .personal-car_info .car_info-row > span {
  margin-bottom: 5px;
}
/* line 490, ../sass/user.scss */
.personal-app .personal-content .personal-car_info .car_info-row span {
  display: block;
  color: #666666;
  font-size: 13px;
  line-height: 16px;
}
/* line 495, ../sass/user.scss */
.personal-app .personal-content .personal-car_info .car_info-row span i {
  margin-right: 5px;
}
/* line 500, ../sass/user.scss */
.personal-app .personal-content .personal-car_info .button {
  margin-top: 20px;
}
/* line 504, ../sass/user.scss */
.personal-app .personal-content .personal-car_info:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #cecece;
}
@media (max-width: 991px) {
  /* line 514, ../sass/user.scss */
  .personal-app .personal-content .personal-car_info {
    margin-top: 20px;
  }
  /* line 517, ../sass/user.scss */
  .personal-app .personal-content .personal-car_info:after {
    display: none;
  }
}
/* line 523, ../sass/user.scss */
.personal-app .auto-case_item {
  margin: 0;
}
/* line 525, ../sass/user.scss */
.personal-app .auto-case_item .auto-case_item__content {
  padding: 0;
  border: 0;
}
/* line 529, ../sass/user.scss */
.personal-app .auto-case_item .auto-case_content__bottom {
  margin-top: 5px;
  position: relative;
}
/* line 532, ../sass/user.scss */
.personal-app .auto-case_item .auto-case_content__bottom span {
  margin: 0 5px;
}
/* line 536, ../sass/user.scss */
.personal-app .auto-case_item .auto-case_content__bottom ul li {
  display: inline-block;
}
/* line 538, ../sass/user.scss */
.personal-app .auto-case_item .auto-case_content__bottom ul li a {
  font-size: 12px;
  line-height: 16px;
  margin: 0 3px;
  color: #3498db;
}
/* line 551, ../sass/user.scss */
.personal-app .personal-edit {
  padding: 50px 0;
  position: relative;
}
/* line 554, ../sass/user.scss */
.personal-app .personal-edit .personal-edit_content {
  border: 1px solid #cecece;
  border-radius: 6px;
  position: relative;
  padding: 30px;
}

/* line 565, ../sass/user.scss */
.photo-add_box {
  position: relative;
  margin-top: 45px;
}
/* line 570, ../sass/user.scss */
.photo-add_box .photo-add_bottom .row-eq-height {
  margin: 0 -15px;
}
/* line 575, ../sass/user.scss */
.photo-add_box .photo-container {
  position: relative;
  margin-bottom: 30px;
}
/* line 578, ../sass/user.scss */
.photo-add_box .photo-container .progress {
  margin: 20px;
}
/* line 582, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 500px) {
  /* line 590, ../sass/user.scss */
  .photo-add_box .photo-container .photo-container__row {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
/* line 595, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column {
  position: relative;
  padding: 0 15px;
  margin-top: 30px;
}
/* line 599, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column .sortable-wrap {
  margin: auto;
  display: block;
}
/* line 603, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column #sortable {
  width: 100%;
  padding: 1px;
}
/* line 607, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column #sortable li {
  width: 135px;
  height: inherit;
  float: left;
  padding: 0;
  position: relative;
  margin: 5px;
}
/* line 615, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column #sortable li .crop-btn, .photo-add_box .photo-container .photo-container__column #sortable li .remove-btn {
  position: absolute;
  border-radius: 3px;
  opacity: 0;
  border: 0;
  outline: 0;
  padding: 0;
  height: 20px;
  width: 20px;
  transition: all 0.3s ease-in-out;
}
/* line 625, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column #sortable li .crop-btn i, .photo-add_box .photo-container .photo-container__column #sortable li .remove-btn i {
  color: white;
  width: 14px;
  height: 14px;
  position: relative;
  top: -2px;
}
/* line 633, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column #sortable li .crop-btn {
  top: 10px;
  left: 25px;
  background-color: #3498db;
}
/* line 638, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column #sortable li .remove-btn {
  top: 10px;
  right: 25px;
  left: inherit;
  background-color: #E74C3A;
}
@media (max-width: 991px) {
  /* line 645, ../sass/user.scss */
  .photo-add_box .photo-container .photo-container__column #sortable li .crop-btn {
    display: none;
  }
  /* line 648, ../sass/user.scss */
  .photo-add_box .photo-container .photo-container__column #sortable li .remove-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: 1;
    top: -13px;
    right: -5px;
  }
  /* line 655, ../sass/user.scss */
  .photo-add_box .photo-container .photo-container__column #sortable li .remove-btn i {
    width: 20px;
    height: 20px;
    font-size: 16px;
    top: 0px;
  }
}
/* line 665, ../sass/user.scss */
.photo-add_box .photo-container .photo-container__column #sortable li:hover .crop-btn, .photo-add_box .photo-container .photo-container__column #sortable li:hover .remove-btn {
  opacity: 1;
}

/* line 675, ../sass/user.scss */
.car-edit_desc {
  position: relative;
  margin-top: 50px;
}
/* line 678, ../sass/user.scss */
.car-edit_desc .row-eq-height {
  margin: 0 -15px;
}
/* line 681, ../sass/user.scss */
.car-edit_desc textarea {
  width: 100%;
  height: 170px;
  border: 1px solid #cecece;
  border-radius: 3px;
  resize: none;
  outline: none;
  padding: 15px;
  margin-bottom: 20px;
}
/* line 691, ../sass/user.scss */
.car-edit_desc .textarea-couter {
  position: relative;
  padding: 0 30px;
}
/* line 694, ../sass/user.scss */
.car-edit_desc .textarea-couter span {
  color: #666;
  line-height: 20px;
}
/* line 697, ../sass/user.scss */
.car-edit_desc .textarea-couter span input {
  padding: 0;
  height: inherit;
  width: inherit;
}

/* line 707, ../sass/user.scss */
#modal-crop .close {
  position: absolute;
  top: 5px;
  right: 10px;
}
/* line 712, ../sass/user.scss */
#modal-crop .modal-dialog {
  width: initial;
  position: absolute;
  left: 50%;
  margin: 30px auto;
  transform: translateX(-50%);
}
/* line 719, ../sass/user.scss */
#modal-crop .modal-content {
  padding: 30px 15px;
}
/* line 721, ../sass/user.scss */
#modal-crop .modal-content .crop-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 726, ../sass/user.scss */
#modal-crop .modal-content .crop-row > div {
  padding: 0 15px;
  position: relative;
}
/* line 730, ../sass/user.scss */
#modal-crop .modal-content .crop-row div:nth-child(1) {
  max-width: 600px;
}
/* line 733, ../sass/user.scss */
#modal-crop .modal-content .crop-row div:nth-child(2) {
  max-width: 395px;
}
/* line 737, ../sass/user.scss */
#modal-crop .modal-content p {
  padding: 30px 0;
  border-bottom: 1px solid #CDCDCD;
}
/* line 741, ../sass/user.scss */
#modal-crop .modal-content span {
  padding: 20px 0;
  display: block;
  color: #cecece;
}
/* line 746, ../sass/user.scss */
#modal-crop .modal-content img {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18), 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}

/* line 754, ../sass/user.scss */
.preview-box {
  position: relative;
  margin-top: 50px;
}
/* line 757, ../sass/user.scss */
.preview-box .preview-content {
  padding: 30px 0;
  position: relative;
}
/* line 760, ../sass/user.scss */
.preview-box .preview-content > .row-eq-height {
  margin: 0 -15px;
}
/* line 764, ../sass/user.scss */
.preview-box .preview-content .preview-content-auto {
  padding: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
/* line 769, ../sass/user.scss */
.preview-box .preview-content .preview-column-3 .button {
  max-width: 100%;
}
@media (max-width: 991px) {
  /* line 774, ../sass/user.scss */
  .preview-box .preview-content .preview-column-1 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  /* line 779, ../sass/user.scss */
  .preview-box .preview-content .preview-column-2 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
  }
  /* line 785, ../sass/user.scss */
  .preview-box .preview-content .preview-column-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  /* line 790, ../sass/user.scss */
  .preview-box .preview-content .auto-cases {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  /* line 795, ../sass/user.scss */
  .preview-box .preview-content .preview-column-1 {
    margin-bottom: 30px;
  }
}
/* line 800, ../sass/user.scss */
.preview-box .preview-content .auto-case_item {
  margin: 0;
}
/* line 804, ../sass/user.scss */
.preview-box .preview-content .preview-public {
  width: 100%;
  display: block;
}
/* line 808, ../sass/user.scss */
.preview-box .preview-content .preview-public .checkbox {
  text-align: right;
  width: 100%;
}
/* line 811, ../sass/user.scss */
.preview-box .preview-content .preview-public .checkbox [type="checkbox"]:not(:checked) + label, .preview-box .preview-content .preview-public .checkbox [type="checkbox"]:checked + label {
  padding-left: 0;
  padding-right: 25px;
}
/* line 815, ../sass/user.scss */
.preview-box .preview-content .preview-public .checkbox [type="checkbox"]:not(:checked) + label:before, .preview-box .preview-content .preview-public .checkbox [type="checkbox"]:checked + label:before {
  left: inherit;
  right: 0;
}
/* line 819, ../sass/user.scss */
.preview-box .preview-content .preview-public .checkbox [type="checkbox"]:not(:checked) + label:after, .preview-box .preview-content .preview-public .checkbox [type="checkbox"]:checked + label:after {
  left: inherit;
  right: 4px;
}
/* line 825, ../sass/user.scss */
.preview-box .preview-content .preview-public .preview-public_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
/* line 831, ../sass/user.scss */
.preview-box .preview-content .preview-public .preview-public_top .radio_form {
  display: inline-block;
  width: inherit;
}
/* line 834, ../sass/user.scss */
.preview-box .preview-content .preview-public .preview-public_top .radio_form label {
  margin: 0;
}
/* line 840, ../sass/user.scss */
.preview-box .preview-content .preview-public .form__group select {
  padding: 5px 10px;
  width: 115px;
}

/* line 850, ../sass/user.scss */
.socials_user {
  padding: 20px 0 50px 0;
}
/* line 852, ../sass/user.scss */
.socials_user h1 {
  margin-bottom: 30px;
}
/* line 855, ../sass/user.scss */
.socials_user .socials-content {
  margin-top: 50px;
  position: relative;
}
/* line 859, ../sass/user.scss */
.socials_user .socials-content ul li {
  width: 100%;
  position: relative;
  padding: 10px;
  background-color: #f4f4f4;
  border: 1px solid #bbb;
  border-radius: 3px;
  margin-bottom: 25px;
}
/* line 867, ../sass/user.scss */
.socials_user .socials-content ul li > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  position: relative;
}
/* line 875, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border: 1px solid #cecece;
  border-radius: 3px;
  cursor: pointer;
  background: #fff;
}
/* line 885, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .item-top {
  padding: 10px 0;
}
/* line 887, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .item-top > div {
  display: flex;
  align-items: center;
}
/* line 892, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .ic-soc {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0 20px;
  background-image: url(../img/spriteicon.png);
}
/* line 899, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .ic-soc-1 {
  background-position: 0 -111px;
}
/* line 902, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .ic-soc-2 {
  background-position: 0 -158px;
}
/* line 905, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .ic-soc-3 {
  background-position: 4px -205px;
}
/* line 908, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .soc-text {
  color: #23afff;
  font-size: 16px;
}
/* line 912, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .soc-count {
  display: flex;
  align-items: center;
}
/* line 915, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .soc-count b {
  color: #afafaf;
  font-size: 22px;
  font-weight: 600;
}
/* line 920, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .soc-count i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(../img/spriteicon.png);
  background-position: -57px 0;
}
/* line 928, ../sass/user.scss */
.socials_user .socials-content ul li .socials-content-item .dropdown-arr {
  display: block;
  top: 10px;
  right: 10px;
  width: 0;
  height: 0;
  margin: 0 20px;
  vertical-align: middle;
  border-top: 5px dashed #3498db;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
/* line 942, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide {
  display: none;
  padding: 15px;
  position: relative;
  background: #fff;
  z-index: 1;
}
/* line 948, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body {
  margin: auto;
  width: 100%;
  text-align: center;
}
/* line 952, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body .item-in {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 964, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body .item-in > div {
  margin: auto;
}
/* line 966, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body .item-in > div p {
  margin-bottom: 10px;
}
/* line 972, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body .item-out #vk_groups {
  margin: auto;
}
/* line 975, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body .item-out .loader {
  position: absolute;
  z-index: 9;
  top: 5px;
  left: 50%;
  margin-left: -20px;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}
/* line 988, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body .item-out .row-eq-height {
  position: relative;
}
/* line 990, ../sass/user.scss */
.socials_user .socials-content ul li .item-slide .item-slide-body .item-out .row-eq-height button {
  margin-top: 50px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 1006, ../sass/user.scss */
.socials_user .socials-content ul li p {
  padding: 0 10px;
  color: #444;
  max-width: 450px;
}

/* line 1020, ../sass/user.scss */
#my_profile .form__group {
  margin-bottom: 20px;
}
/* line 1022, ../sass/user.scss */
#my_profile .form__group .valid-error {
  left: 15px;
}