/*#automod-calculator-form {
    width: 100%;
}
#automod-calculator {
    padding: 0 20px;
    width: 100%;
}*/
.automod-fields {
    width: 100%;
    display: flex;
    padding: 40px;
    gap: 20px
}
.automod-field {
    /*width: 20%;
    padding: 5px;*/
    width: 25%;
    padding: 0px;
}
.automod-field .ts-control {
    padding-left: 36px !important;
    height: 60px;
}

.automod-field .ts-control input,
.automod-field #select-model-ts-control::placeholder {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
}

.automod-field .ts-control .item {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    align-items: center;
    display: flex;
}

#automod-calculator .ts-dropdown-content .option {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    padding: 10px 8px;
}

.automod-field .ts-control::before {
    position: absolute;
    top: 18px;
    left: 5px;
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    font-family: fontawesome;
    content: '\f1b9';
    font-weight: 400;
}
.automod-field.brand .ts-control::before {
    content: '\f1b9';
}
.automod-field.model .ts-control::before {
    content: '\f622';
}
.automod-field.year .ts-control::before {
    content: '\f073';
}
.automod-field.engine .ts-control::before {
    content: '\f625';
}


#automod-calculator .ts-wrapper {
    position: relative;
}
#automod-calculator .ts-control::after {
    transition: transform .3s;
    position: absolute;
    top: 17px;
    right: 5px;
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: top;
    font-family: fontawesome;
    content: '\f107';
    font-weight: 400;
}
#automod-calculator .dropdown-active .ts-control::after {
    transform: rotate(180deg);
}


/*.automod-field .ts-wrapper.single {
    transition: all 0.3s ease-in-out !important;
    transition-delay: 0.1s;
}
.automod-field .ts-dropdown {
    visibility: hidden !important;
    opacity: 0 !important;
    transition: all 0.3s ease-in-out !important;
    transition-delay: 0.1s;
}
.automod-field .ts-wrapper.dropdown-active .ts-dropdown {
    visibility: visible !important;
    opacity: 1 !important;
}*/

/*.ts-wrapper {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.ts-dropdown {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0 !important;
    visability: hidden !important;
}
.ts-wrapper.dropdown-active .ts-dropdown {
    opacity: 1 !important;
    visability: visable !important;
}*/

.automod-btn-wrap {
    padding: 5px;
}
.automod-btn {
    border: none;
    width: 100%;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 18px 40px;
    text-align: center;
    cursor: pointer;
    background-color: #e33b26;
    color: #fff;
}
.automod-fields .automod-btn-wrap {
    display: none;
}
.automod-btn-wrap.reservation {
    margin-top: 25px;
}
.automod-results {
    padding: 0 40px 25px 40px;
}
.automod-results .row {
    display: flex;
    padding-bottom: 25px;
}
.automod-results .col {
    width: 33%;
}
.automod-results .col-full {
    text-align: center;
    width: 100%;
}
.automod-results .stock strong {
    color: #dc3545;
}
.automod-results .modded strong {
    color: #28a745;
}

@media screen and (max-width: 768px) {
    .automod-fields {
        padding: 32px 25px;
        flex-wrap: wrap;
    }
    .automod-field {
        width: 100%;
    }
    .automod-results {
        padding: 0 25px 15px 25px;
    }
    .automod-results .row {
        display: block;
        width: 100%;
    }
    .automod-results .col {
        width: 100%;
    }
    .automod-btn-wrap {
        width: 100%;
    }
}