@charset "UTF-8";
.new-ad__container .car-details-edit-wrap .selectize-control .selectize-input.focus,
.new-ad__container .car-details-edit-wrap .selectize-control .selectize-input.input-active {
  box-shadow: none;
  border-color: #e1eaf2!important
}
.wrapper {
  background: #f5f9fc
}
.container:not(.contDealer) {
  width: auto
}
.success-info-wrap {
  background-color: #ddffe6!important;
  padding: 15px 5px;
  padding-right: 30px
}
.success-info-wrap .icon {
  color: #2ac356
}
.success-info-wrap .desc {
  font-size: 16px;
  line-height: 21px
}
.danger-info-wrap {
  background-color: #f7e8eb!important;
  padding: 15px 5px;
  padding-right: 30px
}
.danger-info-wrap .icon {
  color: #ea5563
}
.danger-info-wrap .desc {
  font-size: 16px;
  line-height: 21px
}
.menu.buis-menu {
  display: flex;
  padding: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between
}
.menu.buis-menu li {
  width: calc(16.1% - 2px);
  margin: 0;
  background: #fff;
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: center
}
.menu.buis-menu li a {
  text-decoration: none
}
.menu.buis-menu li a .menu-block-title {
  color: #428bca;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  padding-top: 10px
}
.menu.buis-menu {
  display: flex;
  padding: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3px
}
.menu.buis-menu li {
  width: calc(33.3333333333% - 2px);
  margin: 0;
  background: #fff;
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #c8dadf
}
.menu.buis-menu li a {
  text-decoration: none
}
.menu.buis-menu li a .menu-block-title {
  color: #428bca;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  padding-top: 10px
}
@media screen and (max-width:3199px) {
  .buis-menu-container {
    padding-left: 12px;
    padding-right: 12px
  }
  .new-ad__container .car-details-no-edit-wrap .select-vehicle-wrap {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 5px
  }
  .new-ad__container .car-details-no-edit-wrap .select-vehicle-wrap .vehicle-item {
    width: 50%;
    padding-bottom: 15px
  }
  .new-ad__container .car-details-no-edit-wrap .select-vehicle-wrap .vehicle-item .vehicle-item-title {
    color: #909293;
    padding-bottom: 5px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input {
    border: 1px solid #e1eaf2;
    border-radius: 8px;
    padding: 13px 16px;
    color: grey;
    font-size: 15px!important
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input:after {
    display: block;
    color: #e1eaf2;
    font-size: 20px;
    right: 20px;
    width: auto;
    height: auto;
    top: 15px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input > input {
    display: none!important
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input.focus,
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input.input-active {
    box-shadow: none;
    border-color: #1382c6
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input.dropdown-active {
    border-radius: 8px 8px 0 0
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-dropdown {
    padding: 0;
    border-radius: 0 0 8px 8px;
    border-color: #1382c6;
    box-shadow: none;
    margin-top: -4px;
    border-top: 0
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-search-box-wrap {
    padding: 2px 5px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-search-box-wrap .selectize-search-box {
    height: 39px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-search-box-wrap .selectize-search-box-span:after {
    display: none
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-dropdown-content .option {
    padding: 8px 16px
  }
  .new-ad__container .car-details-edit-wrap .vehicle-edit-wrap {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 5px
  }
  .new-ad__container .car-details-edit-wrap .vehicle-edit-wrap .vehicle-item {
    width: 100%;
    padding-bottom: 15px
  }
  .new-ad__container .car-details-edit-wrap .vehicle-edit-wrap .vehicle-item .vehicle-item-title {
    color: #909293;
    padding-bottom: 5px
  }
  .new-ad__container .edit-vehicle-btn-wrap {
    background: 0 0;
    border: none
  }
  .new-ad__container .edit-vehicle-btn-wrap .item div {
    color: #138ad1;
    font-size: 16px
  }
  .new-ad__container .edit-vehicle-btn-wrap .edit-vehicle-btn {
    height: auto;
    background-color: #fff;
    border-radius: 5px!important;
    padding: 2px 7px;
    margin: 0;
    color: #138ad1
  }
  .new-ad__container .vehicle-info-wrap {
    background-color: #e5f0f9;
    padding: 12px 1px;
    font-size: 15px;
    line-height: 21px
  }
}
@media (min-width:320px) and (max-width:575px) {
  .mobile-breadcrumb-tabs .cr_breadcrumb .cr_breadcrumb_ul {
    padding-left: 5px;
    padding-right: 5px
  }
  .menu.buis-menu li {
    width: calc(33.3333333333% - 2px)
  }
}
@media (min-width:576px) and (max-width:767px) {
  .container:not(.contDealer) {
    width: auto;
    max-width: 540px
  }
  .mobile-breadcrumb-tabs .cr_breadcrumb .cr_breadcrumb_ul {
    max-width: 540px;
    margin: 0 auto!important;
    padding-left: 12px;
    padding-right: 12px
  }
  .menu.buis-menu li {
    width: calc(24.9% - 2px)
  }
}
@media (min-width:768px) and (max-width:991px) {
  .container:not(.contDealer) {
    width: auto;
    max-width: 720px
  }
  .mobile-breadcrumb-tabs .cr_breadcrumb .cr_breadcrumb_ul {
    max-width: 720px;
    margin: 0 auto!important;
    padding-left: 12px;
    padding-right: 12px
  }
  .menu.buis-menu li {
    width: calc(24.9% - 2px)
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .container:not(.contDealer) {
    width: auto;
    max-width: 960px
  }
  .mobile-breadcrumb-tabs .cr_breadcrumb .cr_breadcrumb_ul {
    max-width: 960px;
    margin: 0 auto!important;
    padding-left: 12px;
    padding-right: 12px
  }
  .menu.buis-menu li {
    width: calc(24.9% - 2px)
  }
}
@media (min-width:1199px) {
  .container:not(.contDealer) {
    max-width: 1140px
  }
  .cr_breadcrumb .cr_breadcrumb_ul {
    max-width: 1140px;
    margin: 0 auto!important;
    padding-left: 12px;
    padding-right: 12px
  }
  .menu.buis-menu li {
    width: calc(24.9% - 2px)
  }
}
.vechicle-details-mob {
  display: none
}
@media screen and (max-width:1199px) {
  .content .border-radius-top {
    border-radius: 7px 7px 7px 7px
  }
  .vechicle-details-pc {
    display: none
  }
  .vechicle-details-mob {
    display: block
  }
  .vechicle-details-mob .title {
    font-size: 20px;
    padding-bottom: 15px
  }
  .vechicle-details-mob .custom-obligatory-danger {
    font-size: 15px!important;
    font-weight: 900
  }
  .vechicle-details-mob .btn-find {
    border-width: 1px;
    border-color: #42a1da;
    border-style: solid;
    border-radius: 3px!important;
    font-size: 15px;
    font-family: Arial;
    color: #1382c6;
    line-height: 1.2;
    background-color: transparent;
    height: 44px
  }
  .vechicle-details-mob .btn-help-max {
    height: 18px;
    width: 18px;
    font-size: 12px!important;
    padding: 0 3px;
    margin-top: -6px
  }
  .vechicle-details-mob .number-auto-wrap .number-auto-input {
    height: 30px;
    width: 185px;
    font-weight: 700
  }
  .new-ad__container {
    width: auto
  }
}
.col-model.selected-model {
  background-color: #00a2ed!important;
  color: #fff!important;
  font-weight: 700
}
.capacity-badge {
  background: #f0f0f0;
  padding: 4px 8px;
  border-radius: 3px;
  cursor: pointer;
  color: #333;
  transition: all .2s
}
.capacity-badge:hover {
  background: #e0e0e0
}
.capacity-badge.selected-capacity {
  background-color: #00a2ed!important;
  color: #fff!important
}
.hint-text {
  color: #ccc;
  font-size: 11px
}
.loading-text {
  color: #666;
  font-style: italic
}
.selectize-dropdown .active {
  background-color: transparent!important;
  color: inherit!important
}
.selectize-dropdown .active .col-model:not(.selected-model):hover {
  background-color: #f9f9f9
}
.capacity-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  align-items: flex-end
}
.col-capacity {
  justify-content: flex-end;
  align-items: center
}
.capacity-badge {
  min-width: 50px;
  text-align: center;
  box-sizing: border-box
}
.content .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  color: #333349;
  margin: 7.5px 0;
  line-height: 1.2
}
.content .header .accent {
  color: #ff4747
}
.content .header .toolbar > button {
  margin-right: 10px
}
.content .header .toolbar > button:last-child {
  margin-right: 0
}
.content .header .toolbar .collapse-btn {
  border: 1px solid #eef7fe;
  border-radius: 4px!important;
  background: #fff;
  padding: 0;
  height: 33px;
  width: 33px;
  color: #1596e5;
  font-size: 18px!important
}
.content .header .toolbar .collapse-btn.collapsed .bi::before {
  content: "\f282"
}
.content .header .toolbar .edit-btn {
  background: 0 0;
  padding: 0;
  height: 23px;
  width: 23px;
  color: #1596e5;
  font-size: 15px!important;
  border: none
}
.car-photos-wrap .main-photo {
  margin: 0 0 8px;
  padding: 0;
  width: 100%!important;
  cursor: pointer;
  border-radius: 7px
}
.car-photos-wrap .main-photo.photo-placeholder {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder.png) center/95px no-repeat;
  height: 250px
}
@media (min-width:1199) {
  .car-photos-wrap .main-photo.photo-placeholder {
    background-size: 99px
  }
}
.car-photos-wrap .main-photo.photo-placeholder img {
  opacity: 0;
  height: 250px
}
.car-photos-wrap .main-photo img {
  max-height: 50vh;
  border-radius: 7px;
  object-fit: cover
}
.car-photos-wrap .photo-grid {
  grid-template-columns: repeat(3,1fr);
  gap: 8px
}
@media (min-width:576px) {
  .car-photos-wrap .photo-grid {
    gap: 16px
  }
}
.car-photos-wrap .video-wrap {
  margin: 12px 0
}
.car-photos-wrap .video-wrap > div {
  gap: 10px
}
.car-photos-wrap .video-wrap .icon {
  width: 36px;
  margin: 2px 0
}
.car-photos-wrap .video-wrap .inp-video-link {
  border: 1px solid #96abbb;
  line-height: 18px;
  padding: 10px
}
.car-photos-wrap .video-wrap .inp-video-link::placeholder {
  color: #96abbb
}
.car-photos-wrap .video-wrap .inp-video-link:focus {
  border-color: #1382c6
}
.photo-item,
.video-item {
  position: relative;
  cursor: pointer;
  min-height: 92px
}
@media (min-width:576px) {
  .photo-item,
  .video-item {
    min-height: 156px
  }
}
@media (min-width:768px) {
  .photo-item,
  .video-item {
    min-height: 215px
  }
}
@media (min-width:992px) {
  .photo-item,
  .video-item {
    min-height: 256px
  }
}
@media (min-width:1199px) {
  .photo-item,
  .video-item {
    min-height: 222px;
    height: 222px
  }
}
.photo-item.photo-placeholder,
.video-item.photo-placeholder {
  border-radius: 7px
}
.photo-item.photo-placeholder img,
.video-item.photo-placeholder img {
  opacity: 0;
  pointer-events: none
}
.photo-item.photo-placeholder:nth-child(1),
.video-item.photo-placeholder:nth-child(1) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-1.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(2),
.video-item.photo-placeholder:nth-child(2) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-2.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(3),
.video-item.photo-placeholder:nth-child(3) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-3.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(4),
.video-item.photo-placeholder:nth-child(4) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-4.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(5),
.video-item.photo-placeholder:nth-child(5) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-5.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(6),
.video-item.photo-placeholder:nth-child(6) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-6.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(7),
.video-item.photo-placeholder:nth-child(7) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-7.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(8),
.video-item.photo-placeholder:nth-child(8) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-8.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(9),
.video-item.photo-placeholder:nth-child(9) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-9.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(10),
.video-item.photo-placeholder:nth-child(10) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-10.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(11),
.video-item.photo-placeholder:nth-child(11) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-11.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(12),
.video-item.photo-placeholder:nth-child(12) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-12.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(13),
.video-item.photo-placeholder:nth-child(13) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-13.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(14),
.video-item.photo-placeholder:nth-child(14) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-14.png) center/67px no-repeat
}
.photo-item.photo-placeholder:nth-child(15),
.video-item.photo-placeholder:nth-child(15) {
  background: #e5f0f9 url(/Content/images/icons/photo-placeholder-15.png) center/67px no-repeat
}
.photo-item.primary .primary-panel,
.video-item.primary .primary-panel {
  display: block
}
.photo-item.uploaded:not(.primary):hover .primary-panel,
.video-item.uploaded:not(.primary):hover .primary-panel {
  display: block;
  color: #fff
}
.photo-item.ui-draggable-dragging,
.video-item.ui-draggable-dragging {
  max-width: min(33vw,33vh);
  max-height: min(33vw,33vh)
}
.photo-item img,
.video-item img {
  object-fit: cover;
  height: 100%
}
.photo-item .primary-panel,
.video-item .primary-panel {
  display: none;
  font-weight: 600;
  font-size: 10px;
  color: #1382c6;
  background: #ffe13a;
  border-radius: 8px;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  cursor: pointer
}
.photo-item .primary-panel:hover .primary-label,
.video-item .primary-panel:hover .primary-label {
  text-decoration: underline
}
.photo-item .primary-panel .primary-label,
.video-item .primary-panel .primary-label {
  color: inherit;
  text-decoration: none
}
.photo-item .img-number,
.video-item .img-number {
  position: absolute;
  left: 10px;
  bottom: 12px;
  font-size: 13px;
  color: #788d9d;
  line-height: 1
}
.photo-item .loader,
.video-item .loader {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: 32px;
  border-radius: 7px
}
.photo-item .loader.active,
.video-item .loader.active {
  display: flex
}
.car-specs-wrap .panel {
  background: #fff;
  padding: 16px 0 0;
  border-radius: 8px
}
.car-specs-wrap .panel .header {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px
}
.car-specs-wrap .panel .header .collapse-btn {
  color: #e1eaf2
}
.car-specs-wrap .panel .header .collapse-btn::before {
  content: "\f286"
}
.car-specs-wrap .panel .header .collapse-btn.collapsed::before {
  content: "\f282"
}
.car-specs-wrap .panel {
  border: 1px solid #e1eaf2;
  padding: 0 0 8px;
  margin-bottom: 10px
}
.car-specs-wrap .panel.is-invalid {
  border-color: #ff3b30
}
.car-specs-wrap .panel .header {
  font-size: 15px;
  color: #000;
  margin: 15px 0;
  padding: 0 16px
}
.car-specs-wrap .panel .collapse {
  max-height: 310px;
  overflow-y: auto
}
.car-specs-wrap .panel .collapse .checkbox,
.car-specs-wrap .panel .collapse .radio {
  display: block;
  padding: 5px 8px;
  border-top: 1px solid #edf3f7;
  color: #000
}
.car-specs-wrap .panel .collapse .checkbox:first-child,
.car-specs-wrap .panel .collapse .radio:first-child {
  border-top: 0
}
.car-specs-wrap .panel .collapse .checkbox > label,
.car-specs-wrap .panel .collapse .radio > label {
  width: 100%;
  color: #000;
  line-height: 20px
}
.car-specs-wrap .panel .collapse .radio > label {
  color: #000
}
.car-specs-wrap .panel .collapse .radio > label::before {
  border-color: #1382c6;
  background: #fff;
  width: 16px;
  height: 16px
}
.car-specs-wrap .panel .collapse .radio > label::after {
  left: 4px;
  width: 8px;
  height: 8px;
  background: #1382c6
}
.car-specs-wrap .panel .collapse .input {
  padding: 0 8px
}
.car-specs-wrap .panel .collapse .input .form-control {
  border-radius: 8px;
  border-color: #e1eaf2
}
.car-specs-wrap .panel .collapse .input .form-control:focus {
  box-shadow: none!important;
  border-color: #1382c6
}
.car-specs-wrap .panel .collapse .input .form-control.is-invalid {
  border-color: #ea5563;
  padding-right: .75em;
  background-image: none
}
.car-specs-wrap .panel .collapse .input .invalid-feedback {
  color: #ff3b30;
  font-size: 12px
}
.car-specs-wrap .panel .collapse .btns {
  padding: 0 8px;
  margin-top: 8px
}
.car-specs-wrap .panel .collapse .btns .btn {
  border-radius: 4px!important;
  padding: 6px 8px;
  font-size: 14px!important;
  height: auto
}
.car-specs-wrap .panel .collapse .btns .btn-primary {
  background: #1382c6;
  color: #fff
}
.car-specs-wrap .panel .collapse .btns .btn-primary-outline {
  background: #fff;
  color: #1382c6;
  border-color: #edf3f7
}
.new-ad__container .selectize-dropdown:not(.select-generation-wrap) .selectize-dropdown-content .option.active {
  background-color: #b3e7fe!important;
  color: #000!important
}
.new-ad__container .selectize-dropdown:not(.select-generation-wrap) .selectize-dropdown-content .option:hover {
  background-color: #b3e7fe!important;
  color: #000!important
}
.new-ad__container .selectize-search-box-wrap {
  position: relative
}
.new-ad__container .selectize-search-box-wrap::after {
  content: "\f002";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  color: #c9d0d7;
  right: 14px;
  top: 14px;
  font-size: 20px
}
.new-ad__container .car-details-edit-wrap .selectize-control .selectize-search-box-wrap .selectize-search-box {
  border-radius: 7px
}
.new-ad__container .car-details-edit-wrap .selectize-control .selectize-input {
  height: 40px
}
.new-ad__container .car-details-edit-wrap .selectize-control .selectize-input.input-active {
  border-color: #e4e4e4!important
}
.new-ad__container .car-details-edit-wrap .selectize-dropdown {
  border-color: #e4e4e4!important
}
.new-ad__container .car-details-edit-wrap .selectize-dropdown .option {
  padding: 4px 10px!important
}
.new-ad__container .car-details-edit-wrap .selectize-dropdown .optgroup:first-child .optgroup-header {
  background: #eef7fe
}
.new-ad__container #variant {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  border-left: none;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px
}
.new-ad__container .sz-state-selected {
  background-color: #fff!important
}
.new-ad__container .sz-state-selected#variant {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  border-left: none;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px
}
.new-ad__container .model-variant-control-wrap .model-block.c-model-block #series {
  border-right: none;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px
}
.new-ad__container .car-details-edit-wrap .selectize-control .selectize-input::after {
  right: 10px!important;
  top: 9px!important
}
.new-ad__container .select-vehicle__wrap {
  margin-top: 10px
}
.new-ad__container .select-vehicle__wrap .selectize-input.dropdown-active.sz-state-selected::before,
.new-ad__container .select-vehicle__wrap .selectize-input.focus.sz-state-selected::before,
.new-ad__container .select-vehicle__wrap .selectize-input.sz-state-selected::before {
  display: block
}
.new-ad__container .select-vehicle__wrap .selectize-input.dropdown-active:not(.sz-state-selected)::before {
  display: block;
  pointer-events: none;
  padding-left: 16px
}
.new-ad__container .select-vehicle__wrap .selectize-input.dropdown-active.sz-state-selected::before {
  padding-left: 16px
}
.new-ad__container .select-vehicle__wrap #series.has-selected-value .clear-button,
.new-ad__container .select-vehicle__wrap #variant.has-selected-value .clear-button {
  display: inline-block;
  color: grey
}
.new-ad__container .select-vehicle__wrap .control-label {
  display: none
}
.new-ad__container .select-vehicle__wrap #series,
.new-ad__container .select-vehicle__wrap #variant {
  color: #000
}
.new-ad__container .select-vehicle__wrap #series span,
.new-ad__container .select-vehicle__wrap #variant span {
  position: relative;
  bottom: -3px;
  color: #879098;
  font-size: 14px;
  line-height: 18px
}
.new-ad__container .select-vehicle__wrap #series {
  border: 1px solid #e4e4e4;
  border-radius: 8px
}
.new-ad__container .select-vehicle__wrap #series width .clear-button {
  right: 4px;
  top: 5px
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper {
  border: none!important
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .cols-wrap {
  max-height: 160px;
  margin-top: 10px;
  overflow-y: auto;
  padding-bottom: 10px
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .cols-wrap .dropdown-header {
  background-color: #eef7fe;
  font-size: 12px;
  color: #879098
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .cols-wrap .dropdown-header.all,
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .cols-wrap .dropdown-header.popular {
  background-color: #eef7fe!important
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .dropdown-menu .list-unstyled li {
  cursor: pointer;
  padding: 3px 15px 2px
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .dropdown-menu .list-unstyled li a {
  font-size: 14px!important
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .dropdown-menu .list-unstyled li.dropdown-header:hover {
  background-color: #eef7fe!important;
  cursor: default
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .dropdown-menu .list-unstyled li:hover {
  background-color: #b3e7fe!important
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .dropdown-menu .list-unstyled li:hover a {
  text-decoration: none;
  color: #000
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .dropdown-menu .list-unstyled li.active {
  background-color: #b3e7fe!important
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .dropdown-menu .list-unstyled li.active a {
  color: #000!important
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .multicol-search-div {
  padding: 0 15px
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .multicol-search-div input {
  border: 1px solid #c9d0d7;
  border-radius: 8px
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper #multicol-menu .multicol-search-div::after {
  content: "\f002";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  color: #c9d0d7;
  right: 22px;
  top: 10px;
  font-size: 16px
}
.new-ad__container .select-vehicle__wrap .model-variant-wrapper .select-model-series-wrap #multicol-menu #series.has-selected-value {
  background-color: #fff!important;
  color: #000
}
.new-ad__container .select-vehicle__wrap .select-variant-wrap #select-variant #ModelVariants .btn-select.selected {
  background-color: #b3e7fe;
  color: #000
}
.new-ad__container .select-vehicle__wrap .select-variant-wrap #select-variant {
  padding-top: 0
}
.new-ad__container .select-vehicle__wrap .select-variant-wrap #select-variant .variant-header {
  background-color: #eef7fe
}
.new-ad__container .select-vehicle__wrap .select-variant-wrap #select-variant .variant-header .block-select-title {
  background: #eef7fe;
  font-size: 12px;
  color: #879098;
  padding-bottom: 3px;
  padding-top: 3px
}
.new-ad__container .select-vehicle__wrap .selectize-input.sz-state-selected::before {
  position: absolute;
  top: 5px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #000
}
.new-ad__container .select-vehicle__wrap .selectize-input:not(.sz-state-selected)::before {
  position: absolute;
  top: 4px;
  color: #000;
  font-size: 15px;
  line-height: 18px
}
.new-ad__container .select-vehicle__wrap .selectize-input .item {
  font-size: 14px;
  position: relative;
  bottom: -6px;
  line-height: 18px;
  color: #879098
}
.new-ad__container .make-select-wrap .selectize-input.dropdown-active.sz-state-selected::before,
.new-ad__container .make-select-wrap .selectize-input.focus.sz-state-selected::before,
.new-ad__container .make-select-wrap .selectize-input.sz-state-selected::before {
  content: "Make";
  display: block
}
.new-ad__container .make-select-wrap .selectize-input.dropdown-active:not(.sz-state-selected)::before {
  content: "Make";
  display: block;
  pointer-events: none;
  padding-left: 16px
}
.new-ad__container .make-select-wrap .selectize-input:not(.dropdown-active):not(.sz-state-selected)::before {
  content: "Make"
}
.new-ad__container .make-select-wrap .selectize-input.dropdown-active.sz-state-selected::before {
  padding-left: 16px
}
.new-ad__container .model-variant-control-wrap #multicol-menu {
  position: relative
}
.new-ad__container .model-variant-control-wrap #multicol-menu li.dropdown {
  position: relative
}
.new-ad__container .model-variant-control-wrap #multicol-menu li.dropdown .dropdown-menu {
  border-radius: 8px
}
.new-ad__container .model-variant-control-wrap #multicol-menu li.dropdown.sz-state-selected::before {
  top: 5px;
  z-index: 10;
  left: 15px;
  font-size: 14px;
  content: "Model";
  position: absolute;
  line-height: 18px;
  color: #000;
  font-weight: 700
}
.new-ad__container .model-variant-control-wrap #multicol-menu li.dropdown:not(.sz-state-selected)::before {
  content: "Model";
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 13px;
  color: #000
}
.new-ad__container .select-vehicle__year-wrap .selectize-input.dropdown-active.sz-state-selected::before,
.new-ad__container .select-vehicle__year-wrap .selectize-input.focus.sz-state-selected::before,
.new-ad__container .select-vehicle__year-wrap .selectize-input.sz-state-selected::before {
  content: "Year"
}
.new-ad__container .select-vehicle__year-wrap .selectize-input.dropdown-active:not(.sz-state-selected)::before {
  content: "Year"
}
.new-ad__container .select-vehicle__year-wrap .selectize-input:not(.dropdown-active):not(.sz-state-selected)::before {
  content: "Year"
}
.new-ad__container .select-vehicle__body-wrap .selectize-input.sz-state-selected::before {
  content: "Body"
}
.new-ad__container .select-vehicle__body-wrap .selectize-input:not(.sz-state-selected)::before {
  content: "Body"
}
.new-ad__container .generation-control-wrap .search-button__clear-text-button {
  z-index: 11
}
.new-ad__container .generation-control-wrap .selectize-input.sz-state-selected::before {
  content: "Generation"
}
.new-ad__container .generation-control-wrap .selectize-input:not(.sz-state-selected)::before {
  content: "Generation"
}
.new-ad__container .select-vehicle__fuel-wrap .selectize-input.sz-state-selected::before {
  content: "Fuel"
}
.new-ad__container .select-vehicle__fuel-wrap .selectize-input:not(.sz-state-selected)::before {
  content: "Fuel"
}
.new-ad__container .select-vehicle__gearbox-wrap .selectize-input.sz-state-selected::before {
  content: "Gearbox"
}
.new-ad__container .select-vehicle__gearbox-wrap .selectize-input:not(.sz-state-selected)::before {
  content: "Gearbox"
}
.new-ad__container .one-col-select .search-button__clear-text-button {
  color: gray;
  right: 6px;
  top: 22px
}
.car-details-edit-wrap .item {
  flex: 1
}
.datepicker > .datepicker-months {
  display: block
}
.gallery-wrap {
  margin-bottom: 16px;
  position: relative
}
.gallery-wrap .fotorama .fotorama__stage {
  border-radius: 0 4px 4px 0
}
.gallery-wrap .fotorama .fotorama__wrap {
  position: relative
}
.gallery-wrap .fotorama .fotorama__nav-wrap {
  position: absolute;
  bottom: 0
}
.gallery-wrap .fotorama .fotorama__nav--dots .fotorama__nav__frame {
  width: 23px
}
.gallery-wrap .fotorama .fotorama__nav--dots .fotorama__nav__frame .fotorama__dot {
  width: 15px!important;
  height: 3px!important;
  opacity: .5;
  background: #979797;
  border-radius: 0
}
.gallery-wrap .fotorama .fotorama__nav--dots .fotorama__nav__frame.fotorama__active .fotorama__dot {
  background: #fff;
  opacity: .9;
  border: none
}
.gallery-wrap .fotorama .fotorama__fullscreen-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.gallery-wrap .fotorama .fotorama__fullscreen-icon:before {
  content: "";
  top: 10px
}
.gallery-wrap .fotorama .fotorama__fullscreen-icon:after {
  display: none
}
.gallery-wrap .fotorama .fotorama__fullscreen-icon:focus {
  border-radius: 0
}
.gallery-wrap .fotorama .fotorama__arr {
  z-index: 21
}
.gallery-wrap .photos-count {
  position: absolute;
  bottom: 9px;
  left: 32px;
  color: #e9edf1
}
.car-info {
  margin-bottom: 16px;
  position: relative
}
.car-info textarea {
  border-color: #ccc;
  border-radius: 8px!important;
  resize: vertical!important
}
.car-info textarea::placeholder {
  color: #788d9d
}
.car-info .char-left {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: #ccc;
  opacity: .5
}
.car-options-wrap .panel {
  background: #fff;
  padding: 16px 0 0;
  border-radius: 8px
}
.car-options-wrap .panel .header {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px
}
.car-options-wrap .panel .header .collapse-btn {
  color: #e1eaf2
}
.car-options-wrap .panel .header .collapse-btn::before {
  content: "\f286"
}
.car-options-wrap .panel .header .collapse-btn.collapsed::before {
  content: "\f282"
}
.car-options-wrap .panel {
  border: 1px solid #e1eaf2;
  padding: 0 0 8px;
  margin-bottom: 10px
}
.car-options-wrap .panel.is-invalid {
  border-color: #ff3b30
}
.car-options-wrap .panel .header {
  font-size: 15px;
  color: #000;
  margin: 15px 0;
  padding: 0 16px
}
.car-options-wrap .panel .collapse {
  max-height: 310px;
  overflow-y: auto
}
.car-options-wrap .panel .collapse .checkbox,
.car-options-wrap .panel .collapse .radio {
  display: block;
  padding: 5px 8px;
  border-top: 1px solid #edf3f7;
  color: #000
}
.car-options-wrap .panel .collapse .checkbox:first-child,
.car-options-wrap .panel .collapse .radio:first-child {
  border-top: 0
}
.car-options-wrap .panel .collapse .checkbox > label,
.car-options-wrap .panel .collapse .radio > label {
  width: 100%;
  color: #000;
  line-height: 20px
}
.car-options-wrap .panel .checkbox {
  position: relative
}
.car-options-wrap .panel .checkbox input {
  width: 16px;
  height: 16px;
  position: absolute;
  accent-color: #1382c6;
  top: 7px
}
.car-options-wrap .panel .checkbox label {
  padding-left: 30px
}
#car-price-collapse .ad-price {
  color: #1382c6
}
#car-price-collapse .input {
  margin-bottom: 12px;
  position: relative
}
#car-price-collapse .input .form-control {
  border-radius: 8px;
  border-color: #e1eaf2
}
#car-price-collapse .input .form-control:focus {
  box-shadow: none!important;
  border-color: #1382c6
}
#car-price-collapse .input .form-control.is-invalid {
  border-color: #ea5563;
  padding-right: .75em;
  background-image: none
}
#car-price-collapse .input .form-control {
  padding: 9px 16px
}
#car-price-collapse .input .form-control::placeholder {
  color: #ccc
}
#car-price-collapse .input .inp-label-right {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #ccc;
  pointer-events: none
}
#car-price-collapse .radio > label {
  color: #000
}
#car-price-collapse .radio > label::before {
  border-color: #1382c6;
  background: #fff;
  width: 16px;
  height: 16px
}
#car-price-collapse .radio > label::after {
  left: 4px;
  width: 8px;
  height: 8px;
  background: #1382c6
}
#car-price-collapse .radio {
  margin-bottom: 12px
}
#car-price-collapse .checkbox {
  position: relative
}
#car-price-collapse .checkbox input {
  width: 16px;
  height: 16px;
  position: absolute;
  accent-color: #1382c6;
  top: 7px
}
#car-price-collapse .checkbox label {
  padding-left: 30px
}
#car-price-collapse .make-offer-img {
  border: 1px solid #2ac356;
  border-radius: 8px;
  width: 109px;
  height: 30px;
  padding: 9px 7px
}
.car-contacts-wrap .accent {
  color: #ea5563
}
.car-contacts-wrap .input {
  margin-bottom: 8px;
  position: relative
}
.car-contacts-wrap .input:has(input:focus,input:not(:placeholder-shown)) .inp-label-left {
  left: 8px
}
.car-contacts-wrap .input .form-control {
  border-radius: 8px;
  border-color: #e1eaf2
}
.car-contacts-wrap .input .form-control:focus {
  box-shadow: none!important;
  border-color: #1382c6
}
.car-contacts-wrap .input .form-control.is-invalid {
  border-color: #ea5563;
  padding-right: .75em;
  background-image: none
}
.car-contacts-wrap .input .form-control {
  padding: 9px 16px
}
.car-contacts-wrap .input .form-control[type=password],
.car-contacts-wrap .input .form-control[type=text] {
  height: auto;
  padding: 9px 16px!important
}
.car-contacts-wrap .input .form-control::placeholder {
  color: #788d9d;
  padding-left: 10px
}
.car-contacts-wrap .input .inp-label-left {
  position: absolute;
  left: 16px;
  top: 14px;
  pointer-events: none
}
.car-contacts-wrap .input .inp-button-right {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px
}
.car-contacts-wrap .input .toggle-password-btn.shown .bi::before {
  content: "\f340"!important
}
.car-contacts-wrap #contact-map {
  height: 250px;
  border-radius: 12px;
  margin-bottom: 16px
}
.car-summary-wrap .summary-price-wrap {
  display: flex;
  justify-content: space-between;
  background: #e5f0f9;
  font-size: 18px;
  border-radius: 8px;
  padding: 16px;
  line-height: 1.1
}
.car-summary-wrap .summary-price-wrap .summary-price {
  color: #1382c6;
  font-weight: 600;
  margin: 0
}
.car-summary-wrap .offer-text {
  font-size: 12px;
  color: rgba(51,51,73,.5)
}
.car-summary-wrap .btn-primary {
  font-size: 18px!important;
  font-weight: 500;
  background-color: #1382c6
}
.car-summary-wrap .reset-form-btn {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-decoration: none
}
@media (min-width:320px) and (max-width:575px),
(min-width:576px) and (max-width:677px),
(min-width:678px) and (max-width:991px),
(min-width:992px) and (max-width:1199px) {
  .select-model-series-wrap .cols-wrap > ul {
    flex: 1 1 0;
    width: auto!important;
    min-width: 0
  }
  .select-model-series-wrap .cols-wrap > ul li {
    border-bottom: 1px solid #fff
  }
  .select-model-series-wrap .cols-wrap > ul.first-col-series li {
    border-bottom: 1px solid #edf3f7
  }
  .select-model-series-wrap li.dropdown {
    position: relative!important
  }
  .select-model-series-wrap .list-unstyled li {
    padding: 8px 16px!important;
    font-size: 14px!important;
    line-height: 18px
  }
  .select-model-series-wrap .list-unstyled.between-col-series li.dropdown-header,
  .select-model-series-wrap .list-unstyled.second-col-series li.dropdown-header {
    background-color: rgba(228,228,228,.3019607843)!important
  }
  .select-model-series-wrap .dropdown-menu {
    width: 100%!important;
    min-width: 100%!important;
    box-sizing: border-box;
    border-radius: 8px
  }
  .select-model-series-wrap .dropdown-menu .select-vehicle__series-value {
    margin-top: 0!important
  }
  .select-model-series-wrap .multicol-search-div li.dropdown-header {
    font-size: 14px;
    line-height: 18px;
    padding: 3px 12px
  }
  .select-model-series-wrap .multicol-search-div input {
    width: 100%!important;
    box-sizing: border-box;
    height: 39px;
    padding: 0 0 0 16px!important
  }
  .select-model-series-wrap .multicol-search-div::after {
    right: 23px!important;
    top: 20px!important;
    font-size: 20px!important
  }
  .m-custom-right-shadow {
    overflow: hidden;
    position: relative
  }
  .m-custom-right-shadow::after {
    z-index: 9;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.08)
  }
  .select-variant {
    position: initial;
    border: 0 solid #e4e4e4
  }
  .select-variant-wrap {
    padding: 0
  }
  #select-variant .scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%
  }
  #select-variant .scroll-container .col-12 {
    min-width: 600px
  }
  #select-variant .sticky-col {
    position: sticky;
    left: 0;
    z-index: 10;
    background-color: #fff
  }
  #select-variant .scrollable-content {
    overflow: visible!important
  }
  #select-variant .variant-header {
    display: flex;
    align-items: center
  }
  #select-variant .variant-header .block-select-title {
    padding: 5px 0 4px;
    line-height: 16px;
    color: #b1bec6;
    font-size: 13px;
    background-color: rgba(225,234,242,.5019607843);
    display: flex;
    justify-content: center
  }
  #select-variant .variant-header .block-select-title.model-v {
    background-color: #eef7fe;
    align-items: center;
    justify-content: center;
    display: flex
  }
  #select-variant .variant-header .block-select-title:last-child {
    padding-right: 20px
  }
  #select-variant .block-select {
    color: #000;
    padding: 0
  }
  #select-variant .block-select .btn-select {
    padding: 0;
    border: 0
  }
  #select-variant .block-select .btn-select .data-col {
    padding: 8px 20px
  }
  #select-variant .block-select .btn-select .data-col:not(.block-select-name) {
    display: flex;
    justify-content: center
  }
  #select-variant .block-select .btn-select.selected {
    background-color: #b3e7ff
  }
  #select-variant .block-select .btn-select.selected .data-col {
    background-color: #b3e7ff
  }
  #select-variant .block-select .btn-select.selected .sticky-col {
    background-color: #b3e7ff
  }
  #select-variant .block-select .block-select-name span {
    color: #000;
    font-size: 14px;
    line-height: 18px
  }
  .new-ad__container .select-vehicle__wrap #series span {
    bottom: -15px
  }
  .new-ad__container .select-vehicle__wrap #variant {
    padding-top: 20px
  }
  .new-ad__container .model-variant-control-wrap #multicol-menu li.dropdown.sz-state-selected::before {
    top: 7px
  }
  .new-ad__container .model-variant-control-wrap #multicol-menu li.dropdown:not(.sz-state-selected)::before {
    top: 17px
  }
  .new-ad__container .select-vehicle__controls .filter-row .multicol-menu-dealer .dropdown-toggle:after {
    top: 17px
  }
  .new-ad__container .model-variant-wrapper {
    height: 50px
  }
  .new-ad__container .select-model-series-wrap .dropdown,
  .new-ad__container .select-variant-wrap .dropdown {
    height: 50px
  }
  .new-ad__container .select-vehicle__wrap .selectize-input:not(.sz-state-selected)::before {
    top: 16px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input::after {
    top: 14px!important
  }
  .new-ad__container #series,
  .new-ad__container #variant {
    height: 50px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-dropdown-content .option {
    padding: 8px 16px!important;
    font-size: 14px!important;
    line-height: 18px
  }
  .new-ad__container .car-details-edit-wrap .selectize-dropdown .optgroup:first-child .optgroup-header {
    background: #eef7fe;
    font-size: 14px;
    line-height: 18px
  }
  .new-ad__container .one-col-select .search-button__clear-text-button {
    top: 26px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input {
    height: 50px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input.sz-state-selected::before {
    top: 6px
  }
  .new-ad__container .car-details-edit-wrap .selectize-control .selectize-input .item {
    bottom: -13px
  }
  .car-h-filter .filter-row .form-control {
    height: 50px
  }
  .select-vehicle__wrap {
    padding: 0
  }
  .select-generation-wrap {
    z-index: 11
  }
  .select-variant-wrap #select-variant {
    overflow-x: scroll
  }
  .select-variant-wrap #select-variant .scroll-container {
    padding: 0
  }
  .select-vehicle__controls {
    flex-direction: column
  }
  .select-vehicle__controls .filter-row {
    width: 100%;
    min-width: initial;
    max-width: initial
  }
  .select-vehicle__controls .filter-row .multicol-menu-dealer .dropdown-toggle:after {
    top: 11px
  }
  .select-vehicle__controls .filter-row #series .clear-button,
  .select-vehicle__controls .filter-row #variant .clear-button {
    top: 15px
  }
  .select-vehicle__controls .filter-row .c-model-block {
    flex: 0 0 auto!important;
    width: 50%!important
  }
  .select-vehicle__controls .filter-row .select-generation-wrap .selectize-dropdown {
    width: 100%!important
  }
  .select-vehicle__controls .filter-row .select-generation-wrap .selectize-dropdown .selectize-dropdown-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
  }
}
@media (min-width:1200px) {
  .cr_breadcrumb_ul li {
    flex-basis: initial;
    justify-content: space-between;
    padding-left: 0
  }
  .cr_breadcrumb_ul li a {
    width: 100%;
    text-align: center
  }
  .new-ad__container .model-variant-control-wrap #multicol-menu li.dropdown.sz-state-selected::before {
    font-size: 13px;
    line-height: 17px;
    top: 3px
  }
  .new-ad__container .select-vehicle__wrap .select-variant-wrap #select-variant {
    position: initial;
    border-radius: 8px
  }
  .new-ad__container .select-vehicle__wrap .select-variant-wrap #select-variant .variant-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
  }
  .new-ad__container .select-vehicle__wrap .select-variant-wrap #select-variant .block-select-multiple {
    border-radius: 8px
  }
  .new-ad__container .select-vehicle__wrap #series span {
    bottom: -5px;
    font-size: 13px;
    line-height: 17px
  }
  .new-ad__container .select-vehicle__wrap .selectize-input:not(.sz-state-selected)::before {
    top: 10px;
    font-size: 13px
  }
  .new-ad__container .select-vehicle__wrap .selectize-input.sz-state-selected::before {
    top: 3px;
    font-size: 13px;
    line-height: 16px
  }
  .new-ad__container .select-vehicle__wrap .selectize-input .item {
    font-size: 13px;
    line-height: 17px;
    bottom: -6px
  }
  .new-ad__container .select-vehicle__wrap .one-col-select .search-button__clear-text-button {
    top: 21px
  }
  .new-ad__container .select-vehicle__wrap .multicol-menu-dealer .between-col-series {
    margin-top: 0!important
  }
  .new-ad__container .select-vehicle__wrap .multicol-menu-dealer .dropdown-toggle::after {
    top: 4px
  }
}
#video-modal .youtube-video-place iframe {
  border-radius: 8px
}
#video-modal .icon {
  width: 38px;
  margin-right: 1em
}
@media (max-width:1199px) {
  #video-modal .icon {
    width: 50px
  }
}
#video-modal .up-input-youtube a {
  top: 15px
}
#video-modal #up-input-youtube-text {
  padding: 0 24px 0 16px!important
}
#crop-modal .crop-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px
}
#crop-modal .crop-body-wrap {
  background: #fff;
  border-radius: 6px;
  padding: 16px
}
#crop-modal .cropper-controls-list a {
  color: #007cbd
}
#crop-modal .cropper-crop,
#crop-modal .cropper-view-box {
  border-radius: 6px
}
.fotorama--fullscreen .fotorama__fullscreen-icon:before {
  top: 10px!important
}
@media (max-width:1199px) {
  .modal .modal-dialog {
    margin-left: 0;
    margin-right: 0
  }
}
.step {
  padding-top: 0
}
.select-vehicle__component {
  background: 0 0
}
.select-vehicle__component .select-vehicle__title {
  padding: 16px 0 6px
}
.select-vehicle__component .select-vehicle__title .block-title {
  margin: 0;
  font-size: 18px;
  color: #333349;
  font-weight: 400
}
.select-vehicle__component .select-vehicle__title .block-title hr {
  display: none
}
.select-vehicle__component .select-vehicle__title .accent {
  display: inline!important;
  color: #ea5563
}
.select-vehicle__formatted-name {
  display: flex;
  justify-content: space-between
}
.select-vehicle__formatted-name .value {
  color: #333349;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2
}
.select-vehicle__formatted-name .bi,
.select-vehicle__formatted-name .fa {
  font-size: 18px;
  color: #1382c6
}
.btn-ad-save,
.btn-continue-main {
  border-radius: 56px;
  padding: 11px 24px
}
.save-photos-wrap {
  display: none
}
#car-contacts-collapse .contact-row .col-lg-5,
#car-contacts-collapse .contact-row .col-lg-7 {
  width: 100%
}
#car-contacts-collapse .block-title {
  display: none
}
#car-contacts-collapse .auth-form-main .col-sm-3 {
  display: none
}
#car-contacts-collapse .auth-form-main .verifyInputWrapper {
  width: 100%
}
#car-contacts-collapse .contact-data__input-help,
#car-contacts-collapse .verified-label-contact-name,
#car-contacts-collapse .verified-label-contact-pass {
  display: none!important
}
#car-contacts-collapse .auth-form .authorize-input-wrap .authorize-input {
  height: 50px;
  border-radius: 10px!important;
  border-color: #ccc;
  font-size: 15px;
  padding: 0 16px
}
#car-contacts-collapse .auth-form .authorize-input-wrap .authorize-input::placeholder {
  background: linear-gradient(to right,#ea5563,#ea5563 10px,#788d9d 0,#788d9d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
#car-contacts-collapse .auth-form .authorize-input-wrap .resend-code {
  right: -100px;
  top: 55px
}
@media (min-width:575px) {
  #car-contacts-collapse .auth-form .authorize-input-wrap .resend-code {
    right: 10px;
    top: 16px
  }
}
#car-contacts-collapse .auth-form .phone-verify-code {
  height: 50px;
  border-radius: 0 10px 10px 0!important;
  border-color: #ccc;
  font-size: 15px;
  border-left: 0;
  width: 100px;
  padding: 0 8px!important;
  text-align: center
}
@media (min-width:576px) {
  #car-contacts-collapse .auth-form .phone-verify-code {
    padding: 0 16px!important;
    width: 120px;
    max-width: 120px
  }
}
#car-contacts-collapse .auth-form .phone-verify-code::placeholder {
  color: #788d9d
}
#car-contacts-collapse .auth-form .password-wrap {
  padding: 0 0 0 3px
}
#car-contacts-collapse .auth-form .password-wrap .col-sm-8 {
  width: 100%
}
#car-contacts-collapse .auth-form .password-wrap .password-input-wrap {
  position: relative
}
#car-contacts-collapse .auth-form .password-wrap .password {
  height: 50px;
  border-radius: 10px!important;
  border-color: #ccc;
  font-size: 15px;
  padding: 0 16px
}
#car-contacts-collapse .auth-form .password-wrap .password::placeholder {
  background: linear-gradient(to right,#ea5563,#ea5563 10px,#788d9d 0,#788d9d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
#car-contacts-collapse .auth-form .password-wrap .checkbox {
  right: 10px;
  top: 10px
}
#car-contacts-collapse .auth-form .password-wrap #su-form-showPassword-cd + label {
  font-size: 0!important
}
#car-contacts-collapse .auth-form .password-wrap #su-form-showPassword-cd + label::before {
  font: 400 16px bootstrap-icons!important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\f340";
  border: none;
  margin: 0
}
#car-contacts-collapse .auth-form .password-wrap #su-form-showPassword-cd:checked + label::before {
  background: 0 0;
  content: "\f341"
}
#car-contacts-collapse .auth-form .additional-authorize-input .col-sm-8 {
  width: 100%
}
#car-contacts-collapse .auth-form .additional-authorize-input .authorize-wrap {
  max-width: 100%
}
#car-contacts-collapse .auth-form .additional-authorize-input .authorize-wrap.verify .authorize-input-wrap,
#car-contacts-collapse .auth-form .additional-authorize-input .authorize-wrap.verify_code .authorize-input-wrap {
  max-width: calc(100% - 100px)
}
@media (min-width:576px) {
  #car-contacts-collapse .auth-form .additional-authorize-input .authorize-wrap.verify .authorize-input-wrap,
  #car-contacts-collapse .auth-form .additional-authorize-input .authorize-wrap.verify_code .authorize-input-wrap {
    max-width: calc(100% - 120px)
  }
}
#car-contacts-collapse .auth-form .contact-name-wrap .name {
  height: 50px;
  border-radius: 10px!important;
  border-color: #ccc;
  font-size: 15px;
  padding: 0 16px
}
#car-contacts-collapse .auth-form .contact-name-wrap .name::placeholder {
  background: linear-gradient(to right,#ea5563,#ea5563 10px,#788d9d 0,#788d9d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
#car-contacts-collapse .auth-form .g-recaptcha-wrap .col-sm-9 {
  width: 100%
}
#car-contacts-collapse .auth-form .visible-reg .col-sm-8 {
  width: 100%
}
#car-contacts-collapse .auth-form .col-sm-8.offset-sm-3 {
  width: 100%;
  margin-left: 0
}
#car-contacts-collapse .auth-form .seller-type-list {
  display: flex;
  flex-flow: column;
  text-align: left;
  margin-bottom: 0
}
@media (min-width:576px) {
  #car-contacts-collapse .auth-form .seller-type-list {
    flex-flow: row;
    text-align: center
  }
}
#car-contacts-collapse .auth-form .seller-type-list .help-button {
  display: none
}
#car-contacts-collapse .auth-form .seller-form .col-sm-8 {
  width: 100%
}
#car-contacts-collapse .auth-form .seller-form .business-name {
  height: 50px;
  border-radius: 10px!important;
  border-color: #ccc;
  font-size: 15px;
  padding: 0 16px
}
#car-contacts-collapse .auth-form .seller-form .business-name::placeholder {
  background: linear-gradient(to right,#ea5563,#ea5563 10px,#788d9d 0,#788d9d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
#car-contacts-collapse .auth-form .seller-form .selectize-control.styling-select .selectize-input {
  height: 50px;
  border-radius: 10px!important;
  border-color: #ccc;
  font-size: 15px;
  padding: 0 16px
}
#car-contacts-collapse .auth-form .seller-form .selectize-control.styling-select .selectize-input.dropdown-active {
  border-radius: 10px 10px 0 0!important
}
#car-contacts-collapse .auth-form .seller-form .selectize-control.styling-select .selectize-input::after {
  top: 12px
}
#car-contacts-collapse .auth-form .seller-form .selectize-control.styling-select .selectize-input .item {
  line-height: 50px
}
#car-contacts-collapse .auth-form .seller-form .selectize-control.styling-select .selectize-dropdown {
  margin-top: 0;
  border-radius: 0 0 10px 10px
}
#car-contacts-collapse .validationWrapper {
  height: auto;
  margin-top: 3px;
  margin-bottom: 0
}
#car-contacts-collapse .validationWrapper .text-danger {
  color: #ff3b30!important
}
#car-contacts-collapse .authorize-wrap {
  width: 100%
}
#car-contacts-collapse .authorize-wrap .authorize-input-wrap {
  width: 100%
}
#car-contacts-collapse .authorize-wrap.verify .authorize-input,
#car-contacts-collapse .authorize-wrap.verify_code .authorize-input {
  border-radius: 10px 0 0 10px!important
}
#car-contacts-collapse .authorize-wrap.verify,
#car-contacts-collapse .authorize-wrap.verify_code {
  max-width: calc(100% - 100px)
}
@media (min-width:576px) {
  #car-contacts-collapse .authorize-wrap.verify,
  #car-contacts-collapse .authorize-wrap.verify_code {
    max-width: calc(100% - 120px)
  }
}
#car-contacts-collapse .authorize-wrap.verify .btn-phone-verify {
  border-radius: 0 10px 10px 0!important;
  width: 100px
}
@media (min-width:576px) {
  #car-contacts-collapse .authorize-wrap.verify .btn-phone-verify {
    width: 120px
  }
}
#car-contacts-collapse .row-location-view .col-lg-3 {
  display: none
}
#car-contacts-collapse .row-location-view .col-lg-9 {
  width: 100%
}
#car-contacts-collapse .row-location-view .find-me {
  display: none
}
#car-contacts-collapse .row-location-view #mapContact {
  height: 250px;
  border-radius: 12px;
  margin-bottom: 16px
}
#car-contacts-collapse #location-autocomplete {
  margin-bottom: 10px
}
#car-contacts-collapse #location-autocomplete .form-control {
  height: 50px;
  border-radius: 10px!important;
  border-color: #ccc;
  font-size: 15px;
  padding: 0 16px
}
#car-contacts-collapse #location-autocomplete .form-control::placeholder {
  background: linear-gradient(to right,#ea5563,#ea5563 10px,#788d9d 0,#788d9d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
#car-contacts-collapse #location-autocomplete .form-control {
  padding: 0 16px!important
}
#car-contacts-collapse #location-autocomplete .search-button__clear-text-button {
  margin-right: 8px;
  background: #fff;
  border-radius: 6px
}
@media (min-width:576px) {
  #car-contacts-collapse #location-autocomplete .search-button__clear-text-button {
    margin-right: 30px
  }
}
#car-contacts-collapse #location-autocomplete .inaccurate {
  top: 17px;
  right: 40px
}
#car-contacts-collapse #location-autocomplete .inaccurate.hidden {
  display: none
}
@media (min-width:576px) {
  #car-contacts-collapse #location-autocomplete .inaccurate {
    margin-right: 100px
  }
}
@media (max-width:1199px) {
  #car-contacts-collapse #phoneModal .modal-title {
    font-weight: 400!important;
    font-size: 22px!important;
    line-height: 127%;
    color: #333349
  }
  #car-contacts-collapse #phoneModal .modal-header {
    padding: 20px!important;
    border-bottom: none
  }
  #car-contacts-collapse #phoneModal .modal-header .btn-close {
    width: 18px;
    height: 18px
  }
  #car-contacts-collapse #phoneModal .modal-content {
    align-items: normal;
    min-height: auto;
    background-color: #f5f9fc!important
  }
  #car-contacts-collapse #phoneModal .modal-footer {
    border-top: none;
    padding-top: 8px;
    padding-bottom: 8px
  }
  #car-contacts-collapse #phoneModal .modal-footer .btn {
    border: 2px solid #138ad1;
    padding: 5px 24px;
    width: 100%;
    height: 50px;
    border-radius: 56px;
    text-decoration: none
  }
  #car-contacts-collapse #phoneModal .modal-footer .btn-continue {
    color: #fff;
    background-color: #1382c6;
    order: -1
  }
  #car-contacts-collapse #phoneModal .modal-footer .btnCancel {
    color: #000;
    background-color: #e1eaf2;
    border-color: #e1eaf2;
    margin-right: 0!important
  }
}
/*# sourceMappingURL=add-new-advertisement.css.map */
