.bg-color { background-color: #F6F7F8; }

.kt-logo { 
    width: 255px;
    height: auto;
    text-align: left;
    margin-top: 61px;
    margin-bottom: 40px;
}

.container {
    width: 1170px;
    padding: 0;
}

.col { padding: 0; }

.col.col-5 {
    width: calc(50% - 3px);
}

.body-full-page {
    background-color: white;
    border: 1px solid #D0D7DC;
    border-radius: 10px;
    padding: 30px;
}

.header-section {
    background: url('http://go.keeptruckin.com/l/97702/2017-11-06/9gwf6q/97702/62465/header_bg.jpg') no-repeat center;
    background-size: contain;
    height: 367px;
    border-radius: 10px 10px 0 0;
    text-align: left;
}

.header-section .text-wrapper {
    width: 432px;
    height: auto;
    word-wrap: break-word;
    margin-left: 77px;
    display: inline-block;
    vertical-align: middle;
}

.header-section .text-wrapper h2 { 
    padding: 41px 100px 25px 0;
    font-weight: 400;
    color: #202020;
}

.header-section .text-wrapper p {
    padding-right: 72px;
    line-height: 2;
}

.sign-petition {
    width: 18px;
    height: auto;
    margin-right: 5px;
}

.btn {
    background-color: #4A88C2;
    border: 1px solid #4A88C2;
    color: white;
    text-transform: none;
}

.btn:hover {
    background-color: #356491;
    border: 1px solid #285175;
}

.btn-petition {
    margin: 35px 0 35px;
}

.body-full-page { margin-bottom: 71px; }

.body-full-page .section-text {
    padding: 53px 63px 71px;
    text-align: left;
}

.body-full-page .section-text p { line-height: 2; }

.hz-separator {
    border-color: rgba(151, 151, 151,0.36);
    width: 87%;
    display: block;
    margin: 0 auto -4px;
}

.body-full-page .section-grid {
    margin: 0 auto;
    margin-top: 71px;
    text-align: center;
}

.body-full-page .section-grid .text-wrapper {
    width: 545px;
    display: block;
    margin: 0 auto;
}

.body-full-page .section-grid h3 {
    color: #585858;
    margin-bottom: 37px;
    font-weight: 400;
}

.body-full-page .section-grid p { line-height: 2; }

.body-full-page .section-grid .card {
    display: block;
    margin: 0 auto;
    width: 361px;
    height: 283px;
    padding: 40px;
    margin: 65px 18px 71px;
    border-radius: 6px;
    text-align: center;
    word-wrap: break-word;
}

.body-full-page .section-grid .card img {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: auto;
}

.body-full-page .section-grid .card .content { 
    margin-top: 40px;
    font-weight: 600;
    line-height: 1.6;
}

.body-full-page .section-grid .card .first.content { margin-top: 56px; }

.body-full-page .section-grid .card img.second { width: 134px; }

.body-full-page .section-data { padding: 71px 60px 0; }

.body-full-page .section-data p {
    margin-top: 23px;
    line-height: 2;
}

.body-full-page .section-data img {
    width: 335px;
    height: auto;
}

.body-full-page .section-data .graph-card {
    width: 260px;
    height: auto;
    text-align: center;
    padding-left: 52px;
    margin-top: 90px;
}

.body-full-page .section-data .graph-card.first {
    border-right: 1px solid rgba(151,151,151,0.24);
    padding-right: 52px;
    padding-left: 0;
}

.body-full-page .section-data .graph-card img {
    width: 149px;
    height: auto;
}

.body-full-page .section-data .section-data-extended img {
    width: 238px;
    height: auto;
    margin-top: 56px;
    margin-right: 10px;
}

.body-full-page .section-data .hz-separator { margin-top: 57px; }

.body-full-page .section-data .section-data-extended p {
    margin: 111px 84px 0 52px;
}

.body-full-page .section-data .hz-separator.second { margin-top: 57px; }

.body-full-page .section-data .section-data-graph { text-align: center; }

.body-full-page .section-data .section-data-graph p { margin-top: 57px; }

.body-full-page .section-data .section-data-graph img {
    width: 627px;
    height: auto;
    margin-top: 39px;
}

.body-full-page .section-data .hz-separator.third { margin-top: 57px; }

.body-full-page .section-data .section-data-drivers img {
    width: 243px;
    height: auto;
    margin-top: 75px;
}
.body-full-page .section-data .section-data-drivers .text-wrapper {
    margin: 78px 69px 0;
}

.body-full-page .section-data .section-data-truck img {
    width: 281px;
    height: auto;
    margin-top: 104px;
}

.body-full-page .section-data .section-data-truck .text-wrapper {
    margin: 58px 30px 0;
}

.body-full-page .section-data .section-data-truck .text-wrapper .survey-txt { margin-bottom: 24px; }

.body-full-page .section-data .section-data-truck .text-wrapper .title { 
    margin-top: 7px; 
    font-weight: 400;
}

.body-full-page .section-data .section-data-truck .text-wrapper p { margin-top: 0; }

.body-full-page .section-data .section-data-truck .text-wrapper .second-grid { margin-top: 18px; }

.body-full-page .section-data .footer-text { margin: 71px 0 71px; }

.body-full-page .hz-separator.third { margin-top: 0; }

.body-full-page .section-solution { 
    margin: 71px 103px 0;
    text-align: center;
}

.body-full-page .section-solution .title { font-weight: 400; }

.body-full-page .section-solution .desc { 
    margin: 31px 0 47px;
    line-height: 2;
}

.body-full-page .section-solution .form-wrapper { margin: 68px 0 99px; }

.body-full-page .section-signatures { 
    margin: 53px 0 53px;
    text-align: center; 
}

.body-full-page .section-signatures .sub-title { 
    font-weight: 600;
    margin-top: 10px;
}

.body-full-page .section-signatures .card {
    border-radius: 6px;
    background-color: white;
    width: 550px;
    min-height: 0;
    height: auto;
    max-height: 213px;
    overflow-y: scroll;
    margin: 62px auto 0;
    text-align: left;
}

.body-full-page .section-signatures .card .card-deck-row { 
    border-bottom: 1px solid rgba(151,151,151,0.24);
    padding: 15px;
}

.body-full-page .section-signatures .card .card-deck-row:last-child { border-bottom: 0; }

.body-full-page .section-signatures .card .card-deck-row img {
    width: 14px;
    height: auto;
    margin-right: 9px;
}

.body-full-page .section-signatures .card .card-deck-row span {
    font-size: 14px;
    font-weight: 600;
}

.form-wrapper .labels { text-align: left; }

.form-wrapper .labels p {
    color: #788C99;
    margin: 8px 0 27px;
    font-weight: 600;
}

form#pardot-form.form .form-field {
    margin-top: 0;
    margin-bottom: 1rem;
    width: calc(100% + 5px);
}

