.stm-orange {
color: #ffb129;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit {
display: block;
text-decoration: none !important;
padding-bottom: 17px;
border-bottom: 6px solid var(--motors-border-color);
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number {
text-indent: -200px !important;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number:before {
right: 0;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit[href="#step-two"] .number {
text-indent: 2px;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit .number {
position: relative;
margin-bottom: 13px;
width: 31px;
height: 31px;
border: 3px solid --motors-accent-color;
border-radius: 50%;
line-height: 25px;
font-weight: 700;
text-align: center;
color: var(--motors-accent-color);
font-size: 16px;
text-indent: 3px;
overflow: hidden;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit .number:before {
content: "\f00c";
position: absolute;
display: block;
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-style: normal;
font-size: 16px;
text-rendering: auto;
transform: translate(0, 0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
height: 100%;
top: 0;
right: -100%;
line-height: 25px;
text-indent: 0 !important;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit .title {
margin: 0 0 -1px 3px;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit .sub-title {
margin-left: 4px;
color: var(--motors-text-alpha-color);
font-size: 13px;
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit.active {
border-bottom-color: var(--motors-accent-color);
}
.stm-sell-a-car-form .form-navigation .form-navigation-unit.active .number {
background-color: var(--motors-accent-color);
color: var(--motors-contrast-text-color);
}
@media (max-width: 767px) {
.stm-sell-a-car-form .form-navigation .row {
display: flex;
}
.stm-sell-a-car-form .form-navigation .row .col-md-4 {
max-width: 33.33%;
display: flex;
}
.stm-sell-a-car-form .form-navigation .row .col-md-4 .form-navigation-unit .title {
font-size: 3vw;
line-height: 1.3;
}
.stm-sell-a-car-form .form-navigation .row .col-md-4 .form-navigation-unit .sub-title {
margin-top: 3px;
font-size: 3vw;
line-height: 1.2;
}
}
.stm-sell-a-car-form .form-content {
padding-top: 44px;
}
@media (max-width: 767px) {
.stm-sell-a-car-form .form-content {
padding-top: 0;
}
}
.stm-sell-a-car-form .form-content input[type=text], .stm-sell-a-car-form .form-content input[type=tel], .stm-sell-a-car-form .form-content input[type=email], .stm-sell-a-car-form .form-content input[type=search], .stm-sell-a-car-form .form-content input[type=password], .stm-sell-a-car-form .form-content input[type=tel] {
height: 43px;
line-height: 43px;
}
.stm-sell-a-car-form .form-content .stm-sell-a-car-form .form-content textarea {
max-height: 143px;
padding-top: 8px;
}
.stm-sell-a-car-form .form-content .sell-a-car-proceed, .stm-sell-a-car-form .form-content .sell-a-car-proceed:hover {
color: var(--motors-contrast-text-color);
}
.stm-sell-a-car-form .form-content .form-content-unit {
display: none;
}
.stm-sell-a-car-form .form-content .form-content-unit.active {
display: block;
}
.stm-sell-a-car-form .form-content .form-content-unit .contact-us-label {
color: var(--motors-text-alpha-color);
}
.stm-sell-a-car-form .form-content .vehicle-condition {
padding-top: 6px;
}
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit {
padding-bottom: 33px;
margin-bottom: 34px;
border-bottom: 1px solid var(--motors-border-color);
}
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon {
margin-bottom: 13px;
font-size: 30px;
color: var(--motors-text-color);
}
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy {
font-size: 34px;
}
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy-2 {
font-size: 35px;
}
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .title {
margin-bottom: 16px;
}
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label {
margin-right: 40px;
}
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label:last-child {
margin-right: 0;
}
.stm-sell-a-car-form .form-content .contact-details {
margin: 6px 0 43px;
padding: 40px 41px 36px;
background-color: var(--motors-bg-shade);
}
.stm-sell-a-car-form .form-content .contact-details textarea {
height: 106px;
width: 100%;
}
.stm-sell-a-car-form .form-content .contact-details .form-group {
margin-bottom: 24px;
}
.stm-sell-a-car-form .form-content .contact-details .contact-us-label {
margin-bottom: 2px;
}
.stm-sell-a-car-form .form-content .contact-details input[type=text], .stm-sell-a-car-form .form-content .contact-details input[type=tel], .stm-sell-a-car-form .form-content .contact-details input[type=email], .stm-sell-a-car-form .form-content .contact-details input[type=search], .stm-sell-a-car-form .form-content .contact-details input[type=password], .stm-sell-a-car-form .form-content .contact-details textarea {
background-color: var(--motors-bg-color);
}
.stm-sell-a-car-form .form-upload-files .stm-unit-photos {
float: left;
width: 38.48%;
margin-right: 54px;
}
.stm-sell-a-car-form .form-upload-files .stm-unit-url {
overflow: hidden;
}
.stm-sell-a-car-form input[type=submit] {
width: 220px;
margin-right: 48px;
}
.stm-sell-a-car-form .disclaimer {
padding-right: 20px;
margin-top: 2px;
line-height: 22px;
overflow: hidden;
color: var(--motors-contrast-text-color);
}
.sell-a-car-proceed {
margin-top: 27px;
max-width: 220px;
}
.form-upload-files {
padding: 30px 30px 35px;
margin: 15px 0 5px;
border: 3px solid var(--motors-border-color);
}
.stm-pseudo-file-input {
position: relative;
z-index: 20;
}
.stm-pseudo-file-input.generated {
margin-top: 15px;
}
.stm-pseudo-file-input.generated .stm-plus:after {
display: none;
}
.stm-pseudo-file-input:hover {
cursor: pointer;
}
.stm-pseudo-file-input:before {
content: "\e9d4";
position: absolute;
display: block; font-family: "motors-icons";
speak: none;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--motors-text-alpha-color);
top: 10px;
left: 15px;
}
.stm-pseudo-file-input .stm-plus {
position: absolute;
width: 42px;
height: 42px;
top: 0;
right: 0;
background-color: var(--motors-filter-inputs-color);
z-index: 20;
}
.stm-pseudo-file-input .stm-plus:before, .stm-pseudo-file-input .stm-plus:after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
background-color: var(--motors-text-alpha-color);
}
.stm-pseudo-file-input .stm-plus:after {
margin: -4px 0 0 -1px;
width: 3px;
height: 9px;
}
.stm-pseudo-file-input .stm-plus:before {
margin: -1px 0 0 -4px;
width: 9px;
height: 3px;
}
.stm-pseudo-file-input .stm-filename {
padding: 10px 10px 10px 40px;
margin-right: 56px;
background-color: var(--motors-filter-inputs-color);
color: var(--motors-text-alpha-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.stm-pseudo-file-input .stm-file-realfield {
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 15;
}
.stm-pseudo-file-input .stm-file-realfield:hover {
cursor: pointer;
}
#error-fields {
margin-top: 20px !important;
}
.form-error {
border-color: var(--motors-error-text-color);
}