@charset "utf-8";



#page-body {
    margin: auto;
    max-width: 1400px
}

    #page-body .topPad {
        margin: 20px 0 0 55px
    }

@media(max-width:767px) and (min-width:100px) {
    #page-body .topPad {
        margin: 0
    }
}

@media(max-width:1024px) and (min-width:768px) {
    #page-body .topPad {
        margin: 16px 25px
    }

    .contact-us .col-lg-7 {
        width: 100%
    }
}

.lookup-license-plate, .lookup-vin-scan, .lookup-lp-manual, .lookup-vin-manual {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 15px;
    /*flex-wrap: wrap;*/
    margin: 15px 0 25px 0;
    text-align: center;
}

.contactus_camp_desc {
    margin-top: -10px;
    margin-left: 2px
}

.update-details-section .vh-vinsubtitle-v4 {
    color: #000;
    margin-bottom: 0 !important
}

body.modal-open {
    overflow: hidden;
    height: 100%
}

.modal-open {
    position: fixed
}

.modal-open {
    overflow: hidden
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

. col-lg-10, .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-md-10, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-12, .col-sm-3, .col-sm-7, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

@media(min-width:768px) {
    .col-sm-12, .col-sm-3, .col-sm-7 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-3 {
        width: 25%
    }
}

@media(min-width:992px) {
    .col-md-10, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-pull-0 {
        right: auto
    }
}

@media(min-width:1200px) {
    .col-lg-10, .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .modal-header:after, .modal-header:before, .row:after, .row:before {
    display: table;
    content: " "
}

.clearfix:after, .container-fluid:after, .container:after, .modal-header:after, .row:after {
    clear: both
}

html, body {
    overflow-x: hidden
}

body {
    width: 100%
}

header .header-container {
    padding: 0;
    display: block;
    width: 100%;
    height: 100%
}

footer .container {
    color: #fff
}

header .header-container {
    padding: 0 15px
}

@media(min-width:1025) and (max-width:1279px) {
    .container {
        width: 985px
    }
}

@media(min-width:1280) {
    .container {
        width: 1240px
    }
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-lg-10, .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-md-10, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-12, .col-sm-3, .col-sm-7, .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px
}

body {
    -webkit-font-kerning: auto;
    overflow-x: hidden
}

.container-fluid {
    padding: 0
}

.need-assistance .container {
    padding-top: 40px;
    padding-bottom: 40px
}

@media(max-width:767px) and (min-width:321px) {
    .need-assistance .col-xs-12 {
        text-align: center
    }
}

.container.contact-us {
    width: 97.5%
}

.container-for-parent b.color-red {
    margin-left: 3px
}

.contact-us .col-lg-7 {
    padding-right: 0 !important
}


.contact-us-body .need-assistance .container {
    padding-left: 0;
    padding-right: 0
}


.container-for-parent .frm-txt {
    width: 100%
}

@media(max-width:767px) and (min-width:320px) {
    .contact-us-body .row.need-assistance {
        padding-left: 13px
    }

    .contact-us .col-lg-7 {
        padding-right: 15px !important
    }

    .contact-us-body .need-assistance .container {
        padding-top: 25px !important
    }


    .container-for-parent .frm-txt {
        width: 100%
    }
}

.container-for-parent .devider-space {
    margin-top: 0
}

@media(min-width:100px) and (max-width:767px) {
    .container-for-parent select#topic1 {
        background-size: 12% 100%
    }


    .container-for-parent #topic1 {
        margin-bottom: 17px
    }


    .need-assistance .col-xs-12 {
        min-width: 100%;
        text-align: left
    }

    .container.contact-us {
        width: 100%
    }
}