form#pardot-form.form input[type="text"], form#pardot-form.form input[type="url"], form#pardot-form.form input[type="tel"], form#pardot-form.form input[type="number"], form#pardot-form.form input[type="email"], .form-control { 
    border-color: rgba(138,156,167,0.40);
    padding: 0.575rem 0.75rem;
}

form#pardot-form.form .submit {
    position: relative;
    left: 25px;
    top: 27px;
    display: block;
}

form#pardot-form.form .submit input[type="submit"] { text-transform: none; }

.height { height: 1px; }

form#pardot-form.form .submit {
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-transform: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid #3d7bb5;
    padding: 0.81rem 1.76rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    color: #ffffff;
    background-color: #4a88c2;
    outline: 0;
    color: #ffffff;
    background-color: #4a88c2;
    border-color: #3d7bb5;
    width: 100%;
    max-width: 226px;
    border-radius: 6px;
    height: auto;
    max-height: 59px;
}

form#pardot-form.form .submit:hover {
    color: #ffffff;
    background-color: #376ea2;
    border-color: #2e5c88;
}

form#pardot-form.form .submit:hover input[type="submit"] {
    color: #ffffff;
    background-color: #376ea2;
    border-color: #376ea2;
}

form#pardot-form.form .submit input[type="submit"] {
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-transform: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 0;
    padding: 0;
    font-size: 1rem;
    border-radius: 0;
    color: #ffffff;
    outline: 0;
}

form#pardot-form.form .form-field.state .filter-option { margin-top: 3px; }

form#pardot-form.form .form-field.half { width: 50%; }

form#pardot-form.form { white-space: nowrap !important; }

form#pardot-form.form { padding: 0; }

