.main-wrap .low-rate-title{
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.main-wrap #contact-form .form-inner .u-title{
    font-size:20px;   
}   
.form-wrap .form-box .item-input label span{
    font-size: 20px;
    margin: 0 3px 0 20px;
}
.form-wrap .form-box .item-input .item-product label span{
    margin:0;
}
.form-wrap .form-box .item-input label input[type=text]{
    width:160px;
    height:30px;
    padding:5px;
    border:none;
    border-bottom:1px solid #000;
    outline:none;
}
.form-wrap .form-box .item-title p span{
    font-size:12px;
}
#nextcruiser-block, #evtrike-block, #evclassic-block{
    display:none;
}
.form-wrap .c-link-btn a:last-child{
    background-color:transparent;
    color:#1C97B7;
    margin-top: 15px;
    border:1px solid #1C97B7;
}

.form-wrap .product-box .item-product-txt{
    margin-bottom:0 !important;
}
.form-wrap .product-box .item-product-txt:last-of-type{
    font-size:1.1rem;
}

@media screen and (max-width:450px){
    .form-wrap .form-box .item-input .item-product{
        display: block;
        text-align: center;
    }
}





@media screen and (max-width:500px){
    .form-wrap .form-box .item-input label{
        white-space: normal;
        text-align: left;
        font-size: 14px;
    }
}

/* Parts toggled by assets/js/contact.js (error list, input/confirmation screens, buttons and the intro
   above the form). form.css sets .form-wrap .error { display: block; }, so [hidden] needs this rule to win. */
#contact-form [hidden],
.main-wrap .lead[hidden],
.main-wrap .low-rate-title[hidden] {
    display: none;
}

/* reCAPTCHA badge: it is position: fixed with right: -186px (it slides in on hover),
   so without this the page gets a horizontal scroll. Clip what goes past the page width. */
html {
    overflow-x: hidden;
}