.iti-flag {
    background-image: url("../bower_modules/intl-tel-input/build/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("../bower_modules/intl-tel-input/build/img/flags@2x.png");
    }
}

.fa.fa-star.checked {
    color: black;
}


/* .slick-prev:before, .slick-next:before
{
    color: black!important;
} */

.body-container {
    overflow: hidden;
}

mark {
    background: orange;
    color: black;
}

.highlight {
    background-color: yellow;
}

.page-header {
    background-color: #5736B8;
    color: white;
    text-align: center;
    padding: 70px 25%;
    border-radius: 0px 0px 50% 50%/24px;
}

.page-header.contact-us {
    padding-bottom: 150px;
}

.page-header.contact-us .title-description {
    margin-top: 30px;
    margin-bottom: 30px;
}

.page-header .title-description {
    margin-top: 70px;
    font-size: 18px;
}

.page-header .title {
    font-family: 'Cunia';
    font-size: 36px;
    color: white;
}

.faq-search {
    padding: 30px 0px 70px 0px;
}

.faq.content {
    padding-top: 55px;
}

.faq-search input {
    width: 100%;
    max-width: 500px;
    padding: 9px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #1f1f1f;
    margin-right: 15px;
    letter-spacing: 0;
}

.preventcopy {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fa,
.far,
.fas {
    color: #6E41C0;
    font-size: 18px;
}

@keyframes open-page {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fa.fa-star {
    color: darkgray;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav {
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.tab-content {
    padding: 20px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.navbar-brand img {
    height: 30px;
}

.navbar-brand {
    padding-top: 7px;
}

.upload-photo {
    margin-top: 50px;
}

.upload-photo .add-photo:hover {
    border-color: #69ae1f;
}

.upload-photo .icon-add__take {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
}

[class^="icon-add__"] {
    display: inline-block;
    width: 25px;
    height: 20px;
    line-height: 20px;
    vertical-align: text-top;
    background-image: url('/images/plus.png');
    background-repeat: no-repeat;
}

#add_more_photo img {
    position: absolute;
    top: 36%;
    left: 37%;
}

.icon-add__take {
    background-position: -190px -135px;
    width: 40px;
    height: 41px;
}

.upload-photo .add-photo {
    position: relative;
    float: left;
    font-size: 11px;
    margin-top: 3px;
    border: 4px dashed #ddd;
    width: 140px;
    height: 120px;
    background: #f9f9f9;
    cursor: pointer;
}

.login,
.signup {
    max-width: 45%;
    margin-left: auto;
    margin-right: auto;
}

.file-loading img,
.myImage {
    max-width: 100px;
}

.btn-link {
    font-weight: 400;
    color: #a467d2;
    background-color: transparent;
}

.btn-link-normal {
    text-transform: inherit;
}

.images-list .fileUploadImg {
    background-color: #cdfcdf;
    padding: 12px;
    float: left;
    font-weight: bold;
    color: black;
    font-size: 14px;
    width: 100px;
    height: 80px;
    margin: 20px;
}

.ui-sortable .image img {
    max-width: 120px;
}

.remove-photo {
    position: absolute;
    right: 0;
}

.ui-sortable li:nth-of-type(1) .image img {
    max-width: 250px;
    max-height: 180px;
}

.image button {
    font-size: 14px;
}

.images-list .selectedImages {
    width: 100%;
    height: 100%;
}

.images-list img {
    max-width: 25%;
    height: auto;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.modal a {
    color: gray;
}

.sidebar {
    min-width: 270px;
    max-width: 270px;
}

div.car-preview-box {
    border: 1px solid #333333;
    padding: 10px;
}

.publication-information {
    padding-left: 10px;
}

.publication-type {
    margin-right: 10px;
}

.header {
    height: 63px;
    min-height: 63px;
}

.top-margin-50 {
    margin-top: 50px!important;
}

.exchange-modal .wizard .actions {
    margin-top: 100px;
}

.exchange-modal .wizard>.content {
    min-height: inherit;
    overflow: visible;
}

.chosen-container-single .chosen-single div {
    display: none;
}

.chosen-container-single .chosen-single span {
    margin-top: 6px;
}

.exchange-modal .modal-body {
    margin-bottom: 50px;
    margin-top: 50px;
}

.exchange-modal [role=tablist] {
    display: none;
}

.reviews .stars {
    width: fit-content;
}

.bottom-margin-50 {
    margin-bottom: 50px!important;
}

.exchange-modal .item-image-box {
    width: 100%;
    max-width: 200px;
}

.exchange-item-details {
    display: flex;
    align-items: center;
}

.exchange-item-details>span {
    margin-left: 5px;
}

.modal-form .chosen-container-single .chosen-single div b {
    display: none;
}

.modal-form .chosen-container-single .chosen-single {
    height: 40px;
}

.center {
    text-align: center;
}

.exchange-modal .publication-item {
    background-color: white;
    padding: 5px;
}

.or {
    margin-top: 30px;
    margin-bottom: 30px;
    color: white;
    border: 1px solid lightgray;
    min-height: 15px;
}

.signin-social,
.signup-social,
.center-align {
    text-align: center;
}

.or:after {
    width: 20%;
}

.or:before {
    width: 20%;
    margin-left: -20%;
    text-align: right;
}

.color {
    background-color: #ccc;
}

.flag-container {
    display: none;
}

.inline-block {
    display: inline-block;
}

.publication-item-settings-content a {
    color: #1c1c1c;
    text-decoration: none;
}

.publication-item-settings-content>li {
    cursor: pointer;
}

.publication-item-settings-content>li:hover {
    background-color: whitesmoke;
}

.vertical-align-center {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    height: 45px;
}

.publications .vertical-align-center {
    height: inherit;
}

.home-search select {
    min-width: 150px;
    min-height: 30px;
}

.home-page-container {
    text-align: center;
}

.align-right {
    text-align: right;
}

.home-search {
    width: 65%;
    margin: auto;
}

.form--password-hide i {
    position: relative;
    right: 13px;
    float: right;
    top: 28px;
}

.settings-page .form--password-hide i {
    top: 33px;
}

.settings-page .content-from {
    margin-bottom: 30px;
}

.settings-page .form-row {
    max-width: 450px;
}

.home-page-container {
    width: 99vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 100px;
    left: 50%;
}

.home-page-container img {
    width: 100%;
}

div[disabled] img {
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.nav.navbar-nav {
    float: right;
}

div[disabled] a {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

#page {
    margin-top: 80px;
    min-height: 700px;
}

.main-photo-text {
    display: none;
    bottom: 0;
    width: 100%;
}

.ui-sortable li:nth-of-type(1) .main-photo-text {
    display: block;
}

.ui-sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ui-sortable li {
    position: relative;
    list-style-type: none;
    margin: 3px 3px 3px 0;
    padding: 1px;
    float: left;
    width: 140px;
    height: 120px;
    font-size: 4em;
    text-align: center;
}

.ui-sortable li:nth-of-type(1) {
    width: 300px;
    height: auto;
}

.ui-sortable li div.image {
    padding: 5px;
    height: 100%;
}

.ui-sortable li div.image img {
    max-height: 95%;
    max-width: 90%;
    margin: auto;
    vertical-align: middle;
    display: inline-block;
}

.exchange-modal .modal-form {
    max-width: 500px;
}

.modal label {
    line-height: 1.5em;
}

.flex-container-columns {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    flex-direction: column;
}

.flex-container {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    position: relative;
}

.flex-container-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.flex-container-wrap>div {
    flex-direction: column;
    padding-right: 20px;
    padding-bottom: 10px;
    display: flex;
}

.flex-container-wrap>div i {
    text-align: center;
}

.review-item .title {
    font-weight: bolder;
    margin: 10px 0;
}

.review-item {
    border-bottom: lightgray solid 0.5px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.review-item .respond {
    margin-top: 10px
}

.review-item .form-row-respond .form-field {
    width: 100%;
    max-width: inherit;
}

.review-item .form-row-respond .form-field::placeholder {
    text-align: left;
}

.publication-to-review-item {
    border-bottom: 1px solid gray;
    padding-bottom: 30px;
}

.flex-container-space-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-container-space-between {
    display: flex;
    justify-content: space-between;
}

.flex-container-start {
    display: flex;
    justify-content: flex-start;
}

.flex-container-wrap-3cols {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.exchangeOptions-item {
    margin-bottom: 10px;
    margin-top: 10px;
}

.exchange-for-content,
.exceptions-for-content {
    flex-wrap: wrap;
    display: flex;
}

.exchange-for-block {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: #212529 0.5px solid;
}

.preview-profile-verification-content .btn-verified {
    padding: 0px;
    border: none;
    height: 20px;
}

.preview-profile-verification-content div {
    color: gray;
}

.preview-profile-verification-content .verifiedUserItem div {
    color: black;
}

.preview-profile-verification-content>div>div {
    padding-left: 28px;
}

.preview-profile-verification-content>div {
    display: flex;
    align-content: center;
    align-items: center;
    height: 30px;
}

.btn-block {
    margin-top: 5px;
}

.content-title {
    font-weight: bold;
}

.preview-profile-verification-content .btn-verified::after {
    right: initial;
}

.preview-profile-verification-content li {
    padding-top: 7px;
}

.publication-grid-item {}

.active-publication-item {
    border: lightgray 0.5px solid;
    margin: 5px;
    padding: 5px;
    flex-grow: 1;
}

.user-profile-btn-contact button {
    width: 100%;
}

.user-profile-btn-contact {
    padding-top: 60px;
}

.distance-container {
    display: flex;
    position: relative;
    align-items: center;
}

.publication-verification input,
.publication-certification input {
    max-width: 300px;
}

.modal-color-white label,
.modal-color-white .content-description,
.modal-color-white .content-title--text,
.modal-color-white div {
    color: lightgrey;
    letter-spacing: 1px;
    line-height: 1.5em;
}

i.fa-heart {
    cursor: pointer;
}

.md-checkbox.agreement-checkbox label {
    padding-top: 0;
}

.md-checkbox.agreement-checkbox>label:before {
    width: 1.5em;
    height: 1.5em;
}

.md-checkbox.agreement-checkbox label:not(:empty) {
    padding-left: 1.5em;
}

.modal-color-white .publication-item div {
    color: initial;
}

.chose-image-list {
    width: auto;
    height: 30px;
    max-height: 30px;
    margin: 1px 3px 0 0;
}

.chose-image-small {
    width: auto;
    height: 30px;
    max-height: 30px;
    margin: -1px 3px 0 0;
}

.chosen-container-single .chosen-single {
    height: 40px;
}

.exchange-modal .rating .error {
    display: none;
}

.exchange-modal .publication-item span,
.exchange-modal .publication-item div {
    font-size: 12px;
}

.exchange-modal .publication-item-title a {
    font-size: 14px;
}

.form--verify .error,
.distance-container .error,
.price-container .error {
    position: absolute;
    display: block;
    margin-top: 2px;
}

.exchange-for-value {
    text-transform: lowercase;
}

.wanted-years-content {
    min-width: 200px;
}

.sell-for-content>label,
.exchange-for-content>label,
.exceptions-for-content>label {
    padding: 5px;
    margin: 5px;
}

.exchange-for-content>span,
.exceptions-for-content>span {
    padding: 5px;
    background-color: lightgray;
    border-radius: 5px;
    margin: 5px;
}

.information {
    background-color: ghostwhite;
    padding: 10px;
}

.information-content {
    background-color: white;
    border: 0.5px solid gray;
    height: 100%;
    padding: 30px;
}

.content-title--text-bold {
    font-weight: 800 !important;
    margin: 0px !important;
    word-wrap: break-word !important;
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
    color: #484848 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.exchangeOptions-item-body .btn {
    text-transform: inherit;
    box-shadow: none;
    padding: 10px 15px;
    font-size: 12px;
    margin-top: 10px;
    text-transform: uppercase;
}

.exchangeOptions-price .btn-solid {
    text-transform: inherit;
    box-shadow: none;
    font-size: 12px;
    padding: 10px 15px;
}

.exchangeOptions-price input {
    display: none;
}

.wanted-options button,
.exception-options button {
    float: right;
}

.inform-wrap-block {
    width: 50%;
}

.exchangeOptions-item-title {
    font-weight: bold;
    font-size: 18px;
}

.exchangeOptions-item-body {
    padding-bottom: 20px;
}

.flex-container-wrap-3cols>div {
    width: 33%;
    flex-direction: column;
    display: flex;
    padding-top: 10px;
}

.flex-item-min {
    flex: 0 0 auto;
}

.flex-item-max {
    flex: 1 1 auto;
}

div.pubInfoContainer span {
    font-size: smaller;
}

div.pubInfoContainer span.pubInfoHeader {
    display: block;
    font-size: medium;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: 10px;
}

div.pubInfoContainer {
    margin: 5px;
}

div.pubInfoContainer.col1 {
    width: 95px;
}

div.pubInfoContainer.col2 {
    width: 75px;
}

div.pubInfoContainer.col3 {
    width: 110px;
}

div.pubInfoContainer.col4 {
    width: 85px;
}

table.notificationsTable tbody tr {
    cursor: hand;
}

table.notificationsTable tbody tr:hover {
    background-color: #aaa;
}

div.smallImage {
    width: 150px;
    float: left;
    margin: 10px;
}

.form-header {
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 15px;
}

.slick-slide img {
    margin: auto;
}

div.form-container {
    margin: auto;
}

.navbar.fixed-bottom {
    margin-bottom: 0px;
    margin-top: 50px;
    min-height: 70px;
}

div.dataRow {
    margin: 5px;
}

.newMessage {
    font-weight: bold;
}

.newMessage>div {
    background-color: rgb(88, 42, 163, 0.1);
}

.kgPagerButton[disabled] {
    cursor: not-allowed;
    opacity: 0.1;
}

div.menu {
    display: inline-block;
    padding-top: 8px;
    float: right;
    padding-bottom: 14px;
}

a[data-count]:after {
    content: attr(data-count);
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background-color: #a467d2;
    border-radius: 6px;
    padding: 2px 6px;
    font-family: 'Airbnb Cereal App';
    font-size: 10px;
}

.modal-body {
    position: relative;
    padding: 0px;
    min-height: 70px;
}

div.nomargin {
    margin: 0px;
}

.modal-header {
    min-height: 0px;
    padding: 0px;
    border-bottom: none;
    min-height: 30px;
}

.menu>a.button {
    display: inline-block;
    position: relative;
}

div.dataRow label {
    width: 200px;
}

div.dataRow label.radioLabel {
    width: auto;
}

div.dataRow input[type=number],
div.dataRow input[type=text],
div.dataRow select,
div.dataRow input {
    width: 200px;
    height: 25px
}

button.action {
    margin-top: 20px;
    width: 150px;
    height: 30px;
    background-color: black;
    color: white;
}

.wrapper {
    position: relative;
}

.overlay-finished-publication {
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 100;
    opacity: 0.8;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    color: red;
    flex-direction: column;
}

.clearfix {
    clear: both;
}

.btn[disabled]:hover {
    opacity: 1;
}

.btn[disabled] {
    color: white;
    border-color: gray;
    cursor: not-allowed;
}

.wizard .actions {
    margin-top: 20px;
}

.publish-button-block {
    text-align: right;
    margin-bottom: 50px;
}

.spinner {
    background-image: url("../images/carloader.gif");
    position: absolute;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    color: black;
    text-align: center;
    margin-left: -100px;
    margin-top: -100px;
}

.accordion .card-header .fa-accordion:after {
    content: "\f105";
    float: right;
}

.tab-content th {
    text-align: left;
    width: 25%;
}

.accordion {
    margin-top: 30px;
}

.card-header h5 {
    margin: 0;
}

.card-header .fa-accordion {
    padding: 6px 12px;
    float: right;
}

.accordion .card-header.collapsed .fa-accordion:after {
    content: "\f107";
    float: right;
}

.mb-0 {
    float: left;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.car-preview .favorite-heart i {
    font-size: 18px;
}

.car-preview .card {
    margin-left: 0;
    width: 100%;
}

.car-preview .slider-for .slick-arrow::before {
    color: white;
}

.slick-prev:before,
.slick-next:before {
    font-size: 100px;
    line-height: inherit;
    position: relative;
    display: inherit;
    width: 40px;
    height: 40px;
    font-size: 60px;
    line-height: 14px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: none;
    -webkit-transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
    transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
}

.hasDatepicker {
    text-transform: capitalize;
}

.ui-datepicker-month {
    text-transform: capitalize;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    opacity: 0.7;
    -webkit-transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
    transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
    background-color: #a467d2;
}

.car-preview .slider-nav .slick-slide img {
    cursor: pointer;
}

.slick-next:before {
    content: '\203A';
    padding-left: 4px;
}

.slick-prev:before {
    content: '\2039';
    padding-right: 2px;
}

.slick-prev {
    left: 10px;
    z-index: 1;
}

.slick-next {
    right: 25px;
    z-index: 1;
}

.car-preview .slider-nav .slick-arrow::before {
    display: none;
}

.car-preview .slider-for .slick-slide {
    max-height: 370px;
    overflow: hidden;
}

.car-preview .slider-nav .slick-slide {
    margin: 2px;
}

.car-preview .slider-nav .slick-track {
    margin: inherit;
}

.car-preview .slider-nav .slick-slide img {
    margin-left: 50%;
    transform: translateX(-50%);
}

.car-preview .title-block {
    margin-bottom: 10px;
    line-height: 32px;
}

.car-preview .title {
    color: #332c2c;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.car-preview .tab-content {
    padding: 20px 0;
}

.car-preview .preview-small .production-year-block {
    display: flex;
    justify-content: flex-end;
}

.car-preview .color-block {
    text-align: left;
    padding-left: 20%;
}

.car-preview .preview-small .production-year {
    background-color: whitesmoke;
    padding: 10px;
    text-align: right;
    border-radius: 4px;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

div.reset-password {
    padding-left: 60px;
    padding-top: 35px;
    padding-bottom: 0px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.wanted-options-content .btn,
.exception-options-content .btn {
    border: none;
    padding: 0;
}

.wanted-options,
.exception-options {
    display: none;
}

.gray-border-container,
.settings-page div.form-container,
.car-verification div.form-container,
.new-publication div.form-container {
    margin: auto;
    border: solid 1px lightgrey;
    padding: 10px;
    padding-left: 30px;
    padding-top: 30px;
}

div.exchangeOptions-item.form-container {
    padding-bottom: 20px;
    margin-bottom: 50px;
}

.exchangeOptions-item-body .flex-container-space-between>div {
    padding-top: 30px;
    padding-bottom: 10px;
}

.user-car-preview-block .pubInfoContainer {
    margin-top: 30px;
}

.flex-box-centered>.image--success {
    visibility: hidden;
}

.flex-box-centered.confirmed>.image--success {
    visibility: visible;
}

.flex-box-centered.confirmed>label {
    color: #1c1c1c;
}

.row-full {
    width: 100vw;
    flex: 1;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.flex-box-centered>label {
    color: #414141;
    display: inline-block;
    letter-spacing: 0.1px;
    margin-bottom: 8px;
    font-family: 'Airbnb Cereal App';
}

.pubInfoContainer .rtable-cell {
    text-align: center;
}

.user-car-preview-block {
    margin-top: 30px;
}

.flex-box-centered {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.form-label-grey {
    color: #414141;
}

.flex-box-centered .form-label {
    margin: 0;
}

.image--success {
    display: inline-block;
    content: '';
    width: 30px;
    height: 30px;
    background: url(../images/css_sprites.png) -116px -64px;
    right: -10px;
    top: 0px;
    z-index: 100;
}

.car-preview li {
    margin-top: 10px;
}

.sub-text,
.sub-text a,
.sub-text span {
    font-size: smaller;
    color: grey;
    margin-top: 5px;
    letter-spacing: 1.1px;
}

.sub-text a {
    font-size: small;
}

.gray-box-container {
    background-color: #F4F4F4;
    padding: 20px;
}

.border-left {
    border-left: 1px solid #a467d2;
}

.car-preview .accordion .card-body>div {
    padding-bottom: 10px;
}

.description-border {
    border: 1px solid gray;
    margin: 10px 0;
    border-radius: 7px;
}

.car-preview .description {
    padding: 30px;
}

.text-align-left {
    text-align: left!important;
}

.text-align-right {
    text-align: right!important;
}

.form-row--inline .form-field {
    width: auto;
    display: inline;
}

.car-verification div.form-container {
    margin-top: 20px;
}

.margin-top-150 {
    margin-top: 150px!important;
}

.margin-top-50,
div.form-container.margin-top-50 {
    margin-top: 50px!important;
}

.form-row.phone-form-row {
    padding-bottom: 10px;
}

.float-right {
    float: right;
}

.error {
    color: red!important;
    font-size: 12px;
    padding-left: 5px;
}

.errors-block {
    margin-bottom: 15px;
}

.publication-item-information-title {
    margin-bottom: 8px;
}

.flex-container-wrap-3cols>div i {
    padding-left: 5px;
}

.publication-item-information .details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-end;
}

.publication-item-information {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
}

.home-page-container .item-image-box-content,
.home-page-container .item-image-box {
    width: 100%;
    display: block;
    position: relative;
}

.item-image-box {
    width: 250px;
    display: block;
    position: relative;
}

.home-page-container .litle-items .item-image-box {
    height: 100px;
    overflow: hidden;
}

.overlay {
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 100;
}

.car-preview .item-image-box,
.home-page-container .item-image-box {
    width: 100%;
}

.item-image-box .sidebar-image--success {
    right: 0;
}

.publication-urgent-label,
.publication-hot-label {
    display: inline-block;
    position: absolute;
    content: '';
    padding: 3px;
    color: white;
    background-color: brown;
    left: -10px;
    top: 10px;
    z-index: 1;
}

.publication-urgent-label {
    content: 'urgent';
}

.publication-hot-label {
    content: 'hot';
}

.has-error,
.form-field.has-error {
    border-color: red;
    color: red;
}

.publicationPhoto {
    float: left;
    width: 400px;
    height: 300px;
}

.publicationData {
    float: left;
    margin-left: 20px;
}

#errors {
    margin-top: 10px;
    list-style-type: none;
    color: red;
    padding: 0;
}

.input-group {
    width: 200px;
}

div.dataRow input.small,
div.dataRow select.small {
    width: 30%;
}

div.dataRow input.tiny,
div.dataRow select.tiny {
    width: 15%;
}

.login .or {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.signin-with {
    height: 30px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.userBlock {
    float: right;
    margin: 5px;
}

.userBlock li {
    float: left;
}

.left_col {
    height: 150px;
    ;
    width: 200px;
    margin-right: 20px;
}

.right_col {
    height: 150px;
}

.float-left {
    float: left;
}

h2.searchItemHeader {
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}

h3.searchItemHeader {
    font-style: normal;
    font-size: 13px;
    font-weight: bold;
}

.search-results-wrapper {
    margin-top: 20px;
}

.filterRow {
    padding: 5px;
}

.filterRow span {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.filterRow label {
    font-weight: normal;
}

.sliderLength {
    width: 500px;
}

td {
    padding: 3px;
}


/*
    Common 
*/

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: inherit;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul>li,
.tabcontrol ul>li {
    display: block;
    padding: 0;
}


/* Accessibility */

.wizard>.steps .current-info,
.tabcontrol>.steps .current-info {
    position: absolute;
    left: -999em;
}

.wizard>.content>.title,
.tabcontrol>.content>.title {
    position: absolute;
    left: -999em;
}


/*
    Wizard
*/

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 30%;
}

.wizard>.steps .number {
    font-size: 1.429em;
}

.wizard>.steps>ul>li {
    width: 25%;
}

.wizard>.actions>ul .disabled {
    visibility: hidden;
}

.wizard>.steps>ul>li,
.wizard>.actions>ul>li {
    float: left;
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%;
}

.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active {
    height: 80px;
    background: #eee;
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard>.steps .disabled a,
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    color: #aaa;
    cursor: default;
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: #a467d2;
    color: #fff;
    cursor: default;
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    background: #31DDAB;
    color: #fff;
}

.wizard>.steps .error a,
.wizard>.steps .error a:hover,
.wizard>.steps .error a:active {
    background: #ff3111;
    color: #fff;
}

.price-container .form-field {
    width: initial;
}

.price-container .form-row--select select {
    min-width: 80px;
}

.price-container .form-row--select {
    max-width: 100px;
}

.wizard>.content {
    display: block;
    margin: 0.5em;
    min-height: 35em;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard>.content>.body ul {
    list-style: disc !important;
}

.wizard>.content>.body ul>li {
    display: list-item;
    list-style-type: none;
}

.wizard>.content>.body>iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard>.content>.body input.error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard>.content>.body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard>.actions {
    position: relative;
    display: inline-block;
    text-align: right;
    width: 100%;
}

.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard>.actions>ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.wizard>.actions>ul>li {
    margin: 0 0.5em;
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em;
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa;
}


/*
    Tabcontrol
*/

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none;
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px;
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol>.content>.body ul {
    list-style: disc !important;
}

.tabcontrol>.content>.body ul>li {
    display: list-item;
}

.inform-wrap-small {
    padding-left: 5px;
}

.inform-wrap-small .bubble {
    position: absolute;
    content: '';
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    padding: 14px 17px;
    top: calc( -150%);
    left: calc( 100% + 11px);
    font-family: 'Airbnb Cereal App';
    font-size: 10px;
    width: 164px;
    z-index: 100;
    background-color: white;
}

.inform-wrap-small .inform {
    width: 22px;
    height: 22px;
    background: none;
    background-color: #c599e4;
    border-radius: 50%;
    color: white;
    font-weight: bolder;
    vertical-align: middle;
    padding-top: 2px;
    font-size: 18px;
    padding-left: 9px;
}

.form-help-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-help-row:not(.form-help-row-full)>div {
    width: 48%;
}

.form-help-row-full {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.form-help-row input {
    width: 100%;
}

.gridStyle {
    border: 1px solid rgb(212, 212, 212);
    height: 398px;
    border-radius: 3px;
}

.smallGridStyle {
    border: 1px solid rgb(212, 212, 212);
    height: 180px;
    border-radius: 3px
}

.wizard .content {
    padding: 0;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav>li {
    position: relative;
    display: block;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.tab-content>.tab-pane {
    display: none;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.tab-content>.active {
    display: block;
    opacity: 100;
}

.modal-payment {
    color: white;
}

.item.publication-item,
.item.small-preview-item {
    cursor: pointer;
    margin-top: 20px;
}

.publication-item-information .wants {
    display: flex;
    flex-direction: row;
    background-color: ghostwhite;
    padding: 5px;
    align-items: center;
}

.list-grid .details,
.publication-item .details {
    margin-bottom: 10px;
    margin-top: 10px;
}

.list-grid .title,
.publication-item .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}

.btn-delete {
    padding: 10px 23px;
    margin-top: 10px;
}

.content-identify-photos .add-photo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.content-identify-photos img {
    width: 100%;
    margin-bottom: 0;
}

.list-grid .buttons {
    max-width: 92%;
    width: 900px;
    text-align: right;
    margin: 20px auto 0;
    padding-right: 3%;
}

.list-grid button {
    height: 36px;
    width: 40px;
    margin-left: 4px;
    font-size: 24px;
    color: orange;
    text-align: center;
    line-height: 1.4;
    border-radius: 4px;
    border: none;
    outline: none;
    background-color: white;
    box-shadow: 0px 1px 2px #bbb;
}

.list-grid button:hover {
    cursor: pointer;
    box-shadow: 0px 0px 3px #666;
}

.list-grid button.on {
    color: white;
    background-color: #ccc;
}

.list-grid .wrapper {
    max-width: 92%;
    width: 900px;
    margin: 5px auto 20px;
    padding: 3px 3px 0;
    background-color: #ddd;
    font-family: Roboto;
    position: relative;
    overflow: hidden;
}

.list-grid .item {
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 1px 3px #bbb;
    padding: 10px;
}

.list-grid .item:hover {
    box-shadow: 0px 1px 20px #bbb;
}

.hidden {
    display: none;
}

.list-grid img {
    display: inline-block;
    max-height: 95%;
    max-width: 95%;
    padding: 1.2%;
}

.list-grid a {
    display: block;
    transition: 0.2s;
}

.list-grid a:hover {
    opacity: 0.9;
    cursor: pointer;
}

.list-grid h2 {
    transition: 0.2s;
}

.list-grid h2:hover {
    color: #666;
    cursor: pointer;
}

.list-grid .price {
    color: orange;
    text-align: right;
}

.list-grid .list .item {
    width: 100%;
    margin: 0 auto 3px;
}

.list-grid .list .details,
.list-grid .list .details div,
.list-grid .list .details span {
    font-size: 12px;
}

.list-grid .grid .item {
    float: left;
    text-align: center;
    background-color: white;
}

.list-grid .grid .item:nth-child(3n) {
    margin-right: 0;
}

.list-grid .grid img {
    padding-top: 0;
    max-width: 90%;
    margin: 0 auto;
    float: none;
}

.list-grid .grid h2 {
    font-size: 20px;
    margin: 10px 0;
}

.list-grid .grid span {
    display: inline-block;
    margin-top: -6px;
    font-size: 19px;
}

.list-grid .grid .details {
    float: none;
    max-width: 90%;
    margin: -20px auto 0;
}

.list-grid .grid .details p {
    margin-top: 8px;
}


/* Tables
================================== */

.rtable {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.rtable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: 0;
    overflow: visible;
    list-style: none;
    border: solid 3px white;
    background: fade(slategrey, 20%);
}

.car-preview-box .rtable .title {
    display: inline-block;
}

.car-preview-box .rtable img {
    width: 100%;
}

.rtable-cell-auto {
    width: auto;
}


/* Table column sizing
  ================================== */

.rtable--2cols>.rtable-cell {
    width: 50%;
}

.rtable--2cols-1-2>.rtable-cell-1 {
    width: 33.33%;
}

.rtable--2cols-1-2>.rtable-cell-2 {
    width: 66.6%;
}

.rtable--3cols>.rtable-cell {
    width: 33.33%;
}

.rtable--4cols>.rtable-cell {
    width: 25%;
}

.rtable--5cols>.rtable-cell {
    width: 20%;
}

.rtable--6cols>.rtable-cell {
    width: 16.6%;
}

@media all and (max-width: 500px) {
    .rtable--collapse .rtable-cell {
        width: 100% !important;
    }
    .rtable--collapse {
        display: block;
    }
}

.steps li a .step-number {
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

.steps li a {
    font-size: 12px;
    letter-spacing: 0.5px;
}


/*//////////////////////////////////////////////////////////////////
[ Contact ]*/

.container-contact100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: contents;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    position: relative;
    z-index: 1;
}

.container-contact100::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.contact100-map {
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.wrap-contact100 {
    width: 50%;
    margin: 30px auto;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
}

#generic_price_table .generic_content .generic_head_price {
    background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
    border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
    color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li span {
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
    background-color: #E4E4E4;
    border-left: 5px solid #2ECC71;
}

#generic_price_table .generic_content .generic_price_btn a {
    border: 1px solid #2ECC71;
    color: #2ECC71;
}

#generic_price_table .generic_content[active] .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
    border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
    color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content[active] .generic_head_price .generic_head_content .head span {
    color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content[active] .generic_price_btn a {
    background-color: #2ECC71;
    color: #fff;
}

#generic_price_table {
    margin: 50px 0 50px 0;
    font-family: 'Raleway', sans-serif;
}

.row .table {
    padding: 28px 0;
}

.content-title--text-header {
    font-family: 'Airbnb Cereal App';
    font-size: 19px;
    padding-bottom: 23px;
}


/*PRICE BODY CODE START*/

#generic_price_table .generic_content li {
    text-align: left;
}

#generic_price_table .generic_content {
    overflow: hidden;
    position: relative;
    text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
    margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content {
    margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
    border-style: solid;
    border-width: 40px 1411px 23px 399px;
    position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head {
    padding-top: 20px;
    position: relative;
    z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag {
    padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price {
    display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 18px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_feature_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#generic_price_table .btn-info {
    display: -webkit-inline-box;
}

#generic_price_table .generic_content .generic_feature_list ul li,
#generic_price_table .rtable-cell {
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 5px 0;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

#generic_price_table .generic_content .generic_feature_list ul li .fa {
    padding: 0 10px;
}

#generic_price_table .generic_content .generic_price_btn {
    margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home {
    font-family: 'Raleway', sans-serif;
}

.text-center h1,
.text-center h1 a {
    color: #7885CB;
    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
}

.demo-pic {
    margin: 0 auto;
}

.demo-pic:hover {
    opacity: 0.7;
}

#generic_price_table_home ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: table;
}

#generic_price_table_home li {
    float: left;
}

#generic_price_table_home li+li {
    margin-left: 10px;
    padding-bottom: 10px;
}

#generic_price_table_home li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0px;
}

#generic_price_table_home .blue {
    background: #3498DB;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .emerald {
    background: #2ECC71;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .grey {
    background: #7F8C8D;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .midnight {
    background: #34495E;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .orange {
    background: #E67E22;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .purple {
    background: #9B59B6;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .red {
    background: #E74C3C;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .turquoise {
    background: #1ABC9C;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .divider {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
}

#generic_price_table_home .divider span {
    width: 100%;
    display: table;
    height: 2px;
    background: #ddd;
    margin: 50px auto;
    line-height: 2px;
}

#generic_price_table_home .itemname {
    text-align: center;
    font-size: 50px;
    padding: 50px 0 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    text-decoration: none;
    font-weight: 300;
}

#generic_price_table_home .itemnametext {
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}

#generic_price_table_home .footer {
    padding: 40px 0;
}

.price-heading {
    text-align: center;
}

.price-heading h1 {
    color: #666;
    margin: 0;
    padding: 0 0 50px 0;
}

.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.bottom_btn {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}

.demo-button:hover {
    background-color: #666;
    color: #FFF;
    text-decoration: none;
}

.bottom_btn:hover {
    background-color: #666;
    color: #FFF;
    text-decoration: none;
}

.accordion .collapse .card-body,
.collapsing .card-body {
    display: none;
}

.user-car-preview {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}

.user-car-preview--info {
    display: flex;
}

.user-car-preview--desc {
    margin: 0;
    color: #666468;
}

.accordion .collapse.in .card-body {
    display: block;
}

.margin-top-50 {
    margin-top: 50px;
}

.preview-small {
    padding-left: 20px;
}

.car-preview {
    padding-right: 50px;
}

.table-striped {
    width: 100%;
}

.table-striped tr:nth-child(even) {
    background-color: #f2f2f2
}

.table-striped td,
.table-striped th {
    padding: 10px;
}

.profile-preview {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}


/* SEARCH RESULTS */

.search-results-wrapper .item {
    min-height: 200px;
    height: 200px;
}

.carsearch .sidebar a {
    color: white;
}

.md-checkbox {
    display: flex;
    position: relative;
    margin: 1.5em 0 0;
    text-align: left;
}

.md-checkbox>label {
    cursor: pointer;
    display: block;
    vertical-align: top;
    clear: both;
    padding-left: 1px;
    letter-spacing: 1px;
}

.md-checkbox label:not(:empty) {
    padding-left: 0.75em;
    line-height: initial;
}

.md-checkbox>label:before,
.md-checkbox>label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
}

.user-profile .md-checkbox label:before,
.user-profile .md-checkbox label:after {
    top: 4px;
}

.text-bolder {
    font-weight: bolder;
}

.user-profile .promotions .md-checkbox {
    margin: 1.5em 0;
}

.md-checkbox>label:before {
    width: 1.25em;
    height: 1.25em;
    background: #fff;
    border: 1px solid #a467d2;
    border-radius: 0.125em;
    cursor: pointer;
    transition: background 0.3s;
}

.home-page-container .content {
    max-width: 1000px;
    margin: 0 auto;
}

.select-btns .btn-container {
    text-align: center;
}

.md-checkbox input[type=checkbox] {
    outline: 0;
    visibility: hidden;
    width: 1.25em;
    margin: 0;
    display: block;
    float: left;
    font-size: inherit;
    margin-right: 5px;
}

.md-checkbox input[type=checkbox]:checked+span+span+label:before,
.md-checkbox input[type=checkbox]:checked+span+label:before,
.md-checkbox input[type=checkbox]:checked+label:before {
    background: #a467d2!important;
    border: none;
}

.md-checkbox input[type=checkbox]:checked+span+span+label:after,
.md-checkbox input[type=checkbox]:checked+span+label:after,
.md-checkbox input[type=checkbox]:checked+label:after {
    transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
    width: 0.75em;
    height: 0.375em;
    border: 0.125em solid #fff;
    border-top-style: none;
    border-right-style: none;
}

.agreement-checkbox.md-checkbox input[type=checkbox]:checked+span+span+label:after {
    width: 1em;
    height: 0.5em;
}

.md-checkbox input[type=checkbox]:disabled+span+span+label:before,
.md-checkbox input[type=checkbox]:disabled+span+label:before,
.md-checkbox input[type=checkbox]:disabled+label:before {
    border-color: rgba(0, 0, 0, 0.26);
}

.md-checkbox input[type=checkbox]:disabled:checked+label:before,
.md-checkbox input[type=checkbox]:disabled:checked+span+label:before .md-checkbox input[type=checkbox]:disabled:checked+span+span+label:before {
    background: rgba(0, 0, 0, 0.26);
}

@keyframes ripple {
    0% {
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
    }
    50% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
    }
}

.md-radio.md-radio-inline {
    display: inline-block;
}

.md-radio input[type=radio] {
    display: none;
}

.md-radio input[type=radio]:checked+label:before,
.md-radio input[type=radio]:checked+span+label:before {
    border-color: #a467d2;
    animation: ripple 0.2s linear forwards;
}

.md-radio input[type=radio]:checked+span+label:after,
.md-radio input[type=radio]:checked+label:after {
    transform: scale(1);
}

.md-radio label {
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: middle;
}

.md-radio label:before,
.md-radio label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: all 0.3s ease;
    transition-property: transform, border-color;
}

.md-radio label:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.54);
}

.md-radio label.white:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid white;
}

.md-radio label:after {
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    transform: scale(0);
    background: #a467d2;
}

.publication-additional-data-checkboxes-conteainer,
.business-brands {
    display: flex;
    flex-wrap: wrap;
}

.publication-additional-data-checkboxes-conteainer .md-checkbox {
    width: 33%;
}

.label-for-publication-type-preview {
    margin-bottom: 10px;
}

.tooltipster-base {
    box-sizing: content-box;
    height: auto!important;
}

.notVisible {
    visibility: hidden;
}

.wanted-options-content .select-item {
    margin-bottom: 5px;
}

.brand-container>div {
    margin-right: 5px;
}

.publication-item-title,
.publication-item-title a,
.publication-item-title div,
.publication-item-title span {
    color: #332c2c;
    font-size: 18px;
    font-family: 'Airbnb Cereal App';
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-decoration: none;
    display: flex;
}

.publication-item-title {
    margin-top: 5px;
    align-items: end;
}

.clear-item {
    cursor: pointer;
}

.exchange-item-details i {
    font-size: 14px;
}

.small-preview-item .exchange-display-item .exchange-item-details i {
    width: 25px;
}

.small-preview-item .exchange-display-item span {
    margin: 3px 0;
}

.small-preview-item .exchange-display-item {
    flex-direction: column;
}

.exchange-for-content .exchange-display-item:not(.exchange-display-item-alone)>span:not(.clear-item):not(.exchange-item-details-small-preview)::before,
.exceptions-for-content .exchange-display-item:not(.exchange-display-item-alone)>span:not(.clear-item)::before {
    content: " / ";
    margin: 0 8px;
}

.wants-title {
    text-align: left;
    font-size: 12px;
}

.exchange-for-content .exchange-display-item> :not(.clear-item):first-child::before,
.exceptions-for-content .exchange-display-item> :not(.clear-item):first-child::before {
    content: ""!important;
}

.wanted-options-content .remove-item {
    padding-top: 10px;
    padding-left: 5px;
}

.clear {
    cursor: pointer;
}

.add-more {
    cursor: pointer;
    text-align: right;
}

.publication-item-settings {
    padding: 5px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #ededed;
}

.chatSettings .publication-item-settings {
    padding: 1px;
    padding-right: 5px;
    cursor: pointer;
    border-radius: 0;
    border: none;
    background: none;
}

.publication-item-image {
    width: 15%;
}

.publication-item-main {
    width: 45%;
}

.publication-item-content-description {
    width: 35%;
}

.publication-item-link {
    width: 15%;
}

.publication-item-settings-box {
    width: 5%;
}

.step1-additional-info {
    border: lightgray 0.5px solid;
    padding: 10px;
}

.tooltipster-content .publication-item-settings-content {
    display: initial;
}

.publication-item-settings-content {
    display: none;
}


/* Chat */

.messages .messages-list .unread {
    background-color: #edf2fa;
}

.chat-page .offer-block .offer-description>div {
    max-width: 50%;
    word-break: break-word;
}

.chat .status-text {
    width: 100%;
    text-align: center;
}

.text-container {
    padding: 10px;
    background: whitesmoke;
    border-radius: 10px;
    border-color: #aaa;
    margin-right: 10px;
    border-style: solid;
    height: 100px;
}

.mytext {
    border: 0;
    padding: 10px;
    background: whitesmoke;
    resize: none;
    border: 0;
    background: whitesmoke;
    width: 250px;
    height: 65px;
}

.mytext~span.error {
    display: block;
    width: 250px;
}

.container-flex>.content {
    padding-right: 20px;
}

a.returnLink {
    color: lightgrey;
    text-decoration: none;
}

h1.pageHeader {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 18px;
}

.topChat {
    text-align: center;
    display: flex;
    justify-content: space-around;
    min-height: fit-content;
}

.chat> :first-child {
    margin-top: auto;
    /* use !important to prevent breakage from child margin settings */
}

.topChat .column1 {
    text-align: left;
}

.topChat .column3 {
    justify-content: flex-end;
}

.topChat .column1,
.topChat .column3 {
    width: 25%;
}

.topChat .column2 {
    flex-grow: 1;
}

.topChat .message-image {
    min-width: fit-content;
    max-height: fit-content;
    margin-bottom: 5px;
    border-radius: 50%;
    box-shadow: 0px 0 1px 1px lightgrey;
    overflow: hidden;
    position: relative;
}

.topChat .message-image img {
    height: 30px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.chatNotification {
    text-align: center;
    font-weight: bold;
    margin: 10px;
}

.status-text.accepted {
    background-image: linear-gradient(to bottom right, #6EAF88, #77E095);
    padding: 10px;
    border-radius: 10px;
}

.accepted {
    color: white;
}

.rejected {
    color: red;
}

.newOffer {
    color: blue;
}

.send-button {
    top: -35px;
    position: relative;
}

.text {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.text>p:first-of-type {
    width: 100%;
    margin-top: 0;
    margin-bottom: auto;
    line-height: 13px;
    font-size: 12px;
}

.text>p:last-of-type {
    width: 100%;
    text-align: right;
    color: silver;
    margin-bottom: -7px;
    margin-top: auto;
}

.text-l {}

.exchange-publication-description publication-small-preview {
    width: 50%;
}

.write-message {
    background-color: whitesmoke;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    align-items: flex-end;
    margin-top: 20px;
    min-height: fit-content;
    z-index: 1;
    border: 1px solid gray;
}

.attached-files-list a {
    color: black;
}

.attached-files-list div {
    margin-bottom: 5px;
    cursor: pointer;
}

.send-message-block {
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
}

.send-message-block .attach-files {
    margin-right: 10px;
}

.attach-files,
.attach-files input,
.attach-files .attachment,
.attach-files i {
    cursor: pointer;
}

textarea.autoExpand {
    flex-grow: 2;
    margin: 0 10px;
    display: block;
    box-sizing: padding-box;
    overflow: hidden;
    border: 0;
    background: whitesmoke;
}

.write-message textarea:focus {
    outline: none;
}

.message-text {
    word-break: break-word;
    width: fit-content;
    background-color: whitesmoke;
    padding: 10px;
    border-radius: 10px;
}

.message-time {
    color: gray;
    font-size: 11px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.text-r {
    flex-direction: row-reverse;
}

.text-r .text {
    align-items: flex-end;
}

.avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    float: left;
    padding-right: 10px;
}

.macro {
    margin-top: 5px;
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    min-height: fit-content;
}

.msj-rta {
    float: right;
    background: whitesmoke;
}

.msj {
    float: left;
    background: white;
}

.frame {
    background: #e0e0de;
    height: 450px;
    overflow: hidden;
    padding: 0;
}

.frame>div:last-of-type {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
}

body>div>div>div:nth-child(2)>span {
    background: whitesmoke;
    padding: 10px;
    font-size: 21px;
    border-radius: 50%;
}

body>div>div>div.msj-rta.macro {
    margin: auto;
    margin-left: 1%;
}

div.chat {
    width: 100%;
    bottom: 47px;
    scrollbar-3dlight-color: blue;
    overflow-y: scroll;
    margin-top: 5px;
}

.msj:before {
    width: 0;
    height: 0;
    content: "";
    top: -5px;
    left: -14px;
    position: relative;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent #ffffff transparent transparent;
}

.msj-rta:after {
    width: 0;
    height: 0;
    content: "";
    top: -5px;
    left: 14px;
    position: relative;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: whitesmoke transparent transparent transparent;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #d4d4d4;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #d4d4d4;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #d4d4d4;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #d4d4d4;
}

.form-field--label-inform {
    position: relative;
}

.publication-grid-item a,
.publication-grid-item .item-title,
.publication-grid-item .item-title div,
.publication-grid-item .item-title h2 {
    text-decoration: none;
    color: #2c2830;
    font-weight: 600;
    font-size: 14px;
}

.main-item .item-title,
.main-item .item-title a,
.main-item .item-title h2,
.main-item .item-title span {
    font-size: 18px;
}

.wants.exchange-for-content {
    background-color: #F4F4F4;
    font-size: 11px;
    padding: 5px 10px;
    margin-top: 5px;
    border: 1px solid #a467d2;
    border-radius: 4px;
}

.wants.exchange-for-content div,
.wants.exchange-for-content span {
    font-size: 11px;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
}

.wants.exchange-for-content span {
    font-size: 10px;
}

.specifications-list,
.specifications-list span,
.specifications-list div {
    font-size: 11px;
    text-align: left;
    font-weight: 600;
}

.publication-grid-item .price,
.publication-grid-item .price div,
.publication-grid-item .price span {
    letter-spacing: 0.5px;
    color: #4E4E4E;
    font-size: 12px;
    padding: 3px 0;
}

.main-item .publication-grid-item .publication-grid-item .price,
.main-item .publication-grid-item .price div,
.main-item .publication-grid-item .price span {
    font-size: 14px
}

.publication-grid-item {
    text-align: left;
    padding: 5px 10px;
}

.item-year {
    background-color: #F4F4F4;
    font-size: 11px;
    padding: 5px;
}

.what-is {
    padding: 50px 100px;
    margin: 50px 0;
    background-image: linear-gradient(to right, #2F266B, #7B4C83);
    color: white;
    font-size: 16px;
    text-align: center
}

.item-scpecifications {
    margin-top: 10px;
}

.message-image {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 50%;
    box-shadow: 0px 0 1px 1px lightgrey;
    overflow: hidden;
    position: relative;
}

.user-car-preview--photo {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 50%;
    box-shadow: 0px 0 1px 1px lightgrey;
    overflow: hidden;
    position: relative;
}

.user-car-preview--photo img {
    border-radius: 50%;
    box-shadow: 0px 0 1px 1px lightgrey;
    height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.user-profile-image-block {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 1px 0 6px 3px #1c1c1c;
    overflow: hidden;
}

.user-profile-image-block img {
    height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.message-image img {
    border-radius: 50%;
    box-shadow: 0px 0 1px 1px lightgrey;
    height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.topImage {
    margin: 10px auto 10px auto;
}

.statusHeader {
    display: flex;
    flex-flow: row-reverse;
}

.statusHeader span {
    margin-right: 10px;
    text-align: center;
    font-size: small;
    color: lightgray;
}

.chat-page .comparison-slider-wrapper {
    width: 150px!important;
}

.chat-page .link-to-publications {
    justify-content: space-around;
}

.chat-page .link-to-publications a {
    font-size: smaller;
    color: gray;
}

.chat-page .one-publication-chat-preview {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    min-height: fit-content;
}

.chat-page .one-publication-chat-preview .topChat.exhcnage-preview {
    border: 1px solid;
    padding: 10px;
    max-width: fit-content;
    align-content: center;
    border-radius: 3px;
}

.chat-page .one-publication-chat-preview .item-image-small-box {
    display: block;
}

.chat-page .one-publication-chat-preview publication-small-preview {}

.pagination-numbers {
    text-align: right;
    color: #1c1c1c;
    margin-top: 10px;
}

.pagination-numbers a {
    color: #1c1c1c;
}

.chat-page .one-publication-chat-preview .topChat .small-preview-item {
    flex-direction: row;
}

.chat-page .one-publication-chat-preview .small-preview-item .item-image-small-box {
    max-width: 300px;
    max-height: fit-content;
    width: 40%;
}

.chat-page {
    flex: 1;
    height: 100%;
}

.chat-page .content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.chat-page .content .chat {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.read-all-btn {
    font-size: 10px;
    color: gray;
    padding: 0;
    margin: 0;
}

.statusHeader .status {
    text-transform: none;
    text-align: center;
}

.contact-row {
    background-color: #eee;
    padding: 10px;
    margin: 10px;
    border-radius: 15px;
    border-color: gray;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
}

.lightgrey {
    color: lightgray;
    text-align: center;
}

.message-type {
    text-align: center;
    font-weight: bold;
}

.pad10 {
    padding: 10px;
}

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

.message-filters {
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

.contact-description {
    border-bottom: 1px solid gray;
    margin: 15px;
    padding: 10px;
    padding-top: 5px;
    font-weight: bold;
}

.contact-container {
    border-bottom: 1px solid gray;
}

.color-code {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    border-radius: 50%;
    border: lightgrey 0.5px solid;
}

.car-preview-color-block {
    display: flex;
    align-items: center;
}

.select2-container .select2-selection--single {
    height: 36px;
    padding: 8px 12px;
}

.color-text {
    position: relative;
    top: -5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

div.file-inputs {
    position: relative;
    float: right;
    width: 30px;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: absolute;
    text-align: right;
    width: 30px;
    -moz-opacity: 0;
    /* filter:alpha(opacity: 0); */
    opacity: 0;
    z-index: 2;
}

.publication-additional-data-checkboxes-conteainer .md-checkbox.otherfeaturesOtro {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .publication-additional-data-checkboxes-conteainer .md-checkbox {
        width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .publication-additional-data-checkboxes-conteainer .md-checkbox {
        width: 100%;
    }
}

.btn-chat {
    font-weight: 400;
    color: black;
    border-color: black;
    background-color: transparent;
}

.small-preview-item {
    background-color: #fff;
    border-width: 2px;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 0 black;
    display: flex;
    height: 100%;
    border: 0.5px solid gray;
    margin: 3px;
}

.small-preview-price {
    font-weight: bold;
}

.small-preview {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 5px;
}

.small-preview-item .item-image-small-box {
    max-width: 300px;
}

.small-preview-item .item-image-small-box img {
    border-radius: 3px;
}

publication-small-preview .small-preview-description {
    flex-grow: 1;
    text-align: left;
}

.topChat.exhcnage-preview .slider-publication-description {
    width: 50%;
    flex-grow: 1;
}

.chatUserName {
    word-break: break-all;
}

.topChat.exhcnage-preview .slider-publication-image {
    width: fit-content;
    cursor: pointer;
}

.form-row-specific-color .content-description {
    padding-top: 12px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.small-preview-item .item-title-small a,
.small-preview-item .item-title-small span {
    font-size: 12px;
}

.small-preview-item span {
    color: #332c2c;
}

.small-preview .item-scpecifications div {
    padding: 3px;
}

.small-preview .item-scpecifications {
    justify-content: space-around;
}

.justify {
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}

.topChat.exhcnage-preview {
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
}

.publication-item-title.item-title-small {
    margin-bottom: 10px;
}

.chat-page .other-user-block .chatUserName {
    margin-top: 10px;
    margin-bottom: 10px;
}

.chat-page .item-image-small-box {
    display: none;
}

.contact-request .chat> :first-child {
    margin: 0;
}

.contact-request .scroll-bar-wrap {
    flex-grow: 0;
}

.scroll-bar-wrap .sidebar-items i {
    margin-left: 3px;
    color: inherit;
}

.topChat-settings {
    height: 15px;
    justify-content: space-between;
    min-height: 15px;
    max-height: 15px;
}

.sidebar-content-right .message-image {
    margin: auto;
}

header .container {
    width: 90%
}

.wrap::after {
    width: 0;
    background-color: #eee;
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
}

.sidebar-content-right .other-user-block {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.topChat .comparison-slider-wrapper {
    width: 250px;
}

.sidebar-content-right .btn,
.sidebar-content-right .btn-border-red {
    padding: 5px 15px;
}

.chat-page .offer-block {
    text-align: center;
}

.chat-page .offer-description {
    margin-top: 15px;
    margin-bottom: 4px;
    justify-content: space-between;
    margin-left: 5px;
    margin-right: 5px;
}

.small-preview-item .exchange-for-content {
    flex-wrap: initial;
    display: flex;
    flex-direction: row;
}

.small-preview-item .wants.exchange-for-content div {
    min-width: fit-content;
}

.topChat .small-preview-item {
    background-color: #fff;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 95%;
    border: none;
    margin: 0;
    margin-top: 5px;
}

.topChat .comparison-slider-wrapper {
    margin: 0;
}

.small-preview-item span,
.preview-specifications {
    font-size: 11px;
}

.preview-specifications {
    margin-top: 13px;
}

.ralign {
    text-align: right;
}

.flex-row {
    flex-flow: row;
    display: flex;
}

.small-wrapper {
    display: flex;
    flex-flow: row wrap;
}

.small-wrapper {
    flex: 1 100%;
}

.item-image-small-box {
    display: block;
    position: relative;
}

.exchangeOptions-price select {
    width: 100%;
}

.exchangeOptions-price>div {
    width: 50%;
    height: 100%;
    margin: 10px;
    padding: 10px;
}

.exchangeOptions-price.form-field--inform {
    align-items: start;
}

.exchangeOptions-price-inform {
    border: #7243c0;
}

.exchangeOptions-price-inform .inform {
    width: 40px;
    height: 40px;
    background: none;
    background-color: #c599e4;
    border-radius: 50%;
    color: white;
    font-weight: bolder;
    text-align: center;
    padding-top: 11px;
}

.card.theme-purple {
    border-radius: 11px;
}

.card__text__heading,
.card__sender__heading {
    font-size: 10px;
    text-transform: uppercase;
    color: #B5B5B5;
}

.card {
    z-index: 1;
    position: relative;
    width: 90%;
    height: fit-content;
    margin-left: 18px;
    margin-bottom: 15px;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    transition: margin 0.4s 0.1s;
}

.card.active {
    transition: margin 0.4s;
}

.card.flip-step1 {
    margin-bottom: 175px;
}

.card.flip-step2 {
    margin-bottom: 245px;
}

.card.flip-step3 {
    margin-bottom: 330px;
}

.card.req-active1 {
    transition: margin 0.6s cubic-bezier(0.77, 0.03, 0.83, 0.67);
    margin-bottom: 55px;
}

.card.req-active2 {
    transition: margin 0.6s cubic-bezier(0.31, 0.14, 0.48, 1.52);
    margin-bottom: 477px;
}

.card.req-closing1 {
    transition: margin 0.5s;
    margin-bottom: 175px;
}

.card.req-closing2 {
    transition: margin 0.5s;
    margin-bottom: 15px;
}

.card.hidden-hack .card__part-2>.m--front {
    display: none;
}

.card.no-transition {
    transition: all 0s 0s !important;
}

.card.no-transition * {
    transition: all 0s 0s !important;
}

.card.theme-purple .card__face__colored-side {
    background-image: linear-gradient(to right bottom, #3023ae, #5836b9, #7243c0, #9052c8, #a45ccd);
}

.card.theme-purple .card__face__path {
    background-image: linear-gradient(to right bottom, #3023ae, #5836b9, #7243c0, #9052c8, #a45ccd);
    border-color: #BA68C8;
}

.card.theme-purple .card__header {
    background: #7243c0;
}

.card.theme-purple .card__sender__rating__star {
    color: #7243c0;
}

.card.theme-purple .card__path-big {
    background-image: linear-gradient(to right bottom, #3023ae, #5836b9, #7243c0, #9052c8, #a45ccd);
    border-color: #7243c0;
}

.card__part {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: 11px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card__part__side {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card__part__side.m--back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.card__part__side.m--front {
    background: #fff;
}

.card__part-1 {
    top: 0;
    height: 100%;
    transition: all 0.25s;
    -webkit-transform: translateZ(-3px);
    transform: translateZ(-3px);
}

.card.flip-step1 .card__part-1 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.card.req-closing2 .card__part-1 {
    border-radius: 11px;
}

.card__part-2 {
    z-index: 6;
    top: 100%;
    height: 100%;
    -webkit-transform: rotateX(179deg) translateZ(3px);
    transform: rotateX(179deg) translateZ(3px);
    transition: border-radius 0.25s, -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out, border-radius 0.25s;
    transition: transform 0.5s ease-out, border-radius 0.25s, -webkit-transform 0.5s ease-out;
}

.card__part-2>.m--back {
    overflow: hidden;
    cursor: pointer;
    min-height: fit-content;
}

.card.flip-step1 .card__part-2 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 0;
}

.card.req-active1 .card__part-2 {
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: translate3d(0, -120px, 0);
    transform: translate3d(0, -120px, 0);
}

.card.req-active2 .card__part-2 {
    transition: -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
    transition: transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
    transition: transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52), -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
    -webkit-transform: translate3d(0, 140px, 0);
    transform: translate3d(0, 140px, 0);
}

.card.req-closing1 .card__part-2 {
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.card.req-closing2 .card__part-2 {
    transition: border-radius, -webkit-transform;
    transition: transform, border-radius;
    transition: transform, border-radius, -webkit-transform;
    transition-duration: 0.5s;
    -webkit-transform: rotateX(179deg) translateZ(3px);
    transform: rotateX(179deg) translateZ(3px);
    border-radius: 11px;
}

.card__part-3 {
    top: 100%;
    height: 70px;
    -webkit-transform: rotateX(179deg) translateZ(-3px);
    transform: rotateX(179deg) translateZ(-3px);
    transition: border-radius 0s 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0s 0.5s;
    transition: transform 0.5s, border-radius 0s 0.5s, -webkit-transform 0.5s;
}

.card__part-3>.m--back {
    background: #F7EFF7;
}

.card.flip-step2 .card__part-3 {
    transition: border-radius 0s 0s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0s 0s;
    transition: transform 0.5s, border-radius 0s 0s, -webkit-transform 0.5s;
    border-radius: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.card.req-active1 .card__part-3 {
    transition: height, -webkit-transform;
    transition: transform, height;
    transition: transform, height, -webkit-transform;
    transition-duration: 0.6s;
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0);
    height: 0;
}

.card.req-active2 .card__part-3 {
    transition: height, -webkit-transform;
    transition: transform, height;
    transition: transform, height, -webkit-transform;
    transition-duration: 0.6s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 75px;
}

.card.req-closing1 .card__part-3 {
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: rotateX(179deg) translateZ(-3px);
    transform: rotateX(179deg) translateZ(-3px);
}

.card.req-closing2 .card__part-3 {
    transition: border-radius 0.5s;
    border-radius: 11px;
}

.card__part-4 {
    top: 100%;
    height: 70px;
    -webkit-transform: rotateX(179deg) translateZ(0);
    transform: rotateX(179deg) translateZ(0);
    transition: border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0s 0s, height 0.5s;
    transition: transform 0.5s, border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
}

.card__part-4>.m--back {
    background: #F7EFF7;
}

.card__part-4>.m--front {
    padding: 10px 20px;
    opacity: 0;
    transition: opacity 0s 0.5s;
}

.card.flip-step2 .card__part-4 {
    transition: border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0s 0s, height 0.33s 0.165s;
    transition: transform 0.5s, border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card.flip-step3 .card__part-4 {
    transition: border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0s 0s, height 0.33s;
    transition: transform 0.5s, border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
    height: 85px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.card.flip-step3 .card__part-4>.m--front {
    opacity: 1;
    transition: opacity 0s 0s;
}

.card.req-closing1 .card__part-4 {
    transition: border-radius 0.5s;
    border-radius: 0;
}

.card.req-closing2 .card__part-4 {
    transition: border-radius 0.5s;
    border-radius: 11px;
}

.card__part__inner {
    overflow: hidden;
    position: relative;
    height: 100%;
    border-radius: inherit;
    min-height: fit-content;
}

.card__text {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}

.card__text:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
}

.card__text p {
    width: 200%;
}

.card__text--left {
    left: 0;
}

.card__text--right {
    left: 50%;
}

.card__text__heading {
    line-height: 1;
    margin-bottom: 3px;
}

.card__text__middle {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #4B4D52;
}

.card__text__bottom {
    font-size: 14px;
    color: #555A5F;
}

.card__face {
    padding: 20px 20px 15px;
}

.card__face:after {
    content: "";
    z-index: 5;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), white 60%, white 100%);
}

.card__face__colored-side {
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
    transition: width 0.3s;
}

.card__face__price {
    margin-top: -3px;
    font-weight: normal;
    font-size: 22px;
    color: #555A5F;
    transition: color 0.3s;
}

.card__face:hover .card__face__price {
    color: #fff;
}

.card__face__divider {
    position: absolute;
    left: 80px;
    top: 10px;
    width: 1px;
    height: calc(100% - 20px);
    background: #ECECEC;
}

.card__face__path {
    position: absolute;
    left: 105px;
    top: 36px;
    width: 2px;
    height: 23px;
}

.card__face__path:before,
.card__face__path:after {
    content: "";
    position: absolute;
    left: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit;
}

.card__face__path:before {
    top: -11px;
}

.card__face__path:after {
    bottom: -9px;
}

.card__face__from-to {
    position: absolute;
    left: 120px;
    top: 20px;
    width: 300px;
    color: #555A5F;
    font-size: 13px;
}

.card__face__from-to:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #ECECEC;
}

.card__face__from-to p:first-child {
    margin-bottom: 15px;
}

.card__face__deliv-date {
    position: absolute;
    left: 20px;
    top: 105px;
    color: #9A9E9E;
    text-transform: uppercase;
    font-size: 12px;
    transition: color 0.3s;
}

.card__face__deliv-date p {
    color: #606568;
    transition: color 0.3s;
}

.card__face:hover .card__face__deliv-date {
    color: rgba(255, 255, 255, 0.8);
}

.card__face:hover .card__face__deliv-date p {
    color: #fff;
}

.card__face__stats {
    position: absolute;
    top: 105px;
    color: #B5B5B5;
    text-transform: uppercase;
    font-size: 12px;
}

.card__face__stats p {
    font-size: 15px;
    color: #ADADAD;
    font-weight: bold;
}

.card__face__stats--req {
    left: 100px;
}

.card__face__stats--pledge {
    left: 190px;
}

.card__face__stats--weight {
    left: 270px;
}

.card__face__stats--weight p {
    text-transform: lowercase;
}

.card__header {
    position: relative;
    height: 40px;
    color: rgba(255, 255, 255, 0.8);
}

.card__header__close-btn {
    z-index: 2;
    position: absolute;
    left: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
}

.card__header__close-btn:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.card__header__close-btn:before,
.card__header__close-btn:after {
    content: "";
    position: absolute;
    left: -4px;
    top: 7px;
    width: 23px;
    height: 2px;
    background: #fff;
}

.card__header__close-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.card__header__close-btn:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.card__header__id {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 40px;
    text-align: center;
}

.card__header__price {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
}

.card__stats {
    position: relative;
    height: 120px;
    background-size: cover;
    background-position: center center;
    transition: opacity 0.6s;
}

.card__stats:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.card.req-active1 .card__stats {
    opacity: 0;
}

.card.req-active2 .card__stats {
    display: none;
}

.card__stats__item {
    position: absolute;
    bottom: 10px;
}

.card__stats__item--req {
    z-index: 2;
    left: 20px;
}

.card__stats__item--pledge {
    z-index: 1;
    left: 0;
    width: 100%;
    text-align: center;
}

.card__stats__item--weight {
    z-index: 2;
    right: 20px;
    text-align: right;
}

.card__stats__type {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
}

.card__stats__value {
    font-size: 19px;
    font-weight: bold;
    color: #fff;
}

.card__map {
    display: none;
    overflow: hidden;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 110px;
    opacity: 0;
}

.card.map-active .card__map {
    display: block;
}

.card.req-active2 .card__map {
    transition: height 0.48s;
    height: 310px;
    z-index: 5;
    opacity: 1;
}

.card.req-closing1 .card__map {
    transition: height 0.5s;
    height: 120px;
}

.card.req-closing2 .card__map {
    transition: opacity 0.5s;
    opacity: 0;
}

.card__map__inner {
    position: absolute;
    left: -5%;
    top: -5%;
    width: 110%;
    height: 341px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
    transition: transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
    transition: transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4), -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
}

.card.req-active2 .card__map__inner {
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}

.card__sender {
    position: relative;
    height: 90px;
    padding: 10px 20px 0;
}

.card.req-active2 .card__sender {
    height: 160px;
}

.card__sender:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ECECEC;
    transition: opacity 0.3s;
    opacity: 0;
}

.card.req-active2 .card__sender:after {
    opacity: 1;
}

.card__sender__heading {
    margin-bottom: 5px;
}

.card.req-active1 .card__sender__heading {
    transition: opacity, margin;
    transition-duration: 0.48s;
    opacity: 0;
    margin-top: -9px;
}

.card.req-active2 .card__sender__heading {
    pointer-events: none;
}

.card__sender__img-cont {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    border-radius: 8px;
}

.card__sender__img-cont__inner {
    height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.card__sender__img {
    width: 100%;
    min-height: 100%;
}

.card__sender__name-and-rating {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    max-width: 180px;
    height: 55px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.card__sender__name {
    font-size: 18px;
    color: #3B424A;
}

.card__sender__rating {
    font-size: 14px;
}

.card.req-active1 .card__sender__rating {
    transition: opacity 0.48s;
    opacity: 0;
}

.card.req-active2 .card__sender__rating {
    display: none;
}

.card__sender__rating__star {
    opacity: 0.3;
}

.card__sender__rating-1 .card__sender__rating__star:nth-child(1) {
    opacity: 1;
}

.card__sender__rating-2 .card__sender__rating__star:nth-child(1) {
    opacity: 1;
}

.card__sender__rating-2 .card__sender__rating__star:nth-child(2) {
    opacity: 1;
}

.card__sender__rating-3 .card__sender__rating__star:nth-child(1) {
    opacity: 1;
}

.card__sender__rating-3 .card__sender__rating__star:nth-child(2) {
    opacity: 1;
}

.card__sender__rating-3 .card__sender__rating__star:nth-child(3) {
    opacity: 1;
}

.card__sender__rating-4 .card__sender__rating__star:nth-child(1) {
    opacity: 1;
}

.card__sender__rating-4 .card__sender__rating__star:nth-child(2) {
    opacity: 1;
}

.card__sender__rating-4 .card__sender__rating__star:nth-child(3) {
    opacity: 1;
}

.card__sender__rating-4 .card__sender__rating__star:nth-child(4) {
    opacity: 1;
}

.card__sender__rating-5 .card__sender__rating__star:nth-child(1) {
    opacity: 1;
}

.card__sender__rating-5 .card__sender__rating__star:nth-child(2) {
    opacity: 1;
}

.card__sender__rating-5 .card__sender__rating__star:nth-child(3) {
    opacity: 1;
}

.card__sender__rating-5 .card__sender__rating__star:nth-child(4) {
    opacity: 1;
}

.card__sender__rating-5 .card__sender__rating__star:nth-child(5) {
    opacity: 1;
}

.card__sender__rating__count {
    font-size: 12px;
    color: #8C9093;
}

.card__sender__address {
    font-size: 12px;
    color: #8C9093;
    opacity: 0;
    pointer-events: none;
}

.card.req-active2 .card__sender__address {
    transition: opacity 0.6s;
    opacity: 1;
    pointer-events: auto;
}

.card__receiver {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
}

.card.req-active2 .card__receiver {
    transition: height 0.6s;
    height: 65px;
}

.card__receiver__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 65px;
}

.card__path-big {
    position: absolute;
    right: 26px;
    top: 55px;
    width: 2px;
    height: 57px;
    opacity: 0;
}

.card.req-active2 .card__path-big {
    transition: opacity 0.3s;
    opacity: 1;
}

.card__path-big:before,
.card__path-big:after {
    content: "";
    position: absolute;
    left: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit;
}

.card__path-big:before {
    top: -13px;
}

.card__path-big:after {
    bottom: -11px;
}

.card__from-to {
    position: relative;
    height: 70px;
    padding: 10px 20px 0;
}

.card.req-active1 .card__from-to {
    transition: opacity 0.48s;
    opacity: 0;
}

.card.req-active2 .card__from-to {
    display: none;
}

.card__from-to__inner {
    position: relative;
    height: 100%;
}

.card__from-to__inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 1px;
    background: #ECECEC;
}

.card__timings {
    position: relative;
    height: 100%;
    padding: 10px 20px 0;
}

.card.req-active1 .card__timings {
    transition: opacity 0.48s;
    opacity: 0;
}

.card.req-active2 .card__timings {
    display: none;
}

.card__timings__inner {
    position: relative;
    height: 100%;
}

.card__timer {
    display: none;
    margin-top: 22px;
    font-size: 30px;
    color: #A4ADAD;
    text-align: center;
}

.card.req-active2 .card__timer {
    display: block;
}

.card__request-btn {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #FFBD18;
    text-transform: uppercase;
    font-size: 18px;
    color: #3F2F1F;
    outline: none;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    letter-spacing: 0;
    transition: letter-spacing 0.3s;
}

.card__request-btn__text-1 {
    transition: opacity 0.48s;
}

.card.req-active1 .card__request-btn__text-1 {
    opacity: 0;
}

.card.req-active2 .card__request-btn__text-1 {
    display: none;
}

.card__request-btn__text-2 {
    z-index: -5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.6s;
}

.card.req-active2 .card__request-btn__text-2 {
    z-index: 1;
    opacity: 1;
}

.card__request-btn:hover {
    letter-spacing: 5px;
}

.card__counter {
    position: absolute;
    left: 0;
    top: 57px;
    width: 100%;
    font-size: 14px;
    color: #A2A2A5;
    text-align: center;
    transition: opacity 0.48s;
}

.card.req-active1 .card__counter {
    opacity: 0;
}

.card.req-active2 .card__counter {
    display: none;
}

.new-publication .contact-info {
    margin-top: 120px;
}

select:disabled {
    opacity: 0.6;
}

.tooltipster-sidetip .tooltipster-content {
    padding: 20px 14px;
}

.wanted-years-content select,
.wanted-options-content-distance-range input {
    width: 50%;
}

.photo-step {
    display: flex;
    align-items: flex-end;
}

.photo-step-number {
    font-size: 56px;
    font-family: 'Cunia';
    color: #7B4C83;
}

.photo-step-description {
    flex: 2 0px;
}

.photo-step-container {
    display: flex;
    flex-direction: column;
}

.alert {
    min-width: 150px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    /* display: none; */
}

.alert-success {
    background-color: #91cf91;
    border-color: #80c780;
    color: #3d8b3d;
}

@-webkit-keyframes slide-show {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-show {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.bar-top {
    position: fixed;
    z-index: 1000;
    display: none;
    align-items: center;
    padding: 17px;
    color: #fff;
    opacity: 0.95;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.bar-top.do-show {
    display: flex;
    animation: slide-show 1s forwards, slide-show 1s reverse forwards 6s;
}

.bar-top[data-notification-status="notice"] {
    background-color: #29B6F6;
}

.bar-top[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-top[data-notification-status="warning"] {
    background-color: #FFCA28;
}

.bar-top[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-top[data-notification-status="error"] {
    background-color: #EF5350;
}

.bar-top[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-top[data-notification-status="success"] {
    background-color: #66BB6A;
}

.bar-top[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-top[data-notification-status="question"] {
    background-color: #8D6E63;
}

.bar-top[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-top[data-notification-status="plain"] {
    background-color: #333;
}

.publicationId {
    font-weight: bold;
}

.gray-box-container.iwant>div {
    padding: 10px 0;
}

.business-brands {
    padding-bottom: 5px;
}

.business-brands-modal-form,
.business-address-modal-form {
    max-width: inherit;
    width: 80%;
    margin-bottom: 20px;
}

.business-brands-item {
    width: 25%;
    margin-bottom: 30px;
}

.business-brands-item-image-container {}

.business-brands-item .md-checkbox input {
    top: 15px;
}

.business-brands-item .md-checkbox label::before,
.business-brands-item .md-checkbox label::after {
    top: 15px;
}


/* Cars logos */

.car-logo,
.business-brands img {
    width: 50px;
    height: 50px;
    background-size: cover;
    /* <------ */
    background-repeat: no-repeat;
    background-position: center center;
}

.map {
    height: 300px;
    width: 500px;
}

.schedule-hours-week-way {
    min-width: 50px;
    width: 20%;
    color: white;
}

.schedule-hours-item {
    margin: 10px 0;
}

.schedule-hours-item label {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: grey;
}

.business-address-modal-form .intl-tel-input input {
    height: 100%;
}

.business-address-modal-form .phone-item {
    margin-bottom: 10px;
    display: flex;
    position: relative;
}

.business-address-modal-form .intl-tel-input {
    flex-grow: 1;
}

select.phone-type,
.business-address-modal-form .form-row select.phone-type {
    width: fit-content;
}

input.phone-ext {
    width: 100px;
}

.business-address-block-preview>span:not(:last-child)::after {
    content: ','
}

.edit-business-logo {
    margin-bottom: 20px;
}

.edit-business-logo img {
    max-width: 200px;
}

.social-link-block-business {
    display: flex;
    flex-direction: row;
    position: relative;
}

.facebook-icon,
.instagram-icon,
.twitter-icon {
    position: absolute;
    top: 5px;
    left: 6px;
}

.facebook-icon::after {
    display: inline-flex;
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/facebook_logo.png) no-repeat;
}

.instagram-icon::after {
    display: inline-flex;
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/instagram_icon.png) no-repeat;
}

.twitter-icon::after {
    display: inline-flex;
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/twitter-logo.png) no-repeat;
}

.social-form-field {
    padding-left: 35px;
}

.business-container-address {
    display: flex;
    flex-wrap: wrap;
}

.business-address-modal-form .form-row select {
    width: 100%;
    min-width: inherit;
}

.business-address-modal-form .schedule-hour-item {
    align-items: center;
}

.between-hours {
    margin: 0 10px;
}

.business-address-modal-form .phone-item .error {
    position: absolute;
    left: 100%;
    bottom: 5px;
}

.business-address-modal-form .open-hours {
    display: flex;
    align-items: center;
}

.business-container-address .form-row {
    width: 50%;
}

.business-address-modal-form .md-checkbox {
    margin: 0;
}

.business-address-modal-form .schedule-hour-item {
    margin: 10px 0;
    min-height: 40px;
}

.btn-link-delete {
    margin-left: 20px;
}

.modal .open-hours .error {
    position: absolute;
    content: '';
    left: 100%;
    top: 10px;
    display: inline;
}

.google-map {
    width: 300px;
    min-width: 300px;
}

.google-map iframe {
    width: 300px;
    height: 150px;
}

.business-profile .remove-photo {
    top: 0;
}

.business-financing {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.business-id,
.user-id {
    font-size: 12px;
    text-align: right;
    padding-bottom: 12px;
    color: #332c2c;
    border-bottom: 1px solid #ccc;
}

.business-id span,
.user-id span {
    font-size: 12px;
}

.help-block .sidebar-user--image img {
    width: 100%
}

.help-block .sidebar-user--image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

business-dashboard-menu .sidebar-image img {
    /* border-radius: 50%; */
    /* box-shadow: 1px 0 6px 3px #1c1c1c; */
    border: none;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    height: 100%;
}


/* Absolute Center Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Transparent Overlay */

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.business-header-logged .header-image {
    max-height: 46px;
}

.business-header-logged .header-image .helper,
.business-photos .helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.header-description {
    line-height: 1.5em;
}

.slick-slide {
    text-align: center;
}

.slick-slide img {
    vertical-align: middle;
    display: inline-block;
}

.business-photos {
    max-width: 600px;
}

.business-brands img {
    cursor: pointer;
    width: 70px;
    height: 70px;
}

.ui-sortable-placeholder {
    border: 1px dotted black;
    height: 70px;
    width: 70px;
    visibility: visible!important;
}

.ui-sortable-placeholder img {
    visibility: hidden;
}

.business-brands .ui-sortable-handle {
    margin: 5px;
    text-align: center;
}

.ui-sortable-handle {
    cursor: pointer;
}

.business-brands .business-item {
    margin: 5px;
    text-align: center;
    flex-grow: 1;
}

.business-profile-preview .btn-block .btn {
    display: inline-block;
}

.business-profile-preview .address-item {
    word-break: break-word;
}

.business-profile-preview .content-title--text-header {
    text-transform: uppercase;
    font-weight: bolder;
}

.business-profile-preview .social-block a {
    position: relative;
    cursor: pointer;
}

.business-photos .thumbs img {
    max-width: 100px;
}

.business-profile-preview .btn-block {
    text-align: center;
}

.business-profile-preview .business-id {
    margin-top: 10px;
    border: none;
}

.business-tags .business-tag {
    font-size: 12px;
    border: 0.5px gray solid;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    margin: 3px;
}

.address-item {
    margin: 20px 0;
}

.address-item .business-contact-info {
    flex-grow: 1;
    min-width: 30%;
}

.address-item .address-item-details {
    display: flex;
    align-items: center;
}

.address-item .address-item-details i {
    margin-right: 8px;
}

.schedule-title {
    font-size: 16px;
}

.address-item div,
.address-item span {
    font-size: 14px;
    letter-spacing: 0.05em;
    font-family: 'Airbnb Cereal App';
    margin: 8px 0;
    word-break: break-word;
}

.gray-box {
    background-color: whitesmoke;
    padding: 20px;
}

.social-block {
    margin: 20px 30px 0 0;
}

.gray-border-container {
    padding-bottom: 30px;
}

.business-profile-preview .description {
    letter-spacing: 0.05em;
    line-height: 1.3;
}

.business-profile-preview .business-tags {
    margin-bottom: 15px;
}

.business-profile-preview .slick-slide {
    text-align: left;
}

.business-profile-preview .slider-nav .slick-track {
    overflow: hidden;
    width: 100px;
    margin: 0px;
}

.business-profile-preview .slider-nav .slick-slide {
    width: 100px!important;
}

.business-profile-preview .slider-for.slick-initialized.slick-slider {
    max-height: 245px;
    overflow: hidden;
}

.slider-for.slick-initialized.slick-slider .slick-slide img {
    min-height: 245px;
}

.business-profile-preview .slider-nav {
    width: 100px;
    overflow: hidden;
}

.gray-border-container .address-item>div,
.gray-border-container .address-item span {
    margin: 8px 0;
}

.new-publication-business .form-row.form-row-specific-color {
    flex-direction: column;
    margin-left: 150px;
    max-width: 300px;
    padding-top: 0;
    padding-bottom: 12px;
}

.new-publication-business .form-select--default .error {
    position: absolute;
    top: 13px
}

.new-publication-business .form-row.form-row--inline,
.new-publication-business .md-radio.md-radio-inline {
    position: relative;
}

.new-publication-business .upload-photo {
    margin-top: 5px;
}

.form-row--inline {
    display: flex;
}

.form-row--inline label {
    min-width: 150px;
    padding-top: 10px;
}

.form-row--inline .form-label--require:after {
    top: 12px;
}

.new-publication-business .form-row--inline input {
    min-width: 300px;
}

.new-publication-business .form-row--inline .md-radio label {
    min-width: auto;
}

.new-publication-business .exchangeOptions-item-title {
    font-size: 16px;
}

.new-publication-business .form-row {
    padding-top: 12px;
}

.new-publication-business div.exchangeOptions-item.form-container {
    margin-bottom: 20px;
    padding-top: 20px;
}

.new-publication-business .md-radio label {
    height: auto;
    padding-top: 5px;
    padding-right: 1px;
}

.new-publication-business .md-radio-inline {
    padding-right: 15px;
}

.new-publication-business .tags-additional-info {
    margin: 0px 0 20px 30px;
}

.new-publication-business .tags-additional-info input {
    max-width: 150px;
    padding: 4px;
}

.new-publication-business .tags-additional-info .form-field {
    max-width: 150px;
    padding: 4px;
    padding-left: 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.new-publication-business .tags-additional-info .form-row {
    padding-top: 0px;
}

.new-publication-business .md-checkbox {
    margin: 1em 0;
}

.new-publication-business .tags-additional-info .md-checkbox {
    margin: 0.5em 0;
}

.new-publication-business .tags-additional-info .form-row--select select {
    min-width: fit-content;
    padding-right: 23px;
}

.tags-additional-info .form-select-wrap::after {
    top: 12px;
}

.new-publication-business .tags-additional-info .form-row--inline label,
.new-publication-business .tags-additional-info .form-row--inline span {
    padding-top: 7px;
}

.new-publication-business .tags-additional-info .form-row--inline label {
    min-width: 200px;
}

.month_year_datepicker .ui-datepicker-calendar,
.month_year_datepicker button.ui-datepicker-current {
    display: none;
}

.crop {
    line-clamp: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    line-height: 1.1em;
}

.recomendations-modal ul {
    list-style: circle;
}


/* business-dahsboard */

.business-dashboard,
.main-business-dashboard {
    background-color: #2c2830;
    color: rgba(255, 255, 255, 0.8);
}

.business-dashboard div,
.business-dashboard span,
.business-dashboard h1,
.business-dashboard h4,
.business-dashboard h2,
.business-dashboard label {
    color: rgba(255, 255, 255, 0.8);
}

.main-business-dashboard business-dashboard-menu {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.dashboard,
.main-business-dashboard {
    background-color: #2c2830;
    color: rgba(255, 255, 255, 0.8);
}

.dashboard div,
.dashboard span,
.dashboard h1,
.dashboard h2,
.dashboard h4,
.dashboard label {
    color: rgba(255, 255, 255, 0.8);
}

.main-business-dashboard business-dashboard-menu,
.main-business-dashboard dashboard-menu {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.social-link-block-business {
    margin-top: 5px;
}

.business-profile .form-row .md-checkbox {
    margin-top: 10px;
}

.dashboard .hello {
    margin-top: 20px;
    margin-bottom: 10px;
}

.dashboard .contact-information {
    display: flex;
    border: 1px white solid;
    padding: 30px;
    margin-top: 30px;
    border-radius: 15px;
}

.dashboard .contact-information-left {
    width: 50%;
    border-right: 1px white solid;
    margin-right: 20px;
}

.dashboard .contact-information-right {
    width: 50%;
}

.dashboard .contact-information-left>div,
.dashboard .contact-information-right>div {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
}

.dashboard .contact-information-left label,
.dashboard .contact-information-right label {
    font-weight: bold;
}

.dashboard .navigation-block div {
    width: 23%;
    border: 1px white solid;
    padding: 30px;
    border-radius: 15px;
    margin-top: 15px;
    flex-grow: 1;
}

.dashboard .navigation-block div:not(.no-margin-right) {
    margin-right: 15px;
}

.dashboard .navigation-block div.add-publication,
.dashboard .navigation-block div.reviews,
.no-margin-right {
    margin-right: 0!important;
}

.dashboard .navigation-block,
.dashboard .additional-navigation-block-left {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.dashboard .additional-navigation-block-left div {
    width: 31%;
    border: 1px white solid;
    padding: 30px;
    border-radius: 15px;
    margin-right: 15px;
    margin-top: 15px;
}

.dashboard .additional-navigation-block {
    display: flex;
}

.messages a.returnLink,
.car-preview a.returnLink {
    font-size: 11px;
}

.dashboard .additional-navigation-block-left .statistics {
    flex: 1 0 60%;
}

.breadcrumbs {
    margin-top: 5px;
}

.user-car-preview--desc .fa-phone {
    font-size: 18px;
}

.user-car-preview--desc .user-name-block {
    margin: 20px 0;
}

.user-car-preview--desc .user-name-block .user-name,
.user-car-preview--desc .user-phone {
    font-weight: bold;
    font-size: 18px;
}

.btn-border-purple {
    color: black;
    border: 1px solid #6E41C0;
}

.contact-owner-buttons {
    display: flex;
    flex-direction: column;
    min-width: fit-content;
}

.user-car-preview--desc a {
    color: gray;
    letter-spacing: 0.5px;
    font-size: 12px;
    margin-left: 20px;
}

.user-car-preview-block .share-buttons-block i {
    cursor: pointer;
}

.publication-description-title {
    font-size: 18px;
    padding-left: 15px;
}

.iwant-title {
    color: #6E41C0;
    font-size: 18px;
    padding-left: 15px;
}

.iwant {
    margin: 10px 0;
    border: 2px solid #6E41C0;
    border-radius: 7px;
}

.user-car-preview-block .share-block {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.publication-item-information .flex-container-wrap>div i {
    font-size: 25px;
    margin-bottom: 10px;
}

.publication-item-information .details,
.publication-item-information .details span,
.publication-item-information .details div {
    font-size: 13px;
}

.add-to-favorites-block>div,
.add-to-favorites-block label {
    cursor: pointer;
}

.details .year {
    background-color: #F4F4F4;
    padding: 5px;
}

.favorite-heart {
    padding-left: 5px;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.favorite-heart i {
    font-size: 18px;
    padding-right: 5px;
}

.link {
    cursor: pointer;
}

.link:hover {
    opacity: 0.8;
}

.user-car-preview-block label {
    letter-spacing: 0.1px;
    color: gray;
}

.dashboard .additional-navigation-block-left {
    flex-grow: 1;
    width: 74%;
}

.dashboard .additional-navigation-block-right {
    width: 24%;
    border: 1px white solid;
    padding: 30px;
    border-radius: 15px;
    margin-top: 15px;
}

.dashboard .business-tag-item {
    border: 1px white solid;
    padding: 5px;
    border-radius: 6px;
    font-size: 12px;
    margin-top: 10px;
}

.sidebar-business.sidebar-user {
    flex-direction: column;
}

.scroll-bar-wrap {
    display: flex;
    flex-grow: 1;
    position: relative;
}

.scroll-box {
    width: 100%;
    overflow-y: scroll;
    scrollbar-base-color: #000;
    scrollbar-face-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #000;
    scrollbar-dark-shadow-color: #000;
}

.scroll-box::-webkit-scrollbar {
    width: .4em;
}

.scroll-box::-webkit-scrollbar,
.scroll-box::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 4px;
}

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

.cover-bar {
    position: absolute;
    background: #fff;
    ;
    height: 100%;
    top: 0;
    right: 0;
    width: .4em;
    -webkit-transition: all .5s;
    opacity: 1;
}

.sidebar .scroll-box::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .5);
}

.sidebar .cover-bar {
    background: #2c2830;
}


/* MAGIC HAPPENS HERE */

.scroll-bar-wrap:hover .cover-bar {
    opacity: 0;
    -webkit-transition: all .5s;
}

.image-slider {
    position: relative;
    display: inline-block;
    line-height: 0;
}


/* Could use a pseudo-element, but they’re currently
   super buggy. See: http://dabblet.com/gist/ab432c3f6a8f672cd077 */

.image-slider>div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 25px;
    max-width: 100%;
    overflow: hidden;
    resize: horizontal;
}


/* Cross-browser resizer styling */

.image-slider>div:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 13px;
    height: 13px;
    padding: 5px;
    background: linear-gradient(-45deg, white 50%, transparent 0);
    background-clip: content-box;
    cursor: ew-resize;
    -webkit-filter: drop-shadow(0 0 2px black);
    filter: drop-shadow(0 0 2px black);
}

.image-slider img {
    user-select: none;
    max-width: 400px;
}

.car-preview .car-price,
.car-preview .car-price span,
.car-preview .car-price div {
    color: #332c2c;
    font-size: 32px;
    font-weight: bold;
}

.receive-whatsapp-checkbox.md-checkbox>label:before,
.receive-whatsapp-checkbox.md-checkbox>label:after {
    top: 5px;
}

.contact-page .form-help .contact-from,
.contact-page .form-help .contact-info {
    padding: 50px;
    width: 100%;
}

.contact-page .form-help {
    border: none;
    background-color: white;
    display: flex;
    padding: 0;
    justify-content: space-between;
}

.contact-page .wrap-contact100 {
    position: relative;
    top: -120px;
    width: 75%;
}

.contact-page .wrap-contact100 .contact-info {
    background-color: #2c2830;
    width: 35%;
    min-width: 35%;
    max-width: 35%;
    color: rgba(255, 255, 255, 0.8);
    background-image: url(/images/df-vector.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.contact-page .wrap-contact100 .contact-info label {
    font-weight: bolder;
    padding-bottom: 10px;
}

.contact-page .wrap-contact100 .contact-info .social-links {
    flex-direction: row;
    justify-content: space-between;
}

.contact-page .wrap-contact100 .contact-info li {
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
}

.notifications .ui-tabs-anchor label {
    cursor: pointer;
}

.notifications li:not(.ui-tabs-active) .ui-tabs-anchor:hover {
    background-color: #ededed;
}

.notifications .ui-tabs-anchor input[type=radio] {
    display: none;
}

.notifications .gridStyle {
    margin: 5px 15px;
}

.notifications .koGrid .settings i {
    cursor: pointer;
    padding-top: 7px;
    height: 100%;
    width: 100%;
}

.notifications .koGrid .settings {
    text-align: center;
}

.notifications .koGrid .kgRow:hover {
    background-color: rgb(230, 230, 230);
    cursor: pointer;
}

.notifications .kgRow.even {
    background-color: white;
}

.kgTopPanel {
    z-index: 1;
}

.exchange-modal .md-radio label {
    display: block;
    min-height: fit-content;
    max-height: fit-content;
    height: fit-content;
    margin-bottom: 10px;
}

.sidebar-user--name {
    word-break: break-all;
}

.review-item .stars {
    margin-left: 5px;
}

.review-item .user-name,
.review-item .user-name a {
    font-size: 18px;
    text-decoration: none;
    line-height: 23px;
}

.favorites-modal .modal-form,
.notifications-modal .modal-form {
    max-width: 80%;
}

.chat-page .content {
    max-height: 100vh;
    min-height: inherit;
    overflow: hidden;
}

.main-information-chat {
    flex-grow: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.messages .settings-block {
    width: 20%;
    justify-content: flex-end;
    align-items: center;
}

.business-main-info {
    width: 40%;
}

.business-profile-preview-content .rating .star-ratings-sprite {
    margin-right: 8px;
}

.business-profile-preview-content .rating {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.business-profile-preview-content .business-photos {
    width: 60%;
    justify-content: flex-end;
}

.business-profile-preview-content .content-title--text {
    padding: 0px;
}

.business-profile-preview-content .business-info-about span,
.business-profile-preview-content .business-info-about label {
    font-size: 13px;
}

.business-profile-preview-content .business-info-about {
    font-size: 13px;
    padding: 2px 0;
}

.business-profile-preview-left-side {
    width: 25%;
}

.business-profile-preview-content {
    width: 75%;
    padding-left: 20px;
}

.business-profile-preview-content .about-us {
    margin-right: 35px;
    width: 30%;
}

.business-profile-preview-content .about-services {
    width: 65%;
}

.business-profile-preview-content .schedule {
    width: 30%;
    min-width: 30%;
    margin: 0px 22px;
}

.reviews-title .star-ratings-sprite {
    margin-left: 8px;
}

.reviews-title .review-details {
    margin-top: 30px;
    color: gray;
    display: flex;
    align-items: center;
}

.publication-item-title-favorite {
    justify-content: flex-end;
}

.publication-item-title-full {
    display: flex;
    justify-content: space-between
}

.sidebar-mobile .sidebar-user,
.sidebar-mobile .cover-bar {
    display: none;
}

.publications-content-header .content-heading {
    margin-bottom: 0;
}

.publications-content-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.publications .publication-item-main {
    padding-left: 5px;
}

.my-publications-item {
    margin: 10px 0;
    border-bottom: 1px solid ghostwhite;
    padding: 10px 0;
}

.schedule-actions-buttons {
    min-width: fit-content;
}


/* FAQ */

.faq {
    display: flex;
}

.faq .topics {
    width: 30%
}

.faq .questions {
    width: 70%
}

.faq .tab-content {
    padding: 0 20px;
}

.faq .accordion {
    margin-top: 0px;
}

.faq .card {
    margin-bottom: 10px;
}

.faq-nav {
    flex-direction: column;
    margin: 0 0 32px;
    border-radius: 2px;
}

.faq-nav .nav-link {
    cursor: pointer;
    font-size: 14px;
    text-transform: initial;
    position: relative;
    display: block;
    margin: 0;
    padding: 20px 36px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #616161;
    transition: background-color 0.2s ease;
    margin-bottom: 10px;
    text-decoration: none;
}

.faq .state {
    position: absolute;
    left: -10000px;
}

.faq .tab-panel .panel {
    background-color: #fff;
    padding: 20px;
    min-height: 300px;
    display: none;
    width: 100%;
    flex-basis: auto;
}

.faq .questions .tab-panel,
.faq .questions .question-panel {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s ease;
    -moz-transition: max-height .3s ease;
    transition: max-height .3s ease;
}

#tab-1:checked~.topics.faq-nav #tab-1-label,
#tab-2:checked~.topics.faq-nav #tab-2-label,
#question-1-1:checked~.questions.tab-content .card #question-1-1-label,
#question-1-2:checked~.questions.tab-content .card #question-1-2-label,
#question-1-3:checked~.questions.tab-content .card #question-1-3-label,
#question-1-4:checked~.questions.tab-content .card #question-1-4-label,
#question-2-1:checked~.questions.tab-content .card #question-2-1-label,
#question-2-2:checked~.questions.tab-content .card #question-2-2-label,
#question-2-3:checked~.questions.tab-content .card #question-2-3-label,
#question-2-4:checked~.questions.tab-content .card #question-2-4-label {
    background-color: #f6f6f6;
    color: #5736B8;
}

#tab-1:checked~.questions #tab-1-panel,
#tab-2:checked~.questions #tab-2-panel,
#question-1-1:checked~.questions.tab-content .card #question-1-1-panel,
#question-1-2:checked~.questions.tab-content .card #question-1-2-panel,
#question-1-3:checked~.questions.tab-content .card #question-1-3-panel,
#question-1-4:checked~.questions.tab-content .card #question-1-4-panel,
#question-2-1:checked~.questions.tab-content .card #question-2-1-panel,
#question-2-2:checked~.questions.tab-content .card #question-2-2-panel,
#question-2-3:checked~.questions.tab-content .card #question-2-3-panel,
#question-2-4:checked~.questions.tab-content .card #question-2-4-panel {
    max-height: 1000px;
}

.card-header {
    cursor: pointer;
}

.faq .card-body {
    padding: 20px 36px;
}

.faq .tab-content .card-body p,
.faq .tab-content .card-body,
.faq .tab-content .card-body div {
    line-height: 1.5em;
}

.faq-nav .nav-link:hover {
    background-color: #f6f6f6;
}

.faq-nav .nav-link.active {
    background-color: #f6f6f6;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
}

.faq-nav .nav-link:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.faq .tab-content .card {
    border-radius: 3px;
}

.faq .card-header {
    background-color: white;
    border-bottom: 0;
}

.tab-content .card-header {
    padding: 20px 36px;
    border-radius: 3px;
}

.tab-content .card-header h5 {
    margin: 0;
}

.tab-content .card-header h5 button {
    display: block;
    font-size: 14px;
    text-transform: initial;
    width: 100%;
    padding: 0;
    border: 0;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
    white-space: normal;
}

.tab-content .card-header h5 button:hover,
.tab-content .card-header h5 button:focus,
.tab-content .card-header h5 button:active,
.tab-content .card-header h5 button:hover:active {
    text-decoration: none;
}

.tab-content .card-body p {
    color: #616161;
}

.tab-content .card-body p:last-of-type {
    margin: 0;
}

.accordion .in .card-body {
    border-top: 1px solid rgba(0, 0, 0, .125);
}


/* FAQ end*/

@media (min-width: 992px) and (max-width: 1199px) {}

@media screen and (max-width: 992px) {
    .flex-container-wrap>div {
        flex-direction: row;
        align-items: center;
        width: 50%;
    }
    .publication-item-information .flex-container-wrap>div i {
        font-size: 20px;
        margin-bottom: 0;
        min-width: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #generic_price_table .col-md-3 {
        float: left;
        width: 50%;
    }
    #generic_price_table .col-md-4 {
        float: left;
        width: 50%;
    }
    #generic_price_table .generic_content {
        margin-bottom: 75px;
    }
}

@media screen and (max-width: 768px) {
    .publication-item-information {
        padding: 0;
    }
    .publication-item-information .crop {
        display: none;
    }
    .flex-container-wrap>div {
        width: auto;
    }
    .search-results-wrapper .item {
        min-height: fit-content;
    }
    #generic_price_table .generic_content {
        margin-bottom: 75px;
    }
    .chat-page .one-publication-chat-preview .small-preview-item .item-image-small-box {
        max-width: 150px;
        width: 30%;
    }
    .content {
        padding: 35px 15px;
        margin-left: 0;
    }
    .business-profile-preview .flex-container,
    .business-profile-preview-content .address-item,
    .publication-item-information .flex-container-space-between {
        display: flex;
        flex-direction: column;
    }
    .chat-page .content {
        max-height: 90vh;
    }
    .messages .status span:nth-child(2):not(:empty) {
        margin-top: 0;
    }
    .sidebar-right {
        display: none;
    }
    .container-flex.conversationItem {
        flex-direction: column-reverse;
    }
    .messages .settings-block {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .messages .status {
        flex-grow: 1;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: row;
    }
    .chatSettings .submenu-text {
        vertical-align: top;
        line-height: 1px;
    }
    .messages .status span {
        font-size: 11px;
        margin-left: 2px;
    }
    .main-information-chat {
        padding-top: 0px;
    }
    .business-profile-preview-content .business-photos {
        width: 300px;
    }
    .business-profile-preview-left-side,
    .business-profile-preview-content,
    .business-profile-preview-content .business-main-info,
    .business-profile-preview-content .about-services,
    .business-profile-preview-content .about-us,
    .business-profile-preview,
    .business-profile-preview-content .gray-border-container,
    .business-profile-preview-content .address-item>div,
    .business-profile-preview-content .schedule {
        width: 100%;
        flex-grow: 1;
        max-width: 100%;
    }
    .business-profile-preview-content {
        padding-left: 10px;
    }
    .gray-border-container {
        padding: 10px;
    }
    .slider-for.slick-initialized.slick-slider .slick-slide img {
        min-height: auto;
        max-width: 100%;
    }
    .main.container-main,
    .body-container {
        min-width: auto;
    }
    .schedule-hours-item .flex-container,
    .business-profile-preview-content .reviews-title {
        flex-direction: row;
    }
    .item-image-box {
        width: 100%;
    }
    .list-grid .item-image-box {
        width: 250px;
    }
    .business-main-info {
        margin: 20px 0;
    }
}

@media (min-width: 525) and (max-width: 768px) {
    .lastMsg {
        width: 350px;
    }
}

@media screen and (max-width: 426px) {
    .page-header {
        padding: 50px 5%;
    }
    .page-header .title {
        font-size: 20px;
    }
    .header-description {
        font-size: 12px;
    }
    .page-header .title-description {
        margin-top: 50px;
        font-size: 14px;
    }
    .faq-search {
        padding: 30px 0px 50px 0px;
    }
    .faq {
        flex-direction: column;
    }
    .faq .card {
        margin: 0;
        margin-bottom: 5px;
    }
    .faq div,
    .faq .topics,
    .faq .questions {
        width: 100%;
    }
    .faq .tab-content {
        padding: 0;
    }
    .address-item .schedule-actions-buttons {
        display: flex;
        margin-top: 0;
    }
    .address-item .schedule-actions-buttons>div {
        margin-right: 10px;
        margin-top: 0;
    }
    .schedule-hours-block {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .myImage {
        max-width: 70px;
    }
    .publications .publication-item-image {
        width: auto;
    }
    .publications .publication-item-content-description,
    .publications .publication-item-content-description span,
    .publications .publication-item-content-description div,
    .publications .publication-item-main span {
        font-size: 13px;
    }
    .publications .publications-content-header a {
        width: fit-content;
    }
    .publications-content-header {
        flex-direction: column;
        margin-bottom: 10px;
    }
    .publications-content-header .content-heading {
        margin-bottom: 10px;
    }
    .kgPagerContainer {
        display: flex;
        flex-direction: column;
        justify-content: unset;
        align-items: flex-end;
    }
    .kgFooterPanel {
        min-height: fit-content;
        display: flex;
        flex-direction: column;
    }
    .gridStyle,
    .gridStyle div:not(.kgPagerLastTriangle):not(.kgPagerFirstTriangle) {
        min-height: fit-content;
        font-size: 13px;
    }
    .notifications .gridStyle {
        margin: 5px 4px;
    }
    .ui-tabs .ui-tabs-panel {
        padding: 1em 3px;
    }
    .review-item .user-name,
    .review-item .user-name a {
        font-size: 14px;
    }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    .ui-state-default a span {
        font-size: 12px;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 0.5em 3px;
    }
    .login,
    .signup {
        max-width: 100%;
        width: 100%;
    }
    .publication-item-title,
    .publication-item-title a,
    .publication-item-title div,
    .publication-item-title span {
        font-size: 16px;
        font-family: 'Airbnb Cereal App';
    }
    .publication-item-information .details,
    .publication-item-information .details span,
    .publication-item-information .details div {
        font-size: 14px;
    }
    .publication-item-information .flex-container-wrap>div i {
        font-size: 14px;
    }
    .list-grid .item-image-box {
        width: 100%;
    }
    .publication-item {
        flex-direction: column;
    }
    .search-results-wrapper .item {
        min-height: fit-content;
    }
    .content {
        padding: 35px 15px;
    }
    .lastMsg {
        width: 150px;
    }
    .message-image {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin: 0px 2px;
    }
    .publication-item-information .details .crop {
        display: none;
    }
    .publication-item-title-full {
        flex-direction: column;
        width: 100%;
    }
    .publication-item-settings-box .publication-item-settings {
        padding: 0;
        border: none;
        background: none;
    }
    .new-publication .form-row,
    .new-publication .form-row div:not(.form-select--default),
    .new-publication .form-row .form-field {
        width: 100%;
    }
    .new-publication .upload-photo--description.form-row div.sidebar-user--image {
        width: auto;
    }
    .address-item {
        flex-direction: column;
    }
    .address-item>div {
        width: 100%;
    }
    .form-row {
        display: flex;
        flex-direction: column;
    }
    .new-publication-business .form-row--inline input {
        min-width: auto;
    }
    .new-publication-business .form-row.form-row--inline,
    .new-publication-business .md-radio.md-radio-inline {
        margin-bottom: 10px;
    }
    .exchangeOptions-price.form-field--inform,
    .dashboard .contact-information {
        flex-direction: column;
    }
    .exchangeOptions-price.form-field--inform>div,
    .dashboard .contact-information>div,
    .additional-navigation-block div,
    .dashboard .additional-navigation-block-left,
    .dashboard .additional-navigation-block-left div,
    .dashboard .additional-navigation-block-right,
    .component .dashboard div.navigation-block div,
    .contact-page .wrap-contact100 .contact-info {
        width: 100%;
    }
    .component .dashboard div.navigation-block div,
    .dashboard .additional-navigation-block-left,
    .dashboard .additional-navigation-block-left div {
        margin-right: 0px;
        padding-right: 0px;
    }
    .dashboard .contact-information-left {
        border-bottom: 1px white solid;
        border-right: none;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
    .additional-navigation-block {
        flex-direction: column;
    }
    .settings-page .form-row {
        padding-right: 0px;
    }
    .form--password-hide {
        position: relative;
    }
    .settings-page .form--password-hide i {
        position: absolute;
        top: 45px;
    }
    .wrap-contact100 {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }
    .contact-page .form-help {
        border: none;
    }
    .contact-page .wrap-contact100 {
        width: 90%;
    }
    .contact-page .form-help .contact-from {
        padding: 50px 10px;
    }
    .form-help-row:not(.form-help-row-full)>div {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .item-scpecifications,
    .publication-item-title-full {
        flex-direction: column;
        width: 100%;
    }
    .publication-item-title-favorite {
        justify-content: space-between;
    }
}