@media only screen and (max-width: 768px) {
    .container {
        width: 100%;
        height: auto;
        padding: 0 15px;
    }

    .kt-logo {
        width: 100%;
        max-width: 255px;
    }

    .height { height: 0; }

    .body-full-page { padding: 16px; }

    .header-section {
        background: url('http://go.keeptruckin.com/l/97702/2017-11-07/9js1qq/97702/62575/header_bg_mob.png') no-repeat center;
        background-size: cover;
        height: 667px;
    }

    .header-section .text-wrapper h2 {
        padding: 58px 15px 24px;
        font-size: 1.2em;
    }

    .header-section .text-wrapper {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .header-section .text-wrapper p {
        padding: 0 22px;
    }

    .btn-petition {
        margin: 61px auto;
        display: block;
    }

    .body-full-page .section-text {
        padding: 56px 38px;
        text-align: center;
    }

    .body-full-page .section-grid {
        margin-top: 49px;
        text-align: center;
    }

    .body-full-page .section-grid .text-wrapper { width: 100%; }

    .body-full-page .section-grid h3 { margin-bottom: 29px; }

    .col.col-5 {
        width: 100%;
    }

    .body-full-page .section-grid .row { margin: 0; }

    .body-full-page .section-grid .card {
        display: block;
        width: 100%;
        height: auto;
        margin: 38px auto 41px;
        float: none;
        box-sizing: border-box;
        text-align: center;
    }

    .body-full-page .section-grid .card img {
        width: 100%;
        max-width: 70px; 
    }

    .body-full-page .section-grid .card img.second { 
        width: 100%;
        max-width: 134px; 
    }

    .body-full-page .section-data {
        padding: 50px 30px 0;
        text-align: center;
    }

    .body-full-page .section-data .row:first-child .col.col-5:nth-child(2) { display: none; }

    .body-full-page .section-data .graph-card {
        width: 100%;
        padding-left: 0;
        margin-top: 60px;
    }

    .body-full-page .section-data .graph-card.first { 
        padding-right: 0;
        border-right: 0;
    }

    .body-full-page .section-data .graph-card img { 
        width: 100%;
        max-width: 139px;
    }

    .body-full-page .section-data .section-data-extended img {
        width: 100%;
        max-width: 180px;
    }

    .body-full-page .section-data .section-data-extended p { margin: 60px 15px 0; }

    .body-full-page .section-data .section-data-graph img {
        width: 100%;
        max-width: 500px;
    }

    .body-full-page .section-data .section-data-drivers img {
        width: 100%;
        max-width: 243px;
    }

    .body-full-page .section-data .section-data-drivers .text-wrapper { margin: 70px 15px 0; }

    .body-full-page .section-data .section-data-truck img {
        width: 100%;
        max-width: 281px;
    }

    .col.col-3,
    .col.col-4,
    .col.col-6,
    .col.col-7 {
        width: 100%;
    }

    .body-full-page .section-data .section-data-truck .text-wrapper {
        margin: 55px 15px 0;
    }

    .body-full-page .section-data .footer-text {
        margin: 70px 0 79px;
    }

    .body-full-page .section-solution {
        margin: 77px 18px 0;
    }

    .form-wrapper .row { margin: 0; }

    form#pardot-form.form { padding: 0; }

    .form-wrapper .labels { display: none; }

    form#pardot-form.form .submit {
        position: relative;
        left: 0;
        top: 0;
    }

    .body-full-page .section-signatures .row { margin: 0; }

    .body-full-page .section-signatures .card {
        width: 100%;
        max-width: 653px;
        margin: 55px auto 0;
    }

    .body-full-page .section-signatures .card .card-deck-row p { margin-left: 22px; }

    .body-full-page {
        margin-bottom: 130px;
    }

    form#pardot-form.form { 
        text-align: center;
    }

    .body-full-page .section-data .section-data-extended .text-right { text-align: center; }

    form#pardot-form.form .form-field {
        margin-top: 0px;
        margin-bottom: 1rem;
        width: calc(100% + 0px);
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .header-section { 
        background: url('http://go.keeptruckin.com/l/97702/2017-11-06/9gwf6v/97702/62469/header_bg_2x.jpg') no-repeat center; 
        background-size: cover; 
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width: 768px),
only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 768px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 768px) {
    .header-section { 
        background: url(' http://go.keeptruckin.com/l/97702/2017-11-07/9js1qs/97702/62577/header_bg_mob_2x.png') no-repeat center;
        background-size: cover;
    }
}

button.form-control.form-control-select.dropdown-toggle span { font-size: 1rem !important; }