html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{top:-0.4em}
sub,sup{vertical-align:baseline;position:relative;font-size:65%}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
a{outline:0}
area{outline:0}
html{padding:0;margin:0;-webkit-text-stroke:1px transparent;background-color:#fff;font-family:'HyundaiSansText-Regular',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.3}
section.cpo-main .message-alert-popup h1 a{position:absolute;right:14px;top:14px}
section.cpo-main .message-alert-popup h1{font:16px/50px 'genesisSansHead-Light';height:50px;color:#000;background-color:#fbfbfb;padding:0;padding-left:20px;text-align:left}
section.cpo-main .message-alert-popup .popup-inner{padding:50px 20px 20px 20px;text-align:left}
section.cpo-main .message-alert-popup .popup-inner button.secondary{min-width:40%;margin-bottom:0;margin-top:10px}
section.cpo-main .message-alert-popup .popup-inner .btn-wrap.btn-center{text-align:center;width:100%;padding-top:20px;padding-bottom:10px}
section.cpo-main .message-alert-popup .popup-inner p{padding-top:20px;padding-bottom:27px}
section.cpo-main .modal-dialog.modal-md{top:25%;bottom:25%}
.cpo-main h1{color:#333;font-family:'HyundaiSansHead-Regular',Arial,Helvetica,sans-serif;font-size:40px;line-height:50px;text-transform:none;text-align:center;padding:5px 0}
.cpo-main h2{color:#333;font-family:'HyundaiSansHead-Regular',Arial,Helvetica,sans-serif;font-size:40px;line-height:50px;text-transform:none;text-align:center}
.cpo-main h3{color:#333;font-family:'HyundaiSansText-Regular',Arial,Helvetica,sans-serif;font-size:16px;line-height:20px;text-transform:none;text-align:center}
.cpo-main h4{font-family:'HyundaiSansHead-Regular',Arial,Helvetica,sans-serif;font-size:25px;line-height:1;text-transform:none}
.cpo-main h5{font-family:'HyundaiSansHead-Regular',Arial,Helvetica,sans-serif;font-size:20px;line-height:1;text-transform:none}
section.cpo-main{position:relative}
section.cpo-main .container .content{padding:50px 100px 0 100px}
.cpo-main.container{padding:0}
.divider-line{width:854px;height:2px;margin:0 auto 67px}
.flex-block{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-around;justify-content:space-evenly;flex-wrap:wrap}
.cpo-nav-placeholder,.comparison-list.mobile,.mobile-slider-selector{display:none}
.cpo-main.hero{position:relative}
.cpo-main .modal-dialog{width:510px;margin:0 auto}
.cpo-main .content h1{padding-top:80px}
.cpo-main.hero .content .divider{width:84.22%;margin:41px auto;border-bottom:1px solid rgba(0,0,0,0.2)}
.cpo-main.hero .indicator{position:relative;max-width:187px;text-align:center;margin:0 auto;margin-top:30px}
.cpo-main.hero .indicator .text{line-height:20px}
.cpo-main.hero .indicator .chevron{position:absolute;width:20px;height:20px;top:45px;left:50%;background:transparent;border-top:2px solid #999;border-right:2px solid #999;-webkit-transform:translate3d(-50%,0,0) rotate(-225deg);-moz-transform:translate3d(-50%,0,0) rotate(-225deg);-ms-transform:translate3d(-50%,0,0) rotate(-225deg);-o-transform:translate3d(-50%,0,0) rotate(-225deg);transform:translate3d(-50%,0,0) rotate(-225deg);cursor:pointer}
.cpo-main.hero .cpo-search-inventory{width:100%;padding:20px 0;text-align:center;font-size:14px;position:absolute;bottom:0;background:rgba(0,0,0,0.5)}
.cpo-main.hero .cpo-search-inventory.sticky{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:1;margin-top:0;background-color:#1078c6;box-shadow:0 2px 35px 0 rgba(0,0,0,0.3);bottom:auto}
.cpo-main.hero .cpo-search-inventory.sticky.mobile{top:75px;z-index:1}
.cpo-main.hero .cpo-search-inventory>span{vertical-align:top;margin:0 auto;position:relative;padding:0 10px;margin-right:0;display:-webkit-inline-box;display:inline-block;margin:7px 0}
.cpo-main.hero .cpo-search-inventory.sticky>span{margin-bottom:0}
.cpo-main.hero .cpo-search-inventory.sticky.mobile>span{margin-bottom:20px}
.cpo-main.hero .cpo-search-inventory.sticky .search-btn a{border:1px solid #fff;background-color:#1078c6}
.cpo-main.hero .cpo-search-inventory .zipcode input{width:160px;border:1px solid #cbcbcb;border-radius:3px;background-color:#f1fbfd;box-shadow:inset 0 2px 0 0 #fff,0 1px 2px 0 rgba(0,0,0,0.2);padding:8px 16px 9px}
.cpo-main.hero .cpo-search-inventory .zipcode input.show-error{border:1px solid red !important}
.cpo-main.hero .cpo-search-inventory .selector .select-box{position:relative;color:#333;background:#ebf7fc;height:auto;line-height:17px;min-width:130px;text-align:left;border-radius:3px;border:1px solid #ccc;cursor:pointer;outline:0;z-index:1;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.cpo-main.hero .cpo-search-inventory .selector .select-box.show-error{border:1px solid red !important}
.cpo-main.hero .cpo-search-inventory .selector .select-box::after{content:"";font-family:FontAwesome;position:absolute;top:50%;right:15px;color:#3975c7;z-index:1;cursor:pointer;transform:translate(0,-50%)}
.cpo-main.hero .cpo-search-inventory .selector .option-list{position:absolute;width:calc(100% - 20px);max-height:235px;top:37px;border:1px solid #c7cacc;z-index:100}
.cpo-main.hero .cpo-search-inventory .selector .option-list li{line-height:32px;padding:0 21px;background:#fff;text-align:left;border-bottom:1px solid #dbdbdb;cursor:pointer}
.cpo-main.hero .cpo-search-inventory .selector .option-list li:hover{background:#ebf7fc}
.cpo-main.hero .cpo-search-inventory .selector .option-list li:first-child{padding-top:4px}
.cpo-main.hero .cpo-search-inventory .selector .option-list li:last-child{border-bottom:0}
.cpo-main.hero .cpo-search-inventory .selector.model-selector .option-list{overflow-y:auto !important}
.cpo-main.hero .cpo-search-inventory .year-selector .select-box{display:inline-block;width:130px;border:1px solid #cbcbcb;background-color:#f1fbfd;box-shadow:inset 0 2px 0 0 #fff,0 1px 2px 0 rgba(0,0,0,0.2);padding:8px 12px 9px}
.cpo-main.hero .cpo-search-inventory .model-selector .select-box{height:36px;width:245px;border:1px solid #cbcbcb;background-color:#f1fbfd;box-shadow:inset 0 2px 0 0 #fff,0 1px 2px 0 rgba(0,0,0,0.2);padding:9px 21px 10px}
.cpo-main.hero .cpo-search-inventory .search-btn a{display:inline-block;color:#fff;padding:12px 45px;border:1px solid transparent;cursor:pointer;padding:10px 20px;border-radius:100px;background-color:#0fbae6}
.cpo-main.hero .cpo-search-inventory .search-btn a:hover{text-decoration:none}
.cpo-main.benefit .container .content h2{margin-top:55px}
.cpo-main.benefit .container .content h3{margin:35px 0 50px 0;color:#7a7a7a}
.cpo-main.benefit .container .content .program-offers{position:relative;text-align:center;margin:0 auto 50px}
.cpo-main.benefit .container .content .program-offers .apr-offer{display:inline-block}
.cpo-main.benefit .container .content .program-offers .apr-offer .apr-percent{font-family:'HyundaiSansHead-Medium',Arial,Helvetica,sans-serif;font-size:64px;font-weight:500;color:#333;line-height:64px}
.cpo-main.benefit .container .content .program-offers .apr-offer .apr-term{font-family:'HyundaiSansText-Regular',Arial,Helvetica,sans-serif;font-size:24px;color:#0176c7;line-height:36px}
.global-disclaimer{display:inline-block;cursor:pointer;color:inherit;padding:6px 6px 0 6px;margin:-6px -6px 0 -6px}
.global-disclaimer:hover{color:inherit}
.compare-models{padding-top:50px}
.cpo-main.benefit .container .content .program-offers .apr-offer .apr-condition{font-family:'HyundaiSansText-Regular',Arial,Helvetica,sans-serif;font-size:20px;color:#333;line-height:24px;margin-top:10px}
.cpo-main.benefit .container .content .program-offers .apr-offer .apr-small{font-family:"HyundaiSansText-Regular";font-size:14px;color:#333;line-height:24px;font-style:italic;margin-top:5px}
.cpo-main.benefit .container .content .divider-line{width:854px;height:2px;margin:0 auto 67px}
.cpo-main .award-container{position:relative;margin:0 auto;width:768px;margin-bottom:30px;display:block;text-align:center}
.cpo-main .award-container.mobile{display:none}
.cpo-main .award-container .award{display:inline-block;width:370px;text-align:center;margin:35px 0}
.cpo-main .award-container .award img{margin:0 auto;width:initial}
.cpo-main .award-container h4{font-family:HyundaiSansText-Regular;font-size:18px;text-align:center;margin:20px 50px 0;line-height:23px;font-weight:500}
.cpo-main.benefit .container .content .benefit-list .list-container li:first-of-type{height:230px}
.cpo-main.benefit .container .content .benefit-list .list-container li span{vertical-align:top;display:inline-block}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-icon{width:44px;margin:0 30px}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-content{color:#262626}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-content h4{margin-bottom:15px}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-content p{max-width:400px;line-height:24px}
.cpo-main.benefit .container .content .benefit-list .list-container li:nth-child(2){height:200px}
.cpo-main.benefit .container .content .benefit-list .list-container li.carfax .item-content h4{margin-bottom:10px}
.cpo-main.benefit .container .content .benefit-list .list-container li.rental-car-reimbursement .item-icon{width:70px;margin:0 17px}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-icon img{width:100%}
.cpo-main.benefit .container .content .benefit-list .list-container li.carfax .item-content h4 img{max-height:30px}
.cpo-main.benefit .container .content .benefit-list .list-container li.siriusxm .item-content h4 img{max-height:35px}
.cpo-maina.page-anchor{position:absolute;top:-80px}
.cpo-main.eligibility .container{height:898px;padding:0}
.cpo-main.eligibility .container .content{padding:50px 95px}
.cpo-main.eligibility .container .content h2{margin-top:13px}
.cpo-main.eligibility .container .content h3{display:block;width:73%;margin:30px auto;font-size:18px;line-height:28px;color:#000}
.cpo-main.eligibility .container .content .eligibility-list{font-size:0}
.cpo-main.eligibility .container .content .eligibility-list .list-container{width:250px;height:276px;margin:0 1% 5%;font-size:16px;background-color:rgba(255,255,255,0.2);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-o-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);vertical-align:top}
.cpo-main.eligibility .container .content .eligibility-list .list-container .headline{font-size:70px;line-height:86px;margin:50px auto 25px auto;text-align:center;font-family:'HyundaiSansText-Regular',Arial,Helvetica,sans-serif}
.cpo-main.eligibility .container .content .eligibility-list .list-container .caption{width:200px;margin:25px auto;text-align:center;line-height:24px}
.cpo-main.warranty .container{padding:0}
.cpo-main.warranty .container .content{color:#fff;padding:32px 95px 0}
.cpo-main.warranty .container .content h2{color:#fff;margin-top:330px}
.cpo-main.warranty .container .content h3{color:#fff;font-size:18px;line-height:28px;margin:10px 0 40px 0}
.cpo-main.warranty .container .content .warranty-list{font-size:0}
.cpo-main.warranty .container .content .warranty-list .list-container{width:250px;height:170px;margin:0 1% 5%;font-size:16px;background-color:rgba(255,255,255,0.2);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-o-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);vertical-align:top}
.cpo-main.warranty .container .content .warranty-list .list-container .headline{font-size:30px;line-height:40px;margin:25px auto 12px auto;text-align:center}
.cpo-main.warranty .container .content .warranty-list .list-container .caption{width:200px;margin:12px auto;text-align:center;line-height:20px}
.cpo-main.advantage .container{padding:0}
.cpo-main.advantage .container .content h2{margin-top:15px}
.cpo-main.advantage .container .content h3{color:#000;font-size:18px;line-height:28px;margin:15px 0 80px 0}
.cpo-main.advantage .container .content .comparison-list{position:relative;text-align:center;margin-top:80px}
.cpo-maina[name="warranty"].page-anchor{top:-120px}
.cpo-main.advantage .container .content .comparison-list .item-comparison{margin:10px 0 50px 0}
.cpo-main.advantage .container .content .comparison-list .item-comparison h5{color:#000;margin-bottom:30px}
.cpo-main.advantage .container .content .comparison-list .item-comparison .item-container{font-size:0;width:100%;min-height:120px;margin:0 auto;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-o-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2)}
.cpo-main.advantage .container .content .comparison-list .item-comparison .item-container .item{width:194.39px;padding:0;color:#878787;font-size:20px;text-align:center;margin:20px 1%;vertical-align:top;display:flex;flex-direction:column;flex-wrap:wrap}
section.advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai{color:#262626;font-weight:Bold}
.cpo-main.advantage .container .content .comparison-list .item-comparison .item-container .item .headline{margin-bottom:12px;line-height:20px}
.cpo-main.advantage .container .content .comparison-list .item-comparison .item-container .item .item-content{max-width:148px;margin:0 auto;font-size:16px;line-height:20px}
.cpo-main.advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai .item-content{font-size:20px;line-height:24px;max-width:unset}
.cpo-main.advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai.small .item-content{max-width:190px;font-size:16px;line-height:20px}
.cpo-main.more-info .container{background-color:#f2f2f2}
.cpo-main.more-info .container .content{padding:50px 100px 40px 100px}
.cpo-main.more-info .container .content h2{margin-top:5px}
.cpo-main.more-info .container .content h3{color:#000;font-size:18px;line-height:28px;margin:10px 0 80px 0}
.more-info-list{text-align:center;font-size:0}
.more-info-list .program-content{width:190px;margin:0 30px 30px;font-size:16px;color:#234db9;vertical-align:top}
.more-info-list .program-content .program-name{font-size:20px;line-height:24px;margin:20px 0 10px 0}
.cpo-main .more-info-list .program-content .program-icon img{max-height:61px}
.more-info-list .program-content .program-cta{font-size:14px;line-height:17px}
.more-info-list .program-content .program-cta a{cursor:pointer}
.cpo-main .benefit .container .content .benefit-list .list-container li .item-icon{width:44px;margin:0 30px}
.cpo-main .benefit .container .content .benefit-list .list-container li .item-content{color:#262626}
.cpo-main .benefit .container .content .benefit-list .list-container li .item-content h4{margin-bottom:15px}
.cpo-main .benefit .container .content .benefit-list .list-container li .item-content p{max-width:400px;line-height:24px}
.cpo-main .benefit .container .content .benefit-list .list-container li span{vertical-align:top;display:inline-block}
.cpo-main .benefit .container .content .benefit-list .list-container li:first-of-type{height:230px}
.cpo-main .benefit .container .content .benefit-list .list-container li:nth-child(2){height:200px}
.cpo-main .benefit .container .content .benefit-list .list-container li.carfax .item-content h4{margin-bottom:10px}
.cpo-main .benefit .container .content .benefit-list .list-container li.rental-car-reimbursement .item-icon{width:70px;margin:0 17px}
.cpo-main .benefit .container .content .benefit-list .list-container li .item-icon img{width:100%}
.cpo-main .benefit .container .content .benefit-list .list-container li.carfax .item-content h4 img{max-height:30px}
.cpo-main .benefit .container .content .benefit-list .list-container li.siriusxm .item-content h4 img{max-height:35px}
.cpo-main .benefit .container .content h3{margin:0 0 50px 0;color:#7a7a7a}
.cpo-main .advantage .container{padding:0}
.cpo-main .advantage .container .content h2{margin-top:15px}
.cpo-main .advantage .container .content h3{color:#000;font-size:18px;line-height:28px;margin:15px 0 80px 0}
.cpo-main .advantage .container .content .comparison-list{position:relative;text-align:center;margin-top:80px}
.cpo-main a[name="warranty"].page-anchor{top:-120px}
.cpo-main .advantage .container .content .comparison-list .item-comparison{margin:10px 0 50px 0}
.cpo-main .advantage .container .content .comparison-list .item-comparison h5{color:#000;margin-bottom:30px}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container{font-size:0;width:100%;min-height:120px;margin:0 auto;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-o-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2)}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item{width:194.39px;padding:0;color:#878787;font-size:20px;text-align:center;margin:20px 1%;vertical-align:top;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai{color:#262626;font-weight:noraml}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item .headline{margin-bottom:12px;line-height:20px}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item .item-content{max-width:148px;margin:0 auto;font-size:16px;line-height:20px}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai .item-content{font-size:16px;line-height:24px;max-width:unset}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai.small .item-content{max-width:190px;font-size:16px;line-height:20px}
@media(min-width:1330px){.container{width:1280px}
}
@media only screen and (max-width :1330px){.cpo-main.hero .search-inventory{width:80%}
.benefit-list{width:100% !important}
.cpo-main.eligibility .container .content{padding:50px 0}
.cpo-main.eligibility .container .content .eligibility-list .list-container{width:220px;height:250px;margin-right:0}
.cpo-main.eligibility .container .content .eligibility-list .list-container .headline{font-size:50px;margin-top:25px}
.cpo-main.warranty .container .content{padding:50px 0}
.cpo-main.warranty .container .content .warranty-list .list-container{width:220px}
}
@media only screen and (max-width :1200px){.cpo-main.hero .indicator{margin-top:20px}
.cpo-main.hero .content .divider{margin-bottom:10px}
.cpo-main.hero .cpo-search-inventory{margin-top:0}
}
@media only screen and (max-width :1024px){.cpo-nav-placeholder.mobile{width:100%;background-color:#1078c6;height:75px;position:fixed;top:0;z-index:101;text-align:center;font-size:14px;color:#fff;line-height:17px;vertical-align:middle;transition:all .5s ease 0;display:table}
.open-nav .button-pm:before{transform:rotate(90deg)}
.open-nav .button-pm:after{transform:rotate(180deg)}
.cpo-nav-placeholder.mobile .search-inventory{display:table-cell;vertical-align:middle}
.search-inventory-text-wrapper{position:relative;top:5px}
.button-pm-wrapper{display:inline-block;border:1px solid #fff;border-radius:50%;height:24px;width:24px}
.button-pm{position:relative;width:15px;height:15px;position:relative;top:3px;left:3px}
.button-pm:before,.button-pm:after{content:"";position:absolute;background-color:white;transition:transform .25s ease-out}
.button-pm:before{top:0;left:7px;width:1px;height:100%;margin-left:0}
.button-pm:after{top:8px;left:0;width:100%;height:1px;margin-top:-1px}
.search-inventory-text-wrapper span{position:relative;top:-7px;left:6px}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-icon{display:none !important}
.cpo-main.hero .content .divider{margin-bottom:50px}
}
@media only screen and (max-width :992px){.item-content{position:relative}
.item-content a{position:absolute;bottom:2px;padding:0 9px}
.cpofeature .item-content a{position:static;padding:0 6px}
.cpo-main .advantage .comparison-list.mobile .hyundai-side{padding:0 12px}
.cpo-main.hero .indicator{margin-top:10px}
.cpo-main.hero .content .divider{margin-bottom:5px}
.cpo-main.hero .cpo-search-inventory{margin-top:0}
}
@media only screen and (max-width :1024px) and (min-width:768px){img{width:initial}
.container{width:100%;padding:0}
section.cpo-main .container .content,.cpo-main.benefit .container .content,.cpo-main.eligibility .container .content,.cpo-main.warranty .container .content,.cpo-main.more-info .container .content{padding:47px 27px}
.cpofeature{padding:0 27px}
.cpo-main.hero .cpo-search-inventory.sticky.mobile{padding:10px 20px}
.cpo-main.hero .cpo-search-inventory.sticky.mobile>span{margin-bottom:0}
.cpo-main.hero{margin:0 27px}
.cpo-main.hero .cpo-search-inventory{width:100%;padding:18px;justify-content:space-between}
.cpo-main.content h1{padding-top:37px;font-size:30px;padding-bottom:0;margin-bottom:12px;line-height:1.2}
.cpo-main.content h3{font-size:14px}
.cpo-main.hero .content .divider{margin:0 auto;margin-top:23px;margin-bottom:22px;width:100%}
.cpo-main.hero .cpo-search-inventory .selector .option-list{width:100%}
.cpo-main.hero .cpo-search-inventory>span{margin:0 7px;padding:0}
.cpo-main.hero .cpo-search-inventory .zipcode input{max-width:100px}
.cpo-main.hero .cpo-search-inventory .year-selector .select-box{width:auto;min-width:80px}
.cpo-main.hero .cpo-search-inventory .model-selector .select-box{width:180px;padding:8px 12px 9px}
.cpo-main.hero .cpo-search-inventory .search-btn a{padding:12px 26px}
.cpo-main.hero .indicator{margin-top:41px}
section.benefit #benefits{position:absolute;top:-72px}
.cpo-main .award-container{width:100%;padding:0 27px}
.cpo-main .award-container .award{width:48%;vertical-align:middle}
.cpo-main.benefit .container .content h2{margin-top:0;font-size:30px;line-height:32px}
.cpo-main.benefit .container .content h3{font-size:16px;margin-top:17px 0 44px}
.benefit-list{width:100% !important}
.cpo-main.benefit .container .content .benefit-list .list-container li:first-of-type{height:213px}
.benefit-list button.slick-prev,.benefit-list button.slick-next,section.benefit .container .content .benefit-list .list-container li .item-icon{display:none !important}
.slick-dots li button:before{font-size:20px !important}
.slick-slider{margin-bottom:0}
.slick-slide{margin:0 10px}
.slick-dots{bottom:-20px}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-content h4{line-height:31px;color:#323232;margin-bottom:11px}
.cpo-main.benefit .container .content{padding-bottom:0}
.cpo-main.eligibility{background-position:right}
.cpo-main.eligibility .container .content h2{margin-top:0;font-size:30px;line-height:32px}
.cpo-main.eligibility .container .content h3{display:block;width:78%;margin:0 auto;font-size:14px;line-height:20px;color:#333;margin-top:38px;margin-bottom:38px}
.cpo-main.eligibility .container .content .eligibility-list .list-container{width:24%;height:183px;margin:0;display:flex;justify-content:flex-start;flex-direction:column;padding-top:36px}
.cpo-main.eligibility .container .content .eligibility-list .list-container .headline{font-size:20px;line-height:30px;margin:0;color:#333;font-weight:bold}
.cpo-main.eligibility .container .content .eligibility-list .list-container .caption{width:auto;margin:14px 12px;text-align:center;line-height:18px;font-size:12px;color:#333}
.cpo-main.warranty{background-position:top;height:660px}
.cpo-main.warranty .container .content{padding-bottom:25px}
.cpo-main.warranty .container .content h2{font-size:30px;line-height:32px}
.cpo-main.warranty .container .content h3{margin:13px 0 31px;font-size:14px;line-height:20px}
.cpo-main.warranty .container .content .warranty-list{justify-content:space-between}
.cpo-main.warranty .container .content .warranty-list .list-container{width:24.6%;height:162px;margin:0;padding-top:39px}
.cpo-main.warranty .container .content .warranty-list .list-container .headline{font-size:18px;line-height:20px;margin:0;font-weight:bold}
.cpo-main.warranty .container .content .warranty-list .list-container .caption{width:auto;font-size:12px;line-height:18px;font-weight:500}
section.advantage .container .content h2{margin-top:19px;line-height:36px;font-size:30px;font-weight:bold}
.cpo-main .advantage .container .content h3{font-size:14px;line-height:20px;margin:31px 0 21px 0}
.compare-models{padding-top:0}
.cpo-main .advantage .container .content .comparison-list{margin-top:0;padding:0 27px}
.cpo-main .advantage .container .content .comparison-list .item-comparison{margin-top:0;margin-bottom:31px}
.cpo-main .advantage .container .content .comparison-list .item-comparison:last-child{margin-bottom:15px}
.cpo-main .advantage .container .content .comparison-list .item-comparison h5{font-size:14px;line-height:17px;margin-bottom:9px;font-weight:bold}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container{min-height:auto;justify-content:space-around}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item{width:auto;margin:0;margin-bottom:0 !important}
section.advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai{width:130px}
section.advantage .container .content .comparison-list .item-comparison .item-container .item .headline,section.advantage .container .content .comparison-list .item-comparison .item-container .item .item-content{font-size:12px;line-height:15px;color:#969696}
section.advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai .headline,.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai .item-content,section.advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai.small .item-content{font-size:12px;line-height:15px;color:#333;font-weight:bold}
.cpo-main.more-info .container .content{padding-top:70px;padding-bottom:70px}
.cpo-main.more-info .container .content h2{margin-top:0;line-height:37px;font-size:30px;font-weight:bold}
.cpo-main.more-info .container .content h3{line-height:24px;margin:0 auto;margin-top:15px;margin-bottom:44px;width:50%}
.cpo-main .more-info-list .program-content{width:40%;display:flex;flex-direction:row;justify-content:flex-start;margin:0 30px 47px}
.cpo-main .more-info-list .program-icon{order:1;min-width:62px}
.cpo-main .more-info-list .program-content .program-name{order:3;font-size:20px;line-height:24px;margin:15px 0 0 30px;width:70%;text-align:left}
.cpo-main .more-info-list .program-content .program-cta{order:2;margin-top:75px;margin-left:-60px;min-width:70px}
.cpo-main.benefit .container .content .divider-line{width:auto}
.cpo-main.benefit .container .content .divider-line img{max-width:-webkit-fill-available}
.divider-line{width:100%}
.divider-line img{width:100%}
}
@media only screen and (max-width :1024px) and (min-width:768px) and (orientation:landscape){.cpo-main.hero .cpo-search-inventory{justify-content:space-evenly}
.cpo-main .more-info-list .program-content{width:30%}
.cpo-main.hero .cpo-search-inventory.sticky.mobile{top:75px}
}
@media only screen and (max-width :767px){.cpo-main .modal-dialog{width:100%;margin:0 auto}
.cpo-main .modal-open .modal{padding-right:0 !important}
.cpo-main.container{padding-top:0}
.cpo-main .message-alert-popup h1{width:100%}
section.cpo-main.hero h2{padding-top:0;line-height:34px;color:#262626;font-family:"HyundaiSansHead-Regular";font-weight:400;margin-top:0;width:100%}
.cpo-main .benefit .container .content .benefit-list .list-container li .item-icon{display:none}
.cpo-main .advantage .container .content h2{margin-top:19px;line-height:36px;font-size:30px;font-weight:bold}
.cpo-main .advantage .container .content h3{font-size:14px;line-height:20px;margin:31px 0 21px 0}
.cpo-main .advantage .container .content .comparison-list{margin-top:0}
.cpo-main .advantage .container .content .comparison-list .item-comparison{margin-top:0;margin-bottom:31px}
.cpo-main .advantage .container .content .comparison-list .item-comparison:last-child{margin-bottom:15px}
.cpo-main .advantage .container .content .comparison-list .item-comparison h5{font-size:14px;line-height:17px;margin-bottom:9px;font-weight:bold}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container{min-height:auto;justify-content:space-around}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item{width:auto;margin:0;margin-bottom:0 !important}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai{width:130px}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item .headline,.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item .item-content{font-size:12px;line-height:15px;color:#969696}
.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai .headline,.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai .item-content,.cpo-main .advantage .container .content .comparison-list .item-comparison .item-container .item.hyundai.small .item-content{font-size:12px;line-height:15px;color:#333;font-weight:bold}
.cpo-main .advantage{padding-bottom:75px}
.cpo-main .advantage .container{padding:0}
.cpo-main .advantage .container .content h2{line-height:1.2;font-weight:700;width:100%;padding-top:10%;margin-top:0}
.cpo-main .advantage .container .content h3{font-size:14px;margin:0;margin-bottom:2em;line-height:1.3;color:#666}
.cpo-main .advantage .container .content .comparison-list.desktop{margin-top:0;display:none}
.cpo-main .advantage .container .content .comparison-list.mobile{display:block;text-align:center;margin-top:0}
.cpo-main .advantage .container .content .mobile-slider-selector{display:block;margin-bottom:15px}
.cpo-main .advantage .container .content .mobile-slider-selector .hyundai-vs{font-size:20px;color:#262626;font-weight:600 !important;line-height:24px;text-align:center;position:relative;top:5px;padding-right:0;left:10px}
.cpo-main .advantage .container .content .mobile-slider-selector .vs{font-size:20px;position:relative;top:5px}
.cpo-main .advantage .container .content .mobile-slider-selector .advantages-select-wrapper{position:relative;width:100%;display:inline-block}
.cpo-main .advantage .container .content .mobile-slider-selector .advantages-select-wrapper:after{content:"";font-family:FontAwesome;position:absolute;top:50%;right:13px;color:#3975c7;z-index:1;cursor:pointer;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.cpo-main .advantage .container .content .mobile-slider-selector select{width:100%;height:36px;border:1px solid #cbcbcb;background-color:#f1fbfd;padding-top:3px;padding-bottom:3px;padding-left:5px;position:relative;top:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}
.cpo-main .advantage .comparison-list.mobile .title{font-size:14px;line-height:17px;color:#878787}
.cpo-main .advantage .comparison-list.mobile .title hr{margin:7px 0 7px 0;border:0;height:1px;background-color:#d8d8d8}
.cpo-main .advantage .comparison-list.mobile .hyundai-side{font-size:14px;font-weight:600 !important;left:5px;line-height:18px}
.cpo-main .advantage .comparison-list.mobile .slick-slide .row{margin-bottom:15px}
.cpo-main.hero{background-size:cover;background-repeat:no-repeat;text-align:center;background-position:0 100%}
.divider-line,.divider-line img{width:100%}
section.cpo-main .container .content{padding:0}
.cpo-main .content h1{padding-top:0}
.cpo-main h1,.cpo-main h2{width:90%;margin:0 auto;margin-bottom:1em;padding-bottom:0;font-size:28px;font-family:"HyundaiSansHead-Regular"}
section.cpo-main.hero .content h1{line-height:34px;color:#262626;font-family:"HyundaiSansHead-Regular";font-weight:400}
section.cpo-main.hero .content h3{color:#262626;margin-bottom:2em;font-size:14px;width:84%;margin:0 auto}
.cpo-main.hero .content .divider{margin-top:28px;margin-bottom:24px;width:100%;border-bottom:2px solid rgba(0,0,0,0.2)}
.cpo-main.hero .cpo-search-inventory{width:100%;flex-direction:column;padding-top:20px;position:unset}
section.cpo-main.hero input,section.cpo-main.hero .select-box{width:100%;border:1px solid #cbcbcb !important;box-shadow:none;margin:0;text-align:left;text-transform:none;padding-left:24px;font-size:14px;background-color:#f1fbfd;padding-top:0;padding-bottom:0;width:245px !important}
.cpo-main.hero .cpo-search-inventory .search-btn a{width:245px;box-shadow:none;margin:10px 0;padding:14px 20px;border:0}
.cpo-main.hero .indicator .chevron{width:25px;height:25px;top:55px;border-top:1px solid #666;border-right:1px solid #666}
section.benefit{position:relative}
section.benefit #benefits{position:absolute;top:-72px}
section.cpo-main.benefit .container{padding:10% 0 0}
.cpo-main.benefit .container .content{padding-bottom:0}
.cpo-main.benefit .container .content h2{margin-top:0;line-height:32px;font-weight:700}
.cpo-main.benefit .container .content h3{margin:0 auto;line-height:15px;margin-bottom:2em;width:75%}
.cpo-main.benefit .container .content .program-offers .apr-offer .apr-percent{font-size:48px}
.cpo-main.benefit .container .content .program-offers .apr-offer .apr-condition{font-size:24px}
.cpo-main.benefit .container .content .program-offers .apr-offer .apr-condition{font-size:16px}
.cpo-main.benefit .container .content .divider-line,.cpo-main.benefit .container .content .divider-line img{width:100%}
.cpo-main .award-container{display:none}
.cpo-main .award-container.mobile{display:block}
.cpo-main .award-container.mobile ul.slick-dots{bottom:5px}
.cpo-main .award-container.mobile h4{margin:20px 20px 0}
.cpo-main .award-container,.cpo-main .award-container .award{width:100%}
.benefit-list{width:100% !important}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-icon{display:none}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-content h4{line-height:31px;margin-block-start:10px}
.slick-dots li button:before{font-size:20px !important}
.cpo-main.benefit .container .content .benefit-list .list-container li .item-content p{max-width:100%}
section.cpo-main.eligibility{padding:0;background-size:cover;background-repeat:no-repeat;height:0;padding:5% 0 245%;padding-bottom:918.75px;background-position:0 100%}
section.cpo-main.eligibility .container{background-size:cover;background-repeat:no-repeat;height:0;padding:5% 20px 245%;padding-bottom:918.75px;background-position:0 100%}
section.cpo-main.eligibility .container .content{padding:0}
.cpo-main.eligibility .container .content h2{font-weight:700;width:100%}
.cpo-main.eligibility .container .content h3{font-size:14px;margin-bottom:2em;line-height:1.25;color:#666;width:100%}
.cpo-main.eligibility .container .content .eligibility-list .list-container{width:100%;height:83px;display:flex;justify-content:space-around;align-items:center}
.cpo-main.eligibility .container .content .eligibility-list .list-container .headline{font-size:16px;font-weight:400;margin:0;line-height:1;width:30%;color:#000}
.cpo-main.eligibility .container .content .eligibility-list .list-container .caption{width:70%;font-size:14px;margin:0;text-align:left;line-height:20px;color:#000}
section.cpo-main.warranty,.cpo-main.warranty .container .content{padding:0}
.cpo-main.warranty{padding-left:20px !important;padding-right:20px !important;background-position:54% 100%;height:0;background-size:cover;padding-bottom:993.75px !important;position:relative;padding-top:10% !important}
.cpo-main.warranty .container .content h2{margin-top:30px;line-height:1.2;color:#000;font-weight:700;width:100%}
.cpo-main.warranty .container .content h3{font-size:14px;line-height:1.2;width:75%;margin:0 auto;margin-bottom:2em}
.cpo-main.warranty .container .content .warranty-list{position:absolute;bottom:0;color:#fff;text-align:center;padding-left:5px;padding-right:25px}
.cpo-main.warranty .container .content .warranty-list .list-container{width:100%;height:113px;margin:0;margin-bottom:15px;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cpo-main.warranty .container .content .warranty-list .list-container:last-child{margin-bottom:10%}
.cpo-main.warranty .container .content .warranty-list .list-container .headline{font-size:20px;line-height:22px;margin:0}
.cpo-main.warranty .container .content .warranty-list .list-container .headline br{display:none}
.cpo-main.warranty .container .content .warranty-list .list-container .caption{width:auto;margin:0}
.compare-models{padding:0 20px}
.cpo-main.advantage{padding-bottom:75px}
.cpo-main.advantage .container{padding:0}
.cpo-main.advantage .container .content h2{line-height:1.2;font-weight:700;width:100%;padding-top:10%;margin-top:0}
.cpo-main.advantage .container .content h3{font-size:14px;margin:0;margin-bottom:2em;line-height:1.3;color:#666}
.cpo-main.advantage .container .content .comparison-list.desktop{margin-top:0;display:none}
.cpo-main.advantage .container .content .comparison-list.mobile{display:block;text-align:center;margin-top:0}
.cpo-main.advantage .container .content .mobile-slider-selector{display:block;margin-bottom:15px}
.cpo-main.advantage .container .content .mobile-slider-selector .hyundai-vs{font-size:20px;color:#262626;font-weight:600 !important;line-height:24px;text-align:center;position:relative;top:5px;padding-right:0;left:10px}
.cpo-main.advantage .container .content .mobile-slider-selector .vs{font-size:20px;position:relative;top:5px}
.cpo-main.advantage .container .content .mobile-slider-selector .advantages-select-wrapper{position:relative;width:90%;display:inline-block}
.cpo-main.advantage .container .content .mobile-slider-selector .advantages-select-wrapper:after{content:"";font-family:FontAwesome;position:absolute;top:50%;right:13px;color:#3975c7;z-index:1;cursor:pointer;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.cpo-main.advantage .container .content .mobile-slider-selector select{width:100%;height:36px;border:1px solid #cbcbcb;background-color:#f1fbfd;padding-top:3px;padding-bottom:3px;padding-left:5px;position:relative;top:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}
.cpo-main.advantage .comparison-list.mobile .title{font-size:14px;line-height:17px;color:#878787}
.cpo-main.advantage .comparison-list.mobile .title hr{margin:7px 0 7px 0;border:0;height:1px;background-color:#d8d8d8}
.cpo-main.advantage .comparison-list.mobile .hyundai-side{font-size:14px;font-weight:600 !important;left:5px}
.cpo-main.advantage .comparison-list.mobile .slick-slide .row{margin-bottom:15px}
section.cpo-main.more-info{padding:0;position:relative;background-color:#f2f2f2;padding-top:10%;padding-bottom:10%}
section.cpo-main.more-info .container .content{padding:0}
.cpo-main.more-info .container .content h2{margin-top:0;font-weight:700}
.cpo-main.more-info .container .content h3{line-height:24px;margin:0;margin-bottom:2em}
.cpo-main .more-info-list .program-content{width:100%;display:flex;flex-direction:row;justify-content:flex-start}
.cpo-main .more-info-list .program-content .program-name{order:3;font-size:20px;line-height:24px;margin:15px 0 0 15px;width:70%;text-align:left}
.cpo-main .more-info-list .program-content .program-cta{order:2;margin-top:75px;margin-left:-55px;min-width:67px}
.cpo-main .more-info-list .program-icon{order:1;min-width:62px}
}
@media all and (max-width:767px) and (min-width:530px){.cpo-main.hero .cpo-search-inventory .search-btn a{margin:0}
}
@media only screen and (max-width:767px) and (orientation:landscape){.cpo-main.eligibility .container .content .eligibility-list .list-container .caption{padding-right:20px}
section.cpo-main.eligibility{padding-bottom:1250px}
}
.benefit-list{width:1080px;margin:0 auto}
li{list-style-type:none}
.slick-slide{margin:0 5px}
.slick-list{margin:0 -5px 0 -5px}
button.slick-next,button.slick-next:hover{position:absolute;top:48.5%;right:54px;width:47px;height:75px;background-image:url(../../../../../content/dam/hyundai/us/cpo/image/general/icon/right_arrow.png);background-size:cover}
button.slick-prev,button.slick-prev:hover{position:absolute;top:40%;left:15px;width:47px;height:75px;background-image:url(../../../../../content/dam/hyundai/us/cpo/image/general/icon/right_arrow.png);background-size:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.slick-prev:before,.slick-next:before{font-size:70px;color:#ea8496;line-height:inherit;font-weight:bold}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;outline:0;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../../../../../content/dam/hyundai/us/cpo/image/general/icon/ajax-loader.gif) center center no-repeat}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:''}
[dir='rtl'] .slick-prev:before{content:'';font-weight:bold;font-size:20px}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:''}
[dir='rtl'] .slick-next:before{content:''}
.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#2e68c3}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-initialized .slick-slide{display:block}
.slick-prev{left:-25px}
.slick-next{right:-25px}
.benefit .container .content .benefit-list>.slick-disabled{display:none !important}
.benefit .container .content .benefit-list>.slick-prev{left:-40px}
.benefit .container .content .benefit-list>.slick-next{right:-40px}
.benefit .container .content .benefit-list>.slick-next:before{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}
.lity-content{z-index:9993;width:100%;transform:scale(1);transition:transform .3s ease}
.lity-loading .lity-content,.lity-closed .lity-content{transform:scale(0.8)}
.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6)}
.lity-close{z-index:9994;width:40px;height:40px;position:fixed;right:25px;top:25px;background:url("https://www.hyundaiusa.com/images/global/btn-gallery-close.png");-webkit-appearance:none;cursor:pointer}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%}
.lity-iframe-container{width:100%;height:0;padding-top:100vh;overflow:auto;pointer-events:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
.lity-hide{display:none}
.orientation_icon{position:fixed;bottom:15%;margin:0 auto;width:100%;z-index:9999}
.orientation_icon img{display:block;margin:0 auto}
@media all and (max-width:1024px){.lity-close{background:url("https://m.hyundaiusa.com/images/global/vip_close_button.png");height:30px;width:30px}
}
@media all and (min-width:992px){.orientation_icon{display:none}
}
@media all and (orientation:landscape){.orientation_icon{display:none}
}
@media only screen and (max-device-width :1024px) and (orientation:portrait){.lity-iframe-container iframe{top:25%;height:42%}
}
@media only screen and (max-device-width :1024px) and (orientation:landscape){.lity-iframe-container iframe{top:10%;height:75%}
}
#desktop-view{display:block}
#mobile-view{display:none}
#heroVideo{max-width:1280px;height:571px;margin:0 auto;position:relative}
#heroVideo .background-wrapper{height:100%;overflow:hidden;width:100%;margin-bottom:-3px}
#heroVideo .background-wrapper video{width:100% !important;height:571px;z-index:1;object-fit:cover}
.background-gradient-desktop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.background-gradient-mobile{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
#heroVideo .play-btn{width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}
#heroVideo .containerHeader{position:absolute}
#heroVideo .containerHeader.top{top:59px;left:101px;text-align:left;z-index:10}
#heroVideo .containerHeader.top .logo{height:104px;margin-bottom:20px}
#heroVideo .containerHeader.top h2{font-size:35px;line-height:37px;font-weight:500;color:#fff;text-align:left;margin-bottom:8px}
#heroVideo .containerHeader.top h3{font-size:17px;line-height:22px;color:#fff;text-align:left}
#heroVideo .containerHeader.top .header{font-family:'HyundaiSansHead-Medium';font-size:35px;color:#fff;line-height:37px;font-weight:500;margin-bottom:8px;text-align:left}
#heroVideo .subheader{font-family:'HyundaiSansText-Regular';font-size:17px;color:#fff;line-height:22px;text-align:left}
.cpo-searchPanel{background:#0074c8;max-width:1280px;min-height:75px;margin:0 auto 50px auto}
.cpo-searchPanel .cpo-search-inventory{width:85%;padding:25px 0 20px 0;margin:0 auto;text-align:center;font-size:14px}
.cpo-searchPanel .zipTextbox{display:inline-block;position:relative;font-size:16px;width:200px;height:38px;font-family:'HyundaiSansText-Regular';background-color:rgba(235,247,252,0.5);border-radius:5px;padding:0 10px;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;color:#333;border:1px solid rgba(204,204,204,0.5)}
.cpo-searchPanel .zipTextbox:focus{outline:0}
.cpo-searchPanel .zipTextbox::placeholder{color:#333}
.select-hidden{display:none;visibility:hidden;padding-right:10px}
.customeSelect{cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#fff;width:220px;height:40px;font-family:'HyundaiSansText-Regular'}
.select-styled{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(235,247,252,0.5);padding:8px 15px;border-radius:5px;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;color:#333;border:1px solid rgba(204,204,204,0.5)}
.select-styled:after{content:"";width:0;height:0;border:7px solid transparent;border-color:#0074c8 transparent transparent transparent;position:absolute;top:16px;right:10px}
.select-styled:active:after,.select-styled.active:after{top:9px;border-color:transparent transparent #0074c8 transparent}
.select-options{display:none;position:absolute;top:90%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background-color:#fff}
.select-options li{margin:0;padding:12px 0;text-indent:15px;border-top:1px solid #dbdbdb;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;color:#333}
.select-options li:hover{color:#333;background:#ebf7fc}
.select-options li[rel="hide"]{display:none}
.falseBanner{background:#ccc;color:#fff;height:100px;text-align:center}
.cpo-searchPanel .cpo-search-inventory>span{margin:0 auto;position:relative;padding:0 10px;display:-webkit-inline-box;display:inline-block}
.cpo-searchPanel .cpo-search-inventory .search-btn a{font-family:'HyundaiSansText-Regular';display:inline-block;width:auto;color:#333;padding:10px 45px;border:1px solid transparent;border-radius:20px;background-color:rgba(255,255,255,0.5);cursor:pointer;font-size:16px}
.cpo-searchPanel .cpo-search-inventory .search-btn a:active{background-color:#fff;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
@media only screen and (max-width:768px){#heroVideo{max-width:1280px;margin:0 auto}
#heroVideo .play-btn{width:60px;height:60px}
#heroVideo .containerHeader.top{top:38px;left:24px;z-index:10}
#heroVideo .containerHeader.top h2{font-size:28px;line-height:32px;margin-bottom:7px}
#heroVideo .containerHeader.top h3{font-size:15px;line-height:20px}
#heroVideo .containerHeader.top .header{font-family:'HyundaiSansHead-Medium';font-size:37px;color:#fff;line-height:43px;margin-bottom:7px;text-align:left}
#heroVideo .subheader{font-family:'HyundaiSansText-Regular';font-size:15px;color:#fff;line-height:20px;text-align:left}
.cpo-searchPanel .zipTextbox{width:93%;margin:5px 0}
.customeSelect{width:100%;margin:5px 0}
.cpo-searchPanel .cpo-search-inventory>span{padding:0}
.cpo-searchPanel .cpo-search-inventory .search-btn a{padding:10px 90px;margin:5px 0}
}
.background-gradient-mobile{display:none}
.background-gradient-desktop{display:block}
.desktop-media{display:block}
.mobile-media{display:none}
@media all and (max-width:767px){#desktop-view{display:none}
#heroVideo{height:100%}
#heroVideo .background-wrapper video#mobile-view{display:block;height:93.4vw;max-height:571px}
.background-gradient-desktop{display:none}
.background-gradient-mobile{display:block}
#heroVideo .play-btn{top:62%}
.desktop-media{display:none}
.mobile-media{display:block}
}
@media only screen and (max-width:414px){#heroVideo .background-wrapper video#mobile-view{height:350px}
}