@media only screen and (min-device-width:480px) and (max-device-width:767px) and (orientation:landscape) {


    .contact-us-body .row.need-assistance {
        padding-left: 0
    }



    .need-assistance .container {
        width: 90% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

    .need-assistance .container {
        width: 93% !important;
        margin-left: 26px;
        padding-bottom: 10px
    }


    .container.contact-us {
        width: 95.5%
    }
}

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {

    .container.contact-us {
        margin-left: 28px;
        width: 93%
    }

    .need-assistance .container {
        padding-left: 20px !important;
        margin-left: 6%;
        padding-bottom: 0
    }
}


@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5) {
    .container.contact-us {
        width: 92%
    }



    .contact-us-body .need-assistance .container {
        width: 88%;
        padding-right: 30px
    }



    .contact-us-body .need-assistance .container {
        width: 82%;
        margin-left: 74px
    }


    .container-for-parent .frm-txt {
        width: 100%
    }
}


@media(min-width:1200px) {
    .container.contact-us {
        width: 97.2%
    }
}


.suggested_content .col-lg-12 {
    margin-left: 5px;
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    padding-left: 15px
}


@media(min-width:768px) and (max-width:1024px) {
    .container-for-parent .devider-space {
        margin-top: 0
    }
}


@media(max-width:767px) {

    .col-md-pull-0 .block-right {
        float: right
    }
}

.container-fluid {
    overflow: hidden
}


@media(max-width:767px) and (min-width:320px) {
    .contact-us-body .row.need-assistance {
        padding-left: 13px
    }
}

@media(min-width:1200px) {
    .container.contact-us {
        width: 97.2%
    }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

    .container:after, .container:before, .row:after, .row:before {
        display: table;
        content: " "
    }

    .container:after, .row:after {
        clear: both
    }

@media(min-width:1025) and (max-width:1279px) {
    .container {
        width: 985px
    }
}

@media(min-width:1280) {
    .container {
        width: 1240px
    }
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

    .container:after, .container:before, .row:after, .row:before {
        display: table;
        content: " "
    }

    .container:after, .row:after {
        clear: both
    }

@media(min-width:1025) and (max-width:1279px) {
    .container {
        width: 985px
    }
}

@media(min-width:1280) {
    .container {
        width: 1240px
    }
}

.row {
    margin-left: -10px;
    margin-right: -10px
}


.banner-container .row {
    margin: 0
}


@media(min-width:768px) and (max-width:1024px) {
    #connected_service_banner .container {
        width: 100%
    }
}


.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-md-3, .col-xs-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-6 {
    float: left
}

.col-xs-6 {
    width: 44%
}

@media(min-width:992px) {
    .col-md-3 {
        float: left
    }

    .col-md-3 {
        width: 25%
    }
}

.row:after, .row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}


.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-md-3, .col-xs-6 {
    padding-left: 10px;
    padding-right: 10px
}

.row.row-mrl-10 {
    margin-left: -10px;
    margin-right: -10px
}

    .row.row-mrl-10 [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px
    }

.selectcategory-contact-block {
    float: left;
    width: 85%;
    background: white;
    padding: 25px;    
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .selectcategory-contact-block:hover {
        background: #fff;
        box-shadow: 0 0 25px rgba(0,0,0,0.15);
        transform: scale(1.15,1.15);
        transition: all ease-in-out .2s
    }
}

.selectcatblk_icon_center {
    text-align: center;
    float: left;
    width: 100%;
    margin: 48px 0 10px 0
}

.selectcatblk_title_center {
    text-align: center;
    float: left;
    width: 100%
}

    .selectcatblk_title_center h4 {
        font-family: "HyundaiSansText","HyundaiSansHead","Helvetica","Arial";
        font-size: 17px;
        color: rgba(0,116,200,1);
        font-weight: 500;
        text-decoration:underline;
    }

.selectcatblk_desc {
    float: left;
    width: 100%;
    font-family: "HyundaiSansText","HyundaiSansHead","Helvetica","Arial";
    font-size: 14px;
    min-height: 80px;
    color: #000
}

.selectcategory-contact-block:hover .selectcatblk_desc {
    opacity: 0
}

.selectcatblk_button {
    opacity: 0;
    position: absolute;
    bottom: 30px;
    left: 25px;
    right: 25px
}

    .selectcatblk_button a {
        background: #0074c8;
        color: #fff !important;
        font-family: "HyundaiSansText","HyundaiSansHead","Helvetica","Arial";
        padding: 15px 10px;
        width: 100%;
        float: left;
        border: 0;
        text-align: center;
        border-radius: 30px
    }

        .selectcatblk_button a:hover {
            padding: 15px 10px;
            border: 0;
            background: #003f86
        }

@media(min-width:768px) {
    .selectcategory-contact-block:hover .selectcatblk_button {
        opacity: 1
    }
}

@media(max-width:767px) {
    .resources_outer {
        text-align: center;
        margin: 0 auto;
        width: 100%
    }

    .selectcatblk_icon_center {
        margin: 0 0 6px 0
    }

    .selectcatblk_icon {
        text-align: center;
        margin-bottom: 9px
    }

    .selectcatblk_icon_cneter img {
        max-height: 32px
    }

    .selectcatblk_title_center h4 {
        font-size: 14px
    }

    .selectcatblk_desc {
        display: none
    }

    .selectcategory-contact-block {        
        padding: 5px;
        height: 127px !important
    }

    .selectcatblk_button {
        bottom: 20px;
        left: 10px;
        right: 10px
    }

        .selectcatblk_button a {
            padding: 10px
        }

    .row.row-mrl-10 {
        margin-left: -5px;
        margin-right: -5px
    }

        .row.row-mrl-10 [class*="col-"] {
            padding-left: 5px;
            padding-right: 5px
        }

    .row.row-mrl-10 {
        margin-left: -10px;
        margin-right: -10px
    }

    .selectcatblk_title_center {
        text-align: center;
        float: left;
        width: 100%
    }
}

.selectcatblk_icon_center img {
    width: 50px;
    height: 50px
}


.genesisresources a:visited {
    border-bottom: 1px solid #ccc
}

.genesisresources a:link {
    border-bottom: 1px solid #ccc
}

.genesisresources {
    padding-left: 10px;
    padding-right: 10px
}

@media(max-width:1024px) {
    .selectcatblk_desc {
        display: none
    }

    .selectcatblk_button {
        display: none
    }

    .selectcategory-contact-block {
        text-align: center;
        display: flex;
        align-items: center;
        height: 175px
    }

    .resources_outer .selectcatblk_title_center h4 {
        margin-bottom: -6px
    }

    .resources_outer {
        margin: 0 auto
    }
}

@media(min-width:1024px) and (orientation:portrait) {
    .selectcategory-contact-block {
        float: left;
        width: 80%;
        background: #f3f3f3;
        padding: 25px;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
        height: 235px
    }
    .col-xs-6 {
        width: 30%
    }
}

@media(min-width:1024px) and (orientation:landscape) {
    .selectcategory-contact-block {
        float: left;
        width: 80%;
        background: #f3f3f3;
        padding: 25px;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
        height: 235px
    }
    .col-xs-6 {
        width: 30%
    }
}

@media(max-width:1024px) and (min-width:768px) {

    .contact-us .col-lg-7 {
        width: 100%
    }
}

.genesis_consumer_heading {
    margin: 50px 0 26px 10px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .selectcatblk_icon_center {
        text-align: center;
        float: left;
        width: 100%;
        margin: 0 0 10px 0
    }
}


.selectcategory_wrps {
    float: none;
    background-color: white
}

    .selectcategory_wrps .selectcategory-contact-block .selectcatblk_button {
        display: block !important
    }


.genesis_consumer_heading {
    margin: 40px 0 40px 10px
}


.selectcatblk_icon_center .icon-vin {
    width: 50px;
    height: 50px
}


@media only screen and (min-width:320px) and (max-width:480px) {
    .selectcatblk_icon_center .icon-lp {
        width: 60px;
        height: 60px
    }

    .selectcatblk_icon_center .icon-vin {
        width: 120px;
        height: 65px
    }

    /*.icon-vin-title {
        padding-bottom: 10px;
    }*/
}

@media only screen and (min-width:481px) {
    .selectcatblk_icon_center .icon-lp {
        width: 75px;
        height: 75px
    }

    .selectcatblk_icon_center .icon-vin {
        width: 150px;
        height: 75px
    }
}