@font-face{font-family:'HyundaiSansHead-Bold';src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-bold/HyundaiSansHead-Bold.eot');src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-bold/HyundaiSansHead-Bold.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-bold/HyundaiSansHead-Bold.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-bold/HyundaiSansHead-Bold.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-bold/HyundaiSansHead-Bold.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-bold/HyundaiSansHead-Bold.svg#HyundaiSansHead-Bold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansHeadOffice-Light';src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-light/hyundaisansheadoffice-light.eot');src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-light/hyundaisansheadoffice-light.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-light/hyundaisansheadoffice-light.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-light/hyundaisansheadoffice-light.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-light/hyundaisansheadoffice-light.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-light/hyundaisansheadoffice-light.svg#HyundaiSansHeadOffice-Light') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansHeadOffice-Medium';src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-medium/hyundaisansheadoffice-medium.eot');src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-medium/hyundaisansheadoffice-medium.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-medium/hyundaisansheadoffice-medium.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-medium/hyundaisansheadoffice-medium.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-medium/hyundaisansheadoffice-medium.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-medium/hyundaisansheadoffice-medium.svg#HyundaiSansHeadOffice-Medium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansHeadOffice-Regular';src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-regular/hyundaisansheadoffice-regular.eot');src:url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-regular/hyundaisansheadoffice-regular.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-regular/hyundaisansheadoffice-regular.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-regular/hyundaisansheadoffice-regular.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-regular/hyundaisansheadoffice-regular.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisansheadoffice-regular/hyundaisansheadoffice-regular.svg#HyundaiSansHeadOffice-Regular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansTextOffice-Bold';src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bold/hyundaisanstextoffice-bold.eot');src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bold/hyundaisanstextoffice-bold.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bold/hyundaisanstextoffice-bold.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bold/hyundaisanstextoffice-bold.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bold/hyundaisanstextoffice-bold.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bold/hyundaisanstextoffice-bold.svg#HyundaiSansTextOffice-Bold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansTextOffice-BoldItalic';src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bolditalic/hyundaisanstextoffice-bolditalic.eot');src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bolditalic/hyundaisanstextoffice-bolditalic.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bolditalic/hyundaisanstextoffice-bolditalic.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bolditalic/hyundaisanstextoffice-bolditalic.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bolditalic/hyundaisanstextoffice-bolditalic.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-bolditalic/hyundaisanstextoffice-bolditalic.svg#HyundaiSansTextOffice-BoldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansTextOffice-Italic';src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-italic/hyundaisanstextoffice-italic.eot');src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-italic/hyundaisanstextoffice-italic.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-italic/hyundaisanstextoffice-italic.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-italic/hyundaisanstextoffice-italic.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-italic/hyundaisanstextoffice-italic.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-italic/hyundaisanstextoffice-italic.svg#HyundaiSansTextOffice-Italic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansTextOffice-Medium';src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-medium/hyundaisanstextoffice-medium.eot');src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-medium/hyundaisanstextoffice-medium.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-medium/hyundaisanstextoffice-medium.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-medium/hyundaisanstextoffice-medium.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-medium/hyundaisanstextoffice-medium.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-medium/hyundaisanstextoffice-medium.svg#HyundaiSansTextOffice-Medium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansTextOffice-Regular';src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-regular/hyundaisanstextoffice-regular.eot');src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-regular/hyundaisanstextoffice-regular.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-regular/hyundaisanstextoffice-regular.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-regular/hyundaisanstextoffice-regular.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-regular/hyundaisanstextoffice-regular.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-regular/hyundaisanstextoffice-regular.svg#HyundaiSansTextOffice-Regular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiSansTextOffice-MediumItalic';src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-mediumitalic/hyundaisanstextoffice-mediumitalic.eot');src:url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-mediumitalic/hyundaisanstextoffice-mediumitalic.eot?#iefix') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-mediumitalic/hyundaisanstextoffice-mediumitalic.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-mediumitalic/hyundaisanstextoffice-mediumitalic.woff') format('woff'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-mediumitalic/hyundaisanstextoffice-mediumitalic.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/hyundaisanstextoffice-mediumitalic/hyundaisanstextoffice-mediumitalic.svg#HyundaiSansTextOffice-MediumItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'MyriadPro-Regular';src:url('clientlib-hyundai-site/fonts/MyriadProRegular/MyriadPro-Regular.eot');src:url('clientlib-hyundai-site/fonts/MyriadProRegular/MyriadPro-Regular.woff2') format('woff2'),url('clientlib-hyundai-site/fonts/MyriadProRegular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype');src:url('clientlib-hyundai-site/fonts/MyriadProRegular/MyriadPro-Regular.woff') format('woff'),url('clientlib-hyundai-site/fonts/MyriadProRegular/MyriadPro-Regular.ttf') format('truetype'),url('clientlib-hyundai-site/fonts/MyriadProRegular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'FontAwesome';src:url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');src:url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-viewport{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;left:-5px;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}
.bx-wrapper .bx-prev{left:10px;background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/left_arrow.svg) no-repeat center center;background-size:14px}
.bx-wrapper .bx-next{right:10px;background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/right_arrow.svg) no-repeat center center;background-size:14px}
.bx-wrapper .bx-prev:hover{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/left_arrow_black.svg) no-repeat center center;background-size:14px;border:0}
.bx-wrapper .bx-next:hover{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/right_arrow_black.svg) no-repeat center center;background-size:14px;border:0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(clientlib-hyundai-site/images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(clientlib-hyundai-site/images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');src:url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('clientlib-hyundai-site/fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right{margin-left:.3em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-search:before{content:"\f002"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-clock-o:before{content:"\f017"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-arrows:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,.fa-share:before{content:"\f064"}
.fa-expand:before{content:"\f065"}
.fa-compress:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-comment:before{content:"\f075"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-arrows-v:before{content:"\f07d"}
.fa-arrows-h:before{content:"\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-gears:before,.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"\f08a"}
.fa-sign-out:before{content:"\f08b"}
.fa-linkedin-square:before{content:"\f08c"}
.fa-thumb-tack:before{content:"\f08d"}
.fa-external-link:before{content:"\f08e"}
.fa-sign-in:before{content:"\f090"}
.fa-trophy:before{content:"\f091"}
.fa-github-square:before{content:"\f092"}
.fa-upload:before{content:"\f093"}
.fa-lemon-o:before{content:"\f094"}
.fa-phone:before{content:"\f095"}
.fa-square-o:before{content:"\f096"}
.fa-bookmark-o:before{content:"\f097"}
.fa-phone-square:before{content:"\f098"}
.fa-twitter:before{content:"\f099"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-github:before{content:"\f09b"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.fa-feed:before,.fa-rss:before{content:"\f09e"}
.fa-hdd-o:before{content:"\f0a0"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-bell:before{content:"\f0f3"}
.fa-certificate:before{content:"\f0a3"}
.fa-hand-o-right:before{content:"\f0a4"}
.fa-hand-o-left:before{content:"\f0a5"}
.fa-hand-o-up:before{content:"\f0a6"}
.fa-hand-o-down:before{content:"\f0a7"}
.fa-arrow-circle-left:before{content:"\f0a8"}
.fa-arrow-circle-right:before{content:"\f0a9"}
.fa-arrow-circle-up:before{content:"\f0aa"}
.fa-arrow-circle-down:before{content:"\f0ab"}
.fa-globe:before{content:"\f0ac"}
.fa-wrench:before{content:"\f0ad"}
.fa-tasks:before{content:"\f0ae"}
.fa-filter:before{content:"\f0b0"}
.fa-briefcase:before{content:"\f0b1"}
.fa-arrows-alt:before{content:"\f0b2"}
.fa-group:before,.fa-users:before{content:"\f0c0"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-cloud:before{content:"\f0c2"}
.fa-flask:before{content:"\f0c3"}
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}
.fa-paperclip:before{content:"\f0c6"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}
.fa-list-ul:before{content:"\f0ca"}
.fa-list-ol:before{content:"\f0cb"}
.fa-strikethrough:before{content:"\f0cc"}
.fa-underline:before{content:"\f0cd"}
.fa-table:before{content:"\f0ce"}
.fa-magic:before{content:"\f0d0"}
.fa-truck:before{content:"\f0d1"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-square:before{content:"\f0d3"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-money:before{content:"\f0d6"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-columns:before{content:"\f0db"}
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments-o:before{content:"\f0e6"}
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}
.fa-lightbulb-o:before{content:"\f0eb"}
.fa-exchange:before{content:"\f0ec"}
.fa-cloud-download:before{content:"\f0ed"}
.fa-cloud-upload:before{content:"\f0ee"}
.fa-user-md:before{content:"\f0f0"}
.fa-stethoscope:before{content:"\f0f1"}
.fa-suitcase:before{content:"\f0f2"}
.fa-bell-o:before{content:"\f0a2"}
.fa-coffee:before{content:"\f0f4"}
.fa-cutlery:before{content:"\f0f5"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-building-o:before{content:"\f0f7"}
.fa-hospital-o:before{content:"\f0f8"}
.fa-ambulance:before{content:"\f0f9"}
.fa-medkit:before{content:"\f0fa"}
.fa-fighter-jet:before{content:"\f0fb"}
.fa-beer:before{content:"\f0fc"}
.fa-h-square:before{content:"\f0fd"}
.fa-plus-square:before{content:"\f0fe"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-double-up:before{content:"\f102"}
.fa-angle-double-down:before{content:"\f103"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-desktop:before{content:"\f108"}
.fa-laptop:before{content:"\f109"}
.fa-tablet:before{content:"\f10a"}
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
.fa-circle-o:before{content:"\f10c"}
.fa-quote-left:before{content:"\f10d"}
.fa-quote-right:before{content:"\f10e"}
.fa-spinner:before{content:"\f110"}
.fa-circle:before{content:"\f111"}
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
.fa-github-alt:before{content:"\f113"}
.fa-folder-o:before{content:"\f114"}
.fa-folder-open-o:before{content:"\f115"}
.fa-smile-o:before{content:"\f118"}
.fa-frown-o:before{content:"\f119"}
.fa-meh-o:before{content:"\f11a"}
.fa-gamepad:before{content:"\f11b"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-flag-o:before{content:"\f11d"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-terminal:before{content:"\f120"}
.fa-code:before{content:"\f121"}
.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}
.fa-location-arrow:before{content:"\f124"}
.fa-crop:before{content:"\f125"}
.fa-code-fork:before{content:"\f126"}
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}
.fa-question:before{content:"\f128"}
.fa-info:before{content:"\f129"}
.fa-exclamation:before{content:"\f12a"}
.fa-superscript:before{content:"\f12b"}
.fa-subscript:before{content:"\f12c"}
.fa-eraser:before{content:"\f12d"}
.fa-puzzle-piece:before{content:"\f12e"}
.fa-microphone:before{content:"\f130"}
.fa-microphone-slash:before{content:"\f131"}
.fa-shield:before{content:"\f132"}
.fa-calendar-o:before{content:"\f133"}
.fa-fire-extinguisher:before{content:"\f134"}
.fa-rocket:before{content:"\f135"}
.fa-maxcdn:before{content:"\f136"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-chevron-circle-up:before{content:"\f139"}
.fa-chevron-circle-down:before{content:"\f13a"}
.fa-html5:before{content:"\f13b"}
.fa-css3:before{content:"\f13c"}
.fa-anchor:before{content:"\f13d"}
.fa-unlock-alt:before{content:"\f13e"}
.fa-bullseye:before{content:"\f140"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-ellipsis-v:before{content:"\f142"}
.fa-rss-square:before{content:"\f143"}
.fa-play-circle:before{content:"\f144"}
.fa-ticket:before{content:"\f145"}
.fa-minus-square:before{content:"\f146"}
.fa-minus-square-o:before{content:"\f147"}
.fa-level-up:before{content:"\f148"}
.fa-level-down:before{content:"\f149"}
.fa-check-square:before{content:"\f14a"}
.fa-pencil-square:before{content:"\f14b"}
.fa-external-link-square:before{content:"\f14c"}
.fa-share-square:before{content:"\f14d"}
.fa-compass:before{content:"\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
.fa-euro:before,.fa-eur:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,.fa-usd:before{content:"\f155"}
.fa-rupee:before,.fa-inr:before{content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
.fa-won:before,.fa-krw:before{content:"\f159"}
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}
.fa-file:before{content:"\f15b"}
.fa-file-text:before{content:"\f15c"}
.fa-sort-alpha-asc:before{content:"\f15d"}
.fa-sort-alpha-desc:before{content:"\f15e"}
.fa-sort-amount-asc:before{content:"\f160"}
.fa-sort-amount-desc:before{content:"\f161"}
.fa-sort-numeric-asc:before{content:"\f162"}
.fa-sort-numeric-desc:before{content:"\f163"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
.fa-youtube-square:before{content:"\f166"}
.fa-youtube:before{content:"\f167"}
.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.fa-youtube-play:before{content:"\f16a"}
.fa-dropbox:before{content:"\f16b"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-instagram:before{content:"\f16d"}
.fa-flickr:before{content:"\f16e"}
.fa-adn:before{content:"\f170"}
.fa-bitbucket:before{content:"\f171"}
.fa-bitbucket-square:before{content:"\f172"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-skype:before{content:"\f17e"}
.fa-foursquare:before{content:"\f180"}
.fa-trello:before{content:"\f181"}
.fa-female:before{content:"\f182"}
.fa-male:before{content:"\f183"}
.fa-gittip:before,.fa-gratipay:before{content:"\f184"}
.fa-sun-o:before{content:"\f185"}
.fa-moon-o:before{content:"\f186"}
.fa-archive:before{content:"\f187"}
.fa-bug:before{content:"\f188"}
.fa-vk:before{content:"\f189"}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-pagelines:before{content:"\f18c"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-arrow-circle-o-right:before{content:"\f18e"}
.fa-arrow-circle-o-left:before{content:"\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}
.fa-plus-square-o:before{content:"\f196"}
.fa-space-shuttle:before{content:"\f197"}
.fa-slack:before{content:"\f198"}
.fa-envelope-square:before{content:"\f199"}
.fa-wordpress:before{content:"\f19a"}
.fa-openid:before{content:"\f19b"}
.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}
.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}
.fa-yahoo:before{content:"\f19e"}
.fa-google:before{content:"\f1a0"}
.fa-reddit:before{content:"\f1a1"}
.fa-reddit-square:before{content:"\f1a2"}
.fa-stumbleupon-circle:before{content:"\f1a3"}
.fa-stumbleupon:before{content:"\f1a4"}
.fa-delicious:before{content:"\f1a5"}
.fa-digg:before{content:"\f1a6"}
.fa-pied-piper-pp:before{content:"\f1a7"}
.fa-pied-piper-alt:before{content:"\f1a8"}
.fa-drupal:before{content:"\f1a9"}
.fa-joomla:before{content:"\f1aa"}
.fa-language:before{content:"\f1ab"}
.fa-fax:before{content:"\f1ac"}
.fa-building:before{content:"\f1ad"}
.fa-child:before{content:"\f1ae"}
.fa-paw:before{content:"\f1b0"}
.fa-spoon:before{content:"\f1b1"}
.fa-cube:before{content:"\f1b2"}
.fa-cubes:before{content:"\f1b3"}
.fa-behance:before{content:"\f1b4"}
.fa-behance-square:before{content:"\f1b5"}
.fa-steam:before{content:"\f1b6"}
.fa-steam-square:before{content:"\f1b7"}
.fa-recycle:before{content:"\f1b8"}
.fa-automobile:before,.fa-car:before{content:"\f1b9"}
.fa-cab:before,.fa-taxi:before{content:"\f1ba"}
.fa-tree:before{content:"\f1bb"}
.fa-spotify:before{content:"\f1bc"}
.fa-deviantart:before{content:"\f1bd"}
.fa-soundcloud:before{content:"\f1be"}
.fa-database:before{content:"\f1c0"}
.fa-file-pdf-o:before{content:"\f1c1"}
.fa-file-word-o:before{content:"\f1c2"}
.fa-file-excel-o:before{content:"\f1c3"}
.fa-file-powerpoint-o:before{content:"\f1c4"}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}
.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}
.fa-file-code-o:before{content:"\f1c9"}
.fa-vine:before{content:"\f1ca"}
.fa-codepen:before{content:"\f1cb"}
.fa-jsfiddle:before{content:"\f1cc"}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}
.fa-circle-o-notch:before{content:"\f1ce"}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}
.fa-ge:before,.fa-empire:before{content:"\f1d1"}
.fa-git-square:before{content:"\f1d2"}
.fa-git:before{content:"\f1d3"}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}
.fa-tencent-weibo:before{content:"\f1d5"}
.fa-qq:before{content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}
.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}
.fa-history:before{content:"\f1da"}
.fa-circle-thin:before{content:"\f1db"}
.fa-header:before{content:"\f1dc"}
.fa-paragraph:before{content:"\f1dd"}
.fa-sliders:before{content:"\f1de"}
.fa-share-alt:before{content:"\f1e0"}
.fa-share-alt-square:before{content:"\f1e1"}
.fa-bomb:before{content:"\f1e2"}
.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}
.fa-tty:before{content:"\f1e4"}
.fa-binoculars:before{content:"\f1e5"}
.fa-plug:before{content:"\f1e6"}
.fa-slideshare:before{content:"\f1e7"}
.fa-twitch:before{content:"\f1e8"}
.fa-yelp:before{content:"\f1e9"}
.fa-newspaper-o:before{content:"\f1ea"}
.fa-wifi:before{content:"\f1eb"}
.fa-calculator:before{content:"\f1ec"}
.fa-paypal:before{content:"\f1ed"}
.fa-google-wallet:before{content:"\f1ee"}
.fa-cc-visa:before{content:"\f1f0"}
.fa-cc-mastercard:before{content:"\f1f1"}
.fa-cc-discover:before{content:"\f1f2"}
.fa-cc-amex:before{content:"\f1f3"}
.fa-cc-paypal:before{content:"\f1f4"}
.fa-cc-stripe:before{content:"\f1f5"}
.fa-bell-slash:before{content:"\f1f6"}
.fa-bell-slash-o:before{content:"\f1f7"}
.fa-trash:before{content:"\f1f8"}
.fa-copyright:before{content:"\f1f9"}
.fa-at:before{content:"\f1fa"}
.fa-eyedropper:before{content:"\f1fb"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-birthday-cake:before{content:"\f1fd"}
.fa-area-chart:before{content:"\f1fe"}
.fa-pie-chart:before{content:"\f200"}
.fa-line-chart:before{content:"\f201"}
.fa-lastfm:before{content:"\f202"}
.fa-lastfm-square:before{content:"\f203"}
.fa-toggle-off:before{content:"\f204"}
.fa-toggle-on:before{content:"\f205"}
.fa-bicycle:before{content:"\f206"}
.fa-bus:before{content:"\f207"}
.fa-ioxhost:before{content:"\f208"}
.fa-angellist:before{content:"\f209"}
.fa-cc:before{content:"\f20a"}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}
.fa-meanpath:before{content:"\f20c"}
.fa-buysellads:before{content:"\f20d"}
.fa-connectdevelop:before{content:"\f20e"}
.fa-dashcube:before{content:"\f210"}
.fa-forumbee:before{content:"\f211"}
.fa-leanpub:before{content:"\f212"}
.fa-sellsy:before{content:"\f213"}
.fa-shirtsinbulk:before{content:"\f214"}
.fa-simplybuilt:before{content:"\f215"}
.fa-skyatlas:before{content:"\f216"}
.fa-cart-plus:before{content:"\f217"}
.fa-cart-arrow-down:before{content:"\f218"}
.fa-diamond:before{content:"\f219"}
.fa-ship:before{content:"\f21a"}
.fa-user-secret:before{content:"\f21b"}
.fa-motorcycle:before{content:"\f21c"}
.fa-street-view:before{content:"\f21d"}
.fa-heartbeat:before{content:"\f21e"}
.fa-venus:before{content:"\f221"}
.fa-mars:before{content:"\f222"}
.fa-mercury:before{content:"\f223"}
.fa-intersex:before,.fa-transgender:before{content:"\f224"}
.fa-transgender-alt:before{content:"\f225"}
.fa-venus-double:before{content:"\f226"}
.fa-mars-double:before{content:"\f227"}
.fa-venus-mars:before{content:"\f228"}
.fa-mars-stroke:before{content:"\f229"}
.fa-mars-stroke-v:before{content:"\f22a"}
.fa-mars-stroke-h:before{content:"\f22b"}
.fa-neuter:before{content:"\f22c"}
.fa-genderless:before{content:"\f22d"}
.fa-facebook-official:before{content:"\f230"}
.fa-pinterest-p:before{content:"\f231"}
.fa-whatsapp:before{content:"\f232"}
.fa-server:before{content:"\f233"}
.fa-user-plus:before{content:"\f234"}
.fa-user-times:before{content:"\f235"}
.fa-hotel:before,.fa-bed:before{content:"\f236"}
.fa-viacoin:before{content:"\f237"}
.fa-train:before{content:"\f238"}
.fa-subway:before{content:"\f239"}
.fa-medium:before{content:"\f23a"}
.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}
.fa-optin-monster:before{content:"\f23c"}
.fa-opencart:before{content:"\f23d"}
.fa-expeditedssl:before{content:"\f23e"}
.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}
.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}
.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}
.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}
.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}
.fa-mouse-pointer:before{content:"\f245"}
.fa-i-cursor:before{content:"\f246"}
.fa-object-group:before{content:"\f247"}
.fa-object-ungroup:before{content:"\f248"}
.fa-sticky-note:before{content:"\f249"}
.fa-sticky-note-o:before{content:"\f24a"}
.fa-cc-jcb:before{content:"\f24b"}
.fa-cc-diners-club:before{content:"\f24c"}
.fa-clone:before{content:"\f24d"}
.fa-balance-scale:before{content:"\f24e"}
.fa-hourglass-o:before{content:"\f250"}
.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}
.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}
.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}
.fa-hourglass:before{content:"\f254"}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}
.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}
.fa-hand-scissors-o:before{content:"\f257"}
.fa-hand-lizard-o:before{content:"\f258"}
.fa-hand-spock-o:before{content:"\f259"}
.fa-hand-pointer-o:before{content:"\f25a"}
.fa-hand-peace-o:before{content:"\f25b"}
.fa-trademark:before{content:"\f25c"}
.fa-registered:before{content:"\f25d"}
.fa-creative-commons:before{content:"\f25e"}
.fa-gg:before{content:"\f260"}
.fa-gg-circle:before{content:"\f261"}
.fa-tripadvisor:before{content:"\f262"}
.fa-odnoklassniki:before{content:"\f263"}
.fa-odnoklassniki-square:before{content:"\f264"}
.fa-get-pocket:before{content:"\f265"}
.fa-wikipedia-w:before{content:"\f266"}
.fa-safari:before{content:"\f267"}
.fa-chrome:before{content:"\f268"}
.fa-firefox:before{content:"\f269"}
.fa-opera:before{content:"\f26a"}
.fa-internet-explorer:before{content:"\f26b"}
.fa-tv:before,.fa-television:before{content:"\f26c"}
.fa-contao:before{content:"\f26d"}
.fa-500px:before{content:"\f26e"}
.fa-amazon:before{content:"\f270"}
.fa-calendar-plus-o:before{content:"\f271"}
.fa-calendar-minus-o:before{content:"\f272"}
.fa-calendar-times-o:before{content:"\f273"}
.fa-calendar-check-o:before{content:"\f274"}
.fa-industry:before{content:"\f275"}
.fa-map-pin:before{content:"\f276"}
.fa-map-signs:before{content:"\f277"}
.fa-map-o:before{content:"\f278"}
.fa-map:before{content:"\f279"}
.fa-commenting:before{content:"\f27a"}
.fa-commenting-o:before{content:"\f27b"}
.fa-houzz:before{content:"\f27c"}
.fa-vimeo:before{content:"\f27d"}
.fa-black-tie:before{content:"\f27e"}
.fa-fonticons:before{content:"\f280"}
.fa-reddit-alien:before{content:"\f281"}
.fa-edge:before{content:"\f282"}
.fa-credit-card-alt:before{content:"\f283"}
.fa-codiepie:before{content:"\f284"}
.fa-modx:before{content:"\f285"}
.fa-fort-awesome:before{content:"\f286"}
.fa-usb:before{content:"\f287"}
.fa-product-hunt:before{content:"\f288"}
.fa-mixcloud:before{content:"\f289"}
.fa-scribd:before{content:"\f28a"}
.fa-pause-circle:before{content:"\f28b"}
.fa-pause-circle-o:before{content:"\f28c"}
.fa-stop-circle:before{content:"\f28d"}
.fa-stop-circle-o:before{content:"\f28e"}
.fa-shopping-bag:before{content:"\f290"}
.fa-shopping-basket:before{content:"\f291"}
.fa-hashtag:before{content:"\f292"}
.fa-bluetooth:before{content:"\f293"}
.fa-bluetooth-b:before{content:"\f294"}
.fa-percent:before{content:"\f295"}
.fa-gitlab:before{content:"\f296"}
.fa-wpbeginner:before{content:"\f297"}
.fa-wpforms:before{content:"\f298"}
.fa-envira:before{content:"\f299"}
.fa-universal-access:before{content:"\f29a"}
.fa-wheelchair-alt:before{content:"\f29b"}
.fa-question-circle-o:before{content:"\f29c"}
.fa-blind:before{content:"\f29d"}
.fa-audio-description:before{content:"\f29e"}
.fa-volume-control-phone:before{content:"\f2a0"}
.fa-braille:before{content:"\f2a1"}
.fa-assistive-listening-systems:before{content:"\f2a2"}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}
.fa-glide:before{content:"\f2a5"}
.fa-glide-g:before{content:"\f2a6"}
.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}
.fa-low-vision:before{content:"\f2a8"}
.fa-viadeo:before{content:"\f2a9"}
.fa-viadeo-square:before{content:"\f2aa"}
.fa-snapchat:before{content:"\f2ab"}
.fa-snapchat-ghost:before{content:"\f2ac"}
.fa-snapchat-square:before{content:"\f2ad"}
.fa-pied-piper:before{content:"\f2ae"}
.fa-first-order:before{content:"\f2b0"}
.fa-yoast:before{content:"\f2b1"}
.fa-themeisle:before{content:"\f2b2"}
.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}
.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}
.fa-handshake-o:before{content:"\f2b5"}
.fa-envelope-open:before{content:"\f2b6"}
.fa-envelope-open-o:before{content:"\f2b7"}
.fa-linode:before{content:"\f2b8"}
.fa-address-book:before{content:"\f2b9"}
.fa-address-book-o:before{content:"\f2ba"}
.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}
.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}
.fa-user-circle:before{content:"\f2bd"}
.fa-user-circle-o:before{content:"\f2be"}
.fa-user-o:before{content:"\f2c0"}
.fa-id-badge:before{content:"\f2c1"}
.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}
.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}
.fa-quora:before{content:"\f2c4"}
.fa-free-code-camp:before{content:"\f2c5"}
.fa-telegram:before{content:"\f2c6"}
.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}
.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}
.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}
.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}
.fa-shower:before{content:"\f2cc"}
.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}
.fa-podcast:before{content:"\f2ce"}
.fa-window-maximize:before{content:"\f2d0"}
.fa-window-minimize:before{content:"\f2d1"}
.fa-window-restore:before{content:"\f2d2"}
.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}
.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}
.fa-bandcamp:before{content:"\f2d5"}
.fa-grav:before{content:"\f2d6"}
.fa-etsy:before{content:"\f2d7"}
.fa-imdb:before{content:"\f2d8"}
.fa-ravelry:before{content:"\f2d9"}
.fa-eercast:before{content:"\f2da"}
.fa-microchip:before{content:"\f2db"}
.fa-snowflake-o:before{content:"\f2dc"}
.fa-superpowers:before{content:"\f2dd"}
.fa-wpexplorer:before{content:"\f2de"}
.fa-meetup:before{content:"\f2e0"}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:0}
.ui-widget-content a{width:100%;text-decoration:none;border-left-width:0;border-left-style:solid;border-right-width:0;border-right-style:solid;border-bottom:0}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{width:100%;text-decoration:none;margin:1px !important}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:0 !important}
.ui-menu:hover .ui-state-focus:hover,.ui-menu:hover .ui-state-active:hover{margin:0 !important}
.ui-state-active a:hover{border-bottom:0 !important}
.ui-menu-item-wrapper a{border-left:0;border-right:0}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{margin:0 !important;border-left:0;border-right:0}
.ui-widget.ui-widget-content{display1:block !important}
.ui-widget.ui-widget-content.ui-autocomplete{position:fixed;top:57px !important;z-index:1040}
@media(max-width:767px){.ui-widget.ui-widget-content.ui-autocomplete{top:51px !important;max-width:140px !important}
}
#view_manage_drivers h2,.secondary-driver{border-bottom-color:#ccc}
#view_manage_drivers a{color:#888}
.input_legend{background:white}
.secondary-driver-button{background-color:#000}
.secondary-driver-button{color:#fff}
.h3title-primary{border-bottom-color:#ccc}
#modal-register #registration_step2 #btnsbmt_regform{background-color:var(--blue-btn) !important}
#modal-register #registration_step2 #btnsbmt_regform:hover{background-color:var(--blue-btn-hover) !important}
@media(max-width:767px) and (min-width:100px){.secondary-driver-button{background-color:#000}
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{background:#eee;color:#000}
.ui-widget-content a{color:#000;border-left-color:#ccc;border-right-color:#ccc}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#000}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#003f86}
.border{border-bottom-color:#ccc}
.contact-us #attach_file .dropzone{border-color:#ccc;background:#f3f3f3}
.contact-us .phone input{border-color:#ccc;background-color:transparent;color:#000}
.outer-col{border-right-color:#ccc}
.contact-us #first_name,.contact-us #last_name,.contact-us textarea{border-color:#ccc;background-color:#fff;color:#000}
.contact-us .emailaddress{border-color:#ccc;background-color:transparent;color:#000}
.extra-progress-wrapper .progress{border-color:#ccc;background-color:#fff;box-shadow:0 0 0 rgba(0,0,0,0)}
.dropzone:after{background:white;border-color:#ccc}
@media(max-width:767px) and (min-width:320px){.by_email,.by_phone,.dealer_enq{height:auto;border-bottom:1px solid #ccc}
}
.contact-us .input_error ~ .place_holder{color:#c40712}
#modal-register .modal-content{background-color:#fff}
#modal-register .loader-wrapper{background:rgba(136,136,136,0.5)}
#modal-register .loader-wrapper .loader{border-color:#999;border-top-color:#000}
.light-close,.modal-close{color:#888;background-color:white}
#modal-register input[type='text'],#modal-register input[type='email'],#modal-register input[type='password'],#modal-register input[type='number'],#modal-register select{border-color:#ccc;color:#000;background-color:#FFF}
.frm_error_msg{color:#c40712}
.pwdvc{color:#000}
.pwdvc b.glyphicon-minus{color:#666}
#modal-register .login-link a{color:#0074c8;border-bottom-color:#0074c8}
#modal-register .modal-content a:hover{color:#003f86;background-color:transparent}
#modal-register #zipcode{color:#000}
INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{border-color:#fff;color:#fff;background-color:var(--blue-btn)}
INPUT[type="submit"]:hover,INPUT[type="button"]:hover{background:var(--blue-btn-hover)}
.input-txt,.input-pwd,.input-email,.input-num{color:#fff;border-color:#fff;background:transparent}
#btn-reg-form:hover{background-color:var(--blue-btn-hover)}
.emailPopup-txt{border-color:#ccc;color:#000}
#modal-register #registration_step2 select,#modal-register #registration_step2 input[type='text']{border-color:#ccc;color:#000}
#modal-register #registration_step2 select,#modal-register #registration_step2 input[type='text']{border-color:#ccc}
#header-nav-canvas,#header-nav-canvas_H2{background:#fff}
#header-login-box{border-color:#999}
#canvas-searchbox{background:#fff}
#canvas-search-btn,#canvas-search-btn2{background:transparent}
#canvas-searchbox input#header-canvas-search,input#header-canvas-search2{border-color:#444;color:#898989;background:transparent}
.for_owners{color:#000}
.nav-login-form .login-username input,.nav-login-form .login-password input{width:370px;height:50px !important;border-radius:3px;background-color:#ccc;border:solid 1px #ccc}
#header-login-box .separator-h{border-color:#ccc;border-top-color:transparent}
.hyun_resource{color:#0074c8}
.canvas_for_login{color:#000}
.nav-login-form .login-username input,.nav-login-form .login-password input{background-color:#fff;color:#000;border-color:#ccc}
#header-login-box .login-username .floating_label,#header-login-box .login-password .floating_label{background-color:#fff;color:#000}
#header-login-box span.canvas_remember_me2,#header-login-box label.checkbox-custom{color:#000}
.checkbox-custom{background:transparent;border-color:#ccc}
#header-login-box .log-btn input[type="submit"].offcanvas_login_btn{background-color:rgba(0,116,200,1)}
#header-login-box .log-btn input[type="submit"].offcanvas_login_btn:hover{background-color:rgba(0,63,134,1)}
span.canvas_register_link a{color:#0074c8}
.canvas_for_hyun_retailers{color:#000}
#header-login-box span.canvas-slink a{color:#0074c8}
#header-login-box div.canvas-flinks a{color:#0074c8}
#header-login-box .footerLogin a:hover{color:#003f86}
#header-nav-canvas .nav-login-form input::-webkit-input-placeholder{color:#000 !important}
#header-nav-canvas .nav-login-form input:-moz-placeholder{color:#000 !important}
#header-nav-canvas .nav-login-form input::-moz-placeholder{color:#000 !important}
#header-nav-canvas .nav-login-form input:-ms-input-placeholder{color:#000 !important}
.login-username input,.login-password input{background:transparent}
#header-canvas-search input::-webkit-input-placeholder{color:#898989}
#header-canvas-search::-moz-placeholder{color:#898989}
@media(max-width:1024px){.nav-login-form .rememberme_row .canvas_remember_me2{color:#000 !important;font-size:14px !important;font-family:HyundaiSansTextOffice-Regular;margin-left:10px}
}
#header-login-box div.canvas-flinks a:hover{color:#003f86;border-bottom:1px solid #003f86}
#header-login-box span.canvas-slink a:hover{color:#003f86;border-bottom:1px solid #003f86}
html,body{overflow-x:hidden}
body{width:100%}
header .header-container{padding:0;display:block;width:100%;height:100%}
header{width:100%;height:100px;background-color:#fff;border-bottom:1px solid #ccc}
#h-col-left,#h-col-right{float:left;display:inline-block}
#h-col-left{width:196px}
#h-col-right{float:right;width:auto;margin-right:30px}
nav{width:100%;height:50px;background-color:#f4f4f4}
section{width:100%;height:auto;min-height:320px;background-color:#fff;padding-left:80px}
@media(max-width:1280px){section{padding-left:60px;padding-top:30px}
}
@media(max-width:767px){section{padding-left:15px;padding-right:15px}
}
header .container{width:100%;color:#fff}
footer .container{color:#fff}
#header-logo{display:inline-table;width:84px !important;height:52px;overflow:hidden;margin:23px 0 25px 30px;cursor:pointer;border-right:0 !important;float:none !important}
#header-logo a{padding-bottom:0;border-bottom:0}
#header-logo a:hover{border-bottom:0;padding-bottom:0}
#header-logo img{width:100%;min-width:183px}
#header-searchbox,#header-alerts-icon,#header-nav-icon{float:left}
#header-searchbox{position:relative;width:280px;margin:31px 27px 29px 0;float:left}
#header-searchbox input{width:280px;height:40px;border-radius:3px;background-color:#fff;border:solid 1px rgba(136,136,136,0.5);padding:13px 15px;color:#000}
#header-search-btn{background:transparent;border:0;position:absolute;right:15px;top:16%}
#header-alerts-icon{position:relative;margin-right:20px;width:26px;display:inline-block;margin:35px 20px 32px 0}
#header-alerts-icon a{border:0}
#header-alerts-icon img{height:33px}
#header-alerts-icon .message_content img{height:17px;vertical-align:text-bottom}
#header-alerts-icon .notifications-count{position:absolute;text-align:center;color:#fff;background-color:#0074c8;width:18px;height:18px;border-radius:18px;top:-2px;padding:2px 0;right:-5px;font-size:12px;font-family:"HyundaiSansTextOffice-Regular";display:none}
#header-nav-icon{position:relative;width:45px;height:20px;margin:41px 0 39px 0}
.canvas-urls{margin-top:95px}
#canvas-searchbox input#header-canvas-search,input#header-canvas-search2{width:280px;height:40px;padding:4px 14px;border:solid 0 #444;color:#fff;font-size:14px;font-family:"HyundaiSansHeadOffice-Regular";background:transparent}
#canvas-search-btn,#canvas-search-btn2{background:transparent;border:0;position:relative}
#header-login-box input[type="submit"],#header-login-box input[type="button"]{width:205px;border:solid 1px #fff}
#header-login-box .social-icon-links a{border:0;font-size:14px;text-decoration:none;border:0}
#header-login-box .social-icon-links a:hover{color:#003f86;font-size:14px;text-decoration:none;border:0}
#header-login-box .canvas-flinks{text-align:center;margin-top:10px;color:#666}
#header-login-box .canvas-flinks a,#header-login-box .canvas-slink a{color:#666;font-size:12px;border:0}
#header-login-box .canvas-slink{float:right}
#header-login-box .for_owners span,#header-login-box .canvas_for_login span{font-family:'HyundaiSansTextOffice-medium';font-size:14px;width:auto;display:initial}
#header-login-box .canvas-bottom-links{margin-top:110px}
.nav-login-form input::-webkit-input-placeholder,.login-form input::-webkit-input-placeholder{color:#fff !important;font-weight:normal;opacity:1;-webkit-opacity:1;text-transform:capitalize;font-family:'HyundaiSansTextOffice-Regular'}
.nav-login-form input:-moz-placeholder,.login-form input:-moz-placeholder{color:#fff !important;font-weight:normal;opacity:1;-webkit-opacity:1;text-transform:capitalize;font-family:'HyundaiSansTextOffice-Regular'}
.nav-login-form input::-moz-placeholder,.login-form input::-moz-placeholder{color:#fff !important;font-weight:normal;opacity:1;-webkit-opacity:1;text-transform:capitalize;font-family:'HyundaiSansTextOffice-Regular'}
.nav-login-form input:-ms-input-placeholder,.login-form input:-ms-input-placeholder{color:#fff !important;font-weight:normal;opacity:1;-webkit-opacity:1;text-transform:capitalize;font-family:'HyundaiSansTextOffice-Regular'}
.login-form .floating_label,.nav-login-form .floating_label{text-transform:capitalize}
.destination_search_form input::-webkit-input-placeholder{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;text-transform:inherit}
.destination_search_form input:-moz-placeholder{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;text-transform:inherit}
.destination_search_form input::-moz-placeholder{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;text-transform:inherit}
.destination_search_form input:-ms-input-placeholder{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;text-transform:inherit}
#header-search::-webkit-input-placeholder{color:#898989 !important}
#header-search:-moz-placeholder{color:#898989 !important}
#header-search::-moz-placeholder{color:#898989 !important}
#header-search:-ms-input-placeholder{color:#898989 !important}
#header-login-box a:hover{font-size:14px}
#header-searchbox input::-webkit-input-placeholder{color:#898989;font-weight:normal;opacity:1;-webkit-opacity:1;font-family:HyundaiSansTextOffice-Regular;font-size:14px}
#header-searchbox input:-moz-placeholder,#header-searchbox input::-moz-placeholder,#header-canvas-search::-moz-placeholder,#header-canvas-search2::-moz-placeholder{color:#898989;font-weight:normal;font-family:HyundaiSansTextOffice-Regular;font-size:14px;opacity:1;-webkit-opacity:1}
#section-welcome h1,#header-nav-canvas h1{color:#fff;margin:0}
#header-nav-canvas h5{color:#888}
#section-welcome span{color:#fff;line-height:18px;font-family:'HyundaiSansTextOffice-Regular';margin-bottom:10px;display:block;font-size:16px}
#section-welcome .button btn-add-vehicle{width:295px;margin-top:35px}
#header-login-box #add_user_vehicle{margin-top:40px;margin-bottom:33px;padding:0 30px}
#header-login-box #add_user_vehicle input{width:295px;height:50px;margin-left:48px}
#header-login-box #owned_vehicles .vehicle_list:last-child{border-bottom:0}
#opt_veh{height:80px}
.now_viewing_text{font-size:12px}
#header-login-box #opt_user{margin-bottom:30px;border-bottom:1px solid #ccc;padding-top:10px;padding-left:0}
#header-login-box #opt_user a{border-bottom:0;color:#0074c8;font-size:18px;font-family:"HyundaiSansTextOffice-Regular";margin-bottom:34px;display:inline-block;line-height:16px}
#header-login-box #opt_user a:last-child{margin-bottom:30px}
#header-login-box #opt_user a:hover{color:#003f86}
#header-login-box #user_choices{width:50%;padding-left:0;float:left;margin-bottom:0}
#header-login-box #user_choices a{text-transform:capitalize;border-bottom:0;color:#0074c8;font-size:16px;font-family:"HyundaiSansTextOffice-Regular";margin-bottom:22px;display:inline-block}
#header-login-box #user_choices a:hover{color:#003f86}
#header-login-box .canvas-slink a{color:#666;border-bottom:0;margin-left:28px}
#header-login-box .canvas-flinks{text-align:center;margin-bottom:20px;color:#0074c8}
#header-login-box .canvas-flinks a{color:#666;border-bottom:0}
#header-login-box .social-icon-links{margin-left:-3px}
#header-login-box #out_sign{float:right;padding-right:10px}
#header-login-box #out_sign a{color:#0074c8;border-bottom:1px solid #0074c8;text-align:right}
#header-login-box #out_sign a:hover{color:#003f86;border-bottom:1px solid #003f86}
#header-login-box #out_sign a.hover{color:#fff}
#header-login-box #collapse3 .panel-body{margin-top:-20px}
#header-login-box #collapse3 .panel-body a{font-family:"HyundaiSansTextOffice-Regular";text-transform:capitalize;padding-left:15px;margin-bottom:15px;color:#666}
#header-login-box #collapse3 .panel-body a:hover{color:#fff}
#header-login-box #collapse2 .panel-body{margin-top:-20px}
#header-login-box #collapse2 .panel-body a{font-family:"HyundaiSansTextOffice-Regular";text-transform:capitalize;padding-left:15px;margin-bottom:15px;color:#666}
#header-login-box #collapse2 .panel-body a:hover{color:#fff}
#header-login-box #vs_option{position:relative;width:100%;margin-top:38px;margin-bottom:24px}
#header-login-box #vs_option p{color:#fff;font-family:"HyundaiSansTextOffice-Regular";display:table-cell}
#header-login-box #vs_option #opt_veh{position:relative;padding:20px 52px 0;background-color:#0074c8;height:90px;width:100%}
#header-login-box #vs_option #opt_veh span{width:100%;background:#0074c8;color:#fff;border:0;font-family:"HyundaiSansTextOffice-Regular";font-size:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position-x:100%;word-break:break-word}
#header-login-box #vs_option #opt_veh span.rotate_arrow{background:url("../../../../content/dam/hyundai/us/myhyundai/image/general/icon/up_arrow.svg") no-repeat right;background-position-x:100%;background-size:20px 13px}
#header-login-box #vs_option #opt_veh span.select-box-arrow{background:url("../../../../content/dam/hyundai/us/myhyundai/image/general/icon/down_arrow.svg") no-repeat right;background-position-x:100%;background-size:20px 13px;position:absolute;top:40px;right:30px;z-index:10;height:13px;width:20px}
#header-login-box #vs_option #opt_veh span option{background-color:#f3f3f3;color:#000;font-family:"HyundaiSansTextOffice-Medium"}
#header-login-box #vs_option #opt_veh span .show_all_vehicle{width:100%;height:100%}
#header-login-box #vs_option #opt_veh span .show_all_vehicle #opt_1{background:url("clientlib-hyundai-site/css/images/car-img.png");background-repeat:no-repeat;height:50px}
#header-login-box #vs_option #opt_veh .select-box-arrow{margin-left:50%}
#header-login-box #vs_option.view_every_vehicle{background:url("clientlib-hyundai-site/css/images/accordian-arrow-up.png")}
#header-login-box #owned_vehicles{display:none;background-color:#fff;height:710px;margin-top:-20px;overflow:auto;width:100%;padding:0 30px}
#header-login-box #owned_vehicles input{-webkit-appearance:none;width:20px;height:20px;border:1px solid #ccc;border-radius:50%;outline:0;box-shadow:0 0 0 0 gray inset;background:white;margin-left:10px;vertical-align:middle;margin-top:0}
#header-login-box #owned_vehicles input:hover{box-shadow:0 0 5px 0 orange inset}
#header-login-box #owned_vehicles input:before{content:'';display:block;width:60%;height:60%;margin:20% auto;border-radius:50%}
#header-login-box #owned_vehicles input:checked:before{background:#0074c8}
#header-login-box #owned_vehicles .vehicle_list{padding-top:30px;width:100%;margin-left:0;border-bottom:1px solid #ccc;padding-bottom:30px}
#header-login-box #owned_vehicles .vehicle_list span{color:#000;font-family:"HyundaiSansTextOffice-Regular";width:20%;font-size:16px;vertical-align:text-top}
#header-login-box #owned_vehicles .vehicle_list img{margin-left:30px;margin-right:20px;width:134px;height:70px;vertical-align:middle}
#header-login-box #owned_vehicles .vehicle_list .model_no{display:inline-block;width:30%;vertical-align:middle;word-break:break-word}
#header-login-box #owned_vehicles a{margin-left:10px;left:0;display:inline-block;margin-top:20px}
span.viewvehicle_arrow_align{width:100% !important}
.arrow_align{position:relative;margin-left:83% !important;top:-5px}
@media(max-width:767px) and (min-width:100px){#header-login-box #owned_vehicles input{margin-left:0}
span.viewvehicle_arrow_align{width:85% !important;padding-right:70px;position:absolute}
#header-login-box #vs_option #opt_veh span.select-box-arrow{right:0}
#header-login-box #owned_vehicles .vehicle_list .model_no{display:inline-block;width:35%}
#canvas-searchbox{margin-left:0 !important}
#header-login-box #out_sign a,a.managevehicles.managePosition:hover{font-size:14px}
#header-login-box #owned_vehicles a{bottom:45px;margin-left:0}
#header-login-box .canvas_for_hyun_retailers{font-family:'HyundaiSansTextOffice-medium';font-size:14px;margin-top:30px}
#header-login-box .login-username span{margin-left:18px}
#header-login-box #canvas-searchbox{margin-bottom:23px;margin-top:20px}
p.for_owners{margin-top:0;margin-bottom:9px;font-family:'HyundaiSansTextOffice-Regular';font-size:12px}
h4 span.hyun_resource{line-height:1.06}
#header-login-box label.checkbox-custom{float:left}
#header-login-box .nav-login-form label.canvas_remember_me2{font-size:14px;float:left;margin-left:6px;margin-top:8px}
.canvas_register_link.reg-link a{float:right;font-size:14px;margin-top:30px}
.rememberme_row{margin-bottom:10px !important}
#header-login-box a.canvas_enrollment{font-size:16px}
#header-login-box div.canvas-bottom-links .social-icon-links{margin-bottom:23px;width:100%}
#header-login-box .canvas-slink{float:none !important}
#canvas-searchbox #header-canvas-search2{width:200px}
#header-login-box #vs_option #opt_veh span{padding-left:40px}
#header-right-colum #header-nav-canvas{padding:0 15px}
.nav-login-form .canvas_loginreg_row{margin-bottom:30px}
.hyun_resource{font-size:18px}
#header-login-box .canvas_for_login{font-size:14px;margin-bottom:7px;font-family:'HyundaiSansTextOffice-Regular'}
.login-username.form-row{margin-bottom:20px;margin-top:1px}
.rememberme_row a{font-size:14px}
#header-right-colum #header-nav-canvas_H2{padding:0 15px}
#header-login-box #owned_vehicles .vehicle_list img{width:105px;height:55px}
.now_viewing_text{padding:22px 0 0 17px}
#header-login-box #opt_user{padding:13px 0 0 0}
#header-login-box #user_choices{padding:0}
#header-login-box #vs_option #opt_veh span{font-size:16px}
#header-login-box #out_sign{padding-right:0}
.view_veh_font{padding:0 0 0 17px !important}
#header-login-box #owned_vehicles .vehicle_list{width:100%;margin:0}
#header-login-box #owned_vehicles .vehicle_list span{font-size:14px}
#header-login-box #vs_option #opt_veh{margin-left:-2.6%;margin-right:0}
#header-login-box #vs_option{width:100%}
#header-login-box #user_choices a{font-size:16px}
#header-login-box #opt_user a{font-size:16px;font-family:"HyundaiSansTextOffice-Regular"}
#header-login-box .canvas_footer_sociallinks .canvas-bottom-links{width:100%;margin-bottom:8px;margin-top:78px;text-align:center}
#header-login-box .canvas-slink a{margin-left:0}
#header-login-box .canvas-flinks{margin-left:0}
#header-login-box #add_user_vehicle input{width:100%;height:50px;margin-left:0}
#header-login-box #add_user_vehicle{padding:0}
#header-login-box #vs_option{margin-top:15px}
#header-login-box #vs_option #opt_veh span.select-box-arrow{background-position-x:110%;background-size:20px 10px}
header .header-container{padding:0 15px}
header{height:70px}
#header-logo{width:59px !important;height:36px;margin:16px 0 17px 0}
#h-col-left{width:auto;display:table-cell;width:110px;max-width:110px}
#h-col-right{margin:0;position:absolute;top:0vw;right:2vw}
#header-searchbox{margin:16px 17px 14px 0;width:auto;padding-left:0}
#header-searchbox input{width:100%;padding:4px;padding-right:30px !important;font-size:14px;font-family:"hyundaisansheadoffice-regular";opacity:0;max-width:120px}
#header-searchbox input:focus{opacity:.5}
#header-search-btn{right:3px;width:18px;height:18px}
#header-search-btn img{width:100%}
#header-alerts-icon{width:19px;height:24px;margin:23px 17px 23px 0}
#header-alerts-icon img,#header-nav-icon img{width:100%}
#header-alerts-icon img{height:24px}
#header-alerts-icon .notifications-count{right:-8px}
#header-nav-icon{width:30px;height:20px;margin:25px 0}
#canvas-searchbox{margin-top:10px}
#header-nav-canvas{display:none;padding:0 15px;max-width:320px;right:0;top:0;width:320px}
#header-login-box #canvas-searchbox INPUT#header-canvas-search{background:transparent;width:150px}
#canvas-searchbox form{width:100%}
#header-nav-canvas .input-txt,#header-nav-canvas .input-pwd{width:100%;height:50px;background:transparent;border:solid 1px #666}
#header-login-box{width:290px}
#header-login-box .canvas-flinks{display:block;margin-bottom:20px}
#header-nav-canvas #header-login-box .canvas-bottom-links{margin-top:70px;margin-bottom:8px;text-align:center;overflow:hidden}
.input-txt,.input-pwd{color:#fff;width:290px;height:50px;border:solid 1px #fff;background:transparent;padding:4px 14px;font-style:medium;font-size:14px;margin-bottom:20px}
#login-box{width:320px}
#header-login-box .block-left{width:58%}
#header-login-box .block-right{display:inline-block;width:37%;text-align:right}
#header-login-box .block-right.reg-link{width:32%;text-align:left;margin-top:20px}
#header-login-box #btn-login-form-canvas,#header-login-box input{width:192px;font-size:14px}
}
#canvas-searchbox{margin-right:0 !important}
#canvas-search-btn img{vertical-align:baseline}
#header-nav-canvas,#header-nav-canvas_H2{display:none;width:100%;max-width:469px;padding:0;border-width:0;border-style:solid;position:absolute;right:0;top:0;text-align:left;z-index:99;box-shadow:-2px 2px 10px -1px #ccc}
#header-login-box{width:100%;border-style:solid;border-width:0}
#canvas-searchbox{text-align:left;margin-top:30px;position:relative;height:25px}
#canvas-search-btn,#canvas-search-btn2{background:transparent;border:0;position:relative;margin:-2px 0 5px 2px;float:left}
#canvas-search-btn img{width:18px;height:18px}
#canvas-searchbox input#header-canvas-search,input#header-canvas-search2{color:#000 !important;width:85%;height:40px;padding:4px 14px;border-width:0;border-style:solid;font-size:0;font-family:'HyundaiSansTextOffice-Regular';line-height:1.06}
#canvas-close-btn,#canvas-close-btn_H2{display:inline-block;border:0;position:relative;right:-2px;float:right;margin-top:5px;cursor:pointer}
.menu_close_btn{width:25px;height:25px}
.for_owners{font-family:'HyundaiSansTextOffice-Medium';font-size:14px;letter-spacing:.5px;text-align:left;margin-top:66px;margin-bottom:9px;line-height:10px}
#header-login-box .separator-h{margin-top:0;margin-bottom:20px}
.separator-h{border-bottom-style:solid;border-bottom-width:1px}
hr{border:0;border-top-width:1px}
#header-login-box .hyun_resource,#header-login-box .canvas_enrollment{border-bottom:0 !important;font-family:'HyundaiSansTextOffice-Regular'}
#header-login-box .hyun_resource,#header-login-box .canvas_enrollment{font-family:HyundaiSansHeadOffice-Regular;font-size:16px}
#header-login-box a.hyun_resource:hover{font-size:16px;border-bottom:0}
.canvas_for_login{margin-top:28px;font-family:'HyundaiSansTextOffice-Medium';font-size:14px;line-height:17px;margin-bottom:9px}
.form-row{position:relative;margin-bottom:20px}
.nav-login-form .login-username input,.nav-login-form .login-password input{width:100%;height:50px;border-radius:3px;border-width:1px;border-style:solid}
#header-login-box .login-username .floating_label,#header-login-box .login-password .floating_label{font-family:'HyundaiSansTextOffice-Regular';font-size:14px;left:10px}
#header-login-box .block-left{display:inline-block}
.rememberme_row .block-left{width:50%}
#header-login-box label.canvas_remember_me2,#header-login-box label.checkbox-custom{font-family:'HyundaiSansTextOffice-Regular';font-size:14px;line-height:14px;text-align:left}
.checkbox-custom{display:inline-block;width:25px;height:25px;border-style:solid;border-width:1px;margin-right:15px}
.canvas_loginreg_row{margin-bottom:58px;width:100%}
#header-login-box .block-right{float:right}
#header-login-box .log-btn input[type="submit"].offcanvas_login_btn{font-family:'HyundaiSansTextOffice-Regular';width:265px;border-radius:25px}
span.canvas_register_link a{margin-left:0;float:right;font-family:'HyundaiSansTextOffice-Regular';font-size:14px;line-height:15px}
.canvas_for_hyun_retailers{font-family:'HyundaiSansTextOffice-Medium';font-size:14px;letter-spacing:.5px;margin-bottom:9px;line-height:13px;color:#000}
a.canvas_enrollment{font-family:'HyundaiSansTextOffice-Regular';font-size:18px;line-height:.94;border-bottom:0;margin-bottom:114px}
#header-login-box a.canvas_enrollment:hover{font-size:18px}
#header-login-box .canvas-bottom-links{margin-bottom:27px}
span.canvas-slink{line-height:1.42}
#header-login-box span.canvas-slink a{font-family:'HyundaiSansTextOffice-Regular';font-size:12px}
#header-login-box div.canvas-flinks a{text-align:center;margin-top:0;font-family:'HyundaiSansTextOffice-Regular';font-size:12px;line-height:1.5}
#header-nav-canvas .nav-login-form input::-webkit-input-placeholder{opacity:1;-webkit-opacity:1;font-family:'HyundaiSansTextOffice-Regular';font-size:14px;line-height:1;text-align:left}
#header-nav-canvas .nav-login-form input:-moz-placeholder{opacity:1;-webkit-opacity:1;font-family:'HyundaiSansTextOffice-Regular';font-size:14px;line-height:1;text-align:left}
#header-nav-canvas .nav-login-form input::-moz-placeholder{opacity:1;-webkit-opacity:1;font-family:'HyundaiSansTextOffice-Regular';font-size:14px;line-height:1;text-align:left}
#header-nav-canvas .nav-login-form input:-ms-input-placeholder{opacity:1;-webkit-opacity:1;font-family:'HyundaiSansTextOffice-Regular';font-size:14px;line-height:1;text-align:left}
.login-username input,.login-password input{max-width:400px;padding:19px 14px;font-size:14px;font-family:'HyundaiSansTextOffice-Regular'}
.inputFontSize{font-size:16px !important}
#header-canvas-search input::-webkit-input-placeholder{opacity:1;-webkit-opacity:1;font-family:HyundaiSansTextOffice-Regular;font-size:16px;line-height:1.06}
#header-canvas-search::-moz-placeholder{font-family:HyundaiSansTextOffice-Regular;font-size:16px;line-height:1.06;opacity:1;-webkit-opacity:1}
.canvas_close_image{width:25px;height:25px}
.outbound,.outbound:hover{border-bottom:0}
span.social-icon-links.header-part img{height:20px}
.footerLogin_inline{position:relative}
.canvas_footer_sociallinks{padding-left:15px}
#header-login-box #owned_vehicles .owned_vehicles_style{width:107%;margin-left:-15px}
.rememberme_row{margin-bottom:34px;width:100%;float:none}
#header-login-box .login-username span,#header-login-box span.frm_error_msg{margin-left:0}
p.canvas_for_hyun_retailers ~ a{font-size:16px}
#header-login-box p.canvas_for_hyun_retailers ~ a:hover{font-size:16px}
.login-form .floating_label,.nav-login-form .floating_label{text-transform:capitalize}
#header-login-box #canvas-searchbox input#header-canvas-search{padding-top:0;padding-bottom:0;line-height:17px;height:25px}
#header-login-box #canvas-close-btn{margin-top:0}
#header-login-box h4{line-height:14px;margin:10px 0}
#header-nav-canvas #header-login-box .login-username input,#header-nav-canvas #header-login-box .login-password input{border:1px solid #ccc !important}
#header-nav-canvas #header-login-box .login-username .input_error,#header-nav-canvas #header-login-box .login-password .input_error{border:2px solid #c40712 !important}
@media screen{#header-nav-canvas #header-login-box .login-username .input_error:-ms-input-placeholder,#header-nav-canvas #header-login-box .login-password .input_error:-ms-input-placeholder{color:#c40712 !important}
}
#header-nav-canvas #header-login-box .login-username .input_error::-webkit-input-placeholder,#header-nav-canvas #header-login-box .login-password .input_error::-webkit-input-placeholder{color:#c40712 !important}
#header-login-box .checkbox-custom{margin-right:2px}
#header-nav-canvas label.canvas_remember_me2{font-weight:normal;color:#000}
#canvas-close-btn_H2{margin-top:0}
#canvas-search-btn2{margin-top:4px}
input#header-canvas-search2{height:28px}
#header-login-box #owned_vehicles .vehicle_list.last-row{border-bottom:0}
body{padding:80px 0 0 0 !important}
html.no-scroll,body.no-scroll{overflow:hidden !important;position:relative;height:calc(100% + 1px);width:100%}
body.no-scroll .dropdown-menu{z-index:9}
body.no-scroll #header-nav-canvas_H2,body.no-scroll #header-nav-canvas{position:fixed;overflow-y:scroll;overflow-x:hidden;height:100%;-webkit-overflow-scrolling:touch;top:0;bottom:0;right:0;-webkit-transform:translate3d(0,0,0)}
body.no-scroll #header-login-box{position:relative}
header{position:fixed;top:0;z-index:98;height:80px}
body.no-scroll .m-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;height:100%;width:100%;z-index:97;background-color:#000;opacity:.8;overflow:hidden !important}
header,header .sticky{position:fixed;top:0;left:0;z-index:1040;height:80px}
header #header-logo{height:auto;margin:30px 0 15px 30px}
header #header-searchbox input{height:35px;padding:5px 5px;padding-right:50px}
header #header-searchbox{margin:22px 27px 29px 0}
header #header-nav-icon{height:20px;margin:28px 0 30px 0}
header #header-alerts-icon{margin:22px 20px 27px 0;height:30px}
@media(max-width:767px) and (min-width:100px){#header-login-box span.canvas-slink a{font-size:11px}
#header-login-box div.canvas-flinks a{font-size:11px}
body{padding:70px 0 0 0 !important}
header,header.sticky{height:70px}
header #header-logo,header.sticky #header-logo{height:36px;margin:16px 0 17px 6px}
header #header-searchbox,header.sticky #header-searchbox{margin:16px 17px 14px 0;width:auto;padding-left:0}
header #header-search-btn,header.sticky #header-search-btn{height:20px;width:20px;top:7px}
header #header-nav-icon,header.sticky #header-nav-icon{height:20px;margin:25px 0}
header #header-alerts-icon,header.sticky #header-alerts-icon{margin:23px 17px 23px 0}
}
#opt_veh .view_every_vehicle{cursor:pointer}
#opt_veh .select-box-arrow{cursor:pointer}
#header-nav-canvas_H2 #all_details,#header-nav-canvas_H2 #canvas-searchbox,#header-nav-canvas #header-login-box{padding:0 30px}
@media(min-width:100px) and (max-width:767px) and (orientation:portrait){#header-login-box #vs_option #opt_veh span.select-box-arrow{top:44px;right:30px}
#header-nav-canvas_H2 #canvas-searchbox,#header-nav-canvas #header-login-box{padding:0}
#header-nav-canvas_H2 #all_details{padding:0 10px}
#header-login-box #vs_option #opt_veh{margin-left:-5%;padding:5px 10px 0;width:110%}
#canvas-close-btn_H2{right:7px}
#header-login-box #owned_vehicles{padding:0 10px}
}
@media(min-width:100px) and (max-width:767px) and (orientation:landscape){#header-login-box #vs_option #opt_veh{width:107%;margin-left:-15px;padding:0 10px}
#header-nav-canvas_H2 #canvas-searchbox,#header-nav-canvas #header-login-box,#header-nav-canvas_H2 #all_details{padding:0 10px}
#header-login-box #vs_option #opt_veh span.select-box-arrow{top:40px;right:30px}
#header-login-box #owned_vehicles{padding:0 10px}
}
@media(min-width:768px) and (max-width:1024px){#header-nav-canvas label.canvas_remember_me2{position:absolute;padding-top:7px}
}
@media(max-width:420px){#header-login-box .canvas-slink{margin-right:0;margin-top:3px;float:right}
}
@media(min-width:425px) and (max-width:767px){#header-login-box .canvas-slink{margin-right:0;margin-top:0}
}
@media(max-width:767px){.canvas_footer_sociallinks{padding-left:0}
}
@media only screen and (min-device-width:712px) and (max-device-width:767px) and (orientation :portrait){.nav-login-form .canvas_loginreg_row{margin-bottom:135px}
#header-login-box input#btn-login-form-canvas{width:265px;left:0}
}
.welcome #section-welcomeV2{max-width:inherit;width:100vw !important;left:calc(-50vw + 50%);position:relative;padding:0;background-size:cover;background-position:center;height:800px;padding-top:65px;margin-bottom:-150px}
#section-welcomeV2 .section-block{width:inherit}
#section-welcomeV2 span{color:#fff;line-height:18px;font-family:'HyundaiSansTextOffice-Regular';margin-bottom:10px;display:block;font-size:20px;text-align:center;margin-top:10px}
#section-welcomeV2 h1{color:#fff;margin:0;font-family:"HyundaiSansHead-Bold";font-size:42px;text-align:center}
#section-welcomeV2 #carWithAddCircleButton{display:flex;height:334px;max-width:906px;background-repeat:no-repeat;background-size:contain;margin:0 auto;background-position:center;margin-top:25px;margin-bottom:25px}
#section-welcomeV2 .btn-circle-add-vehicle{display:block;margin:0 auto;width:124px}
#section-welcomeV2 .btn-add-vehicle{display:block;width:161px !important;height:48px !important;padding:14px,30px,14px,30px !important;border-radius:0 !important;background-color:#002c5e;margin:0 auto;font-size:16px !important}
#section-welcomeV2 h1.hy-dashHeadText{font-size:54px;font-weight:500;line-height:56px !important;font-family:'HyundaiSansHeadOffice-Medium';text-align:center}
.welcome #section-banner-appstores{background-position:initial}
.welcome .home-banner-sections #gen_res{background:var(--blue-btn);border-radius:0;color:#fff}
.welcome button.build-a-vehicle.button{background:var(--blue-btn);color:#fff;min-width:167px;width:167px}
.welcome button.build-a-vehicle.button:hover,.welcome .home-banner-sections #gen_res:hover{background:var(--blue-btn-hover)}
.welcome .home-banner-sections #gen_res{min-width:203px !important;width:203px !important}
#section-welcomeV2 .btn-add-vehicle{font-size:14px}
.welcome #section-banner-appstores{min-height:337px !important}
.welcome .banner-appstore .banner-app-store-bg img{width:95%}
@media(max-width:1230px){.welcome #section-banner-appstores{min-height:316px !important}
}
@media(max-width:900px){.welcome #section-banner-appstores{min-height:370px !important}
}
@media(min-width:992px){#section-welcomeV2 .container{max-width:1210px;width:100%}
}
@media(min-width:767px) and (max-width:991px){#section-welcomeV2 .container{margin:10px auto}
}
@media(max-width:768px){#section-welcomeV2 #carWithAddCircleButton{margin-top:0;margin-bottom:0}
#section-welcomeV2 .btn-circle-add-vehicle{width:90px}
#section-welcomeV2 span{margin-top:50px}
#section-welcomeV2 h1.hy-dashHeadText{font-size:40px;line-height:40px !important}
#section-welcomeV2 .container{max-width:1100px;width:100%;padding:0 15px;margin:0}
#section-welcomeV2 .btn-add-vehicle{position:static;font-size:14px !important}
.welcome #section-welcomeV2{height:720px}
#section-welcomeV2 #carWithAddCircleButton{height:290px}
.buildAvehicleComponent .build-a-vehicle.runmode-url{position:static}
.welcome .buildAvehicleComponent .button-wrapper-mobile{margin:20px 0 50px 0}
}
@media(max-width:767.5px){.welcome .home-banner-sections #gen_res,.welcome button.build-a-vehicle.button{width:161px !important;min-width:161px !important;margin:auto;font-size:14px !important;height:50px !important;line-height:50px !important}
}
@media(max-width:768px){.welcome .cars-banner-wrapper{background-size:145%}
}
@media(max-width:600px){.welcome .cars-banner-wrapper{background-size:167%}
#section-welcomeV2 #carWithAddCircleButton{margin-top:0;margin-bottom:0}
#section-welcomeV2 .btn-circle-add-vehicle{width:60px}
.welcome #section-welcomeV2{height:680px}
#section-welcomeV2 #carWithAddCircleButton{height:230px}
.hy-newWelSec:after{content:'';background:#f3f3f3;height:100%;position:absolute;left:0;top:88px;height:210px;width:100%;z-index:1}
.hy-newWelSec{position:relative}
#section-welcomeV2 .hy-newWelSec .btn-add-vehicle{position:relative;z-index:2;left:0}
#section-welcomeV2 .hy-newWelSec div{position:relative;z-index:2}
#section-welcomeV2 .container{padding:0}
}
@media(max-width:480px){#section-welcomeV2 #carWithAddCircleButton{height:180px;position:relative;top:-6px}
.welcome #section-welcomeV2{height:650px}
#section-welcomeV2 span{margin-top:30px}
.welcome .buildAvehicleComponent .button-wrapper-mobile{margin:0 0 50px 0}
}
@media(max-width:412px){#section-welcomeV2 #carWithAddCircleButton{margin-top:0;margin-bottom:0}
.hy-newWelSec:after{top:52px;height:200px}
.welcome #section-welcomeV2{height:610px}
#section-welcomeV2 #carWithAddCircleButton{height:155px}
}
#search_widget{display:none;position:absolute;width:340px;height:auto;border:solid 1px white;top:50px;padding:0 20px;background:white;box-shadow:2px 4px 16px #888;text-align:left;right:0;overflow-y:auto}
.triangle_search{display:none}
.triangle_search:before{content:" ";display:inline-block;width:20px;height:20px;background:white;position:absolute;right:15px;top:40px;transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:-2px -2px 11px #ccc}
#search_widget h3{margin:15px 0}
#search_widget .wtblock a{margin:10px 0;display:inline-block}
.wtblock{width:100%;min-height:100px;padding:10px}
.wtblock1{width:100%;min-height:100px;border-top:solid 1px #bbb;padding:10px}
.wtblock2{width:100%;border-top:solid 1px #bbb;padding:10px}
.wtblock2 p{margin-top:20px}
.wtblock1 .btn,.wtblock2 .btn{border-radius:0;padding:10px 10px;background:var(--blue-btn);margin-top:5px;font-size:14px;font-family:"HyundaiSansHeadOffice-Regular";color:#fff;width:100%}
#search_widget a.btn{padding:14px 10px}
.wtblock1 .btn:hover,.wtblock2 .btn:hover{background-color:var(--blue-btn-hover)}
.wsearchtxt{height:50px;line-height:30px;padding:10px}
.wsearchtxt span{font-family:"HyundaiSansHead-Bold"}
#search_widget .wtblock a.lnkallresults{margin-top:20px}
#widget_block_2{padding-bottom:20px}
.sfresults{width:100%;padding:20px 30px 0 30px;background-color:#e6e6e6;clear:both;margin:0 0 20px 0;display:block;position:relative;top:-10px;border:0}
.sfresults h4{font-size:14px;color:#444;margin-bottom:20px}
.sfresults .wtblock1{border:0;padding:0;min-height:auto;padding-bottom:30px}
.sfresults .wtblock1 .btn{width:auto;padding:10px 50px}
.sfresults .wtblock2{min-height:auto;padding-top:25px}
.sfresults .wtblock2 a{margin-right:20px;margin-bottom:20px}
#modal_common_popup.fade.in{display:flex !important}
#modal_common_popup.fade.in .modal-dialog{margin:auto !important}
@media(max-width:767px){#search_widget{left:inherit;right:-40px;width:320px}
.triangle_search:before{right:2%}
.sfresults .wtblock1 .btn{padding:10px 25px}
.sfresults{padding:15px}
.sfresults .wtblock2{padding:0;padding-top:15px}
#modal_common_popup.fade.in .modal-dialog{margin:auto !important}
}
input.input_error::-webkit-input-placeholder{color:#c40712 !important;opacity:1;-webkit-opacity:1}
input.input_error:-moz-placeholder,input.input_error::-moz-placeholder{color:#c40712 !important;opacity:1;-moz-opacity:1}
input.input_error:-ms-input-placeholder{color:#c40712 !important;opacity:1;opacity:100}
.modal-backdrop.in{filter:alpha(opacity=70);opacity:.7}
.phev-schedule-edit .disabled-feature{pointer-events:none;cursor:default;opacity:.6;filter:grayscale(1);color:#888;border-color:#888}
.remoteaction .vehicle-info{display:block}
.vehicleStatusPopup .refresh-Img{width:28px;height:auto}
.vehicleStatusPopup .myDivNew .modal-content{padding:30px 8%}
.vehicleStatusPopup .myDivNew .status_icons_fonts{text-align:left}
.left-control,.right-control{top:70px}
.sedan_car .vehiclepopup_wrapper{position:relative;margin:95px 0 0}
.sedan_car .oilinfo{margin-top:50px}
.sedan_car .vehiclepopup_wrapper .Status-container{height:225px;top:-17%;right:17%}
.sedan_car .vehiclepopup_wrapper .Status-container.sunroof-box{height:160px}
.sedan_car .vehiclepopup_wrapper .Status-container.windows-box{height:196px}
.sedan_car .vehiclepopup_wrapper .Status-container.hood-box{height:232px;right:69%}
.sedan_car .vehiclepopup_wrapper .Status-container.lamps-box{left:9%;height:265px}
.sedan_car .vehiclepopup_wrapper .Status-container.engine-box{height:193px;bottom:11%;left:21%}
.sedan_car .vehiclepopup_wrapper .Status-container.climate-box{height:200px;bottom:11%;left:44%}
.sedan_car .vehiclepopup_wrapper .Status-container.door-box{height:195px;bottom:11%;right:32%}
.bottom_section_width{width:185px;display:inline-block;float:none;white-space:nowrap}
.bottom_section_width:last-child{width:210px;white-space:nowrap}
#overview{margin-bottom:60px}
#overview .vehicle-info,.remoteaction .vehicle-info{margin-top:10px;font-weight:bold}
#overview .vehicle-info span{display:block}
#overview .vehicle-status span{text-transform:none;color:#888;font-size:12px;display:inline-block;font-weight:700;margin:8px 0 10px 0}
#overview .refresh-history-wrapper{display:inline-block}
#overview .request_history_click{font-weight:bold;padding-top:8px;display:inline-block}
#overview .refresh-history-wrapper .refresh-link img{width:24px;margin-top:-4px}
#overview .status-image-wrapper{position:relative}
#overview .status-image-wrapper p.engine-icon-image{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/gray%20engine%20off.svg) no-repeat top center}
#overview .status-image-wrapper span{float:left;color:#888;text-align:left;font-size:10px;letter-spacing:1px}
#overview .status-image-wrapper p.climate-icon-image{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/gray%20climate%20on.svg) no-repeat top center}
#overview .col-lg-4,#overview .col-lg-8{display:inline-block}
#overview .status-image-wrapper .status-image img{width:100%;margin:20px 0}
#overview a.see-all{font-size:16px;max-width:200px;color:#fff;margin:0 0 30px 0}
.vehicle-status-pins{display:none;text-align:center}
.status_over:first-child{margin-top:44px}
.status_over{width:100%;display:block;float:left;margin:10px 0}
#overview .status-image-wrapper span b{display:block;color:#000}
#overview .mapview{padding:0 0 0 60px;border-left:1px solid #ddd;margin-top:67px}
#overview .mapview h3{padding-top:0;margin-bottom:15px;line-height:auto}
#overview.threeColumnView #vehicle-status-wrapper .status_over{width:auto;padding:0 15px}
#overview.threeColumnView #vehicle-status-wrapper .status_over:first-child{margin:10px auto}
#overview.threeColumnView #vehicle-status-wrapper .status-image{width:100%}
#overview.threeColumnView #connected-service-usage .mapview{padding:0 0 0 30px}
#overview.threeColumnView #connected-service-usage .widget{position:relative;text-align:center;margin-bottom:35px}
#overview.threeColumnView #connected-service-usage .widget #chart{float:none}
#overview.threeColumnView #connected-service-usage .widget .legend{margin:0;position:absolute;right:-8px;bottom:2px;text-align:left}
#overview.threeColumnView #connected-service-usage .chart-button{text-align:center;margin:0}
#overview.threeColumnView #located-nearby-station .mapview{padding:0 0 0 30px}
#overview.threeColumnView #located-nearby-station .mapContainer{width:100%;display:block;border:2px solid #ddd}
#overview.threeColumnView #located-nearby-station .mapContainer .topBar{border-bottom:2px solid #ddd;padding:15px}
#overview.threeColumnView #located-nearby-station .mapContainer .topBar h3{margin:0;position:relative;font-size:22px;padding:0 0 0 55px}
#overview.threeColumnView #located-nearby-station .mapContainer .topBar h3 img{position:absolute;left:0;top:0}
#overview.threeColumnView #located-nearby-station .mapContainer .mapContent{position:relative;height:500px;background:#f3f3f3;overflow:hidden}
#overview.threeColumnView #located-nearby-station .mapContainer .mapContent .inputBox{position:absolute;left:20px;top:20px;border:2px solid #ddd;background:#fff;width:205px;height:40px;z-index:1}
#overview.threeColumnView #located-nearby-station .mapContainer .mapContent .inputBox .inputText{position:absolute;left:0;top:0;width:100%;height:100%;border:0;padding:0 15px}
#overview.threeColumnView #located-nearby-station .mapContainer .mapContent .inputBox .searchLink{background:url(clientlib-site/images/cs-search.png) no-repeat center;width:18px;height:18px;position:absolute;top:8px;right:6px;border:0;text-indent:-9999px;background-size:100%}
@media screen and (max-width:1280px){#overview.threeColumnView #connected-service-usage .widget{margin-bottom:58px}
#overview.threeColumnView #located-nearby-station .mapContainer .mapContent{height:510px}
}
@media screen and (max-width:1024px){#overview.threeColumnView #connected-service-usage .mapview{border-left:1px solid #ddd}
#overview.threeColumnView #connected-service-usage .widget{margin-bottom:133px}
}
@media screen and (max-width:768px){#overview.threeColumnView #connected-service-usage .mapview{border-left:0}
#overview.threeColumnView #located-nearby-station .mapview{border-left:0}
}
.chart-button{text-align:left;margin-left:6%;padding-top:16px;width:100%}
div.legend.myNewLegend{width:29%;margin-top:50px}
div.legend .legend-group.myNewLegendGroup{width:100%}
#chart.chartcenter{position:relative;float:left;margin-left:8%}
div.legend.myNewLegendMobileMargin{margin-top:50px}
#overview .legend{margin-left:30px}
div#overview .chart-container svg{margin-left:0;margin-top:-35px}
.align_left_button{margin-left:8%;margin-top:16px;float:left;width:100%}
.gen2_car{padding-top:60px}
.gen2_car h3{padding-top:0 !important}
.connected-services #remote-actions .col-md-8 .vehicle-info span,.connected-services #remote-actions .col-md-4 .vehicle-info span{display:block;font-size:16px}
.connected-services #remote-actions .col-md-8{padding:0}
.left-control,.right-control{position:absolute;top:70px;z-index:97;width:22px;height:22px;border:1px solid #0074c8;border-radius:50%;padding:2px 1px;background:#fff;margin-left:-8px}
.dashboard_container .left-control,.dashboard_container .right-control{top:90px}
.right-control{right:-10px}
.left-control .glyphicon,.right-control .glyphicon{color:#0074c8}
#modal6_ev_car .vehicle-status.hyundai-modal-header.s30.font_heading.remotelock_margin{padding-bottom:12px}
#modal6_ev_car .model-vehicle-status .vehStatus_time{color:#666;margin-top:0;margin-bottom:20px;font-size:14px;display:block}
#modal6_ev_car img.refresh-Img{margin-left:29px;margin-right:7px}
#modal6_ev_car .refresh_txt,#modal6_ev_car .refresh-Img{cursor:pointer}
.StatusDetail span{display:block;font-size:16px}
span.batteryDetail{font-size:12px;float:left;margin-left:7px}
.vehicleStatusPopup .progress{position:relative;width:54px !important;float:left;height:40px;margin-top:2px;border-radius:0;background-color:#d5d5d5;transform:rotate(-90deg);border:1px solid #337ab7;background:repeating-linear-gradient(to right,#337ab7 2px,#337ab7 1px,#337ab700 4px,#181c1f00 7px)}
.vehicleStatusPopup .progress .progress-bar{background-color:#60b113;background:repeating-linear-gradient(to right,#fff 0,#fff 0,#fff 1px,#337ab7 0,#337ab7 5px)}
.vehicleStatusPopup .batteryStatus .progress{border:1px solid #fffe00;background:repeating-linear-gradient(to right,#ffe000 2px,#fbff00 1px,#337ab700 4px,#181c1f00 7px)}
.vehicleStatusPopup .batteryStatus .progress .progress-bar{background:repeating-linear-gradient(to right,#fff 0,#fff 0,#fff 1px,#ffe000 0,#ffe000 5px)}
.StatusDetail{font-size:12px;float:left;margin-left:7px}
.batteryYellow{width:23px;height:16px;display:inline-block;vertical-align:middle}
.batteryDetail label,.StatusDetail label{color:#888;font-size:12px;font-family:"HyundaiSansTextOffice-Regular";padding:0;vertical-align:middle;font-weight:600;display:block;width:70px}
.batteryDetail span{display:block;font-size:16px}
.fueltank{position:relative;height:50px}
.batteryStatus{position:relative;height:50px}
.fueltank .progress{position:absolute;right:70px}
.batteryStatus .progress{position:absolute;left:20px}
.batteryStatus .batteryDetail{position:absolute;left:70px;bottom:-5px}
.fueltank .batteryimg{position:absolute;right:125px;bottom:1px;height:25px}
.batteryStatus .batteryimg{position:absolute;left:0;bottom:1px;height:18px}
.fueltank .StatusDetail{position:absolute;right:0;bottom:-5px}
.batteryBlue{margin:0;width:23px;height:16px;display:inline-block;vertical-align:middle}
.vehicle-status-wrapper .status-links{font-weight:bold}
.oilinfo{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:30px 20px;width:100%;margin-top:150px;display:block}
.vehiclepopup_wrapper .groupIcons{margin-top:245px;position:relative}
.vehiclepopup_wrapper .Status-container{position:absolute;height:165px;border-left:1px solid #ccc;display:inline-block;right:17.5%;top:-23%}
.statusfor{font-size:12px;color:#888;text-transform:none;display:none;max-width:250px;width:250px;clear:both;margin-top:5px;position:absolute}
.some-element>b.low{color:#f00 !important}
.statusfor small{display:block;word-wrap:break-word;font-size:12px}
.vehiclepopup_wrapper .Status-container p.trunk_title,.vehiclepopup_wrapper .Status-container p.sunroof_title,.vehiclepopup_wrapper .Status-container p.windows_title,.vehiclepopup_wrapper .Status-container p.hood_title,.vehiclepopup_wrapper .Status-container p.lamps_title,.vehiclepopup_wrapper .Status-container p.engine_title,.vehiclepopup_wrapper .Status-container p.climate_title,.vehiclepopup_wrapper .Status-container p.door_title{position:absolute;font-size:12px;color:#888;top:0;left:5px;text-transform:uppercase;margin-bottom:0;width:125px;font-weight:700}
span.hood_status,span.lamps_status,span.windows_status,span.sunroof_status,span.trunk_status,span.engine_status,span.door_status,span.climate_status{font-family:HyundaiSansTextOffice-Regular;display:block;font-size:16px;color:#000;text-transform:capitalize;font-weight:bold}
.vehiclepopup_wrapper .Status-container p.engine_title,.vehiclepopup_wrapper .Status-container p.climate_title,.vehiclepopup_wrapper .Status-container p.door_title{bottom:0;top:auto}
.vehiclepopup_wrapper .Status-container img.vehStatus_closed_trunk{bottom:0 !important;left:-20px;top:auto}
.vehiclepopup_wrapper .Status-container.engine-box img.vehStatus_closed_trunk,.vehiclepopup_wrapper .Status-container.climate-box img.vehStatus_closed_trunk,.vehiclepopup_wrapper .Status-container.door-box img.vehStatus_closed_trunk{bottom:auto;left:-20px;top:0}
.vehiclepopup_wrapper .Status-container.sunroof-box{right:39%;height:143px}
.vehiclepopup_wrapper .Status-container.windows-box{right:55%;height:185px}
.vehiclepopup_wrapper .Status-container.hood-box{right:72%;height:202px}
.vehiclepopup_wrapper .Status-container.lamps-box{left:10%;height:251px}
.vehiclepopup_wrapper .Status-container.engine-box{left:20%;height:276px;bottom:-15%;top:auto}
.vehiclepopup_wrapper .Status-container.climate-box{left:45%;height:288px;bottom:-15%;top:auto}
.vehiclepopup_wrapper .Status-container.door-box{right:29%;height:285px;bottom:-15%;top:auto}
.vehiclepopup_wrapper .Status-container img.vehStatus_closed_trunk{bottom:0 !important;left:-20px;top:auto}
.oilinfo.status-image-wrapper p{width:40px;height:40px;background-size:40px !important;float:left}
.oilinfo.status-image-wrapper p.engine-icon-image{background:url(clientlib-hyundai-site/images/oil_icon.png) no-repeat top center}
.oilinfo.status-image-wrapper p.climate-icon-image{background:url(clientlib-hyundai-site/images/breaks_icon.png) no-repeat top center}
.oilinfo.status-image-wrapper p.doors-icon-image{background:url(clientlib-hyundai-site/images/washerfluid_icon.png) no-repeat top center}
.oilinfo.status-image-wrapper p.smartkeybattery-icon-image{background:url(clientlib-hyundai-site/images/smartkeybattery_icon.png) no-repeat top center}
.status-image-wrapper .col-lg-4{width:33.333333%}
.oilinfo .status_icons_fonts span b{display:block;color:#000;font-size:16px !important;text-transform:capitalize}
.oilinfo .status_icons_fonts span b.low{color:#c40712}
.oilinfo .status_icons_fonts span{color:#888;text-transform:uppercase;font-size:13px !important;font-weight:700}
.vehicleStatusPopup .remote-lock-body{margin-left:0;padding-left:15px;position:relative}
.imagewrapper{text-align:center;padding:50px 0;position:relative}
.vehStatus_lamps_hr{position:absolute;left:10%;height:169px;top:6%}
.vehStatus_lamps_hr p{font-size:12px;color:#888;margin-left:5px;line-height:initial}
.vehStatus_lamps_hr span{display:block;text-align:left;font-size:14px;font-weight:bold;color:#000;line-height:initial}
.vehStatus_lamps_hr img{height:40px;left:-50%;margin-top:107px}
.off-peak-edit{vertical-align:middle;margin:16px 0 0}
#heatseat .precond[aria-expanded="false"]{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/arrow2.png) no-repeat right 32px;background-size:16px}
#heatseat .precond[aria-expanded="true"]{background:url(clientlib-hyundai-site/images/arrow1.jpg) no-repeat right 15px !important}
#heatseat .toggle-deforst{position:absolute !important;top:27px;right:73px}
#heatseat #collapseOne.panel-collapse.collapse.hideit{display:none !important}
.off-peak-edit span{display:block;font-size:12px;color:#666}
.seat_indicator span{display:inline-block;font-family:HyundaiSansTextOffice-Regular;color:#888}
.subHeader_vehStatus{padding:0 0 0 40px;margin-top:-15px}
.subHeader_vehStatus a{font-weight:bold}
#mySmallModalLabel img{width:30px;margin-right:15px}
.modal-close.colse-btn{font-size:33px;font-family:"HyundaiSansTextOffice-Regular";font-weight:normal;color:#888;transform:rotate(-135deg);opacity:1;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
.precondborder_align{border-top:0}
.remoteStart hr{display:block;width:100%;border-top:1px solid #e6e6e6;padding:0;margin:0}
.vehiclepopup_wrapper .Status-container span.door_title{position:relative;font-size:12px;color:#888;top:auto;left:auto;text-transform:uppercase;float:left;margin:0;margin-left:10px;font-weight:700}
.vehiclepopup_wrapper .Status-container span.door_title b{font-family:HyundaiSansTextOffice-Regular;display:block;font-size:16px;color:#000;font-weight:bold}
.vehStatus_closed_trunk,.vehStatus_closed_hood{width:40px;height:40px;border-radius:50px;background:linear-gradient(to bottom,white,white);position:absolute;padding:4px;box-shadow:0 0 35px 0 #888}
#modal6_ev_car .loader{display:none;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #0074c8;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:70px auto;position:absolute;z-index:99999;left:50%;top:23%;margin-left:-25px}
#overview .status-image-wrapper p.engine-icon-image�{background:�url("../../../../content/dam/hyundai/us/myhyundai/image/general/icon/gray%20engine%20off.svg") no-repeat top center}
.vehicle-status-wrapper .loader{position:absolute;margin:auto;top:50%;left:50%;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #0074c8;width:50px;height:50px;webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1;display:none}
#overview .status-image-wrapper p{width:30px;height:30px;float:left;background-size:37px !important}
.top-margin-20{margin-top:20px}
#overview .top-margin-40{margin-top:40px}
#overview .status-image-wrapper p.doors-icon-image{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/gray%20door%20locked.svg) no-repeat top center}
#overview .bottom-border span{border-bottom:1px solid #0074c8 !important}
.statusfor small i{width:3px;height:3px;background:#888;display:inline-block;margin:4px 3px 2px 3px;border-radius:2px}
.gen2_car.row .manage-settings-link{font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
div.Status-container a.toggle-content{display:none}
div.legend{width:26%}
div.legend.myNewLegend{width:29%;margin-top:50px}
div.legend .legend-group.myNewLegendGroup{width:100%}
#chart.chartcenter{position:relative;float:left;margin-left:8%}
div.legend.myNewLegendMobileMargin{margin-top:50px}
.goto_contactus{cursor:pointer}
.cq-placeholder,.new{height:auto;margin:0}
.round-box{width:200px;height:200px;border:12px solid #c40712;border-radius:3000px;display:inline-block;position:relative}
.msg{display:block;position:absolute;top:50%;left:50%;line-height:.5;margin-right:-50%;transform:translate(-50%,-50%)}
.msg p{color:#c40712;font-family:HyundaiSansHeadOffice-Regular !important;font-size:16px !important}
.msg .action{width:52px;height:44px;background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/recall-action-required.svg);display:block;background-size:170%;background-position:-20px;margin-left:6px;margin-bottom:10px}
#overview .status-image-wrapper .status-image img{width:100%;margin:20px 0 45px}
#overview .status-image-wrapper a.see-all{margin-bottom:0}
@media(min-width:1025) and (max-width:1279px){.container{width:985px}
}
@media(min-width:1280){.container{width:1240px}
}
.modal.fade:not(.in).bottom .modal-dialog{-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0)}
.row{margin-left:-10px;margin-right:-10px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-left:10px;padding-right:10px}
body{-webkit-font-kerning:auto;overflow-x:hidden}
body.modal-open{overflow:hidden}
#canvas-searchbox ::-webkit-input-placeholder{color:#888;opacity:1;-webkit-opacity:1}
#canvas-searchbox :-moz-placeholder{color:#888;opacity:1;-moz-opacity:1}
#canvas-searchbox :-ms-input-placeholder{color:#888;opacity:1;opacity:100}
#canvas-searchbox ::placeholder{color:#898989;opacity:1;opacity:100;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.destination-search ::-webkit-input-placeholder{font-family:"HyundaiSansTextOffice-Regular";color:#000;opacity:1;-webkit-opacity:1;text-transform:uppercase}
.maintenance-container-hyundai{background-color:#0074c8;text-align:center;color:#fff;padding:8px 10px}
.destination-search :-moz-placeholder,.destination-search ::-moz-placeholder{font-family:"HyundaiSansTextOffice-Regular";color:#000;opacity:1;-moz-opacity:1;text-transform:uppercase}
.destination-search :-ms-input-placeholder{font-family:"HyundaiSansTextOffice-Regular";color:#000;opacity:1;opacity:100;text-transform:uppercase}
.destination-search-input ::-webkit-input-placeholder{color:#000;opacity:1;-webkit-opacity:1}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td img{display:block;margin:0 auto;max-width:39px;max-height:42px}
.destination-search-input :-moz-placeholder,.destination-search-input ::-moz-placeholder{color:#000;opacity:1;-moz-opacity:1}
.destination-search-input :-ms-input-placeholder{color:#000;opacity:1;opacity:100}
*{padding:0;margin:0;box-sizing:border-box}
html{height:100%}
body{margin:0;padding:0;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.remote-tooltip td a{border-bottom:0 !important}
@media(max-width:767px){.statusfor small{margin-left:30px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.enabled-feature{height:115px}
#my_vehicles .vehicle-purchase-history h4 span{display:none !important}
#my_vehicles_list .vehicle_detail_align{float:left;width:100% !important}
#overview .vehicle-status-wrapper .status-links,#overview .vehicle-status-wrapper .vehicle-info span{font-size:14px}
#overview .vehicle-status-wrapper h3{margin-top:0}
.vehicleStatusPopup #modal6_ev_car{padding-right:0}
#overview a.see-all{max-width:100%}
.vehiclepopup_wrapper .groupIcons{margin-top:0}
#overview .top-margin-20{margin-top:0}
#overview #dashboard-bluelink-usage h1{margin-top:0}
#overview .status-image-wrapper .status-image img{margin:20px 0 20px}
.statusbar{margin-right:40px}
#cs-request-show-more,#cs-request-show-less{Display:inline-block;margin-bottom:10px}
body{font-size:13px;line-height:18px}
#section-login{background-position:left top;background-size:contain;padding:15px}
}
h1{font-family:"HyundaiSansHead-Bold";font-size:42px;line-height:40px}
@media(max-width:767px){h1{font-size:30px;line-height:33px}
}
h2{font-family:"HyundaiSansHead-Bold";font-size:30px;line-height:33px}
@media(max-width:767px){h2{font-size:22px;line-height:25px}
}
h3{font-family:"HyundaiSansHead-Bold";font-size:20px;line-height:23px}
@media(max-width:767px){h3{font-size:18px;line-height:21px}
}
h4{font-family:"HyundaiSansHead-Bold";font-size:18px;line-height:21px}
@media(max-width:767px){h4{font-size:16px;line-height:19px}
}
h5{font-family:"HyundaiSansTextOffice-Regular";font-size:16px;line-height:19px}
@media(max-width:767px){h5{font-size:14px;line-height:17px}
}
.error{display:block;color:#c40712;padding:0 0 8px}
a{color:#fff}
a:hover,a:focus{color:#0074c8}
a:focus{text-decoration:none !important}
a.disabled{color:#a4a4a4;border-color:#a4a4a4}
.pagination .page-item{padding:6px 12px;display:inline-block}
.pagination .page-link{border-radius:inherit !important;padding:0 !important;border:0}
.pagination .page-link .next{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:0 0;width:40px;height:40px;float:left;text-indent:-9999px}
.pagination .page-link .next:hover{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-55px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.pagination .page-link .next.disabled{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-104px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.pagination .page-link .previous{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-154px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.pagination .page-link .previous:hover{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-204px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.pagination .page-link .previous.disabled{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-253px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.btn{font-family:"hyundai_sans_text_office_regular";font-size:16px;padding-top:8px}
.btn.toggle{width:75px !important;height:32px !important}
.btn.toggle.btn-primary .toggle-handle{right:17px;top:2px}
.btn.btn-default{border-radius:34px;border:0;background:#888;color:#fff;text-transform:uppercase}
.btn.btn-default.off .toggle-handle{left:17px;top:3px}
.btn.btn-default.active:hover{color:#fff;background:#888}
.btn.toggle-on{padding-right:43px}
.btn.toggle-off{padding-left:43px}
.btn-primary{background:#357f33;border-radius:34px}
.btn-primary:hover{background:#357f33;border-radius:34px}
.toggle-handle{border-radius:50% !important;background-color:#fff !important;border:0;width:28px;height:28px;top:2px}
.toggle-handle:before{border-radius:50%}
*{padding:0;margin:0;box-sizing:border-box}
html{height:100%}
input:focus,select:focus,textarea:focus,button:focus{outline:none !important}
h1,h2,h3,h4,h5,h6,label,strong{margin:0}
body{color:#000}
body a{color:#0074c8;border-bottom:solid 1px #0074c8;text-decoration:none}
body a:hover{color:#003f86;border-bottom:solid 1px #003f86;text-decoration:none}
body a.link-icon{border:0;background:transparent}
.none{display:none}
.container-fluid input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:#fff;background-image:none;color:#000}
#destination_search_modal_form{position:relative}
#destination_search_modal_form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#000 !important}
.input-email,.input-num{color:#fff;width:398px;height:50px;border:solid 1px #fff;background:transparent;padding:4px 14px;font-style:medium;font-size:14px;outline:0;border-radius:5px;border-radius:5px}
INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{height:40px;width:235px;background-color:var(--blue-btn);color:#fff;border:0}
INPUT[type="submit"][disabled],INPUT[type="button"][disabled],INPUT[type="button"].button[disabled],INPUT[type="button"].disabled,INPUT[type="submit"].disabled{background-color:#a4a4a4;cursor:not-allowed}
INPUT[type="submit"][disabled]:hover,INPUT[type="button"][disabled]:hover,INPUT[type="button"].button[disabled]:hover,INPUT[type="button"].disabled:hover,INPUT[type="submit"].disabled:hover{background-color:var(--blue-btn-hover);cursor:not-allowed}
INPUT[type="submit"]:hover,INPUT[type="button"]:hover{background-color:var(--blue-btn-hover)}
input[type=checkbox]{-ms-transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);opacity:0}
#page-body{margin:auto}
.connected-services-page-body{visibility:hidden}
.container-fluid{padding:0}
input[type="checkbox"]{width:auto !important;height:auto !important}
.checkbox-custom{display:inline-block;width:26px;height:26px;background:transparent;border:solid 1px #ccc;margin-right:14px;border-radius:3px}
.checkbox-custom.checked{background:url(clientlib-hyundai-site/images/checkmark.svg) no-repeat !important;background-size:16px !important;background-position:4px 5px !important}
#section-welcome{background-repeat:no-repeat;background-color:#020202;width:100%;max-width:1400px;background-size:100%;padding-top:65px;max-height:350px;min-height:338px}
.welcome #section-welcome,.welcome #section-banner-appstores,.welcome #section-hyundai-resources{max-width:inherit;width:100vw !important;left:calc(-50vw + 50%);background-size:cover;position:relative;padding-left:0}
#section-welcome .btn-add-vehicle{width:295px;background-color:var(--blue-btn)}
#section-welcome .btn-add-vehicle:hover{background-color:var(--blue-btn-hover)}
.separator-h{border-bottom:solid 1px #fff;margin-top:30px;margin-bottom:24px}
#section-banner-resources{background-repeat:no-repeat;background-position:left bottom;width:100%;max-width:1400px;background-size:100%;padding-top:62px;display:inline-block}
#section-hyundai-resources.home-banner-sections{padding-top:107px}
.welcome #section-hyundai-resources.home-banner-sections{padding-top:50px}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){.vehicleStatusPopup .myDivNew .modal-content{padding:30px 0}
.bottom_section_width{width:160px;white-space:nowrap}
.bottom_section_width:last-child{width:195px;white-space:nowrap}
.sedan_car .vehiclepopup_wrapper .Status-container{height:237px;top:-33%}
.left-control,.right-control{top:70px}
.sedan_car .vehiclepopup_wrapper .Status-container.lamps-box{height:275px;left:9%}
.sedan_car .vehiclepopup_wrapper .Status-container.sunroof-box{height:155px}
.sedan_car .vehiclepopup_wrapper .Status-container.windows-box{height:180px}
.sedan_car .vehiclepopup_wrapper .Status-container.hood-box{height:252px;right:68%}
.sedan_car .vehiclepopup_wrapper .Status-container.engine-box{height:170px;bottom:10%;top:auto}
.sedan_car .vehiclepopup_wrapper .Status-container.climate-box{height:163px;bottom:10%;left:41%;top:auto}
.sedan_car .vehiclepopup_wrapper .Status-container.door-box{height:165px;bottom:10%;right:34%;top:auto}
.sedan_car .oilinfo{margin-top:70px}
.vehiclepopup_wrapper .Status-container.engine-box img.vehStatus_closed_trunk,.vehiclepopup_wrapper .Status-container.climate-box img.vehStatus_closed_trunk,.vehiclepopup_wrapper .Status-container.door-box img.vehStatus_closed_trunk{left:-15px}
.vehiclepopup_wrapper .Status-container img.vehStatus_closed_trunk{left:-15px}
.vehStatus_closed_trunk,.vehStatus_closed_hood{width:30px;height:30px}
.vehiclepopup_wrapper{margin:120px 0 0}
.vehiclepopup_wrapper .Status-container{top:-34%;height:205px}
.vehiclepopup_wrapper .Status-container.windows-box{height:165px;right:57%}
.vehiclepopup_wrapper .Status-container.sunroof-box{height:128px;right:38%}
.vehiclepopup_wrapper .Status-container.lamps-box{height:260px;left:7%}
.vehiclepopup_wrapper .Status-container.climate-box{left:41%;height:215px;bottom:-40px}
.vehiclepopup_wrapper .Status-container.door-box{right:29%;height:224px;bottom:-40px}
.vehiclepopup_wrapper .Status-container.engine-box{height:225px;bottom:-40px;left:16%}
.vehiclepopup_wrapper .Status-container.hood-box{height:222px}
#overview .legend{margin-left:0;width:29%;float:left;margin-top:40px}
.chart-button{text-align:center;margin-left:auto;padding-top:50px;float:inherit}
.gen2_car.row .manage-settings-link{float:right;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;margin:0 0 10px 0}
.vehicle-status-pins{display:block;padding:20px 0 20px 19%}
.model-vehicle-status .vehicle-status-pins{padding:20px 0 20px 0;text-align:center;display:inline-block}
.mapview #dashboard-bluelink-usage h1{margin-top:0}
.left_padding{padding-left:6%}
#overview .vehicle-status-wrapper h3{padding-top:40px}
#overview .mapview{margin:100px 0 0 0;border-left:0;padding:0}
.oilinfo{margin-bottom:30px}
.vehicle-status-pins .status_over{width:30%;float:left;margin:0;text-align:left}
.desktopPin{visibility:hidden !important;height:0 !important}
#overview .status-image-wrapper .status-image img{margin-top:-100px}
#overview a.see-all{margin-left:auto}
#overview h1.clearfix{margin-top:0 !important}
.status-image-wrapper .status-image{float:right}
#section-hyundai-resources.home-banner-sections{padding-top:50px;padding-bottom:30px}
}
#section-banner-resources.home-banner-sections{padding-top:29px;margin-top:97px}
@media(max-width:1024px){#section-banner-resources.home-banner-sections{margin-top:50px;padding-left:34px;padding-right:34px}
}
#section-banner-resources.home-banner-sections h2{font-family:"HyundaiSansHead-Bold";font-size:42px;letter-spacing:1.7px}
.notification_hide{display:none}
.blockelement{display:block !important}
#overview #chart text{fill:#0074c8 !important;font-size:75px !important;font-family:"HyundaiSansTextOffice-Regular" !important}
#overview #chart text+text{font-size:16px !important;text-transform:uppercase}
.statusForSpanHide{display:none !important}
@media(max-width:767px){.dashboard_container .left-control,.dashboard_container .right-control{top:35px}
.vehicleStatusPopup .myDivNew .modal-content{padding:0}
.oilinfo .status_icons_fonts span{text-transform:capitalize;font-size:13px}
.sedan_car .vehiclepopup_wrapper{margin:0}
#modal6_ev_car .model-vehicle-status .vehStatus_time{margin-bottom:0}
.subHeader_vehStatus{margin-top:-6px}
.notification_hide{float:right;display:inline-block;width:auto !important}
#overview .chart-container{margin-top:30px;text-align:center;float:none}
div.legend{width:100%}
.Status-container.door-box .statusfor{width:100%;margin-left:10px}
.remote-lock-body.modalheader_margin{margin-top:30px}
.left-control,.right-control{top:35px}
.gen2_car.row .manage-settings-link{margin:8px 0 10px}
div#overview .chart-container svg{margin-top:-35px}
#overview .legend{margin-left:0;margin-bottom:20px}
.chart-button{text-align:center;margin-left:0}
#overview .legend .legend-group{display:block;position:relative;top:0;left:15px;margin-right:0}
#overview a.see-all{float:none}
.desktopPin{visibility:hidden !important;height:0 !important;display:none}
.vehicle-status-pins{display:block !important}
.status_over{width:33.333333%;display:block;float:left;margin:10px 0;margin-top:0 !important}
#cs-request-show-more,#cs-request-show-less{Display:inline-block;margin-bottom:10px}
.statusbar.desktopview{margin-top:65px;margin-left:0}
.remote-lock-body.modalheader_margin{margin-top:75px}
.align_left_button{margin-left:0;margin-top:16px;float:none;width:100%;text-align:center}
body{font-size:13px;line-height:18px}
#section-login{background-position:left top;background-size:contain;padding:15px}
h1{font-size:30px;line-height:33px}
h2{font-size:22px;line-height:25px}
h3{font-size:18px;line-height:21px}
h4{font-size:16px;line-height:19px}
h5{font-size:14px;line-height:17px}
.manualEntry .below-banner .collapse .panel-body,.manualEntry .below-banner .collapsing .panel-body{padding-left:0;padding-right:0}
#section-banner-resources.home-banner-sections{padding-top:20px;margin-top:0;padding-right:15px;padding-left:15px;background-size:153%;background-position:right 0 bottom 0}
#section-banner-resources.home-banner-sections h2{font-size:22px;letter-spacing:inherit}
}
@media(max-width:1024px) and (min-width:768px){#overview .mapview{padding:0;border-left:0}
#overview .legend{margin-top:70px}
#section-banner-resources.home-banner-sections{background-position:right bottom}
.bannerbutton #gen_res{margin-bottom:0 !important}
}
@media(max-width:1024px){#section-banner-resources.home-banner-sections{margin-top:50px;padding-left:34px;padding-right:34px}
.vehicle-status-wrapper h3{margin-top:40px}
}
.home-banner-sections h1{letter-spacing:1.7px}
#section-banner-resources H2{font-size:31px;color:#000}
#section-tiles H2{font-size:31px;color:#000}
.container-fluid.container-blur{-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px)}
.color-red{color:#c40612}
.bold-text{font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.place_holder{font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;padding:0 5px;position:absolute;background-color:#FFF;left:10px;top:15px;z-index:-1}
abbr.place_holder.ph_caption::first-letter {text-transform:uppercase}
INPUT.frm-txt{width:380px;height:50px;border:solid 1px #ccc;color:#000;font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;background-color:transparent;padding:4px 14px;z-index:1}
INPUT.frm-txt:focus ~ .place_holder{-webkit-transition:top .1s ease-in;-moz-transition:top .1s ease-in;-o-transition:top .1s ease-in;top:-8px;z-index:2}
INPUT.frm-txt ~ .place_holder{-webkit-transition:top .1s ease-in;-moz-transition:top .1s ease-in;-o-transition:top .1s ease-in;top:15px;z-index:-1}
.place_holder.ph_caption{top:-8px !important;z-index:2 !important}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.fxloader-wrapper{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.fxloader-wrapper .fxloader-overlay{position:fixed;display:block;width:100%;height:100%;-webkit-filter:blur(5px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(5px);background:rgba(255,255,255,0.3)}
.fxloader-wrapper .fxloader-container{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
.fxloader-wrapper .fxloader{display:block;border:5px solid rgba(241,238,238,0.8) !important;border-top:5px solid #0074c8 !important;border-radius:50%;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto}
@media(max-width:750px){.fxloader-wrapper .fxloader{width:50px;height:50px;border:5px solid rgba(150,150,150,0.8);border-top:5px solid rgba(0,0,0,0.8)}
}
@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.fxloader-wrapper strong{color:#fff;font-weight:normal;font-size:16px;font-family:"hyundai_sans_text_office_regular";position:relative;top:10px;text-transform:uppercase;background:#000;padding:8px 10px;border-radius:10px}
@media(min-width:100px) and (max-width:768px){.cstnctitle{padding-top:49px}
.fxloader-wrapper .fxloader-container{margin-left:-50px}
}
.icon-information{display:table;padding:30px 0;margin-right:0}
@media(max-width:767px){.icon-information{display:none}
}
.icon-information .service-information{border-right:1px solid #ddd;display:table-cell;float:none;width:20%;height:200px;vertical-align:top;padding-left:30px}
.icon-information .service-information:last-child{border-right:0}
.icon-information .service-information .icon{padding-bottom:20px}
.icon-information .service-information .title{font-family:"HyundaiSansHeadOffice-Medium";font-size:18px;text-transform:uppercase}
.icon-information .service-information .desc{font-family:"HyundaiSansHeadOffice_regular";font-size:14px;font-weight:normal}
#section-login a.nav-canvas-link,#header-login-box a.nav-canvas-link{border:0}
.container-fluid input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #000 inset;-webkit-text-fill-color:#fff !important}
INPUT[type="text"]::-ms-clear,INPUT[type="password"]::-ms-clear,INPUT[type="email"]::-ms-clear,INPUT[type="number"]::-ms-clear{display:none}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;padding-right:0 !important}
#modal-register{overflow-x:hidden;overflow-y:auto}
.carousel{padding:25px 0}
#dealerName{text-transform:capitalize}
@media(min-width:768px){.carousel{display:none}
}
.carousel .carousel-control{border:0;width:11%;top:40%;opacity:1;z-index:999 !important}
.carousel .carousel-control.left,.carousel .carousel-control.right{background-image:none}
.carousel .carousel-inner{width:75%;margin:0 auto;color:#000;padding:0;z-index:1}
#myCarousel.carousel .carousel-inner{padding:0 10px}
.carousel .carousel-inner .item .title{font-family:"HyundaiSansHeadOffice-Medium";font-size:18px;text-transform:uppercase;margin-top:20px}
.carousel .carousel-inner .item .desc{font-family:"HyundaiSansHeadOffice_regular";font-size:13px}
.carousel .next-arrow{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:0 0;width:40px;height:40px;float:left;text-indent:-9999px}
.carousel .next-arrow:hover{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-55px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.carousel .previous-arrow{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-154px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.carousel .previous-arrow:hover{background-image:url("clientlib-hyundai-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-204px 0;width:40px;height:40px;float:left;text-indent:-9999px}
@media(max-width:768px) and (min-width:1024px){.welcome #section-banner-appstores .banner-appstore{padding-left:0}
}
@media(max-width:992px){.statusbar{justify-content:flex-end}
}
@media(max-width:767px){.statusfor{position:relative;margin-left:5px}
#section-banner-appstores .banner-appstore{padding-left:0;width:70%;display:inline-block}
.welcome #section-welcome{min-height:230px}
}
@media(max-width:767px){table.remote-tooltip.table-wrapper.myTable td{height:115px !important}
#section-banner-appstores .banner-appstore div a{display:inline-block;margin-bottom:10px;width:100%;margin-left:0 !important}
}
@media(max-width:767px){#section-banner-appstores .banner-appstore h1{margin-top:0}
}
@media(max-width:767px){#section-banner-appstores{padding-top:25px}
}
@media(max-width:767px){section{padding-left:15px}
}
body a:focus{outline:none !important}
#modal-register ::-webkit-input-placeholder{color:#000;font-family:"HyundaiSansTextOffice-Regular";font-weight:normal !important;opacity:1;-webkit-opacity:1}
#modal-register :-moz-placeholder,#modal-register ::-moz-placeholder{color:#000;font-family:"HyundaiSansTextOffice-Regular";font-weight:normal !important;opacity:1;-moz-opacity:1}
#modal-register :-ms-input-placeholder{color:#000;font-family:"HyundaiSansTextOffice-Regular";font-weight:normal !important;opacity:1;opacity:100}
#modal-register .modal-content{max-width:822px;min-height:790px;background-color:#fff;background-position:right;background-repeat:no-repeat}
#modal-register .hyundai-modal-body{padding1:40px}
#modal-register .login-link{display:inline;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal !important;position:absolute;right:40px;padding-top:10px}
#modal-register .login-link a{font-size:14px}
#modal-register input[type="submit"]{color:#fff}
#modal-register .reg-password-validation-info{max-width:380px;font-family:"HyundaiSansTextOffice-Regular";font-weight:normal !important;font-size:13px}
#modal-register #zipcode{color:#000}
#modal-register #zipcode::-webkit-inner-spin-button,#modal-register #zipcode::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;font-family:"HyundaiSansTextOffice-Regular"}
#modal-register #registration_step2{display:none;max-width:465px;font-family:"hyundai_sans_text_office_regular";font-size:14px}
#modal-register #registration_step2 .reg-security-questions{position:relative;margin-top:20px}
#modal-register #registration_step2 select,#modal-register #registration_step2 input[type='text']{height:50px;padding:4px 14px;border:solid 1px #ccc;color:#000;font-family:"hyundai_sans_head_office_regular";font-size:14px}
#modal-register #registration_step2 select#security_question{padding:8px 50px 2px 14px;cursor:pointer}
#modal-register #registration_step2 .select-box-arrow{position:absolute;top:10px;background:white;display:inline-block;right:10px;width:44px;height:30px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;text-align:center;padding:6px;cursor:pointer;background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/Arrow%20with%20Line.svg) no-repeat right #fff;-webkit-appearance:none;background-size:8% 100%;background-position-x:97%}
#modal-register #registration_step2 .checkbox-custom{border:solid 1px #ccc;vertical-align:middle}
#modal-register #registration_step2 #btnsbmt_regform{width:380px;margin-top:40px;background-color:var(--blue-btn) !important}
#modal-register .modal-content a:hover{color:var(--blue-btn-hover) !important}
.input_legend.flt_lbl_black{color:#fff;background:#000}
#login-box .input_legend{left:10px}
.input_legend{position:absolute;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;display:inline-block;border:solid 0 silver;left:10px;padding:0 5px;top:-3px;line-height:10px;background:white}
select{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/Arrow%20with%20Line.svg) no-repeat right/45px 45px #fff !important;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;text-overflow:'';-ms-background-position-x:220px}
select#secondary_type1{-ms-background-position-x:100px !important}
#sec-dri-create-accout #secondary_type{-ms-background-position-x:65px}
#sec-dri-create-accout .state select{-ms-background-position-x:80px}
#edit-emergency-form select{-ms-background-position-x:98px}
select::-ms-expand{display:none}
.form-row{position:relative;margin-bottom:20px}
.floating_label{display:table;opacity:0}
.floating_label.flvisible{z-index:2;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;opacity:1}
.floating_label.g-label-visible{z-index:2;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;opacity:1}
#btn-reg-form{width:380px;background-color:var(--blue-btn)}
#btn-reg-form.disabled{background-color:#b2b2b2;color:#fff}
.CreateAccountInput{background-size:12% 100% !important}
.CreateTextClass{width:87%}
@media(max-width:1100px) and (min-width:768px){#modal-register .modal-content{background-size:30%;background-position:top right}
}
.input_legend1{left:8px !important}
#modal_enteryournewgenesisVIN #vin_form .vin_input_box .input_legend{left:10px}
@media(max-width:767px) and (min-width:100px){.CreateTextClass{width:95%}
.CreateAccountInput{padding:5px 43px 1px 13px !important;background-size:12% 100% !important}
.input_legend1{left:8px !important}
#modal_enteryournewgenesisVIN .remote-lock{vertical-align:text-bottom;margin-top:-5px;width:22px;height:32px;display:block;float:left;margin-right:5px}
#modal_enteryournewgenesisVIN .modal h2{display:inline;word-break:break-word}
#modal_enteryournewgenesisVIN #edit_vin{width:100% !important;border-radius:4px}
.modal-open .modal{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;min-height:100%}
#modal-register .modal-content{background-image:none !important}
#modal-register .login-link{position:static}
#modal-register input[type='text'],#modal-register input[type='email'],#modal-register input[type='password'],#modal-register input[type='number'],#modal-register select,#modal-register #registration_step2 select,#modal-register #registration_step2 input[type='text']{width:290px;height:50px;border:solid 1px #ccc;color:#000;font-size:14px;margin-bottom:0}
#modal-register .reg-password-validation-info{max-width:290px}
#modal-register #btn-reg-form,#modal-register #registration_step2 #btnsbmt_regform{width:290px}
#modal-register #btn-reg-form,#modal-register #registration_step2 #btnsbmt_regform:hover{width:290px}
#modal-register #registration_step2{max-width:290px}
}
.error{color:#c40712}
.frm_error_msg,.frm_error_msg1{color:#c40712;display:block;position:relative;z-index:1;left:10px !important}
.err_msg_hidden{display:none !important}
.g-form-control.input_error,.input_error{display:block;border:solid 2px #c40712 !important}
.input_error+label.floating_label,.input_error+span+.place_holder{color:#c40712 !important}
.pwdvc{color:#000}
.pwdvc b.glyphicon-minus{color:#000}
.pwdvc b.glyphicon-ok{color:#53ad5c}
.pwdvc b.glyphicon-remove{color:#c1162d}
.pwdvc.pwdvalid{color:#2e9638}
.pwdvc.pwdinvalid{color:#c1162d}
.section-personal-info i,.section-account-security i,.section-Genesis-Rewards i{background-repeat:no-repeat;background-position:0 0;display:inline-block;vertical-align:middle;margin-bottom:15px;width:50px;height:50px;margin-left:10px}
.section-personal-info i{background-image:url("clientlib-hyundai-site/images/icons/myprofile.png")}
.section-account-security i{background-image:url("../../../../content/dam/hyundai/us/myhyundai/image/general/icon/account-security.svg")}
.section-Genesis-Rewards i{background-image:url("clientlib-hyundai-site/images/icons/rewards.png")}
.section-personal-info{padding:30px 20px 15px 20%}
.section-account-security{padding:30px 20px 15px 20px}
.section-Genesis-Rewards{padding:30px 15% 15px 20px}
.section-personal-info h4,.section-account-security h4,.section-Genesis-Rewards h4{border-bottom:1px solid #e6e6e6;margin-bottom:15px;padding-bottom:15px;padding-left:10px;font-size:22px}
.section-personal-info hr{margin-left:15px;margin-right:15px}
.section-personal-info .row,.section-account-security .row,.section-Genesis-Rewards .row{margin-left:0;margin-right:0}
.txt-align-right{text-align:right}
.section-account-security p,.section-personal-info p{margin:0}
.section-personal-info p.mar-t10{margin-top:5px}
.need-assistance{background-color:#e6e6e6;margin-top:30px;margin-left:0;margin-right:0}
.need-assistance h2{text-align:right;padding-top:10px}
.need-assistance .container{padding-top:40px;padding-bottom:40px}
.section-personal-info,.section-personal-info,.section-personal-info,.section-personal-info{padding:30px 20px 15px 10%}
.saprater{margin-top:20px;margin-bottom:20px;border:0;border-bottom:1px solid #eee}
.right-space{width:90%}
.section-personal-info h5{margin-bottom:5px;padding-bottom:5px;padding-left:10px}
.label-required{color:#c40712}
.row-pdr{padding-right:0 !important}
.row-pdl{padding-left:0 !important}
.row-mb{margin-bottom:0 !important}
.row-mt{margin-top:0 !important}
.row-pdb:after{padding-bottom:20px !important}
.margin-lr{margin-left:0 !important;margin-right:0 !important}
.date-field input::-moz-placeholder,.g-form-control::-moz-placeholder{color:#000;opacity:1;font-weight:normal}
.date-field input:-ms-input-placeholder,.g-form-control:-ms-input-placeholder{color:#000;font-weight:normal}
.date-field input::-webkit-input-placeholder,.g-form-control::-webkit-input-placeholder{color:#000;font-weight:normal}
.date-field input::-ms-expand,.g-form-control::-ms-expand{background-color:transparent;border:0}
.g-form-group{position:relative;margin-bottom:20px}
.g-form-control{width:100%;height:50px;border:1px solid #ccc;color:#000;font-family:"HyundaiSansHeadOffice-Medium";font-size:16px;background-color:#FFF;padding-left:12px;padding-right:50px}
.g-form-label{position:absolute;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;left:20px;padding:0 5px;top:-3px;line-height:10px;background:white;font-weight:normal;display:none;white-space:nowrap}
.g-form-label-select{position:absolute;font-family:"HyundaiSansTextOffice-Medium";font-size:14px;left:20px;padding:0 5px;top:-3px;line-height:10px;background:white}
.g-label-visible{display:inline-block}
.date-field{width:100%;height:50px;border:1px solid #ccc;clear:both}
.field-divider-date{height:55px;width:1px;background-color:#ccc;position:absolute;-ms-transform:rotate(45deg);-ms-transform-origin:20% 40%;-webkit-transform:rotate(45deg);-webkit-transform-origin:20% 40%;transform:rotate(30deg);transform-origin:20% 40%;z-index:5;display:block;top:-2px;left:55%}
.date-field input:first-child{width:30%;height:40px;border:0;font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;margin-left:10px;margin-top:5px;float:left;text-align:center}
.date-field input:last-child{font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;width:30%;height:40px;border:0;float:right;margin-right:11px;text-align:center;margin-top:5px}
.consent{display:inline-block;position:relative;padding-left:35px;margin:0}
.consent input[type='checkbox']{opacity:0}
.consent label:before{content:" ";display:inline-block;position:relative;top:5px;margin:0 9px -2.5px -35px;width:26px;height:26px;border-radius:0;border:2px solid #ccc;background-color:transparent}
.consent input[type='checkbox']:checked+label:after{border-radius:0;width:12px;height:12px;position:absolute;top:30px;left:5px;content:"\e013";font-family:'Glyphicons Halflings';display:block;color:#0074c8}
a.security-pop-up:focus{outline:0 !important}
.phone-number{margin:20px 0}
.add_address{margin-top:30px}
.social-media img{margin:0 10px 30px 10px}
.modal-dialog.modal-pin,.modal-dialog.modal-security{width:50% !important}
.modal-pin .g-form-group input.pin_answer{width:200px}
.modal-pin .g-form-group,.modal-security .g-form-group{margin-top:15px;margin-bottom:15px}
.security-header{padding:15px}
.security-header,.security-body{margin-right:20px;margin-left:20px;padding-left:0 !important}
.modal-content .security-body .row{margin-left:-15px;margin-right:-15px !important}
.modal-sec-btn{margin-top:15px;margin-bottom:15px}
.link-left-space.link-space{margin-top:28px}
.line-space{line-height:28px}
#section2 .g-form-control{width:75%;min-width:250px}
@media(max-width:767px) and (min-width:321px){.g-form-control{padding-right:10px}
.my-accounts .nav-tabs li:first-child{padding-left:15px}
.my-accounts .nav-tabs li:last-child{padding-right:15px}
.my-accounts .nav-tabs li{padding-right:10px;padding-left:0;min-width:80px}
.need-assistance,.my-accounts{min-width:320px}
.section-personal-info,.section-Genesis-Rewards,.section-account-security{padding:30px 20px 15px 20px}
#section2 .g-form-control{width:100%;min-width:250px}
.need-assistance .login-btn{max-width:100%}
.need-assistance h2{text-align:center;padding-top:0}
.need-assistance .col-xs-12{text-align:center}
.right-space{width:100%}
#create_pin .right-space{margin-right:auto !important;margin-left:auto !important;display:block}
.field-spacer-xs{margin-bottom:20px !important}
.modal-dialog.modal-pin,.modal-dialog.modal-security{width:auto !important}
.password-edit .input-pwd{color:#000;border-color:#ccc;margin-bottom:0}
.tab-content INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button,#reset_verification_code .new-temp-pass-num2,#reset_verification_code .new-temp-pass-num3,#reset_verification_code #code_option_2{width:100%}
.link-left-space.link-space{margin-top:inherit}
}
.check-box{position:relative;padding-left:35px;margin-top:10px}
.check-box input,.check-box label{display:inline-block;font-weight:normal}
.check-box input[type='checkbox']{display:none}
.check-box label:before{content:" ";display:inline-block;position:relative;top:5px;margin:0 12px -2.5px -35px;width:26px;height:26px;border-radius:0;border:2px solid #ccc;background-color:transparent}
.check-box input[type='checkbox']:checked+label:after{border-radius:0;width:12px;height:12px;position:absolute;top:8px;left:5px;content:"\e013";font-family:'Glyphicons Halflings';display:block;color:#0074c8}
.password-rule{text-indent:0}
.link-left-space{margin-top:15px;margin-bottom:15px}
@media(max-width:320px){.modal-dialog.modal-pin,.modal-dialog.modal-security{width:auto !important}
.g-form-control{font-size:14px;padding-right:12px;padding-left:12px}
.security-header,.security-body{margin-right:5%;margin-left:5%;padding-left:0 !important;width:84%}
.tab-content INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{width:100%}
.right-space{width:100%}
.section-account-security{padding:30px 20px 15px 20px}
.section-personal-info{padding:30px 20px 15px 0}
.field-spacer-xs{margin-bottom:20px !important}
.link-left-space.link-space{margin-top:inherit}
#section2 .g-form-control{width:100%;min-width:250px}
}
.label-color{color:#888}
.center-block{width:50%;text-align:center}
.center-block i{margin:30px 0;font-size:20px}
.tab-content .loader{display:none;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #000;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:70px auto}
@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.my-accounts .tab-content{min-height:300px}
.my-accounts h1{line-height:42px;margin-top:50px;margin-bottom:40px}
.tab-section-one,.tab-section-two{padding:40px 30px 40px 0}
.tab-section-one{padding-left:50px}
.tab-section-two{padding-left:10px}
.section-header{width:100%;border-bottom:1px solid #e6e6e6;padding-bottom:15px;margin-bottom:20px}
.section-header.pb0{padding-bottom:0}
.header-level-one{font-size:20px;margin:20px 0 0}
.header-level-two{font-size:20px;font-weight:normal;color:#000;background-color:#f3f3f3;padding-top:10px;padding-bottom:10px}
.row-push-15{margin-left:15px}
.row-push-7{margin-left:7px}
.header-level-two .temp-toggle{right:10px;top:4px}
.row-spacing{margin:10px 0}
.row-reset{margin-left:0;margin-right:0}
.section-header img{margin-bottom:20px}
.icon-space{margin-right:10px}
.checkbox-space-first{margin-right:40px}
.checkbox-space-second{margin-right:20px}
.no-wrap{white-space:nowrap}
a.accordion-link:link,a.accordion-link:visited,a.accordion-link:hover,a.accordion-link :active{display:block;padding-top:15px;padding-bottom:15px;border:0;color:#000;font-size:18px}
a.accordion-link:hover{background-color:none !important}
.accordion-link[aria-expanded="true"],#add_service .accordion-link{background:transparent url("../../../../content/dam/hyundai/us/myhyundai/image/general/icon/arrow%20up%20gray.svg") no-repeat right center !important;background-repeat:no-repeat;background-position:right center;line-height:20px;background-size:16px 20px !important}
.accordion-link[aria-expanded="false"],#add_service .accordion-link.collapsed{background:transparent url("../../../../content/dam/hyundai/us/myhyundai/image/general/icon/arrow%20down%20gray.svg") no-repeat right center !important;background-repeat:no-repeat;background-position:right center;background-size:16px 20px !important}
.border-pb1{padding-bottom:1vw}
.border-line-hy{border-bottom:1px solid #ccc;width:100%;margin-top:0}
.hr-border-line-remove{border-top:0 solid #eee !important}
.sub-section-header,.sub-title{font-size:18px;font-weight:normal}
.field-group .check-box{margin-top:0}
.field-group .radio-item label{font-weight:normal}
.field-group{margin-bottom:20px}
.preference-view .row-space{margin-top:15px;margin-bottom:15px}
.sub-section-text{color:#666}
.img-hide{visibility:hidden}
.divider{border-bottom:1px solid #e6e6e6;margin:5px 0}
.divider-extra-space{margin-bottom:15px}
.sub-title-space{margin-top:10px}
.label-group{margin:0 0 15px 0}
.label-group .text-label{display:block;color:#888}
.label-group .text-value{display:block}
.list-group{margin-left:15px;margin-top:5px;list-style-type:none}
.list-group li:before{content:"-";position:absolute;margin-left:-15px}
.list-group li:hover{background-color:#fff}
.back-to-link:link,.back-to-link:visited{text-transform:none;border-bottom:0;color:#000}
.back-to-link:hover,.back-to-link :active{color:#0074c8}
.service-settings-edit{padding:30px 10px 15px 10%}
.stand-alone-check-box input[type='checkbox']{display:none}
.stand-alone-check-box input[type=checkbox]+label{content:" ";display:inline-block;position:relative;width:20px;height:20px;border-radius:0;border:2px solid #ccc;background-color:transparent}
.stand-alone-check-box input[type='checkbox']:checked+label:after{border-radius:0;width:12px;height:12px;position:absolute;top:-1px;left:3px;content:"\e013";font-family:'Glyphicons Halflings';display:block;color:#0074c8;font-size:12px}
.request-setting-edit .row-space{margin-bottom:10px}
.service-settings-edit INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{line-height:40px}
.history-list{list-style-type:none}
.history-list li:hover{background:0}
.history-list .header{border-bottom:1px solid #ccc;margin-left:0;margin-right:0}
.history-list li.item{margin:10px 0}
.history-list li .item-label{font-size:16px}
.history-list li .item-label img{margin-right:10px}
.history-list li .item-text{padding-left:30px;color:#666}
.history-list li .success{color:#2bc321}
.history-list li .failed{color:#c40612}
.single-check-box input[type='checkbox']{display:none}
.text-right{text-align:right}
.single-check-box.checkbox-space-first{margin-right:0}
.single-check-box input[type=checkbox]+label{content:" ";display:inline-block;position:relative;width:26px;height:26px;border-radius:0;border:2px solid #ccc;background-color:transparent;margin-top:20px}
.single-check-box input[type='checkbox']:checked+label:after{border-radius:0;width:12px;height:12px;position:absolute;top:2px;left:2px;content:"\e013";font-family:'Glyphicons Halflings';display:block;color:#0074c8}
#view-request-history h4.header-text.header-class{padding-left:0 !important}
@media(max-width:767px) and (min-width:320px){#modal_enteryournewgenesisVIN .modal-content{margin-top:0 !important;height:auto;min-height:100% !important}
#modal_enteryournewgenesisVIN .modal-dialog{width:100%;height:100%;margin:0 !important;padding:0}
.tab-section-one{padding-left:20px}
.service-settings-edit{padding:30px 10px 15px 5%;min-width:300px}
.my-accounts .col-xs-4{width:33.33333333%;padding-bottom:0}
.service-settings-edit .modal-sec-btn>INPUT[type="submit"],.service-settings-edit .modal-sec-btn>INPUT[type="button"],.service-settings-edit .modal-sec-btn>INPUT[type="button"].button{width:100%}
.service-settings-edit .modal-sec-btn{text-align:center}
.history-list li .item-text{padding-left:0}
.history-list li .col-sm-3,.history-list li .col-xs-3{padding-left:5px !important;padding-right:5px !important}
.history-list li .col-xs-3.status_align{margin-top:9px}
.history-list li .col-xs-3{margin-top:6px}
.history-list li.header .col-xs-3{margin-top:0}
}
@media(max-width:320px){.tab-section-one{padding-left:20px}
.tab-section-one,.tab-section-two{padding:40px 15px 40px}
.service-settings-edit{padding:30px 10px 15px 10px;min-width:300px}
.accordion-link:link,.accordion-link:visited,.accordion-link:hover,.accordion-link :active{padding-right:15px}
.container.my-accounts{min-width:300px}
.my-accounts .col-xs-4{width:33.33333333%;padding-bottom:0}
.service-settings-edit .modal-sec-btn>INPUT[type="submit"],.service-settings-edit .modal-sec-btn>INPUT[type="button"],.service-settings-edit .modal-sec-btn>INPUT[type="button"].button{width:100%}
.service-settings-edit .modal-sec-btn{text-align:center}
.history-list li .item-text{padding-left:0}
}
@media(max-width:665px){.header-level-two .temp-toggle{top:15px}
}
@media(max-width:442px){.header-level-two .temp-toggle{top:30px}
}
.banner-container{position:relative;max-height:225px;width:100%;height:auto;background-position:center;background-size:100%;padding-top:90px;background-repeat:no-repeat}
.connected-services-page-body .banner-container{min-height:215px;padding-top:50px}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){#overview .legend{margin-left:0 !important;float:left;width:29%}
.connected-services-page-body .banner-container{min-height:inherit;padding-top:0}
}
.banner-container .row{margin:0}
#connected_service_banner .cs_header_image_logo{width:176px;display:block;margin-left:-20px}
.banner-container .text-wrapper{color:#fff;margin-bottom:25px}
.connected-services-page-body .banner-container .text-wrapper{margin-bottom:5px}
@media(max-width:767px){.connected-services-page-body .banner-container{min-height:162px}
.banner-container .text-wrapper{left:15px}
#connected_service_banner{background-repeat:no-repeat;background-size:cover;background-position:-90px center;padding-top:30px;width:100% !important}
#connected_service_banner .text-wrapper p{display:block}
}
.banner-container .text-wrapper h3{font-size:40px;margin-bottom:15px}
.banner-container .text-wrapper p{width:43%;display:inline-block;margin-top:-3px;font-size:16px}
@media(max-width:768px){#connected_service_banner.banner-container .text-wrapper p{width:100%}
#connected_service_banner .cs_header_image_logo{width:126px}
.banner-container .text-wrapper p{font-size:13px}
}
@media(max-width:767px){.banner-container .text-wrapper p{display:none}
}
.tab-navigation{background:#ccc;text-align:center;width:100%}
.tab-navigation.fixed-tab-nav{position:fixed;top:64px;left:0;z-index:999}
.tab-navigation ul{margin:0;border:0}
.tab-navigation ul li{padding:0;margin:0 -4px 0 0}
.tab-navigation ul li a{color:#000 !important;border:0;padding:20px 25px;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;display:inline-block}
.tab-navigation ul li a:hover,.tab-navigation ul li a:active{background:#fff;color:#0074c8;text-decoration:none}
.tab-navigation ul li.active a{background:#fff !important;color:#0074c8 !important}
@media(max-width:767px){.tab-navigation ul{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.tab-navigation ul li a:hover{background:transparent;color:#000}
.tab-navigation.fixed-tab-nav{top:60px}
}
.connected-services-page-body #section-banner-appstores .banner-appstore h1{width:41%;padding-bottom:16px}
.connected-services h3{font-size:30px;padding-top:60px;line-height:30px}
.connected-services .tab-section{background:#f3f3f3;width:100vw !important;position:relative;margin-left:-50vw;left:50%}
.modal-close{font-family:"HyundaiSansTextOffice-Regular"}
.connected-services .tab-section.active-container{background:#fff}
@media(max-width:767px){.connected-services .tab-content>.tab-pane,.connected-services .pill-content>.pill-pane{display:block}
}
.connected-services #section-banner-appstores h1{color:#fff}
.connected-services #remote-actions{padding-bottom:50px}
.connected-services #remote-actions .remoteActionsBlueLink{padding-top:0}
.connected-services #remote-actions .remoteActionsBlueLink .gen1_car,.connected-services #remote-actions .remoteActionsBlueLink .ev_car{padding-top:60px}
@media(max-width:767px){.connected-services #remote-actions .row{margin-right:0;margin-left:0}
.connected-services #remote-actions{padding-bottom:0}
}
.connected-services #remote-actions .col-md-8{padding:0}
.connected-services #remote-actions .col-md-8 .vehicle-info span,.connected-services #remote-actions .col-md-4 .vehicle-info span{display:block;font-size:16px}
.connected-services #remote-actions .col-md-8 .vehicle-info{margin:20px 0}
.connected-services #remote-actions .col-md-4 .vehicle-info h3{padding-bottom:20px}
.connected-services #remote-actions .col-md-8 .manage-settings-link,.connected-services .manage-settings-link{margin-top:8px}
.connected-services #remote-actions .col-md-8 .manage-settings-link a.request_history_click{display:none}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-info span,.connected-services #remote-actions .col-md-4 .vehicle-info span{font-size:13px}
.remoteaction .vehicle-info{display:block}
}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-info{width:48%;display:inline-block;word-wrap:break-word}
.connected-services #remote-actions .col-md-4 .vehicle-info h3{width:100%;display:inline-block;word-wrap:break-word;padding-top:0}
}
.connected-services #remote-actions .col-md-8 .manage-settings-link{margin-top:8px}
.connected-services #remote-actions .col-md-8 .manage-settings-link a.request_history_click{display:none}
@media(max-width:767px){.connected-services #remote-actions .col-md-8{float:left}
.connected-services #remote-actions .col-md-8 .manage-settings-link{width:100%;display:inline-block;text-align:left}
.connected-services #remote-actions .col-md-8 .manage-settings-link a.request_history_click{display:block;float:right;margin-right:15px}
}
.no-remote-package-available{position:absolute;top:0;left:0;width:100%;text-align:right;background:rgba(256,256,256,0.88);height:165px;padding-top:5%;font-family:HyundaiSansTextOffice-Regular;font-size:16px;display:none}
.remoteActionsBlueLink .ev_car .no-remote-package-available{padding-top:0}
.ev_car .no-remote-package-available{text-align:center;float:none}
.no-remote-package-available p{max-width:424px;text-align:center;float:right}
.ev_car .no-remote-package-available p{float:none;display:block;margin:0 auto}
@media(max-width:767px){.no-remote-package-available{min-height:275px;height:100%}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px){.no-remote-package-available p{float:none;display:block;margin:0 auto}
}
.no-remote-package-enroll .vehicle-status span{width:100%;opacity:.2;pointer-events:none}
.no-remote-package-enroll .vehicle-status-wrapper{opacity:.1 !important;pointer-events:none}
.vehicle-settings .connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search{border-top:2px solid #e6e6e6}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.no-guidance-package{position:relative}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.no-guidance-package tr.guidance_package_available{opacity:.1;pointer-events:none}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search tr.no_guidance_package_available{display:none}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.no-guidance-package tr.no_guidance_package_available{position:absolute;height:97%;top:0;width:99.7%;text-align:center;background:rgba(256,256,256,0.8);padding-top:3%}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.no-guidance-package tr.no_guidance_package_available td{padding:0;max-width:490px;margin:0 auto;display:block;width:100%}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.no-guidance-package tr.no_guidance_package_available td p{max-width:490px;text-align:center}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table{width:100%}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table{display:inline-table}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td{border:3px solid #e6e6e6;height:160px;text-align:center;vertical-align:middle;box-sizing:content-box;cursor:pointer;width:10%}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.enabled-feature{color:#000}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.disabled-feature{color:#888;box-shadow:none !important;transition:none !important;transform:none !important}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.qLink_show{display:table-cell}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.qLink_hide{display:none}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.disabled-feature img{opacity:.6;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1)}
.connected-services .enabled-feature{color:#000}
.connected-services .disabled-feature{color:#888}
.connected-services .disabled-feature a{pointer-events:none;cursor:default;color:#888;border-color:#888}
.connected-services .safeguardalerts.disabled-feature #safeguard-alerts .cs-alert-column .alert-info{color:#888}
.connected-services .disabled-feature img{opacity:.6;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1)}
@media(max-width:1200px){}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td{display:inline-block;box-sizing:border-box;width:33.67%;padding:15px 0;height:96px;margin:-3px -3px 0 0}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td img{width:30px !important;height:30px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td p{font-size:14px !important;line-height:15px;font-family:"HyundaiSansHeadOffice-Regular" !important;width:80% !important}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.find-car-service{width:100%;padding-top:15px;margin-top:-2px}
}
@media(max-width:413px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td{width:33.9%}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.find-car-service+.tooltip{z-index:999999;margin-left:20px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.find-car-service+.tooltip.top .tooltip-arrow{margin-left:-30px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td:hover{box-shadow:0 0 150px #ccc;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.15);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.2);-moz-transition:all 200ms ease-in;-moz-transform:scale(1.2);transition:all 200ms ease-in;transform:scale(1.2);background:#fff}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td p{width:105% !important}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td p{display:inline-block;margin-top:20px;font-size:16px;font-family:"HyundaiSansHeadOffice-Medium";width:60%;color:#000}
#modal1_gen1_car .heated-surface{margin-bottom:0;padding-top:0;margin-left:15px;padding-left:0}
#modal1_gen1_car .toggle-heated{position:relative;float:right;right:33px;margin-top:-9px}
#modal1_gen1_car .heated-notice{font-size:11px;width:50%;margin-top:7px}
@media(max-width:1024px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td p{width:75%}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table td.lights-only img{max-width:60px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search{background:#f3f3f3;border:2px solid #e6e6e6;border-top:0}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search{margin-top:-7px;width:100%}
}
@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation :landscape){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search{width:100%}
}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search tr{display:inline-block;padding-bottom:15px}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td{height:auto;border:0;text-align:left;cursor:default;padding:0 25px}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td{width:100%;box-sizing:border-box;padding:15px}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td:hover{z-index:999;-webkit-transition:none;-webkit-transform:none;-ms-transition:none;-ms-transform:none;-moz-transition:none;-moz-transform:none;transition:none;transform:none;background:inherit;box-shadow:none}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td h4{font-family:"HyundaiSansHead-Bold";font-size:18px;margin-top:25px;margin-bottom:10px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td p{margin-top:0;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;width:100%;text-transform:none}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td form{position:relative}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td form{width:100%}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td form .form-text-field{padding:14px 42px 14px 15px;color:#000}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td form .form-text-field{max-width:inherit}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td form .search-submit{background:url(clientlib-hyundai-site/images/cs-search.png) no-repeat center;width:23px;height:23px;position:absolute;top:0;right:15px;text-indent:-9999px;border:0}
@media(max-width:767px){.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td{display:inline-block;width:100%}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td form .search-submit{margin:0;width:10% !important}
}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.disabled-feature{color:#888}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.disabled-feature .search-submit,.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search.disabled-feature .form-text-field{pointer-events:none;cursor:default}
.connected-services #remote-actions .gen2_car .col-md-4{float:left}
@media(min-width:1025px){.connected-services #remote-actions .gen2_car .col-md-4{margin-top:45px}
.connected-services #remote-actions .vehicle-status h4{margin-bottom:2px}
.connected-services #remote-actions .vehicle-status span{margin-bottom:20px !important}
.connected-services #remote-actions .vehicle-status-wrapper .status-image{margin-top:63px}
}
.connected-services #remote-actions .col-md-4 .vehicle-status{padding:0 44px}
.connected-services #remote-actions .col-md-4 .status-links{padding:0 44px;display:inline-block;width:100%}
.connected-services #remote-actions .col-md-4 .refresh-history-wrapper{float:right}
@media(max-width:1024px){.connected-services #remote-actions .col-md-8{width:100%}
}
@media(max-width:1024px){.connected-services #remote-actions .col-md-4{width:100%}
}
@media(max-width:768px){.connected-services #remote-actions .col-md-4 .vehicle-status,.connected-services #remote-actions .col-md-4 .status-links{padding:0}
.connected-services #remote-actions .col-md-4{padding-left:0;padding-right:0}
}
.connected-services #remote-actions .gen1_car{padding-top:40px}
.connected-services #remote-actions .gen1_car .col-md-4{float:left;width:25%}
@media(max-width:767px){.connected-services #remote-actions .gen1_car{padding-top:0}
.connected-services #remote-actions .gen1_car .col-md-4{float:left;width:100%}
.connected-services #remote-actions .gen1_car .col-md-8 .vehicle-settings .manage-settings table td.find-car-service{width:33%;padding-top:15px}
}
.gen1_links_wrapper{width:100%;margin-top:19px;display:block}
.gen1_links_wrapper a{width:100%}
.gen1_links_wrapper .gen1_links{cursor:pointer !important}
@media(max-width:767px){.gen1_links_wrapper p{width:50%;float:left}
.gen1_links_wrapper p:nth-child(2){float:right;text-align:right;padding-right:15px;margin-top:8px}
.connected-services #remote-actions .loader{top:15% !important}
}
.connected-services #remote-actions .loader{display:none;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #0074c8;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:70px auto;position:absolute;z-index:99999;left:54%;top:23%;margin-left:-25px}
@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media(max-width:1024px){.connected-services #remote-actions .vehicle-status{margin-bottom:15px}
}
.connected-services #remote-actions .vehicle-status h4{font-size:18px}
.connected-services #remote-actions .vehicle-status span{color:#888;font-size:14px;display:inline-block;margin:10px 0}
@media(max-width:1024px){.connected-services #remote-actions .vehicle-status span{margin-top:10px}
}
.connected-services #remote-actions .status-image-wrapper{position:relative}
.connected-services #remote-actions .status-image-wrapper .status-icons{width:100%;display:table}
.connected-services #remote-actions .status-image-wrapper .status-icons div{height:128px;position:relative;border-left:1px solid #aaa;width:10%;display:inline-block;top:-67px}
@media(min-width:767px) and (max-width:1024px){.connected-services #remote-actions .status-image-wrapper .status-icons div{height:108px;top:-47px}
}
@media(min-width:768px) and (max-width:1024px){.connected-services #remote-actions .status-image-wrapper .status-icons div{height:218px;top:inherit;bottom:130px}
}
@media(max-width:500px){.connected-services #remote-actions .status-image-wrapper .status-icons div{height:128px;bottom:75px}
}
@media(max-width:400px){.connected-services #remote-actions .status-image-wrapper .status-icons div{bottom:65px}
}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{left:18%;top:-78px;height:110px}
@media(max-width:767px){.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{left:18%;top:-70px;height:103px}
}
.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{left:39%;top:-79px;height:131px}
@media(max-width:767px){.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{top:-70px;height:120px;left:39%}
}
@media(max-width:400px){.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{height:108px;top:-57px;left:39%}
}
.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{left:56%;top:-79px;height:113px}
@media(max-width:767px){.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{left:55%;top:-70px;height:103px}
}
@media(max-width:400px){.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{height:90px;top:-58px;left:54%}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{top:-57px;height:90px;left:17%}
}
.connected-services #remote-actions .status-image-wrapper .status-icons div span{font-size:10px;color:#888;width:10%;padding-left:8px;position:absolute;bottom:-7px}
@media(max-width:768px){.connected-services #remote-actions .status-image-wrapper .status-icons div span{font-size:14px;bottom:-5px}
}
.connected-services #remote-actions .status-image-wrapper .status-icons div span b{font-size:14px;color:#000;text-transform:capitalize;display:block;font-weight:normal;font-family:HyundaiSansHeadOffice-Medium}
@media(max-width:767px){.connected-services #remote-actions .status-image-wrapper .status-icons div span b{font-size:15px}
}
.connected-services #remote-actions .status-image-wrapper .status-icons div p{position:absolute;top:-20px;width:30px;height:30px;left:-15px;background-size:30px !important}
@media(max-width:1024){.connected-services #remote-actions .status-image-wrapper .status-icons div p{top:-20px;width:50px;height:50px;left:-25px;background-size:50px !important}
}
@media(max-width:768px){.connected-services #remote-actions .status-image-wrapper .status-icons div p{top:-40px;width:40px;height:40px;left:-20px;background-size:40px !important}
}
@media(max-width:767px){.connected-services #remote-actions .status-image-wrapper .status-icons div p{top:-30px;left:-20px;background-size:30px !important}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){.connected-services #remote-actions .status-image-wrapper .status-icons div p{top:-40px;width:50px;height:50px;left:-25px;background-size:50px !important}
.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{top:-215px;height:220px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{height:274px;top:-213px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{top:-210px;height:220px}
}
@media only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :landscape){.connected-services #remote-actions .status-image-wrapper .status-icons div p{top:-40px;left:-20px;background-size:40px !important}
.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{top:-143px;height:214px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{height:171px;top:-144px;left:17%}
.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{height:175px;top:-144px;left:60%}
}
.connected-services #remote-actions .status-image-wrapper .status-icons div p.engine-icon-image{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/gray%20engine%20off.svg) no-repeat top center}
.connected-services #remote-actions .status-image-wrapper .status-icons div p.climate-icon-image{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/gray%20climate%20on.svg) no-repeat top center}
.connected-services #remote-actions .status-image-wrapper .status-icons div p.doors-icon-image{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/gray%20door%20locked.svg) no-repeat top center}
.connected-services #remote-actions .refresh-link{float:right;cursor:pointer;border-bottom:0;padding-bottom:0}
.connected-services #remote-actions .refresh-link span{border-bottom:solid 1px #0074c8;margin-left:5px;color:#0074c8}
.connected-services #remote-actions .disabled-feature .refresh-link span{border-bottom:solid 1px #888;color:#888}
.connected-services #remote-actions .refresh-link span:hover{color:#003f86;border-bottom:solid 1px #003f86}
.connected-services #remote-actions .refresh-link:before{width:-3px;height:18px;content:"";float:left !important;margin-right:5px}
.connected-services #remote-actions .status-image{width:100%;margin-top:30px;text-align:center}
.connected-services #remote-actions .status-image img{width:100%;height:auto}
@media(max-width:767px){.connected-services #remote-actions .status-image img{width:100%}
}
.connected-services #safeguard-alerts{padding-top:0}
.connected-services #safeguard-alerts .container{position:relative}
.connected-services #safeguard-alerts .no_remote_package{position:absolute;background:rgba(256,256,256,0.9);width:100%;height:100%;top:60px;left:0;vertical-align:middle;text-align:center;font-family:HyundaiSansTextOffice-Regular;font-size:16px;padding-top:8%;display:none}
@media(max-width:1024px){.connected-services #safeguard-alerts .no_remote_package{top:100px}
}
.connected-services #safeguard-alerts .no_remote_package a,.no-remote-package-available a{color:#fff !important;font-family:HyundaiSansHeadOffice-Regular;margin-top:20px}
.connected-services #safeguard-alerts .no_remote_package a:hover,.no-remote-package-available a:hover{color:#fff;background:#003f86}
.connected-services #safeguard-alerts .row{display:table;padding-bottom:50px;margin:0;width:100%;padding-top:7px}
.connected-services #safeguard-alerts .row+.cs-alert-column{padding-left:0}
@media(max-width:767px){.connected-services #safeguard-alerts .row{display:inline-block;width:100%;margin:0}
}
.connected-services #safeguard-alerts h3{padding-bottom:26px}
.connected-services #safeguard-alerts .cs-alert-column{display:table-cell;margin:30px 0;padding:0 15px;width:25%;height:208px;border-right:1px solid #ccc;position:relative}
@media(max-width:767px){.connected-services #safeguard-alerts .cs-alert-column{display:inline-block;width:100%;border-right:0;border-bottom:1px solid #ccc;margin:0;height:auto !important;padding:20px 0 30px}
}
.connected-services #safeguard-alerts .cs-alert-column img{display:inline-block;width:32px;margin-right:5px;margin-top:-8px}
.connected-services #safeguard-alerts .cs-alert-column h4{display:inline-block}
.connected-services #safeguard-alerts .cs-alert-column .alert-info{background:0;color:#000;margin-top:15px}
.connected-services #safeguard-alerts .cs-alert-column .alert-info .alert-title{font-family:"HyundaiSansHeadOffice-Medium";font-size:16px;margin:10px 0 5px;display:inline-block;width:100%}
.connected-services #safeguard-alerts .cs-alert-column .alert-info p{color:#666;margin:0}
.connected-services #safeguard-alerts .cs-alert-column .alert-info .manage-alerts{position:absolute;bottom:0;left:15px;padding-top:15px}
.connected-services #safeguard-alerts .cs-alert-column:first-child .alert-info .manage-alerts{position:absolute;bottom:0;left:0;padding-top:15px}
@media(max-width:767px){.connected-services #safeguard-alerts .cs-alert-column .alert-info{margin-top:0}
.connected-services #safeguard-alerts .cs-alert-column .alert-info .manage-alerts{position:relative !important;left:0;top:7px}
#curfew-alerts-summary{margin-bottom:0 !important}
}
.connected-services #safeguard-alerts .cs-alert-column .alert-info .manage-alerts:hover{background:transparent;color:#003f86;border-bottom:solid 1px #003f86}
.connected-services #safeguard-alerts .cs-alert-column:first-child{padding-left:0}
.connected-services #safeguard-alerts .cs-alert-column:last-child{border:0}
.connected-services #subscriptions{padding-bottom:20px}
.connected-services #subscriptions h3{padding-bottom:26px}
.connected-services #subscriptions .nav-tabs li a{background:#f3f3f3;padding:20px;border-radius:0;border:solid 1px #ccc;margin:0}
.connected-services #subscriptions .nav-tabs li a p.nav_title{font-size:16px;color:#000}
.connected-services #subscriptions .nav-tabs li a p.nav_title span{font-size:12px;margin-left:10px;font-family:HyundaiSansTextOffice-Regular;text-transform:uppercase}
.connected-services #subscriptions .nav-tabs li a p.nav_title span.cs-inactive-state{color:#d63030}
.connected-services #subscriptions .nav-tabs li a p.nav_title span.cs-active-state{color:#348033}
.connected-services #subscriptions .nav-tabs li a p.nav_title span.cs-expires-soon-state{color:#e0a048}
.connected-services #subscriptions .nav-tabs li a .description{margin-top:0}
.connected-services #subscriptions .nav-tabs li a .description p{font-size:14px;color:#666;margin-bottom:0}
.connected-services #subscriptions .nav-tabs li a .description span{font-size:13px;color:#666}
.connected-services #subscriptions .nav-tabs li a .description span:hover{color:#666}
.connected-services #subscriptions .nav-tabs li a:hover{padding-bottom:20px}
.connected-services #subscriptions .nav-tabs li.active{background:#fff}
.connected-services #subscriptions .nav-tabs li.active a{background:#fff;padding-left:13px;border-right-color:#fff}
.connected-services #subscriptions .tab-content{background:#fff;padding:25px 0 25px 30px;border:1px solid #ccc;border-left:transparent;min-height:400px;position:relative;overflow:hidden}
.connected-services #subscriptions .tab-container-wrapper{background-size:70% !important;background-repeat:no-repeat !important;background-position:right bottom !important}
.connected-services #subscriptions .tab-container-wrapper .subscription-info .dashed{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}
.connected-services #subscriptions .tab-container-wrapper .subscription-info p{width:60%}
.connected-services #subscriptions .tab-container-wrapper .subscription-info li:hover{background:transparent}
#subscriptions .panel-group .panel-title .nav_title .cs-inactive-states{color:#c40712}
#subscriptions .panel-group .panel-title .nav_title .cs-active-state{color:#357f33}
.connected-services #subscriptions .nav-tabs li a p.nav_title span.cs-inactive-states{color:#c40712}
.connected-services #subscriptions .manage-subscription{width:100%;float:left;margin-top:30px;padding-left:10px}
.connected-services #subscriptions .manage-wifi-connect{margin-top:40px;margin-bottom:40px}
.connected-services #subscriptions .manage-wifi-connect .upper-div-wifi{overflow:hidden}
.connected-services #subscriptions .manage-wifi-connect .down-div-wifi{margin-top:15px;white-space:nowrap}
.connected-services #subscriptions .manage-wifi-connect .active{color:#348033;text-transform:uppercase;font-size:12px;line-height:31px;margin-left:10px;font-family:'HyundaiSansTextOffice-Regular'}
.connected-services #subscriptions .manage-wifi-connect .deactive{color:#d63030;text-transform:uppercase;font-size:12px;line-height:31px;margin-left:10px;font-family:'HyundaiSansTextOffice-Regular'}
.connected-services #subscriptions .manage-wifi-box{padding:20px 10px;border:solid 1px #ccc}
.wifi-title{font-family:"HyundaiSansHead-Bold";font-size:18px;color:#000}
.manage-wifi-connect{display:none}
.manage-wifi{font-size:13px !important;max-height:32px !important;line-height:32px !important;width:150px !important}
.manage-wifi h2{padding-bottom:15px}
.connected-services #subscriptions .manage-wifi-connect .down-div-wifi a{display:inline-block}
.connected-services #subscriptions .manage-wifi-connect .down-div-wifi a.link-two{margin-left:60px}
.manage-wifi-connect h2{margin-bottom:15px}
.connected-services #subscriptions .manage-wifi-connect .renewal_date{color:#888}
@media(max-width:767px){.connected-services #subscriptions .manage-subscription{text-align:center;margin-top:0;padding-left:0}
}
.connected-services #subscriptions .manage-subscription a.manage-subscription-link{font-size:16px;max-width:324px;color:#fff}
.connected-services #subscriptions .manage-subscription a.manage-subscription-link:hover,.connected-services #subscriptions .manage-subscription a.manage-subscription-link:focus{padding:13px 0;color:#fff;background-color:#003f86;border-color:#003f86}
.connected-services #connected-services-help h3{margin-top:0;padding-top:0;padding-bottom:25px;padding-left:0}
.connected-services #connected-services-help span{font-family:"HyundaiSansTextOffice-Regular";color:#888;padding-left:0;text-transform:capitalize}
.connected-services #connected-services-help .row{padding-bottom:50px;padding-top:60px;margin-left:10px;margin-right:0}
.dashboard .connected-services #connected-services-help .row{margin-left:0}
.connected-services #connected-services-help .help-center-container{display:table}
@media(max-width:767px){.connected-services #connected-services-help .help-center-container{display:inline-block;padding-left:10px;padding-right:10px}
.dashboard .connected-services #connected-services-help .help-center-container{padding-left:0;padding-right:0}
.connected-services #subscriptions .tab-container-wrapper .subscription-info .dashed{-webkit-column-count:inherit;-moz-column-count:inherit;column-count:inherit;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}
}
.connected-services #connected-services-help .col-md-3{display:table-cell;position:relative;padding-bottom:15px}
@media(max-width:767px){.connected-services #connected-services-help .col-md-3{display:inline-block;width:100%;padding-left:0;padding-right:0;height:auto !important}
}
.connected-services #connected-services-help .hc-image{min-height:125px}
@media(min-width :1199px){.list-unstyled.genrslider li{min-height:315px}
.list-unstyled.genrslider li a{position:absolute;bottom:0}
}
.help-center-container .list-unstyled .dashboard_column{margin-right:50px;padding-right:0;padding-left:0;width:25%;max-width:245px}
@media(max-width:1920px) and (min-width:1024px){.vehicleStatusPopup .modal-rvs{width:1100px}
}
@media(max-width:1280px) and (min-width:960px){.help-center-container .list-unstyled .dashboard_column{width:21%}
#overview .status-image-wrapper .status-image img{margin:20px 0 72px}
#overview .mapview{padding:0 0 0 18px}
.vehicleStatusPopup .modal-rvs{width:100%}
}
.help-center-container .list-unstyled .dashboard_column:last-child{margin-right:0}
.connected-services #connected-services-help h4{font-family:"HyundaiSansTextOffice-Medium";font-size:16px;padding:24px 0 15px 0}
.connected-services #connected-services-help .hc-description{min-height:80px;font-size:14px;margin-top:0}
.dashb_res{cursor:pointer}
@media(max-width:767px){.connected-services #connected-services-help .hc-description{min-height:inherit}
.help-center-container .list-unstyled .dashboard_column{padding-bottom:25px;width:100%;max-width:100%;margin-right:0}
}
.connected-services #connected-services-help .hc-read-more{position:absolute;bottom:0;cursor:pointer}
.connected-services #connected-services-help .hc-link{margin-top:20px}
.connected-services #connected-services-help .hc-image{width:100%}
.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;width:25%}
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}
.tab-content>.active,.pill-content>.active{display:block}
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}
.tabs-left>.nav-tabs{float:left;margin-right:0;border-right:transparent;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd}
.nav-tabs li.active{border-left:7px solid #0074c8}
.pending_subscription_wrapper{margin:30px 0}
.pending_subscription_wrapper h3{font-size:28px;padding-top:50px}
@media(max-width:767px){.pending_subscription_wrapper h3{padding-top:0}
}
.pending_subscription_wrapper p{margin-top:20px;width:39%;display:block;margin-bottom:0}
.pending_subscription_wrapper .connected-services-manual-wrapper .subscription_manual_icon{background:url(clientlib-hyundai-site/images/search-result-download-icon.png) no-repeat center;height:30px;display:inline-block;background-size:100%;margin:20px 10px 20px 0}
.pending_subscription_wrapper .connected-services-manual-wrapper .subscription_manual_icon img{margin-right:11px;margin-top:-6px;width:15px}
.pending_subscription_wrapper .connected-services-manual-wrapper a{border:transparent;margin:30px 0;padding-bottom:0;display:inline-block}
.pending_subscription_wrapper a.login-btn{font-size:15px;margin-top:15px;color:#fff}
.pending_subscription_wrapper a.login-btn:hover{background:#003f86;padding:13px 0}
.connectedservicesbanner .banner-container .text-wrapper p{width:100%;max-width:631px}
.tab-resources .nav-tabs>li{float:none;display:inline-block;zoom:1;padding-right:10px;padding-left:10px}
.tab-resources .nav-tabs{text-align:center}
.tab-resources .nav-tabs li:first-child{padding-left:10px;margin-right:-4px}
.tab-resources .nav-tabs li:last-child{padding-right:30px}
.resource-section,.section-nav{margin:30px 0}
.section-nav .btn.btn-default{border-radius:0}
.contentslider,.section-nav{position:relative}
.multi-item-carousel .carousel-inner>.item{-webkit-transition:500ms ease-in-out left;transition:500ms ease-in-out left}
.multi-item-carousel .carousel-inner .active.left{left:-33%}
.multi-item-carousel .carousel-inner .active.right{left:33%}
.multi-item-carousel .carousel-inner .next{left:33%}
.multi-item-carousel .carousel-inner .prev{left:-33%}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{font-size:18px}
@media all and (transform-3d),(-webkit-transform-3d){.multi-item-carousel .carousel-inner>.item{-webkit-transition:500ms ease-in-out left;transition:500ms ease-in-out left;-webkit-transition:500ms ease-in-out all;transition:500ms ease-in-out all;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-transform:none !important;transform:none !important}
}
.multi-item-carousel .carousel-control.left,.multi-item-carousel .carousel-control.right{background-image:none;border:1px solid #ccc}
.resource-section .carousel{display:block}
.resource-section .carousel-control{font-size:14px;margin-top:12px;width:22px;color:#ccc;bottom:initial;top:initial;height:22px}
.resource-section .carousel-control .glyphicon-chevron-left{margin-left:-14px;margin-top:-11px}
.resource-section .carousel-control .glyphicon-chevron-right{padding-left:10px;padding-top:0}
.resource-section .carousel .carousel-inner{width:93%;padding-left:10px}
.resource-section .carousel .item.active a{background-color:transparent;border:0}
.resource-section .carousel .item.active a:hover{background-color:#fff;border:0}
.filter-item{float:left;border-right:1px solid #ccc;margin-right:10px}
.carousel-inner .filter-item:last-child{border-right:0}
.filter-item .text{width:100px;display:inline-block}
.filter-item .checkbox-space-first{margin-right:10px}
.resource-section .filter-by,.resource-section .carousel{padding:10px 0 0;margin-bottom:20px}
.resource-section .resource-adjust .article-text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:16px;max-height:50px;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.resource-section .carousel{border-bottom:1px solid #ccc}
.manual-list,.resource-list{list-style-type:none}
.resource-list li{padding-bottom:20px}
.resource-list li:focus,.manual-list li:focus,.manual-list li:hover,.resource-list li:hover{background-color:#fff}
.resource-list .article-title,.resource-list .article-pic{margin-bottom:20px}
.resource-list .article-pic a{overflow:hidden;display:inline-block}
.bdr-left{border-left:1px solid #ccc}
.manual-list .file-name{margin-bottom:5px}
.manual-list .file-name span{font-weight:normal}
.manual-list li{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;margin-top:10px;padding-left:20px}
.manual-list li .img-icon{position:absolute;left:0;left:13px}
.resource-list li.more{text-align:center}
.view-more-collapse:active,.view-more-collapse:hover,.view-more-collapse{border-bottom:0 !important;background-color:#fff}
.view-more-collapse .fa{font-size:24px}
.bdr-none{border:0 !important}
.faq-section{margin-top:30px}
.faq-section h3{margin-bottom:30px}
.panel-group .panel{border-radius:0;box-shadow:none}
.panel-default{border:0}
.panel-default>.panel-heading{padding:0;border-radius:0;color:#212121;background-color:#fff;border-color:#fff}
.faq-section #collapseOne{width:100%}
.faq-section .more-less{font-size:26px;color:#888}
.panel-title>a:hover,.panel-title>a{display:block;padding:15px 15px 15px 0;border:0;text-decoration:none;text-transform:none;line-height:initial;color:#000}
.panel-title>a[aria-expanded="false"]{color:#000}
.panel-title>a:hover,.panel-title>a[aria-expanded="true"]{color:#0074c8}
.more-less{float:right;color:#212121}
#accordion .more{margin-top:20px;text-align:center}
#accordion .more a:focus,#accordion .more a,#accordion .more a:hover{border:0;color:#0000}
#accordion .more a .fa{font-size:26px}
.filter-item .img{display:inline-block}
@media(min-width:768px){.section-nav .btn.btn-default{display:none}
.section-nav .dropdown-menu{display:block;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;border-right:1px solid #CCC}
.section-nav .dropdown-menu li{background:0}
.section-nav .dropdown-menu>li>a{padding-left:0}
.section-nav .dropdown-menu li a{text-transform:none;border-bottom:0;padding-top:6px;padding-bottom:6px}
.section-nav .dropdown-menu>li>a:focus,.section-nav .dropdown-menu>li>a:hover{background:0;padding-bottom:6px}
.section-nav .dropdown-menu>li>a.active{border-right:4px solid #0074c8;color:#0074c8}
}
@media(max-width:767px) and (min-width:321px){.pending_subscription_wrapper a.login-btn{margin-bottom:60px}
.pending_subscription_wrapper .connected-services-manual-wrapper .subscription_manual_icon{margin-bottom:10px}
.filter-item .img{display:none}
.section-nav .btn.btn-default{width:100%;display:block;text-align:left}
.section-nav .btn.btn-default .caret{position:absolute;right:10px;top:40%}
.carousel-inner>.item{margin:0 0 !important;min-height:52px !important}
}
@media(max-width:767px){.filter-item .img{display:none}
.filter-item .text{width:70%}
.pending_subscription_wrapper p{width:100%}
}
input::-webkit-input-placeholder#gf_pac_input{color:#000}
input:-moz-placeholder#gf_pac_input{color:#000}
input::-moz-placeholder#gf_pac_input{color:#000}
input:-ms-input-placeholder#gf_pac_input{color:#000}
textarea::-moz-placeholder,.g-form-control::-moz-placeholder{color:#000;opacity:1;font-weight:normal}
textarea:-ms-input-placeholder,.g-form-control:-ms-input-placeholder{color:#000;font-weight:normal}
textarea::-webkit-input-placeholder,.g-form-control::-webkit-input-placeholder{color:#000;font-weight:normal}
textarea::-ms-expand,.g-form-control::-ms-expand{background-color:transparent;border:0}
.has-error .error{position:relative !important;margin-left:0;border-width:2px;z-index:0;text-transform:none}
.has-error .help-block{color:#c40712}
.has-error .help-block{margin-top:0}
.has-error .phone{z-index:1}
.check-box.has-error{border:1px solid #c40712;padding:10px 10px 10px 45px}
.back-to-previous:hover,.back-to-previous{margin:30px 0;text-transform:none;border-bottom:0}
.service-valet h1{margin-top:0;margin-bottom:15px}
.vehicle-text{margin:0;font-size:18px;text-transform:uppercase;color:#888}
.h3-title{font-size:20px;text-transform:uppercase}
.space-top{margin-top:30px}
.devider-space{margin-top:20px;margin-bottom:20px}
.form-field{margin:10px 0}
.section-service{display:block;padding:15px 15px 15px 0;border-bottom:1px solid #ccc}
.checkbox-space-override{margin:10px}
.checkbox-space-override,.msg-box,.msg-icon{float:left;display:block}
.msg-box p{width:auto;margin:0}
.msg-box{margin-left:10px}
.msg-box .msg-red{color:#c40712}
.msg-box .msg-yellow{color:#e6c809}
.toggler{float:right;height:20px;width:20px}
.text-area{position:relative;margin:20px 0}
.text-area textarea{width:100%;padding:10px;height:150px;resize:none}
.service-valet .input-group-addon{padding:0;border-radius:0;background-color:#fff;border:0}
.service-valet .input-group-addon .radio-item{margin:0;padding-left:0}
.service-valet .input-group-addon .radio-item label:before{top:1px}
.service-valet .input-group-addon .radio-item input[type=radio]:checked+label:after{top:8px;left:7px}
.service-valet .input-group .g-form-label-select{left:57px}
input[type=button].btn-schedule,input[type=reset].btn-schedule,input[type=submit].btn-schedule{color:#000;background-color:#fff;border-color:#000}
.schedue-details{display:block}
.schedue-details .title{margin:0;color:#888}
.schedue-details .edit{margin-left:20px}
.service-location{line-height:22px}
#valetMap{margin-top:110px;min-height:300px;width:100%}
@media(max-width:767px) and (min-width:321px){.msg-box:after{min-width:200px}
.error-fix .form-error{margin-top:20px}
}
@media(max-width:320px){.msg-box{width:130px}
.service-valet{width:290px}
.error-fix .form-error{margin-top:20px}
}
#infowindow-content{display:none}
#valetMap #infowindow-content{display:block}
#map #infowindow-content{display:inline}
.pac-card{margin:10px 10px 0 0;border-radius:2px 0 0 2px;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;box-shadow:0 2px 6px rgba(0,0,0,0.3);background-color:#fff;font-family:Roboto}
#pac-container{padding-bottom:12px;margin-right:12px}
.pac-controls{display:inline-block;padding:5px 11px}
.pac-controls label{font-family:Roboto;font-size:13px;font-weight:normal}
#pac-input{background-color:#fff;font-family:Roboto;font-size:15px;margin-left:12px;padding:0 11px 0 13px;text-overflow:ellipsis;width:400px}
#destination_search_modal_form #pac-input{width:100%;margin-left:0;padding:15px 42px 15px 15px}
#pac-input:focus{border-color:#4d90fe}
#title{color:#fff;background-color:#4d90fe;font-size:25px;font-weight:normal;padding:6px 12px}
div.pac-container{z-index:2000;width:298px;position:absolute;border-left:0}
@media(min-width:767px){div.pac-container{z-index:2000;width:298px;position:absolute;border-left:0}
}
#cont_us{margin-bottom:20px;margin-left:80px;width:80%}
#cont_us h1{margin-top:45px;margin-bottom:23px;margin-left:-2px}
#cont_us p{margin-bottom:24px}
#cont_us .g-form-group{position:relative;width:660px;margin-bottom:20px}
#cont_us #first_name{border-color:#ccc;background-color:#fff;color:#000;width:630px;margin-bottom:-20px}
#cont_us .reg-firstname #first_name::-webkit-input-placeholder{color:#000 !important}
#cont_us .reg-firstname #first_name:-moz-placeholder{color:#000}
#cont_us .reg-firstname #first_name::-moz-placeholder{color:#000}
#cont_us #last_name{border-color:#ccc;background-color:#fff;color:#000;width:630px;margin-bottom:-20px}
#cont_us .reg-lastname #last_name::-webkit-input-placeholder{color:#000 !important}
#cont_us .reg-lastname #last_name:-moz-placeholder{color:#000}
#cont_us .reg-lastname #last_name::-moz-placeholder{color:#000}
#cont_us #email_address{border-color:#ccc;background-color:#fff;color:#000;width:630px;margin-bottom:-20px}
#cont_us .reg-email #email_address::-webkit-input-placeholder{color:#000 !important}
#cont_us .reg-email #email_address:-moz-placeholder{color:#000}
#cont_us .reg-email #email_address::-moz-placeholder{color:#000}
#cont_us #email_address_confirm{border-color:#ccc;background-color:#fff;color:#000;width:630px;margin-bottom:-20px}
#cont_us .reg-email-confirm #email_address_confirm::-webkit-input-placeholder{color:#000 !important}
#cont_us .reg-email-confirm #email_address_confirm:-moz-placeholder{color:#000}
#cont_us .reg-email-confirm #email_address_confirm::-moz-placeholder{color:#000}
#cont_us .row #phone_number{border-color:#ccc;background-color:#fff;color:#000;width:220px}
#cont_us .row .floating_label{margin-left:15px}
#cont_us .row #phone_number::-webkit-input-placeholder{color:#000 !important}
#cont_us .row #phone_number:-moz-placeholder{color:#000}
#cont_us .row #phone_number::-moz-placeholder{color:#000}
#cont_us .reg-firstname{margin-bottom:35px}
#cont_us .reg-firstname .label-required{color:#c40712;margin-left:-537px}
#cont_us .reg-lastname{margin-bottom:35px}
#cont_us .reg-lastname .label-required{color:#c40712;margin-left:-540px}
#cont_us .reg-email{margin-bottom:35px}
#cont_us .reg-email .label-required{color:#c40712;margin-left:-510px}
#cont_us .reg-email-confirm{margin-bottom:35px}
#cont_us .reg-email-confirm .label-required{color:#c40712;margin-left:-445px}
#cont_us #phone-number{margin-bottom:30px;margin-left:-15px}
#cont_us .consent{width:525px;margin-left:0;margin-top:15px;margin-bottom:25px}
#cont_us #msg_con textarea{border:1px solid #ccc;width:630px;height:270px}
#cont_us #msg_con .input_legend.flt_lbl_black{color:#000;background:#fff}
#cont_us #con_message{color:#000;background-color:#fff}
#cont_us .login-password #con_message::-webkit-input-placeholder{color:#000 !important}
#cont_us .login-password #con_message:-moz-placeholder{color:#000}
#cont_us .login-password #con_message::-moz-placeholder{color:#000}
#cont_us #attach_file{margin-top:-6px}
#cont_us #con_btn input{margin-left:-2px;margin-top:4px}
#cont_us_opt{margin-top:60px;height:405px;background-color:#f3f3f3}
#cont_us_opt #cont_email{padding-top:69px;padding-left:120px;width:33%}
#cont_us_opt #cont_email h4{margin-top:20px;margin-left:-1px}
#cont_us_opt #cont_email a{text-transform:lowercase;border-bottom:none !important}
#cont_us_opt #cont_ph{display:inline-block;width:31%;margin-left:494px;padding-top:25px;margin-top:-150px;border-left:1px solid #ccc;border-right:1px solid #ccc;height:320px}
#cont_us_opt #cont_ph h4{margin-top:21px;margin-left:38px}
#cont_us_opt #cont_ph a{text-transform:lowercase;border-bottom:none !important;margin-left:38px}
#cont_us_opt #cont_ph img{margin-left:38px}
#cont_us_opt #cont_ph span{margin-left:38px}
#cont_us_opt #cont_ph p{margin-left:38px}
#cont_us_opt #cont_mail{display:inline-block;width:15%;margin-top:-115px;float:right;margin-right:199px}
#cont_us_opt #cont_mail p{margin-bottom:0}
#cont_us_opt h4{margin-top:24px;margin-left:0;margin-bottom:15px}
@media(max-width:767px) and (min-width:100px){#valetMap{margin-top:0}
#cont_us{margin-left:30px;width:80%}
#cont_us #cont-head{width:100%}
#cont_us .g-form-group{width:111%}
#cont_us #first_name{width:100%}
#cont_us #last_name{width:100%}
#cont_us #email_address{width:100%}
#cont_us #email_address_confirm{width:100%}
#cont_us .row #phone_number{width:285px}
#cont_us .consent{width:100%;margin-top:-30px}
#cont_us #topic{width:100%}
#cont_us #msg_con textarea{width:100%}
#cont_us #attach_file{width:100%}
#cont_us #attach_file a{margin-left:0}
#cont_us #con_btn input{width:100%;margin-top:35px}
#cont_us_opt{height:500px}
#cont_us_opt #cont_email{display:inline-block;width:100%;padding-top:20px;margin-left:-90px}
#cont_us_opt #cont_email h4{display:inline-block;margin-left:20px}
#cont_us_opt #cont_email a{margin-top:10px;margin-left:60px}
#cont_us_opt #cont_ph{border:none !important;border-top:1px solid #ccc;display:table-cell;width:100%}
#cont_us_opt #cont_ph h4{display:inline-block;margin-bottom:20px}
#cont_us_opt #cont_ph a{margin-left:110px}
#cont_us_opt #cont_mail{display:table-cell;float:left;width:100%;padding-left:40px;padding-top:70px}
#cont_us_opt #cont_mail h4{display:inline-block;margin-left:20px}
#cont_us_opt #cont_mail span{float:left}
}
.vehicle-health-hdtile{float:left;width:100vw;background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/vehicle-health/MVHR-bg_image.jpg) no-repeat top center;padding:60px 0 160px;position:relative;left:calc(-50vw + 50%);background-size:cover;height:225px}
.vehicle-health-hdtile .page-title{color:#fff;margin:0;text-align:left}
@media(max-width:767px){.vehicle-health-hdtile .page-title{max-width:236px;margin-top:-20px}
.vehicle-health-hdtile .container .page-title p#vhnick{margin-top:4px}
.vehicle-health-hdtile .page-title p#vhnick{margin-top:8px}
}
.vehicle-health-hdtile .page-title p{font-size:16px;font-family:"HyundaiSansTextOffice-Regular";line-height:23px;margin-bottom:0}
.vehicle-health-hdtile .page-title p#vhnick{margin-top:13px}
.vehicle-health-wrps{float:left;width:100%;padding:40px 0;background:#fff}
@media(max-width:767px){.vehicle-health-wrps{padding:20px 0 20px}
}
.vehicle_health_form{float:left;width:100%;margin-bottom:30px}
@media(max-width:767px){.vehicle_health_form .form-row{margin-bottom:0}
}
.vehicle_health_form .g-form-label-select{font-size:14px;font-weight:normal;left:7px}
.vehicle_health_form input[type='text'],.vehicle_health_form input[type='email'],.vehicle_health_form input[type='password'],.vehicle_health_form input[type='number'],.vehicle_health_form select{width:190px;height:50px;padding:10px;border:solid 1px #ccc;color:#000;font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;background-color:#FFF}
#link_update_milage span:active,#link_update_milage span:hover,.addressblk_addresstxt .get_direction a:focus,.addressblk_addresstxt .get_direction a:active,.addressEdit.addressblk_btnedit:hover,.addressEdit.addressblk_btnedit:focus,.addressblk_starrating .review-text:active,.addressblk_starrating .review-text:focus,a.btn-pdf-report:focus,a.btn-pdf-report:active{color:#003f86 !important;border-bottom:solid 1px #003f86 !important}
@media(max-width:767px){.vehicle_health_form select{max-width:270px;width:70%}
a.btn-pdf-report{clear:both;display:inline-block;margin-top:30px}
.addressmap_wrps .addressblk_title h1{width:75%}
}
.noscroll{overflow:hidden !important}
.vehicle_health_form input[type='text'].input_error{display:inline-block}
.vehicle_health_form input[type="submit"],.vehicle_health_form input[type="button"]{color:#fff;margin-top:10px;width:290px}
@media(max-width:767px){.vehicle_health_form input[type="submit"],.vehicle_health_form input[type="button"]{margin:0;width:100%}
}
.vehicle_health_form .frm_error_msg{float:left;width:100%}
.btn-report{padding:0 !important;border:0 !important;color:#0074c8;margin-left:20px;background:none !important;display:inline-block;margin-right:20px}
.review-reporttxt{float:left;width:100%;margin:20px 0}
.review-reporttxt h4{font-size:16px;font-family:"HyundaiSansTextOffice-Regular"}
.review-reporttxt p{font-size:16px;font-family:"HyundaiSansHeadOffice-Medium"}
@media(max-width:767px){.review-reporttxt h4{margin-bottom:10px}
.review-reporttxt p{margin-bottom:5px;display:inline-block !important;width:100%}
}
.report-warning-wrps{float:left;width:70%}
.report-warning-block{float:left;width:290px;margin-right:20px;border-width:3px;border-style:solid;border-color:#000;padding:12px 12px 12px 60px;position:relative;margin-bottom:15px}
@media(max-width:767px){.report-warning-block{width:100%;margin-right:0}
}
.report-warning-block .report-warning-icon{width:30px;height:30px;position:absolute;left:12px}
.report-warning-block h4{color:#c40712;font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;text-transform:uppercase;line-height:34px}
.report-warning-block p{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;margin-bottom:0}
.report-warning-block p span{text-transform:capitalize}
.report-warning-block.report-waring-red{border-color:#c40712}
.report-warning-block.report-waring-red h4{color:#c40712}
.report-warning-block.report-waring-yellow{border-color:#e6c809}
.report-warning-block.report-waring-yellow h4{color:#e6c809}
.col-md-12.col-xs-12.has-no-subsystem{display:none}
.h2head-titlebrm{font-size:20px;border-bottom:1px solid #ccc;padding:10px;font-family:"HyundaiSansHead-Bold";line-height:20px;margin-bottom:25px}
.vhr_report_block{float:left;width:100%;padding:10px 60px 10px 80px;position:relative;margin-bottom:50px}
.vhrrblk_icon{position:absolute;left:10px;width:50px;top:10px}
.vhrrblk_result{position:absolute;right:0;width:60px;top:15px}
.vhrrblk_result.green{background:url(clientlib-hyundai-site/images/vhr_checked_okay.png) no-repeat;height:30px}
.vhrrblk_result.yellow{background:url(clientlib-hyundai-site/images/vhr_checked_warning.png) no-repeat;height:30px}
.vhrrblk_result.red{background:url(clientlib-hyundai-site/images/vhr_checked_danger.png) no-repeat;height:30px}
.vhrrblk_result img{display:none}
.vhrrblk_txt{float:left;width:100%;padding:10px 0;font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;color:#000;text-transform:capitalize}
.vhrrblk_txt h4{margin-top:-10px;font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;text-transform:uppercase}
.vhr_report_blk_danger .vhrrblk_txt h4{color:#c40712}
.vhr_report_blk_warning .vhrrblk_txt h4{color:#e6c809}
.addressmap_wrps{position:relative;float:left;width:100%}
.addressmap_wrps #gfMap{min-height:435px}
.address-block{float:left;position:absolute;top:40px;background:#000;bottom:40px;width:420px;left:100px;padding:30px 45px;min-height:380px}
.dashboard .address-block{padding:20px 19px 30px 34px;margin-bottom:0;bottom:30px;top:10px;left:75px}
.addressblk_title{float:left;width:100%;position:relative;padding-right:80px}
.addressblk_title h1{font-size:24px;font-family:"hyundai_sans_head_office_light";margin:0 0 10px}
.addressblk_title h1 span{color:#888;font-family:"hyundai_sans_text_office_regular";font-size:12px;display:block;line-height:20px;font-weight:normal}
.addressblk_btnedit{position:absolute;right:0;top:24px}
.addressblk_starrating{float:left;width:100%;position:relative;margin-bottom:25px}
.addressblk_starrating .starraingblk_icon{float:left;width:auto;margin-right:10px}
.addressblk_starrating .starraingblk_icon img{float:left;margin-right:4px}
.addressblk_addresstxt{float:left;width:100%;font-size:14px;font-family:"HyundaiSansTextOffice-Regular";color:#666;margin-bottom:15px}
.addressblk_addresstxt h3{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;color:#000;line-height:20px;margin-top:15px;float:left;width:100%}
.addressblk_addresstxt h3 span{border-bottom:1px solid #000;padding-bottom:5px;display:inline-block}
.addessblk_time{float:left;width:100%}
.addessblk_time label{min-width:60px;font-weight:normal}
@media(min-width:768px) and (max-width:1024px){.report-warning-wrps{float:left;width:100%}
#connected-services-help .container{width:auto}
.help-center-container .list-unstyled .dashboard_column{max-width:230px !important;margin-right:15px;width:21%}
#connected-services-help .bx-wrapper .bx-prev{left:-5px;border-bottom:0}
#connected-services-help .bx-wrapper .bx-next{right:0;border-bottom:0}
}
@media(max-width:1200px){section{padding-top:30px;padding-left:60px}
#section-login,#section-banner-appstores{background-size:cover !important}
#section-banner-resources{background-position:100%;padding:30px;background-size:contain}
.home-banner-sections input[type=button]{display:block}
#section-banner-appstores{padding:15px;background-position:right -260px center;background-size:auto}
}
@media(max-width:767px) and (min-width:100px){#overview .mapview{padding:0;border-left:0}
#modal1 .submit-error{position:static;float:left;margin-bottom:10px;width:100%}
#modal1 .hyundai-modal-footer .btn-submit{position:static;float:left}
.checkbox-custom{margin-right:14px}
#section-banner-resources{background-position:right bottom;padding:10px;min-height:493px}
#section-banner-resources input{margin-top:0;width:100%;max-height:40px;margin-bottom:42%}
#section-banner-resources a#gen_res{margin-bottom:75%}
#section-banner-resources H2,#section-tiles H2{margin:10px 0;font-size:22px;line-height:22px}
.carousel-inner>.item{min-height:200px;margin:0 10px}
#section-welcome{padding:15px;padding-top:30px;background-size:cover;background-position:center;background-image:url(clientlib-hyundai-site/images/Headerbackround-mobile.jpg) !important}
#section-welcome H1{font-size:30px;line-height:30px;padding-top:5px;line-height:35px}
#section-welcome .button.btn-add-vehicle{width:100%;margin-top:24px !important;margin-bottom:11px}
div#build-a-vehicle{margin-left:0}
#build-a-vehicle .header-wrapper{margin-top:0;margin-bottom:15px}
#section-banner-appstores{padding:15px;background-position:right -270px center;background-size:auto}
#section-banner-appstores .banner-appstore{padding:0;width:50%}
#section-banner-appstores .banner-appstore H2{margin:0}
#section-banner-appstores .banner-appstore #link-google-app{margin-left:0;margin-top:10px;display:inline-block}
#my_vehicles .lower-middle-services .dt{margin-bottom:10px}
}
#header-nav-canvas_H2{display:none}
.login-btn{background:var(--blue-btn);font-size:18px;color:#fff;border:1px solid var(--blue-btn);max-width:235px;width:100%;display:inline-block;text-align:center;padding:13px 0}
.login-btn:hover,.login-btn:active{background:var(--blue-btn-hover)}
.login-btn.disabled,.login-btn[disabled]{background:#a4a4a4}
.default-btn{background:#fff;font-family:'HyundaiSansHeadOffice-Light';font-size:21px;color:#000;border:1px solid #000;max-width:235px;width:100%;display:inline-block;text-align:center;padding:13px 0}
.default-btn:hover,.default-btn:active{background:#3c3c3c}
.default-btn.disabled,.default-btn[disabled]{background:#a4a4a4}
.default-btn:hover,.default-btn:active{color:#fff;background:#000}
.default-btn.disabled,.default-btn[disabled]{background:#a4a4a4}
.form-text-field{max-width:380px;width:100%;display:block;font-family:"HyundaiSansHeadOffice-Medium";border:1px solid #ddd;padding:15px 0}
.banner-btn{background:#000;font-family:'HyundaiSansHeadOffice-Light';font-size:21px;color:#fff;border:1px solid #fff;max-width:235px;width:100%;display:inline-block;text-align:center;padding:13px 0;opacity:.5}
.banner-btn:hover,.banner-btn:active{background:#3c3c3c}
.banner-btn.disabled,.banner-btn[disabled]{background:#a4a4a4}
.banner-btn:hover,.banner-btn:active{opacity:1}
.refresh-Img{z-index:1;width:21px;height:18px}
.pwdvc{width:100%;display:block}
.pwdvc b{display:inline-block;width:2%;float:left}
.pwdvc b,.inst_use b{display:inline-block;width:15px !important;float:left;font-weight:normal !important}
#password_new .pwdvc b{display:inline-block;width:15px !important;float:left}
.pwdvc span{display:inline-block;width:92%}
.precond[aria-expanded="true"]{background:url(clientlib-hyundai-site/images/arrow1.jpg) no-repeat right center}
.precond[aria-expanded="false"]{background:url(clientlib-hyundai-site/images/arrow.jpg) no-repeat right center}
@media(max-width:767px){#footer-top-links1{column-count:1 !important}
.connected-services #subscriptions .tab-content{border:0;padding:0;min-height:0}
.tabbable .tabs-nav.col-md-4{padding-left:0}
.subtab-img{display:none}
}
.tab-container img.subtab-img{position:absolute;bottom:-70px;right:-40px}
.mar-t20{margin-top:20px}
.mar-b20{margin-bottom:20px}
#header-nav-canvas .input-txt::placeholder,#header-nav-canvas .input-pwd::placeholder,#login-form .input-txt::placeholder,#login-form .input-pwd::placeholder{color:#fff}
.conserv-his-viewmore{float:left;width:100%;text-align:center;margin-bottom:60px}
.conserv-his-viewmore a{font-size:16px;padding:0;border:0 !important;background:0;font-weight:normal}
.conserv-his-viewmore a.conserv-his-collapse span:before{content:"View Less"}
.conserv-his-viewmore a.conserv-his-collapse.collapsed span:before{content:"View More"}
.conserv-his-viewmore a:hover{border:0 !important;background:0;padding:0;font-family:"hyundai_sans_head_office_light";text-transform:uppercase}
.conserv-his-viewmore a .fa{display:block;font-size:20px;line-height:20px}
.section-nav .btn{text-align:left}
.section-nav .btn .caret{position:absolute;right:10px;top:4px}
.lazy-loader{background-image:url("../../../../content/dam/hyundai/us/myhyundai/image/general/icon/loader.gif") !important;background-size:24px 24px !important;background-position:50% 50% !important;min-height:430px;background-repeat:no-repeat}
.global-map-update .btn{font-family:"HyundaiSansTextOffice-Regular";font-size:16px;color:#fff;border-radius:25px;padding:14px 77px;background-color:#0074c8;border-color:#0074c8;margin:0 0 0 91px;height:50px !important;line-height:50px !important;padding:0 !important;min-width:235px}
.global-map-update{width:100%;float:left;padding:20px 30px;font-family:"HyundaiSansHeadOffice-Light";font-size:30px}
.global-map-update h4,.need-more-assistanc a{display:inline-block;vertical-align:middle;text-transform:none}
.global-map-update .btn:hover{background-color:#003f86}
.need-more-assistance{background-color:#e6e6e6}
.need-more-assistance .container{text-align:center;padding:15px 0}
.need-more-assistance h2,.need-more-assistance a{display:inline-block;vertical-align:middle;text-transform:none}
.need-more-assistance .btn{font-family:"HyundaiSansTextOffice-Regular";font-size:16px;color:#fff;border-radius:25px;padding:14px 77px;background-color:var(--blue-btn);border-color:var(--blue-btn);margin:0 0 0 91px}
.need-more-assistance .btn:hover{background-color:var(--blue-btn-hover)}
@media(max-width:767px){.need-more-assistance .btn{font-size:14px;color:#fff;margin:34px 16px 0}
.need-more-assistance h2,.need-more-assistance a{display:block}
}
@media(max-width:320px){.need-more-assistance .btn{margin-left:0 !important;margin-top:20px !important}
.welcome #section-welcome{min-height:280px}
}
a#backToLogin{margin-left:.5rem}
a:link{color:#0074c8;border-bottom:1px solid #0074c8;outline:0}
a:visited{color:#0074c8;border-bottom:1px solid #0074c8}
a:hover{color:#003f86;border-bottom:1px solid #003f86}
a:focus{color:#0074c8;border-bottom:1px solid #0074c8}
a:active{color:#0074c8;border-bottom:1px solid #0074c8}
div#build-a-vehicle{margin-left:0}
.tab-pane div#build-a-vehicle{margin-left:auto}
button.build-a-vehicle.button:hover{background-color:var(--blue-btn-hover)}
.mvhr_banner_car{height:280px;margin-top:-25px;background-size:100%}
@media(max-width :767px){#updatenotificationemail .hyundai-modal-footer,#updateaccountemail .hyundai-modal-footer{text-align:center}
#btnChangeAccountEmail,#btnChangenotificationEmail{margin-top:20px;padding-right:0}
.history-list li .item-text{width:100%}
#my_vehicles .vh-info-txt{font-size:14px;min-width:190px}
.addressblk_phtxt a{border-bottom:1px solid #000 !important}
}
@media(max-width:767px) and (min-width:100px){div#build-a-vehicle{margin-left:0}
.button-wrapper-mobile{display:block}
.button-wrapper-mobile .build-a-vehicle button{width:100%}
.cars-banner{margin-left:-240px}
}
.gm-style-iw .sales-phone{margin-bottom:12px}
#modal_enteryournewgenesisVIN .modal-content{min-height:260px;margin:150px 0 0 0}
#modal_remove_secondarydriver_confirmation_success .modal-content{min-height:0}
@media(max-width:410px){#secuirty_answer_input,#secuirty_question_select{font-size:14px}
}
a#rewardsLink:focus,a#rewardsLink:link,a#rewardsLink:visited{color:#0074c8 !important;border-bottom:1px solid #0074c8 !important}
body.modal-open{position:fixed;height:100%}
.cstnctitle{padding-top:49px}
#sec_tos .consent{padding-left:55px}
#sec_tos .consent label:after{left:43px;top:8px}
#sec_tos .info_block{height:386px;overflow-y:scroll;font-size:14px !important;font-family:"HyundaiSansTextOffice-Regular" !important}
.info_block>p:first-of-type{text-align:center !important;text-transform:uppercase}
.info_block p,.info_block span,.info_block p span,.info_block h1 span,.info_block h2 span{font-family:"HyundaiSansTextOffice-Regular" !important;font-size:14px !important}
.info_block h1{font-family:"HyundaiSansHead-Bold" !important;line-height:inherit !important}
#sec_tos .info_block ol:nth-of-type(1),#sec_tos .info_block ol:nth-of-type(2){margin-left:30px}
#sec_tos .info_block ol:nth-of-type(1) ol,#sec_tos .info_block ol:nth-of-type(2) ol{margin-left:0}
#sec_tos #accept_button{margin:15px;margin-left:40px;width:100%;max-width:319px}
.lower-popup-button-2tnc a{margin-left:25px}
@media(min-width:768px){#sec_tos .modal-dialog{margin-top:225px}
}
@media(max-width:767px){.lower-popup-button-2tnc a{margin-left:0}
#sec_tos input#accept_button{margin:15px auto}
.lower-popup-button-2tnc{text-align:center;padding-bottom:25px}
}
.container-fluid input:-webkit-autofill,.container-fluid input:-webkit-autofill:hover,.container-fluid input:-webkit-autofill:active,.container-fluid input:-webkit-autofill:focus{background-color:#fff !important;color:#000 !important;-webkit-box-shadow:0 0 0 1000px white inset !important;-webkit-text-fill-color:#000 !important}
select#security_question{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/Arrow%20with%20Line.svg) no-repeat right #fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;text-overflow:'';background-size:25% 100%}
.frm_error_msg.invalid_vin span a{text-decoration:underline !important;border-bottom:0 !important}
.contactUs{margin-left:1%}
@media only screen and (max-width:767px) and (min-width:100px){.h4subheadWidth{width:73% !important}
}
.connected-stripe-banner{float:left;width:100%;color:#fff;text-align:center;background:#0074c8;padding:8px 10px;font-size:14px;margin-top:0}
@media only screen and (max-width:812px){.tooltipAlignmentCls{margin-top:-10px !important}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px){.tooltipAlignmentCls{margin-top:-2px !important;margin-left:177%}
}
@media only screen and (min-device-width :1024px) and (max-device-width :1366px){#parts1 .information-tooltip{margin-left:24px !important}
}
@media only screen and (max-width:812px){.progress .closemsg{right:1% !important}
}
@media only screen and (min-width:768px) and (max-width:1023px){.progress .closemsg{right:9% !important}
}
.fileWrongAlignment{margin-left:13.5%}
.progressBarStyling{width:90%;margin-left:4%}
@media(min-width:813px) and (max-width:1200px) and (orientation:landscape){.upload-error-style{height:38px !important}
.progressBarStyling{text-align:left;padding-left:5px}
}
@media only screen and (max-width:812px){#upperPersonalStyling{padding-bottom:0 !important}
#upperPersonalRequiredText{float:right !important;margin-top:-7% !important}
.progressBarStyling{width:85% !important;margin-left:3% !important}
.headerTextStyling{margin-left:0 !important}
#sec-dri-create-accout .banner-container .text-wrapper h3{margin-left:0 !important}
.upperPersonalStyling{margin-top:-26px !important}
.regStyling{font-size:16px;margin-left:2%;margin-bottom:-4%}
#requiredTextLabelStyling{margin-top:-20px !important;font-size:13px !important}
.radioBtnStyling{margin-top:-2% !important}
.servicerecord_margin{margin-top:6% !important}
}
@media only screen and (min-width:414px) and (max-width:812px){.progressBarStyling{width:80% !important;margin-left:3% !important}
}
@media only screen and (min-width:321px) and (max-width:413px){.progressBarStyling{width:89% !important;margin-left:3% !important;text-align:left;padding-left:2%}
}
@media only screen and (max-width:320px){.progressBarStyling{width:88% !important;margin-left:3% !important;text-align:left;padding-left:2%}
}
.headerTextStyling{margin-left:0}
#edit_permission0:hover{color:#003f86 !important;border-bottom:1px solid #003f86 !important}
#edit_permission0:focus{border-bottom:1px solid #003f86 !important}
.remove-secondary-driver:hover{color:#003f86 !important;border-color:#003f86 !important}
.remove-secondary-driver:focus{border-bottom:1px solid #003f86 !important}
#sec-dri-create-accout .frm_error_msg{margin-left:0 !important}
#sec-dri-create-accout .sec-dri-pwd{margin-left:0 !important}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#sec-dri-create-accout #zip{width:170px !important}
#sec-dri-create-accout #secondary_type{width:170px !important}
}
.alertstepFont{font-size:76px !important;margin-left:1% !important}
.timeline_gen25_wrapper .no_of_days_maintenance_miles,.timeline_gen25_wrapper .no_of_days_maintenance_days{font-size:14px !important;font-weight:bold;line-height:18px}
@media(max-width:1024px) and (min-width:768px){.timeline_gen25_wrapper .no_of_days_maintenance_miles,.timeline_gen25_wrapper .no_of_days_maintenance_days{font-size:14px !important;font-weight:bold;line-height:18px}
}
@media(max-width:767px){.dashboard .alertstepblk-count-text.timeline_gen25_wrapper .alertstep-number.no_of_days_maintenance_miles{font-size:14px !important;line-height:18px}
}
.alertstepblk-count-text{text-align:left}
#highlightPrev{border:1px solid #ccc;z-index:0}
#highlightNext{border:1px solid #ccc;z-index:0}
#highlightNext:hover,#highlightPrev:hover{border:0}
#highlightNext:hover{background:url('../../../../content/dam/hyundai/us/myhyundai/image/general/icon/right_arrow_black.svg') no-repeat center center;background-size:14px}
#highlightPrev:hover{background:url('../../../../content/dam/hyundai/us/myhyundai/image/general/icon/left_arrow_black.svg') no-repeat center center;background-size:14px}
@media(max-width:767px) and (orientation :landscape){.service-information-wrapper{left:75% !important}
}
.upperPersonalStyling{color:#c40712;float:right;margin-top:-17px;margin-right:10px}
.desktop-vehicle-service .bx-wrapper .bx-viewport{left:0}
#upperPersonalRequiredText{float:right;margin-top:-2.3%}
.dash-stripe-banner .container{margin:0 !important}
.destination_search_form input#dest_search{font-family:"HyundaiSansTextOffice-Regular"}
.refresh-charge-status{cursor:pointer}
.electricVehicleDashboard .evhicle-info{border-left:0}
.phev-battery-details .gasrange,.phev-battery-details .range,.phev-battery-details .batt-percent,.phev-battery-details .plug-volt,.phev-battery-details .time-charge{width:18%;display:inline-block;vertical-align:top;text-align:center}
@media(max-width:767px){#modal_enteryournewgenesisVIN a.btn-info-popover{display:block !important;margin-top:20px;margin-left:0;width:4%;margin-bottom:40px}
#modal_enteryournewgenesisVIN #edit_vin{margin-bottom:0}
.vin-body{padding:15px !important}
#vehicle-reg-form{width:100%}
.bannerbutton #section-banner-resources p{max-width:85%}
}
@media(min-width:100px) and (max-width:767px) and (orientation :landscape){#modal_enteryournewgenesisVIN a.btn-info-popover{width:2%}
}
#connected_service_banner{width:100vw !important;left:calc(-50vw + 50%);background-size:cover}
.fxloader-wrapper.keep-loading{display:block !important}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td.disabled-feature form{color:#888;opacity:.5}
@media(max-width:767px){.addressblk_addresstxt{margin-top:10px}
}
.vehicle_health_form select{background:url(clientlib-hyundai-site/images/select-arrow2.png) no-repeat right #fff}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){input[type='submit'][disabled],input[type='button'][disabled],input[type='button'][disabled].button,input[type='button'].disabled,input[type='submit'].disabled{background-color:#66acde !important}
INPUT[type="submit"][disabled]:hover,INPUT[type="button"][disabled]:hover,INPUT[type="button"].button[disabled]:hover,INPUT[type="button"].disabled:hover,INPUT[type="submit"].disabled:hover{background-color:#668cb6 !important;cursor:not-allowed}
.question select#secuirty_question_select{-ms-background-position-x:175px}
}
@media(max-width:767px){#highlightPrev,#highlightNext{margin-top:5px}
.electric_vehicle_dash .evhicle-info{border-bottom:0}
.phev-battery-details .gasrange,.phev-battery-details .range,.phev-battery-details .batt-percent,.phev-battery-details .plug-volt,.phev-battery-details .time-charge{width:30%}
.phev-battery-details .plug-volt{margin-top:25px;margin-left:40px}
.phev-battery-details .time-charge{margin-top:25px;margin-left:40px}
.phev-battery-details.battery-details label{text-align:center}
}
@media(max-width:1024px) and (min-width:768px) and (orientation:portrait){.electric_vehicle_dash .evhicle-info{border:0;padding-bottom:35px}
}
@media(max-width:767px) and (min-width:100px) and (orientation:landscape){.phev-battery-details .gasrange,.phev-battery-details .range,.phev-battery-details .batt-percent,.phev-battery-details .plug-volt,.phev-battery-details .time-charge{width:18%;margin-top:0;margin-left:0}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{left:55%;top:-140px;height:187px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{left:17%;top:-150px;height:167px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{top:-145px;height:208px;left:40%}
}
.pendingSubscription .pending_subscription_wrapper .connected-services-manual-wrapper img{width:15px;height:17px;margin-right:10px;margin-top:-5px}
.pendingSubscription .pending_subscription_wrapper .connected-services-manual-wrapper{margin-top:30px}
@media(max-width:767px){.pendingSubscription .pending_subscription_wrapper .connected-services-manual-wrapper{margin-top:25px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td h4{margin-top:0}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings table.destination-search td form.destination_search_form{margin-top:-25px;margin-bottom:-10px}
.connected-services #remote-actions .col-md-8 .vehicle-settings .manage-settings{padding-bottom:20px}
}
.connectedservicessubscription .panel-group .panel+.panel{margin-top:0}
#header-login-box .block-right a:hover,#header-login-box .block-right a:focus,#header-login-box .block-right a:active{color:#003f86 !important;border-bottom:solid 1px #003f86 !important}
#header-login-box .canvas_register_link a:hover,#header-login-box .canvas_register_link a:focus,#header-login-box .canvas_register_link a:active{color:#003f86 !important;border-bottom:solid 1px #003f86 !important}
.ownership .edit-icon-css a:hover,.ownership .edit-icon-css a:focus,.ownership .edit-icon-css a:active{color:#003f86 !important;border-bottom:solid 1px #003f86 !important}
@media(max-width:991px){#subscriptions .panel-default{border-bottom:1px solid #ccc}
#subscriptions .panel-default:nth-child(2){border-bottom:1px solid #ccc}
.connected-services #subscriptions .manage-subscription a.manage-subscription-link{max-width:310px}
}
.banner-container.withImage .upper-title{text-transform:none}
label{font-family:"HyundaiSansTextOffice-Regular";font-weight:normal}
.lineabove-select{border-bottom:1px solid #ccc !important;margin:5px 0;height:27px;margin-bottom:12px}
span.status_engine{font-family:HyundaiSansHeadOffice-Medium}
.connected-services #remote-actions .status-image-wrapper .hood-status-icon.status_icons_fonts p.hood-icon-image,.connected-services #remote-actions .status-image-wrapper .trunk-status-icon.status_icons_fonts p.trunk-icon-image{width:16px;height:16px;border-radius:50px;background:linear-gradient(to bottom,white,white);top:-4px;left:-8px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{left:20%;top:-90px;height:103px}
.connected-services #remote-actions .status-image-wrapper .hood-status-icon.status_icons_fonts{left:43px;height:121px;top:-91px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{left:29%;top:-88px;height:142px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{left:35%;top:-89px;height:113px}
.connected-services #remote-actions .status-image-wrapper .trunk-status-icon.status_icons_fonts{left:48%;top:-88px;height:136px}
@media(max-width:767px){.status-image-wrapper img.vehStatus_engineOff{left:24%;margin-top:-84px}
.status-image-wrapper img.vehStatus_climate{left:47%;margin-top:-84px}
.status-image-wrapper img.vehStatus_doorLocked{left:104%;margin-top:-85px}
.connected-services .status-icons .body_vehStatus{margin-left:15px;margin-right:15px;margin-top:15px}
.connected-services .status-icons .body_vehStatus .icon_engine{height:24px;width:24px;margin-left:4px}
.connected-services .body_vehStatus p.title_engine{font-family:HyundaiSansTextOffice-Regular;font-size:12px;color:#888;display:inline-block;vertical-align:sub;padding-top:9px;margin-left:2%}
.connected-services .body_vehStatus .hr_divider{border-bottom:1px solid #ccc}
.res-need-assistance .login-btn{margin:10px 0 0 !important}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){.connected-services #remote-actions .status-image-wrapper .hood-status-icon.status_icons_fonts{left:153px;height:182px;top:-251px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{left:16%;top:-248px;height:152px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{left:29%;top:-243px;height:241px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{left:37%;top:-240px;height:193px}
.connected-services #remote-actions .status-image-wrapper .trunk-status-icon.status_icons_fonts{left:47%;top:-237px;height:223px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1023px) and (orientation :portrait){.connected-services #remote-actions .status-image-wrapper .hood-status-icon.status_icons_fonts{left:120px;height:161px;top:-175px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.engine-status-icon{left:17%;top:-174px;height:115px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.climate-status-icon{left:29%;top:-171px;height:187px}
.connected-services #remote-actions .status-image-wrapper .status-icons div.doors-status-icon{left:36%;top:-167px;height:139px}
.connected-services #remote-actions .status-image-wrapper .trunk-status-icon.status_icons_fonts{left:47%;top:-168px;height:190px}
}
.vin_input_box .frm_error_msg a.ownerLink{position:relative;display:inline-block;text-align:left}
@media(max-width:767px) and (min-width:425px){.vin_input_box .frm_error_msg a.ownerLink{left:-163px;top:15px}
}
.genesis-resource-result:hover p.viewmoreless_text,.genesis-resource-result:hover{color:#0074c8 !important}
#cs-request-show-less .fa-angle-up{font-size:32px}
.fixed-tab-nav-bluelink{position:fixed;top:80px;z-index:1}
.fixed-tab-nav.dummyClass{position:fixed;top:115px}
#phev-vehicle-status .loader-ev,#electric-vehicle-status .loader-ev,.loader-ev-dash{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #0074c8;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:160px auto;position:absolute;z-index:1;left:50%}
.loader-ev-dash{margin:20px auto}
#phev-vehicle-status .disabled-feature,#electric-vehicle-status .disabled-feature{opacity:.5;color:#fff}
#phev-vehicle-status .edit-charge-schedule.disabled-feature,#electric-vehicle-status .edit-charge-schedule.disabled-feature{color:#0074c8}
.electric_vehicle_dash .disabled-feature{opacity:.5}
#phev-vehicle-status .disabled-feature a,#electric-vehicle-status .disabled-feature a{color:#0074c8;border-bottom-color:#0074c8}
#phev-vehicle-status .disabled-feature input,#electric-vehicle-status .disabled-feature input{pointer-events:none;cursor:default}
.electric_vehicle_dash input.disabled-feature,.electric_vehicle_dash a.disabled-feature{pointer-events:none}
@media(max-width:767px){#phev-vehicle-status .loader-ev,#electric-vehicle-status .loader-ev{margin-top:515px}
.loader-ev-dash{left:40%;margin:235px auto}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:portrait){#phev-vehicle-status .loader-ev,#electric-vehicle-status .loader-ev{margin-top:515px}
}
@media(min-width:320px) and (max-width:736px) and (orientation:landscape){.need-more-assistance .container{width:50%}
}
@media(max-width:767px){.resource-section .carousel-control .glyphicon-chevron-left{margin-left:-10px}
.fixed-tab-nav-bluelink{top:67px}
.tooltip_div .popover.top>.arrow{left:31.3% !important}
}
#condition_align{font-family:"HyundaiSansTextOffice-Regular";font-size:13px;line-height:19px;margin-bottom:0;margin-left:6px}
.need-more-assistance h2::first-letter {text-transform:capitalize}
.owned_vehicles_style #all_vehicles input[type=radio]::-ms-check{color:#0074c8;border-color:#ccc}
#modal_enteryournewgenesisVIN .modal-content a:hover{border-bottom:0 !important}
#modal_enteryournewgenesisVIN .modal-content .frm_error_msg.invalid_vin a{text-decoration:none !important;border-bottom:solid 1px #0074c8 !important;text-transform:capitalize}
#modal_enteryournewgenesisVIN .modal-content .frm_error_msg.invalid_vin a:hover{border-bottom:solid 1px #003f86 !important}
.interior-image-wrapper .slick-arrow{-webkit-appearance:menulist-textfield;background:url(clientlib-hyundai-site/css/clientlib-hyundai-site/images/arrows-sprite.png) #fff !important;background-repeat:no-repeat !important;background-size:auto !important;background-position:0 0;padding-top:3px;padding-left:0;border-radius:0 !important;width:40px !important;height:40px !important;color:#888 !important}
#search_filter_mobile select{-ms-background-position-x:right;background-size:45px 48px}
.addressblk_addresstxt{text-transform:capitalize !important}
.need-more-assistance{padding:0 15px}
.for-personal-resources,.need-more-assistance,.recommended-resources-wrps.recom_res_margin{width:100vw !important;position:relative;margin-left:-50vw;left:50%}
@media(max-width:768px){.tab-navigation ul{white-space:nowrap}
}
#VHnick{text-transform:capitalize}
.connected-services .connectedservicessubscription{margin-top:-25px}
div#login-box .block-right{width:auto;font-size:14px;float:right}
#login-form .frm_error_msg{font-size:14px}
.login a.retailer_enrollment{font-size:14px}
.margin50.tab-navigation{margin-top:52px}
.tab-navigation.fixed-tab-nav.margin50{margin-top:0}
.termsconditions{margin:30px}
.termsconditions ol,.termsconditions ul{margin-left:15px}
@media(max-width:767px){.termsconditions{margin:30px 15px}
.termsconditions ol,.termsconditions ul{margin-left:15px}
}
.locateDealer{background-color:#fff;padding-top:40px;padding-bottom:40px}
.locate_dealer_home{font-family:"HyundaiSansHead-Bold";font-size:30px;text-align:center}
#locateDealer-searchbox{position:relative;width:100%;padding:10px;text-align:center}
#locateDealer_search{width:280px;height:40px;padding-left:15px;border-radius:3px;background-color:#fff;border:solid 1px rgba(136,136,136,0.5)}
#locateDealer-searchbox .input_error{display:inline-block !important}
#locateDealer-searchbox span.frm_error_msg{display:block !important;text-align:left}
#locateDealer-searchbox span.frm_error_msg.err_msg_hidden{display:none !important}
#locateDealer_search-btn{background:transparent;border:0;position:relative;right:35px;top:-2px}
.locateDealer .locateDealer_submit{width:230px;display:inline-block;vertical-align:top}
#locateDealer-searchbox .input_zip{display:inline-block}
@media(max-width:767px){.locate_dealer_home{padding-left:15px;padding-right:15px;line-height:25px}
#locateDealer-searchbox{padding:0}
.locateDealer .locateDealer_submit{width:100% !important;max-width:300px}
#locateDealer-searchbox .input_zip{width:100%}
}
@media(min-width:325px) and (max-width:425px){.locate_dealer_home{line-height:25px;font-family:"HyundaiSansHead-Bold";font-size:22px;max-width:85%;margin-left:25px}
#locateDealer-searchbox span.frm_error_msg{margin-left:45px}
}
@media(min-width:425px) and (max-width:767px){#locateDealer-searchbox span.frm_error_msg{text-align:center;margin-left:-45px}
}
@media(max-width:320px){.locate_dealer_home{line-height:25px;font-family:"HyundaiSansHead-Bold";font-size:22px;max-width:90%;margin-left:15px}
#locateDealer_search-btn{position:relative;right:40px;top:9px;float:right}
}
@media(min-width:350px) and (max-width:767px){#locateDealer_search{position:relative;left:10px}
}
.back-arrow{width:7px;height:12px;margin-right:5px;vertical-align:text-top}
@media(max-width:400px){.need-more-assistance .container{padding-left:0 !important;padding-right:0 !important}
}
@media(max-width:320px){.need-more-assistance .container{padding-left:15px !important;padding-right:15px !important}
}
.banner-type-2{max-width:100%}
.banner-type-2 .car-acce-txt,.banner-type-2 .item-box{height:225px;position:relative}
.banner-type-2 .item-box{background-size:contain;background-repeat:no-repeat;background-position:center}
.banner-type-2 .carousel{display:block}
.banner-type-2 .carousel .carousel-inner{width:100%}
.banner-type-2 .carousel-indicators{display:none}
.banner-type-2 .carousel-caption{top:15px;right:11px;left:0;padding:0}
.banner-type-2 h3{font-family:"HyundaiSansHeadOffice-Regular";font-size:30px;text-align:center;margin-top:67px !important;margin-bottom:23px !important}
.banner-type-2 p{font-family:"HyundaiSansHeadOffice-Regular";font-size:16px;text-align:center;margin-top:10px}
.blue_link_gen_two .banner-box{width:39.6%;margin-right:-100px;padding:0}
.blue_link_gen_two .banner-type-2{max-width:100%}
.blue_link_gen_two .banner-type-2 .car-acce-txt,.blue_link_gen_two .banner-type-2 .item-box{height:450px;position:relative}
.blue_link_gen_two .banner-type-2 .carousel{display:block;margin:0}
.blue_link_gen_two .banner-type-2 .carousel .carousel-inner{width:100%}
.blue_link_gen_two .banner-type-2 .carousel-indicators{display:none}
.blue_link_gen_two .banner-type-2 .carousel-caption{top:15px;right:11px;left:0;padding:0}
.blue_link_gen_two .banner-type-2 h3{font-family:"HyundaiSansHeadOffice-Regular";font-size:70px;text-align:right;width:100%;display:block;margin-top:60px;padding-right:51px}
.blue_link_gen_two .banner-type-2 span{font-family:"HyundaiSansHeadOffice-Regular";font-size:24px;text-align:right;margin-top:14px;width:100%;display:block;padding-right:51px}
.blue_link_gen_two .banner-type-2 .btn{position:relative;bottom:-215px;width:300px}
.blue_link_gen_one .banner-box{width:100%;padding:0}
.blue_link_gen_one .banner-type-2{max-width:100%}
.blue_link_gen_one .banner-type-2 .car-acce-txt,.blue_link_gen_one .banner-type-2 .item-box{height:230px}
.blue_link_gen_one .banner-type-2 .carousel{display:block;margin:0}
.blue_link_gen_one .banner-type-2 .carousel .carousel-inner{width:100%}
.blue_link_gen_one .banner-type-2 .carousel-indicators{display:none}
.blue_link_gen_one .banner-type-2 .carousel-caption{top:15px;right:11px;left:0;padding:0}
.blue_link_gen_one .banner-type-2 .car-acce-txt h3{font-family:"HyundaiSansHeadOffice-Regular";font-size:70px;text-align:center;display:block;width:100%;margin-top:44px}
.blue_link_gen_one .banner-type-2 .car-acce-txt span{font-family:"HyundaiSansHeadOffice-Regular";font-size:24px;text-align:center;margin-top:10px;display:block;width:100%;margin-top:14px;margin-bottom:17px}
@media(max-width:991px){.blue_link_gen_two .banner-box{width:100%;padding:0;margin-top:20px}
.connected-services #subscriptions .manage-wifi-connect .down-div-wifi{margin-top:10px}
.wifi-text{margin-top:30px}
}
@media(max-width:767px){.Status-container a.toggle-content{background:transparent url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/arrow%20down%20gray.svg) no-repeat right center !important;background-repeat:no-repeat;background-position:right center;background-size:11px !important;float:right;width:13px;height:12px;border-bottom:0;margin-top:13px}
.Status-container a.toggle-content:hover{border-bottom:0 !important}
.Status-container a.toggle-content[aria-expanded="true"]{line-height:20px;background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/arrow%20up%20gray.svg) right center / 16px no-repeat transparent !important;border-bottom:0}
.groupIcons{display:block;width:100%;float:left}
.vehiclepopup_wrapper{position:relative;width:80%;margin:0 10%}
.vehiclepopup_wrapper .Status-container{position:relative;height:auto;border-left:0;display:block;right:0;top:0;border-bottom:1px solid #ddd;margin-bottom:10px;margin-left:15px;margin-right:15px;padding-bottom:10px}
.vehiclepopup_wrapper .Status-container p.trunk_title,.vehiclepopup_wrapper .Status-container p.sunroof_title,.vehiclepopup_wrapper .Status-container p.windows_title,.vehiclepopup_wrapper .Status-container p.hood_title,.vehiclepopup_wrapper .Status-container p.lamps_title,.vehiclepopup_wrapper .Status-container p.engine_title,.vehiclepopup_wrapper .Status-container p.climate_title,.vehiclepopup_wrapper .Status-container p.door_title{position:relative;font-size:12px;color:#888;top:auto;left:auto;text-transform:capitalize;float:left;margin:0;margin-left:5px}
.vehiclepopup_wrapper .Status-container p.engine_title,.vehiclepopup_wrapper .Status-container p.climate_title,.vehiclepopup_wrapper .Status-container p.door_title{bottom:0;top:auto}
.vehiclepopup_wrapper .Status-container img.vehStatus_closed_trunk{bottom:auto;left:auto;top:auto;position:relative;left:auto !important;float:left;border:0;width:30px;height:30px;padding:0}
.vehiclepopup_wrapper .Status-container.engine-box img.vehStatus_closed_trunk,.vehiclepopup_wrapper .Status-container.climate-box img.vehStatus_closed_trunk,.vehiclepopup_wrapper .Status-container.door-box img.vehStatus_closed_trunk{bottom:auto;left:auto;top:0}
.vehiclepopup_wrapper .Status-container.sunroof-box,.sedan_car .vehiclepopup_wrapper .Status-container.sunroof-box{right:0;top:0;height:45px}
.vehiclepopup_wrapper .Status-container.windows-box,.sedan_car .vehiclepopup_wrapper .Status-container.windows-box{right:0;top:0;height:auto}
.vehiclepopup_wrapper .Status-container.hood-box,.sedan_car .vehiclepopup_wrapper .Status-container.hood-box{right:0;height:auto}
.vehiclepopup_wrapper .Status-container.lamps-box,.sedan_car .vehiclepopup_wrapper .Status-container.lamps-box{left:0;height:auto}
.sedan_car .vehiclepopup_wrapper .Status-container.engine-box,.vehiclepopup_wrapper .Status-container.engine-box{left:0;height:auto;bottom:0;top:auto}
.vehiclepopup_wrapper .Status-container.climate-box,.sedan_car .vehiclepopup_wrapper .Status-container.climate-box{left:0;height:auto;bottom:0;top:auto}
.vehiclepopup_wrapper .Status-container.door-box,.sedan_car .vehiclepopup_wrapper .Status-container.door-box{right:0;height:auto;bottom:0;top:auto}
.vehicleStatusPopup #modal6_ev_car .modal-rvs{width:80% !important}
.vehicleStatusPopup #modal6_ev_car .modal-rvs{width:100% !important}
.sedan_car .vehiclepopup_wrapper .Status-container,.vehiclepopup_wrapper .Status-container{position:relative;height:45px;border-left:0;display:block;right:inherit;top:inherit}
.vehiclepopup_wrapper{position:relative;width:100%;margin:0}
.duration{width:100%}
.margin-left-40{margin-left:18px}
div#modal1_gen1_car{padding-right:0 !important}
.login-box-show{margin-bottom:20px}
.model-vehicle-status .subHeader_vehStatus{padding:0}
.model-vehicle-status a.refresh-link{display:inline-block !important;margin-left:0 !important;margin-top:10px !important}
.vehStatus_closed_trunk,.vehStatus_closed_hood{box-shadow:initial}
.statusbar{width:100%}
.model-vehicle-status .groupIcons p,.model-vehicle-status .door_title{padding-top:7px;vertical-align:middle;text-transform:capitalize !important}
.model-vehicle-status .groupIcons p span,.vehiclepopup_wrapper .Status-container span.door_title b{display:inline-block;padding-left:5px}
.rotate{transform:rotate(178deg)}
.blue_link_gen_two .banner-box{width:100%;padding:0;margin-top:20px}
.blue_link_gen_one .banner-box{width:100%;padding:0;margin-top:20px}
.blue_link_gen_one .banner-type-2 .car-acce-txt h3{font-size:60px;text-align:center;display:block;margin-top:63px}
.blue_link_gen_one .banner-type-2 .car-acce-txt span{margin-top:11px;font-size:20px}
.banner-type-2 h3{font-family:"HyundaiSansHeadOffice-Regular";font-size:30px;text-align:center;margin-top:67px !important;margin-bottom:23px !important}
.faqgenesisresourcecategory .faq-section{margin-left:0}
.faqgenesisresourcecategory .faq-section .row-pdr{padding-right:20px !important;padding-left:20px !important}
.faq-section{margin-left:0 !important}
.connected-services #subscriptions .manage-wifi-connect .active,.connected-services #subscriptions .manage-wifi-connect .deactive{line-height:20px}
.wifi-title{padding-bottom:10px}
}
a.res_faq.hidden-xs{width:fit-content;display:inline-block}
.container-mobile>a,.container-desktop>a{display:block;outline:0;border:0}
.container-mobile>a:hover,.container-desktop>a:hover{display:block;outline:0;border:0}
.padding-top-60{padding-top:60px !important}
#overview .mapview.bluelink-usage-section span{font-weight:600}
#overview .vehicle-status-wrapper span.vehicle-status-icon img{margin-bottom:15px}
#overview .custom-color-management{background:#fff}
.redesigned-myhyundai-app img.thirty{width:30%;float:right}
.redesigned-myhyundai-app img.hundred{width:100%}
.redesigned-myhyundai-app p{float:none !important}
.chat-container{position:fixed;z-index:999999;bottom:20px;right:40px;border-radius:20px;border-top-left-radius:0!important}
.close-btn{position:absolute;right:20px;padding-top:6px;color:white;font-family:'Nunito';font-weight:500;font-size:20px;cursor:pointer}
#chat-button-initial{margin-bottom:10px;padding:12px;color:white;background-color:#0274c8;font-family:Hyundai Sans Head;font-size:16px;border:0;border-radius:25px;cursor:pointer;width:48px}
#chat-button-initial-wide{margin-bottom:10px;padding:12px;color:white;background-color:#0274c8;font-family:Hyundai Sans Head;font-size:16px;border:0;border-radius:156px;cursor:pointer;width:235px}
#chat-button-later-wide{display:none;margin-bottom:10px;padding:12px;color:white;background-color:#0274c8;font-family:Hyundai Sans Head;font-size:16px;border:0;border-radius:156px;cursor:pointer;width:235px}
#chat-button-initial:hover{background-color:#003f86;border:0}
#chat-button:hover{background-color:#003f86;border:0}
#chat-window{background-image:url('https://storage.googleapis.com/mock-html-page-cs-bot-temp/loading-spinner-grey.svg');background-repeat:no-repeat;background-position:center center}
.proToSave{background:var(--blue-btn);height:50px;line-height:20px;margin-bottom:17px !important}
.btn-payment{border-radius:0 !important;width:50%;padding:15px 30px !important;color:#fff;background:var(--blue-btn);height:50px;line-height:20px;margin-bottom:17px !important}
#payment_success{padding-right:20px;display:block;margin-top:32px;text-align:center;margin-right:41px}
#payment_success_footer{text-align:center}
.mat-button-wrapper{font-size:15px !important}
@media(max-width:767px) and (min-width:401px){#header-login-box #add_user_vehicle{padding-bottom:50px}
#header-login-box .block-left.log-btn{padding-bottom:50px}
.canvas_register_link.reg-link a{margin-top:60px}
}
@media(max-width:767px) and (min-width:100px){.connected-services #subscriptions .manage-wifi-connect .down-div-wifi span{display:block;padding-bottom:20px}
.connected-services #subscriptions .manage-wifi-connect .down-div-wifi span a{margin-left:0 !important}
.connected-services #subscriptions .manage-wifi-connect .down-div-wifi a{margin-left:0 !important}
}
.dm-app-container{height:455px !important}
.grecaptcha-badge{display:none}
.captcha-privacyPolicy{font-size:14px;font-weight:400;line-height:20px;margin-top:30px}
#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc{font-size:1.1em !important}
#onetrust-pc-sdk #ot-pc-desc{font-size:1.1em !important}
#onetrust-banner-sdk #onetrust-policy-text,#onetrust-banner-sdk .ot-dpd-desc,#onetrust-banner-sdk .ot-b-addl-desc{font-size:1.1em !important}
#onetrust-banner-sdk #onetrust-accept-btn-handler,#onetrust-banner-sdk #onetrust-reject-all-handler,#onetrust-banner-sdk #onetrust-pc-btn-handler{font-size:1.1em !important}
#onetrust-pc-sdk button{font-size:1.1em !important}
#onetrust-pc-sdk .ot-accordion-layout .ot-cat-header{font-size:1.001em !important}
#onetrust-pc-sdk .ot-always-active{font-size:1.001em !important}
#onetrust-pc-sdk #ot-category-title,#onetrust-pc-sdk #ot-pc-title{font-size:1.1em !important}
#modal-register ::-webkit-input-placeholder,#modal-register :-moz-placeholder,#modal-register :-ms-input-placeholder,#modal-register ::placeholder{color:#000;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal !important}
#logo-create-acc{margin-top:0;width:25px;height:25px;display:inline-block;margin-right:6px;vertical-align:text-top}
@media(min-width:768px){#logo-create-acc{margin-top:5px}
}
#modal-register ::-webkit-input-placeholder{opacity:1;-webkit-opacity:1}
#modal-register :-moz-placeholder{opacity:1;-moz-opacity:1}
#modal-register :-ms-input-placeholder,#modal-register ::placeholder{opacity:1;opacity:100}
#modal-register input[type="password"]::-moz-placeholder,#modal-register input[type="email"]::-moz-placeholder,#modal-register input[type="text"]::-moz-placeholder{color:#000;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal !important}
#modal-register input[type="password"]::-webkit-input-placeholder,#modal-register input[type="email"]::-webkit-input-placeholder,#modal-register input[type="text"]::-webkit-input-placeholder,#modal-register input[type="password"]:-ms-input-placeholder,#modal-register input[type="email"]:-ms-input-placeholder,#modal-register input[type="text"]:-ms-input-placeholder,#modal-register input[type="password"]:-moz-placeholder,#modal-register input[type="email"]:-moz-placeholder,#modal-register input[type="text"]:-moz-placeholder{color:#000;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal !important}
#modal-register input:disabled::-webkit-input-placeholder,#modal-register input:disabled:-moz-placeholder,#modal-register input:disabled::-moz-placeholder,#modal-register input:disabled:-ms-input-placeholder{color:#ccc;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal !important}
.vin-body{margin-left:0;padding-left:15px;position:relative;margin-bottom:30px}
.form-row{position:relative;margin-bottom:20px}
#modal-register .modal-content{max-width:822px;min-height:810px;margin:0 auto;background-position:right;background-repeat:no-repeat}
#modal-register .loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999;display:none}
#modal-register .loader-wrapper .loader{border-radius:50%;border-style:solid;border-width:5px;border-top-style:solid;border-top-width:5px;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:-25px 0 0 -25px;top:50%;left:50%;z-index:99;position:absolute}
#modal-register .hyundai-modal-header{margin-left:20px;margin-top:5px;padding:15px;float:left;width:97%}
.rightLoginLink{line-height:42px;float:right;margin-right:21px;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.light-close,.modal-close{margin-right:10px;margin-top:-10px;border-style:none;right:0;font-size:30px;line-height:1;position:absolute;z-index:1}
.modal h2{display:inline}
#modal-registe h2{font-size:30px;font-family:"HyundaiSansHead-Bold";display:inline}
#modal-register .hyundai-modal-body{margin-right:40px;margin-left:40px}
.hyundai-modal-body{margin-right:40px;margin-left:40px}
#modal-register input[type='text'],#modal-register input[type='email'],#modal-register input[type='password'],#modal-register input[type='number'],#modal-register select{width:380px;line-height:15px;border-style:solid;border-width:1px;font-family:"HyundaiSansTextOffice-Regular";font-size:16px;border-radius:3px;font-weight:normal;padding:18px 14px 15px 14px}
.floating_label{display:table;opacity:0;font-weight:normal}
.err_msg_hidden{display:none !important}
.input_legend{position:absolute;font-family:"HyundaiSansTextOffice-Regular";font-size:16px;border:0;left:10px;padding:0 5px;top:-3px;line-height:10px;background:white}
.frm_error_msg{display:block;position:relative;z-index:1;margin:0;left:10px;width:94%;top:3px}
#modal-register .reg-password-validation-info{max-width:380px;font-family:"HyundaiSansTextOffice-Regular";font-size:13px}
.pwdvc{width:100%;display:block;font-weight:normal}
.pwdvc b{font-weight:normal}
.reg-password-validation-info b.glyphicon-minus,.pwdvc b.glyphicon-minus{font-size:11px;width:15px;font-weight:normal;font-family:"HyundaiSansTextOffice-Regular"}
.pwdvc span{display:inline-block;width:93%}
.width150{width:150px}
#modal-register .login-link{display:inline-block;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;float:right;padding-top:10px}
#btn-reg-form:hover,btnsbmt_regform:hover{background-color:#003f86}
#modal-register .login-link a{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;margin:0 0 0 7px;padding:0;border:0;border-bottom:1px solid #0074c8;line-height:15px;text-decoration:none;display:inline-block}
#modal-register #zipcode{width:150px}
#btn-reg-form{width:380px;text-transform:capitalize}
INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{border-width:1px;border-style:solid;font-size:16px;font-family:"HyundaiSansTextOffice-Regular"}
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{font-weight:normal;opacity:1;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
::-webkit-input-placeholder{-webkit-opacity:1}
:-moz-placeholder,::-moz-placeholder{-moz-opacity:1}
:-ms-input-placeholder{opacity:100}
.input-txt,.input-pwd,.input-email,.input-num{width:380px;height:50px;border-style:solid;border-width:1px;padding:4px 14px;font-size:14px;outline:0}
#registration_step1 .freshAddressLogo{float:right;margin-top:8px !important}
.emailPopup-txt{width:380px;height:50px;border-style:solid;border-width:1px;padding:18px 14px 15px 14px;font-size:14px;outline:0;border-radius:3px}
.mar-r20{margin-right:20px}
.mar-l40{margin-left:40px}
INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{width:235px;background-color:var(--blue-btn);color:#fff;border-radius:0;border:0}
INPUT[type="submit"]:hover,INPUT[type="button"]:hover{background-color:var(--blue-btn-hover)}
#modal-register #registration_step2{display:none;max-width:465px;border-style:solid;border-width:0;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
#modal-register .hyundai-modal-header{margin-left:26px;margin-top:11px;float:none}
#modal-register .hyundai-modal-body{margin-right:40px;margin-left:40px;font-family:"HyundaiSansTextOffice-Regular"}
#modal-register .light-close,#modal-register .modal-close{margin-right:18px;margin-top:-10px}
#modal-register #registration_step2 select,#modal-register #registration_step2 input[type='text']{height:50px;padding:4px 14px;border-style:solid;border-width:1px;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal}
.clearfix{clear:both}
.freshLogoSQA{margin-top:235px;position:relative;left:598px;top:14px}
.mar-b10{margin-bottom:10px}
.floatLeft{float:left}
select:focus::-ms-value{background-color:white;color:#000;background-size:12% 100%}
.rightLoginLink{margin-top:17px;line-height:18px}
.reg-terms label{font-weight:normal}
@media(min-width:768px){#registration_step1 .form-row{max-width:380px}
}
@media(min-width:500px) and (max-width:767px){#registration_step1 .freshAddressLogoDiv{text-align:right;margin-top:-66px}
.frm_error_msg{display:block;position:relative;z-index:1;margin:0;left:10px;width:94%;top:3px}
}
@media(min-width:700px) and (max-width:900px){#modal-register .hyundai-modal-header .login-link{display:block;margin-top:-11px;float:left;width:87.6%}
}
@media(min-width:768px) and (max-width:900px){#registration_step2 .freshLogoSQA{display:block;margin-top:20px;margin:15px auto 0 118px;left:auto}
}
@media(min-width:320px) and (max-width:767px){.reg-lastname,.reg-firstname,.reg-email,.reg-email-confirm,.reg-password,.reg-password,.reg-zipcode,.relationship{width:100%}
.floatLeft{float:left;width:100%}
#modal-register input[type='text'],#modal-register input[type='email'],#modal-register input[type='password'],#modal-register input[type='number'],#modal-register select,#modal-register #registration_step2 select,#modal-register #registration_step2 input[type='text'],#modal-register #btn-reg-form,#modal-register #registration_step2 #btnsbmt_regform:hover,#modal-register #registration_step2 #btnsbmt_regform{width:100% !important}
.frm_error_msg{display:block;position:relative;z-index:1;margin:0;left:10px;width:94%;top:3px}
INPUT[type="button"],INPUT[type="button"].button{margin:20px auto}
.rightLoginLink{float:left;line-height:30px}
#modal_enteryournewgenesisVIN span.frm_error_msg.invalid_vin{margin-bottom:45px;margin-top:-30px}
#modal_enteryournewgenesisVIN .modalcontent_bottom{padding-bottom:10px}
#modal_enteryournewgenesisVIN .modal-close{margin-right:6px}
#modal-register .login-link{padding-top:8px;left:17px;float:left;margin-bottom:20px}
h2{font-size:22px;font-family:"HyundaiSansHead-Bold"}
#modal-register .hyundai-modal-body{margin:0;padding:0 15px;float:left}
#modal-register input[type='text'],#modal-register input[type='email'],#modal-register input[type='password'],#modal-register input[type='number'],#modal-register select{width:100%}
#registration_step2 .freshLogoSQA{display:block;margin-top:20px;margin:15px auto 0 118px;left:auto}
#registration_step1 .freshAddressLogoDiv{text-align:center;margin:0}
#registration_step1 .freshAddressLogo{margin-top:25px;float:none;text-align:center;margin:0 auto;display:block}
.emailPopup-txt{width:100%;border-color:#ccc;color:#000}
#modal-register .hyundai-modal-header{margin:0;padding:15px;font-family:"HyundaiSansHeadOffice_Light";font-size:22px}
.vin-body{margin-left:0;padding:0 15px;position:relative;margin-bottom:30px}
#btnVehicleCancel{margin-top:10px}
.mar-r20{margin-right:20px;margin-bottom:20px}
#modal-register #registration_step2{max-width:100%}
.freshLogoSQA{float:right;margin:20px 0 0 0}
}
@media(max-width:768px) and (min-width:566px){#modal-register .login-link{display:block;float:none;margin:0 0 13px 0}
}
@media(min-width:768px) and (max-width:1024px){#modal-register .hyundai-modal-header .login-link{position:relative;right:0}
.frm_error_msg{display:block;position:relative;z-index:1;margin:0;left:10px;width:94%;top:3px}
h2{font-size:26px}
#registration_step1 .form-row{max-width:380px}
#modal-register .light-close,#modal-register .modal-close{margin-right:18px;margin-top:-19px}
#modal-register .hyundai-modal-header{margin-left:26px;margin-top:18px;float:none}
#modal-register .hyundai-modal-header h2{display:inline-block}
#modal-register .hyundai-modal-header .login-link{display:block;margin-top:-11px;float:left;width:90%}
#modal-register .hyundai-modal-body{margin-top:18px}
}
@media(max-width:768px) and (min-width:320px){#modal-register .hyundai-modal-header .login-link{display:block;position:static;margin-bottom:5px}
}
@media(min-width:1025px){.frm_error_msg{display:block;position:relative;z-index:1;margin:0;left:10px;width:94%;top:3px}
}
@media(max-width:767px) and (min-width:100px){.input-txt,.input-pwd{width:100% !important;border-radius:4px}
}
@media(max-width:767px){#create_account_email_validation .s30{font-size:20px}
#create_account_email_validation .hyundai-modal-footer{text-align:center}
}
#create_account_email_validation .hyundai-modal-header{width:100%}
#create_account_email_validation .modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5);height:auto}
#btnChangeEmail{margin-left:30px}
@media(max-width:768px) and (min-width:100px){#btnChangeEmail{margin-left:0}
#create_account_email_validation .vin-body{margin-bottom:0}
#create_account_email_validation .vin-body #selected_email{margin-bottom:0}
#create_account_email_validation .hyundai-modal-footer{padding-bottom:40px}
}
@media(max-width:768px) and (min-width:100px) and (orientation :landscape){#create_account_email_validation .hyundai-modal-header{margin-top:0}
#create_account_email_validation #btnKeepEmail{width:100%}
#create_account_email_validation .hyundai-modal-header .modal-close{margin-top:-9px}
#btnChangeEmail{margin-left:0}
}
@media(min-width:1024px){#modal-register .hyundai-modal-header .login-link{margin-right:25px}
}
.recaptcha-container iframe{width:305px;min-height:auto;position:absolute}
.g-recaptcha div{width:100% !important}
.upper-container-wrapper h1{font-family:"HyundaiSansHead-Bold"}
.upper-container-wrapper h2{font-family:"HyundaiSansHead-Bold" !important}
#reset_email .login-username_1 #username{font-family:"HyundaiSansTextOffice-Regular";border-color:#ccc;color:#000;background-color:#FFF;border-radius:3px}
INPUT[type="submit"][disabled],INPUT[type="button"][disabled],INPUT[type="button"].button[disabled],INPUT[type="button"].disabled,INPUT[type="submit"].disabled{background-color:var(--blue-btn);-webkit-opacity:.6;-moz-opacity:.6;opacity:60%}
INPUT[type="submit"][disabled]:hover,INPUT[type="button"][disabled]:hover,INPUT[type="button"].button[disabled]:hover,INPUT[type="button"].disabled:hover,INPUT[type="submit"].disabled:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;opacity:100%}
#contact_info #reset_password_phone,#reset_zipcode,#reset_vinnum,#reset_zipcode2,#received_verify #verify_code,#temp_pass #password_temp,#password_new #reg_password,#password_new #confirm_password,#reset_login #username,#reset_login #password,#reset_security_answer #txt_reset_security_answer,#temp_pass #password_temp,#reset_security_answer #txt_reset_security_answer{border-color:#ccc;border-radius:3px}
.max_attempt_error{color:#c40712}
.need-more-assistance{background:#e6e6e6;font-family:"HyundaiSansHead-Bold"}
.need-more-assistance .btn{background:var(--blue-btn);border-color:var(--blue-btn);font-family:"HyundaiSansTextOffice-Regular";color:#fff}
#lower-banner a.btn:hover{background-color:var(--blue-btn-hover);border-color:var(--blue-btn-hover)}
.btn{background-image:none;border-color:transparent}
.upper-container-wrapper .input_error ~ .floating_label{color:#c40712 !important}
#reset_login #checkbox-custom{border-color:#ccc}
.upper-container-wrapper .input-txt,.upper-container-wrapper .input-pwd,.upper-container-wrapper .input-email,.upper-container-wrapper .input-num{color:#000;border-color:#000}
.upper-container-wrapper .input_legend.flt_lbl_black{color:#fff}
.error_msg a{color:#c40712;border-bottom-color:red}
.lower-container-wrapper{background-color:#f3f3f3}
.input_legend.flt_lbl_black{color:#fff;background:#fff}
.login-username a{color:#c40712;border-bottom-color:#c40712}
.upper-container-wrapper .input_legend.flt_lbl_black{background:#fff;color:#000}
.checkbox-custom{background:transparent}
.email-banner span{color:grey}
.vertical-divider:before,.vertical-divider:after{border-left-color:#ccc;border-right-color:#ccc}
.upper-container-wrapper:-ms-input-placeholder,.upper-container-wrapper::-webkit-input-placeholder,.upper-container-wrapper:-moz-placeholder,::-moz-placeholder{color:#000;background:transparent;font-family:"HyundaiSansTextOffice-Regular"}
#reset_login input.input_error::-webkit-input-placeholder,#reset_login input.input_error::-moz-placeholder,#reset_login input.input_error:-ms-input-placeholder,#reset_login input.input_error:-moz-placeholder,#reset_login .input_error ~ .floating_label{color:#c40712 !important}
#reset_login label{color:#000}
#reset_login label.checkbox-custom{border-color:#ccc}
.inuse_mail{color:#c40712}
.inuse_mail #resetPass_custCare{color:#c40712;border-bottom-color:#c40712}
.forgot_pwd_api_error_msg{color:#c40712}
#reset_login .login-username input:focus,#reset_login .login-password input:focus{border-top:1px solid #ccc !important}
#reset_login .login-username .input_error:focus,#reset_login .login-password .input_error:focus{border-top:2px solid #c40712 !important}
#reset_login #password{margin-bottom:0}
.nav-login-form label.rememberMeLabel{font-family:'HyundaiSansTextOffice-Regular';font-weight:normal}
.resetpassword .flvisible{font-size:13px}
@media(max-width:767px){#reset_login #password{margin-bottom:10px}
.nav-login-form label.rememberMeLabel{font-family:'HyundaiSansTextOffice-Regular';font-weight:normal}
}
.custom-highalert-msg-login{background-color:rgba(27,171,208,1);color:#fff;font-size:16px;left:calc(-50vw + 50%);width:100vw !important;position:relative;padding:0;text-align:center}
.custom-highalert-addon-msg-login{font-size:12px;padding:10px 0}
.white-bg{color:red;background-color:white;border-bottom:1px solid #aaaa}
.white-bg p{font-family:'HyundaiSansTextOffice-Regular';font-weight:bold;display:flex;text-align:left;gap:10px;justify-content:center;align-items:center}
.white-bg p span:first-child{height:24px}
.white-bg a{font-weight:400;color:red !important;border-bottom:1px solid red !important}
.custom-highalert-msg-login p{margin:10px;line-height:1.5}
.custom-highalert-addon-msg-login p{margin:0 10px}
#section-login{background-repeat:no-repeat;background-color:#020202;width:100%;background-size:cover;padding-top:45px;max-height:inherit;padding-bottom:63px;color:#fff;min-height:600px;background-position:center}
#section-login h1{font-size:42px;margin:0;margin-bottom:27px}
#section-login h2{margin:0}
#section-login input[type="submit"]{background-color:rgba(0,116,200,0.7);font-weight:normal}
#section-login input[type="submit"]:hover{background-color:rgba(0,63,134,1)}
#section-login h3{margin:0 0 14px 0;font-family:'HyundaiSansTextOffice-Regular';line-height:19px}
#section-login h4{margin-bottom:11px;font-family:HyundaiSansTextOffice-Regular;font-size:16px;font-weight:normal;line-height:17px}
#section-login h5{margin-bottom:11px}
.login-username input,.login-password input{width:100%;max-width:400px;height:50px;padding:17px 14px;background-color:#fff !important;color:#000;border:solid 1px #ccc;border-radius:3px;font-size:14px;font-family:'HyundaiSansTextOffice-Regular'}
.login-username input:-webkit-autofill,.login-username input:-webkit-autofill:hover,.login-username input:-webkit-autofill:active .login-username input:-webkit-autofill:focus,.login-password input:-webkit-autofill,.login-password input:-webkit-autofill:hover,.login-password input:-webkit-autofill:active .login-password input:-webkit-autofill:focus{background-color:#fff !important;color:#000 !important;-webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#000 !important;background-clip:content-box !important}
.home-login .login-username input,.home-login .login-password input{width:100%;max-width:400px;height:50px !important;padding:17px 14px;background-color:rgba(256,256,256,0.2) !important;color:#fff;border:solid 1px #ccc;border-radius:3px;font-size:14px;font-family:'HyundaiSansTextOffice-Regular'}
.home-login .login-username input:-webkit-autofill,.home-login .login-username input:-webkit-autofill:hover,.home-login .login-username input:-webkit-autofill:active .home-login .login-username input:-webkit-autofill:focus,.home-login .login-password input:-webkit-autofill,.home-login .login-password input:-webkit-autofill:hover,.home-login .login-password input:-webkit-autofill:active .home-login .login-password input:-webkit-autofill:focus{background-color:#000 !important;color:#fff !important;-webkit-box-shadow:0 0 0 1000px #000 inset !important;-webkit-text-fill-color:#fff !important}
.login-username .input_error,.login-password .input_error{border:solid 2px #c40712 !important}
#login-box{width:100%;max-width:400px;display:inline-block}
.login a{color:#fff;border-bottom:solid 1px #fff}
#login-box label,#header-login-box label{color:#fff;font-size:16px;font-weight:normal}
#login-box label{border-color:#fff}
#header-login-box .floating_label{background-color:#191919}
.login-box-show{display:none}
.login-box-show INPUT[type="button"]{float:left}
#login-box .block-left{width:270px;display:inline-block}
#login-form .login-username input:focus,#login-form .login-username .input_error:focus,#login-form .login-password input:focus,#login-form .login-password .input_error:focus{border-top:0 !important}
.login-form input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form input+label.floating_label.input_legend.flt_lbl_black.flvisible:after{content:' ';width:277px;height:1px;background:#ccc;position:absolute;top:3px;left:111px}
.login-form input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:before,.login-form input+label.floating_label.input_legend.flt_lbl_black.flvisible:before{content:' ';width:10px;height:1px;background:#ccc;position:absolute;top:3px;right:108px}
.login-form .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after{content:' ';width:277px;height:2px;background:#c40712;position:absolute;top:3px;left:111px}
.login-form .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:before{content:' ';width:10px;height:2px;background:#c40712;position:absolute;top:3px;right:108px}
.login-form .login-password input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:before,.login-form .login-password .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:before,.login-form .login-password input+label.floating_label.input_legend.flt_lbl_black.flvisible:before,.login-form .login-password .input_error+label.floating_label.input_legend.flt_lbl_black.flvisible:before{right:76px}
.login-form .login-password input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form .login-password .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form .login-password input+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form .login-password .input_error+label.floating_label.input_legend.flt_lbl_black.flvisible:after{width:307px;left:81px}
.login-form input.input_error+label.floating_label.input_legend.flt_lbl_black.flvisible:before{background:#c40712}
.login-form .input_error+label.floating_label.input_legend.flt_lbl_black.flvisible:after{background:#c40712}
.input_legend.flt_lbl_black{background:transparent}
.login-password span.frm_error_msg{margin:7px 0 20px 0;float:left}
@media(max-width:1280px){#section-login{background-size:cover;max-height:inherit;background-position:right center;padding-top:30px;padding-bottom:15px;-webkit-box-shadow:100px 100px 600px #000 inset;-moz-box-shadow:100px 100px 600px #000 inset;box-shadow:100px 100px 600px #000 inset}
}
@media(min-width:768px) and (max-width:1024){#login-box.visible-md{display:block !important}
#login-box-show.hidden-md{display:none !important}
#section-login{padding-left:34px;padding-right:34px}
}
@media(max-width:767px){.login-box-show{max-width:370px}
#section-login{min-height:0;background-position:right center;padding-top:30px;padding-bottom:15px;-webkit-box-shadow:100px 100px 600px #000 inset;-moz-box-shadow:100px 100px 600px #000 inset;box-shadow:100px 100px 600px #000 inset}
#section-login h4{font-size:14px}
#section-login h5{margin-bottom:9px;line-height:12px;margin-top:5px}
#section-login h1{margin-bottom:24px}
#login-box .block-left{width:56%}
#login-box .block-right,#section-login .block-right{display:inline-block;width:42%;text-align:right;padding-top:4px}
#login-box .block-left.log-btn{width:100%}
#section-login .login-box-show .block-right,#section-login .login-box-hidden .block-right.reg-link{width:32%;text-align:left;margin-top:20px}
#section-login .login-box-show .block-right{margin-top:0}
#section-login #btn-login-form,#section-login .login-box-show input,#section-login .login-box-show input{background:rgba(0,116,200,0.5);font-size:14px}
#section-login #btn-login-f form{min-width:190px}
.login-box-show{display:block}
#login-box{display:none;overflow:hidden;padding-top:5px}
#login-box .col-md-pull-0{width:100%;display:inline-block}
.login-space{margin-top:0 !important}
}
@media(max-width:450px){.login-form .login-username input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form .login-username .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after{width:261px}
.login-form .login-password input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form .login-password .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after{width:291px}
}
@media(max-width:320px){.login-form .login-username input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form .login-username .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after{width:152%}
.login-form .login-password input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,.login-form .login-password .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after{width:252%}
}
.downtime-message{margin:0 0 14px 0;font-family:'HyundaiSansTextOffice-Regular';line-height:19px}
.light-modal-login-banner1{width:100%;color:#fff;text-align:center;background:rgba(0,116,200,0.7);padding:8px 10px}
.vehicle-services-component{background:#e6e6e6;display:inline-block}
.vehicle-services-component.mobile-vehicle-service{display:none}
.vehicle-services-component .bx-wrapper{margin:0;max-width:1233px !important;float:right}
.vehicle-services-component .bx-viewport{border:0;left:0;padding:53px 0 64px 60px;box-shadow:none}
.vehicle-services-component.right-align{padding-left:0;padding-right:80px}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.vehicle-services-component.right-align{margin-top:-6px}
}
.up-vehicle-services{display:flex;align-items:center}
.left-vehicle-services{max-width:420px;width:100%;display:inline-block}
.left-vehicle-services p{width:330px;margin-top:24px;font-family:MyriadPro-Regular;font-size:16px;font-weight:normal;line-height:1.5;color:#000}
.right-vehicle-services{width:100%;max-width:905px;display:inline-block}
.vehicle-services-component.right-align .right-vehicle-services{margin-right:70px;-ms-flex:-1}
.vehicle-services-component.right-align .left-vehicle-services{flex-basis:25%}
@media only screen and (min-width :768px) and (max-width :1024px){.vehicle-services-component.right-align .left-vehicle-services h2{margin-top:30px}
.vehicle-services-component.right-align .left-vehicle-services p{margin-bottom:30px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){.vehicle-services-component.right-align .right-vehicle-services{margin-right:0}
.right-align .left-vehicle-services{padding-top:10px}
footer .footer-top-links:first-child{margin-right:8%;width:27%}
.vehicle-services-component.right-align .up-vehicle-services{padding-left:0}
.right-align .left-vehicle-services p{margin-top:5px}
}
.right-vehicle-services img{height:auto;width:100%}
.low-vehicle-services{background:#fff}
.service-information{margin:0}
.low-vehicle-services img{display:block;margin-bottom:10px;width:auto;max-width:40px;max-height:41px}
.low-vehicle-services .title{font-family:HyundaiSansTextOffice-Regular;font-size:14px;line-height:1.71;color:#888}
.low-vehicle-services .desc{color:#000;max-width:270px;word-break:break-word;word-wrap:break-word}
.right-align .low-vehicle-services,.vehicle-services-component.right-align .bx-wrapper{float:left}
.vehicle-services-component .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:0;outline:0;width:40px;height:40px;z-index:999;background-color:#fff;border:0;background-image:url(clientlib-hyundai-site/images/arrows-sprite.png);background-repeat:no-repeat;background-size:auto}
.vehicle-services-component .bx-wrapper .bx-controls-direction a:hover,.vehicle-services-component .bx-wrapper .bx-controls-direction a:focus{box-shadow:0 5px 10px 0 rgba(0,0,0,0.15)}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-prev{left:-20px;top:50%;background-position:-154px 0}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-next{top:30%}
.vehicle-services-component .bx-wrapper .bx-next{left:-20px;background-position:0 0}
.vehicle-services-component .bx-wrapper .bx-next:hover,.vehicle-services-component .bx-wrapper .bx-next:focus,.vehicle-services-component .bx-wrapper .bx-next:active{background-position:-55px 0 !important}
.vehicle-services-component .bx-wrapper .bx-prev:hover,.vehicle-services-component .bx-wrapper .bx-prev:focus,.vehicle-services-component .bx-wrapper .bx-prev:active{background-position:-204px 0 !important}
.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a{left:inherit;right:-20px}
@media(max-width:1280px){.right-vehicle-services{verticle-align:middle}
.vehicle-services-component{margin-top:0;padding-top:0}
.left-vehicle-services{width:60%;padding-right:15px;max-width:inherit}
.left-vehicle-services p{width:90%}
.right-align .left-vehicle-services{padding-left:15px}
#section-hyundai-resources img{max-width:60%;width:100%;padding-right:34px}
.right-vehicle-services img{width:100%;max-width:95%}
.vehicle-services-component.right-align{padding-right:20px}
}
@media(max-width:1025px){.low-vehicle-services .desc{max-width:225px}
.vehicle-services-component{padding-left:0;padding-right:0}
.up-vehicle-services{padding-left:34px}
.vehicle-services-component.right-align{padding-right:0}
}
@media(max-width:1024px){#section-hyundai-resources img{max-width:50%;padding-right:34px}
#section-hyundai-resources.home-banner-sections{padding-top:57px;padding-bottom:50px}
.home-banner-sections #gen_res{margin-bottom:50px}
.vehicle-services-component .bx-wrapper{padding-left:34px}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-next,.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-prev{left:14px}
.vehicle-services-component.right-align .bx-wrapper{padding-left:0;padding-right:34px}
.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a{right:14px;left:inherit}
}
@media(max-width:768px){.service-information-wrapper{position:relative;left:20%;transform:translate(0,0);padding:0;width:65%;height:30%}
.vehicle-services-component .bx-wrapper .bx-controls-direction a{margin-top:-20px}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-next,.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-prev{left:inherit}
.vehicle-services-component .bx-wrapper{padding-left:0}
.vehicle-services-component.right-align .bx-wrapper{padding-left:0;padding-right:0}
.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a{right:inherit;left:0}
.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a.bx-next{right:0;left:inherit}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-next{top:50%}
.vehicle-services-component .bx-viewport{padding-left:0;width:101% !important}
.low-vehicle-services .desc{max-width:90%}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-prev,.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a.bx-prev{left:0;top:50%}
.vehicle-services-component .bx-wrapper .bx-next{right:0;left:inherit}
}
@media(max-width:767px){.vehicle-services-component{padding:30px 0 0 0;display:flex;justify-content:flex-start;flex-direction:column;display:none}
.vehicle-services-component.mobile-vehicle-service{display:block}
.service-information-wrapper{position:relative;left:65%;transform:translate(-50%,0);padding:0;width:70%;height:30%}
.up-vehicle-services,.left-vehicle-services,.right-vehicle-services{display:inline-block}
.up-vehicle-services{padding-left:0}
#section-hyundai-resources img{max-width:inherit;padding-right:0}
.left-vehicle-services{width:90%;max-width:inherit;display:block;order:1}
.right-vehicle-services{display:inline-block;width:100%;order:3}
.left-vehicle-services p{max-width:inherit;width:75%;margin-bottom:25px;margin-top:15px}
.vehicle-services-component .bx-wrapper{display:inline-block;order:2;width:100%;max-width:inherit !important;background:#fff}
.vehicle-services-component .bx-wrapper .bx-controls-direction a{margin-top:-20px}
.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a{right:inherit;left:0}
.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a.bx-next{right:0;left:inherit}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-next{top:50%;right:35px}
.vehicle-services-component .bx-viewport{padding-left:0;width:101% !important}
.low-vehicle-services .desc{max-width:220px;font-size:16px;margin-left:-40px}
.low-vehicle-services img,.low-vehicle-services .title{margin-left:-40px}
.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-prev,.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a.bx-prev{left:0;top:50%}
.vehicle-services-component .bx-wrapper .bx-next{right:0;left:inherit}
.vehicle-services-component.right-align{padding-right:0}
.left-vehicle-services{padding-left:15px;padding-right:15px;width:100%}
}
@media(min-width:1024px) and (max-width:1199px){.low-vehicle-services .desc{max-width:215px}
}
@media(max-width:321px){.left-vehicle-services{width:90%}
.service-information-wrapper{left:55%}
}
@media(min-width :768px) and (max-width :1024px){.right-align .left-vehicle-services{padding-left:34px !important}
}
@media(min-width:768px) and (max-width:970px){.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-next,.vehicle-services-component .bx-wrapper .bx-controls-direction a.bx-prev{left:30px !important}
.vehicle-services-component.right-align .bx-wrapper .bx-controls-direction a{right:30px !important;left:inherit !important}
}
@media(min-width :768px) and (max-width :1024px) and (orientation :landscape){.up-vehicle-services{padding-left:0 !important}
.up-vehicle-services .left-vehicle-services{padding-left:34px !important}
.vehicle-services-component.right-align .right-vehicle-services{margin-right:0}
}
@media(max-width:320px){.low-vehicle-services .desc{margin-left:-25px}
.low-vehicle-services img,.low-vehicle-services .title{margin-left:-25px}
}
.vehicle-services-component .bx-wrapper{padding-left:45px !important}
.vehicle-services-component.right-align .bx-wrapper{padding-left:0 !important}
@media(max-width:767px){.vehicle-services-component .bx-wrapper,.vehicle-services-component.right-align .bx-wrapper{padding-left:0 !important}
}
.bannerbutton{background-color:#f3f3f3}
#section-banner-appstores{background-repeat:no-repeat;background-color:#fff;width:100%;max-width:100%;background-size:100%;padding-top:62px;max-height:400px;min-height:370px;position:relative}
#section-banner-appstores .banner-appstore{padding-left:100px;background-position:right}
#section-banner-appstores .banner-appstore h1{color:#fff;width:41%;padding-bottom:16px;line-height:50px;float:left}
#section-banner-appstores .banner-appstore #link-google-app{margin-left:15px}
#section-banner-appstores .banner-appstore a{border-bottom:0}
#section-banner-appstores .banner-appstore a:hover,#section-banner-appstores .banner-appstore a:active{background:transparent}
.home-banner-sections{background-repeat:no-repeat;width:100%;max-width:1400px;background-size:100%;padding-top:62px;display:inline-block;background:#f3f3f3}
#section-hyundai-resources{padding-top:0}
#section-hyundai-resources .banner-info-text{display:inline-block}
.home-banner-sections p{max-width:389px;margin:50px 0;width:100%;font-size:16px;line-height:1.5}
#section-hyundai-resources p{margin-top:26px}
.home-banner-sections #gen_res{width:250px;color:#fff;background-color:rgba(0,116,200,1);margin:40px 0 150px;font-family:HyundaiSansTextOffice-Regular;border-radius:25px;line-height:34px;border:0;font-size:16px !important}
.home-banner-sections #gen_res:hover{background-color:#003f86;border:0}
.banner-appstore .banner-app-store-bg{position:absolute;top:20px;right:13%}
.banner-appstore .banner-app-store-bg img{width:auto}
@media(max-width:1280px){#section-banner-appstores .banner-appstore h1{width:38%;margin-bottom:20px}
.home-banner-sections input[type=button]{display:block}
.home-banner-sections p{max-width:339px;display:inline-block}
.home-banner-sections #gen_res{display:block;margin-top:0;text-align:center}
}
@media(max-width:1023px){.home-banner-sections p{max-width:310px}
#section-banner-resources p{max-width:230px}
}
@media(max-width:767px){#section-banner-resources p{max-width:100%}
}
@media(min-width:768px) and (max-width:1024px){.banner-appstore .banner-app-store-bg{right:6%}
#section-banner-appstores .banner-appstore h1{width:48%}
}
@media(max-width:767px){.home-banner-sections p{margin-top:0;max-width:inherit;margin-bottom:26px}
.home-banner-sections #gen_res{max-width:inherit;margin-bottom:30px;line-height:26px}
.welcome .home-banner-sections #gen_res,.welcome #section-welcome .button.btn-add-vehicle{font-size:14px !important}
#section-hyundai-resources .banner-info-text{padding-left:15px;padding-right:15px;width:100%}
#section-hyundai-resources.home-banner-sections{padding:30px 0 0 0}
#section-hyundai-resources.home-banner-sections p{margin-bottom:20px}
.home-banner-sections input[type=button]{max-height:40px;width:100%;margin-top:0;margin-bottom:30px}
#section-banner-appstores .banner-appstore{padding-left:0}
.welcome #section-banner-appstores .banner-appstore{padding-left:25px}
#section-banner-appstores .banner-appstore h1{width:100%;font-size:25.7px;line-height:1.15}
.banner-appstore .banner-app-store-bg{right:-80px;max-width:329px;top:100px}
#section-banner-appstores{margin-bottom:70px;background-position:center}
}
.width100per{width:100%}
#heatseat #modal1_gen1_car .precond{margin-bottom:15px}
.inputHstyle{border-radius:3px}
#canvas-searchbox ::-webkit-input-placeholder{color:#888;opacity:1;-webkit-opacity:1}
.accordion-body.s14.Presets_link.padding_none{padding:15px 0 !important}
#canvas-searchbox :-moz-placeholder{color:#888;opacity:1;-moz-opacity:1}
#canvas-searchbox :-ms-input-placeholder{color:#888;opacity:1;opacity:100}
#canvas-searchbox ::placeholder{color:#888;opacity:1;opacity:100}
::-webkit-input-placeholder{color:#fff;opacity:1;-webkit-opacity:1}
:-moz-placeholder,::-moz-placeholder{color:#fff;opacity:1;-moz-opacity:1}
:-ms-input-placeholder{color:#fff;opacity:1;opacity:100}
.destination-search ::-webkit-input-placeholder{font-family:"HyundaiSansTextOffice-Regular";color:#000;opacity:1;-webkit-opacity:1}
.destination-search :-moz-placeholder,.destination-search ::-moz-placeholder{font-family:"HyundaiSansTextOffice-Regular";color:#000;opacity:1;-moz-opacity:1}
.destination-search :-ms-input-placeholder{font-family:"HyundaiSansTextOffice-Regular";color:#000;opacity:1;opacity:100}
.destination-search-input ::-webkit-input-placeholder{color:#000;opacity:1;-webkit-opacity:1}
.destination-search-input :-moz-placeholder,.destination-search-input ::-moz-placeholder{color:#000;opacity:1;-moz-opacity:1}
.destination-search-input :-ms-input-placeholder{color:#000;opacity:1;opacity:100}
body.modal-open .blur-filter{-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px)}
.modal-content{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;z-index:99999}
.hyundai-modal-header{margin-left:20px;padding:20px;font-family:"HyundaiSansHead-Bold";font-size:30px}
.hyundai-modal-body{margin-right:40px;margin-left:40px}
.f-HeadLight{font-family:"HyundaiSansHeadOffice-Light",Verdana,sans-serif}
.f-HeadRegular{font-family:"HyundaiSansHeadOffice-Regular",Verdana,sans-serif}
.f-TextRegular{font-family:"HyundaiSansTextOffice-Bold",Verdana,sans-serif}
.power-button-header{width:35px;height:auto;vertical-align:text-bottom}
.hyundai-modal-footer{padding:30px 30px 40px 40px}
.duration{margin-left:10px;width:45%}
.pin_answer_block{width:200px;border-radius:3px}
.alignErrorMsgIncorrect{margin-left:15px !important}
#xtime_errorPopup .lower-popup-button input[type="button"]{margin-left:0;margin-right:25px}
#xtime_errorPopup .lower-popup-button{margin-left:40px;margin-bottom:30px}
#xtime_errorPopup .modal-content{padding-top:30px;display:block}
#xtime_errorPopup .lower-popup-button a{margin-left:0}
#xtime_errorPopup .modal-rvs-request{max-width:620px;width:97%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0}
#xtime_errorPopup .lower-popup-button a{margin-top:10px;display:inline-block}
.heremaplayout .H_ib_body{right:0 !important}
[placeholder]:focus::-webkit-input-placeholder{opacity:0}
#gf_pac_input_box .search-clear{top:11px !important}
.marker-container.error{margin-left:0;padding:10px;width:100%;background-color:#fff}
.marker-container.error p{margin-bottom:0}
.H_l_right.H_l_middle.H_l_vertical .H_ctl{z-index:9999}
.driverSection .presets{font-size:12px;position:relative}
.driverSection .presets p{padding-left:20px;margin:0}
.driverSection .presets p img{position:absolute;left:10px;top:11px}
.padding-left38{padding-left:38px !important}
.margin-left-40{margin-left:40px}
.driverSection .Presets_link div[type='clickable_button']{border:1px solid #ccc;padding:14px 10px;background:#fff;color:#000;float:left;width:85px;margin-right:10px;margin-bottom:10px;text-align:center;font-weight:bold;cursor:pointer}
.driverSection .Presets_link div[type='clickable_button'].active{border:1px solid #0074c8;padding:14px 10px;background:#0074c8;color:#FFF}
.pinnotice{width:13px;height:13px;background:#ccc !important;display:inline-block;vertical-align:middle;margin-left:3px;border-radius:50%;text-align:center;padding:3px;font-size:8px !important;color:#FFF !important;margin-top:-7px}
.pinnotice:hover{background:#804033 !important;color:#FFF}
#driver_presets .toolTip_hover{width:22px;position:relative;height:22px;top:-4px}
.driverSection .toolTip_hover img{cursor:pointer;width:14px;height:14px}
#driver_presets .align_fix{display:none}
.driverSection .tooltip_vin{width:210px;bottom:30px;padding:10px;color:#000 !important;right:-137px;border:solid 1px #cecece;background-color:#fff;color:white;visibility:hidden;opacity:0;transition:visibility .3s linear,opacity .3s linear;position:absolute;-webkit-box-shadow:0 0 14px 0 #ddd;-moz-box-shadow:0 0 14px 0 #ddd;box-shadow:0 0 14px 0 #ddd;z-index:99}
.driverSection .toolTip_hover:hover .tooltip_vin{visibility:visible;opacity:1}
.driverSection .toolTip_arrow{cursor:pointer;position:absolute;width:23px;height:38px;bottom:-34px;right:132px;background-image:url(clientlib-site/images/down_arrow.png) !important;background-repeat:no-repeat;background-position:-5px 0}
.remoteStart #modal1_gen1_car{padding-right:0 !important}
div.driverSection.duration{width:100%;padding:20px 0}
.special-width{width:100%}
.driver-collapse .align_fix{display:inline-block !important;width:14px;top:-7px}
.tooltip_modal .toolTip_hover img{width:35px;margin-left:15px}
h4#mySmallModalLabel img{width:45px;padding-right:15px;margin-right:0}
.remoteStart .tooltip_modal .modal-content{height:100vh}
.remoteStart .tooltip_modal .modal-footer{bottom:30px;position:absolute;width:100%}
.remoteStart .tooltip_modal .modal-footer .btn-submit{width:100%;max-width:100%}
.tooltip_modal .modal-title{font-size:22px}
.modal-close.colse-btn{font-size:33px;font-family:"HyundaiSansTextOffice-Regular";font-weight:normal;color:#888;transform:rotate(-135deg);opacity:1;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
.common_left_padding{padding-left:15px}
#modal7 .lower-part .submit_button{margin-bottom:20px;margin-top:20px}
#heatseat{padding:10px 0 0;border-bottom:1px solid #ccc;position:relative}
#heatseat .off-peak-edit{vertical-align:middle;margin:0}
#heatseat .seat_indicator{font-size:14px;font-weight:normal;font-family:HyundaiSansTextOffice-Regular;color:#888;display:block}
#heatseat #seatTempManagement .rearBackSeat,#heatseat #seatTempManagement .driverBackSeat{margin-top:15px !important}
#heatseat .seat_indicator span{display:none;margin-left:-5px}
#heatseat .seat_indicator span:nth-child(1){margin-left:0}
#heatseat .precond{margin-bottom:10px}
#modalPwdChangeSuccess .modal-dialog{margin-top:14rem}
@media(max-width :767px){.driverSection .Presets_link.margin-left-40{margin-left:0}
.driverSection .Presets_link div[type='clickable_button']{width:78px}
#driver_presets{position:relative}
#driver_presets .align_fix{display:inline-block;top:6px;left:121px;position:absolute}
#driver_presets h4#mySmallModalLabel img{margin-right:0}
.common_left_padding{padding-left:0}
.H_ib .H_ib_tail{left:-48px !important}
.changeservicelocationpopup .H_ib .H_ib_tail{left:-56px !important}
.duration{width:100%}
#modal1_gen1_car .modal-r2{padding:15px 0 0 10px}
.special-width{width:100%}
.margin-left-40{margin-left:18px}
.login-box-show{margin-bottom:20px}
#xtime_errorPopup .lower-popup-button{margin-left:0}
#xtime_errorPopup .lower-popup-button a{margin-left:0}
#xtime_errorPopup .lower-popup-button input[type="button"]{margin-bottom:0}
}
.modal-r1{border-bottom:1px solid #e6e6e6}
.modal-r2{padding:10px;border-bottom:1px solid #e6e6e6}
.modal-r2{padding:10px;border-bottom:1px solid #e6e6e6}
.hyundai-modal-body{margin-right:50px;margin-left:50px;position:relative}
.duration-heading{padding:15px;font-family:HyundaiSansHead-Bold;font-size:18px;padding-left:30px}
.duration-notice{padding:10px;padding-left:25px;padding-top:20px;width:100%;font-family:HyundaiSansTextOffice-Regular;font-size:12px;line-height:16px}
.precond{display:inline-block;width:100%}
.btn-submit{border-radius:0;height:50px;width:180px;max-height:50px;max-width:180px;color:#fff;background-color:var(--blue-btn);border-color:var(--blue-btn);font-family:"hyundai_sans_head_office_regular";font-size:16px}
.btn-submit:hover{color:#fff;background-color:var(--blue-btn-hover);border-color:var(--blue-btn-hover)}
.btn-submit:focus{color:#fff}
.submit-error{color:#c40712;position:static;margin-left:20px;z-index:1;width:auto;display:inline-block}
.modal-rvs{width:800px;margin:30px auto}
.disabled-checkbox{pointer-events:none;opacity:.6}
@media(max-width :767px){.modal-rvs{width:100%}
}
@media(max-width :767px){.modal-content .hyundai-modal-header{margin:0 !important;padding:15px !important}
}
@media(max-width :767px){.modal-content .light-close,.modal-content .lock-close,.modal-content .modal-close{font-size:60px}
}
@media(max-width :767px){.modal-content .remote-lock-body{margin-left:0;padding-left:0;width:100%;overflow:hidden}
#valet-alert .modal-content .remote-lock-body,#set-valet-alert .modal-content .remote-lock-body{min-height:595px}
#speed-alert .modal-content .remote-lock-body,#set-speed-alert .modal-content .remote-lock-body{min-height:500px}
}
@media(max-width :767px){.modal-content .col-xs-8{width:100%;position:initial;box-sizing:border-box;margin-left:0;padding:0 15px}
}
@media(max-width :767px){.modal-content .col-xs-8 .lock-r2,.modal-content .col-xs-8 .light-r3{padding-top:5px}
}
@media(max-width :767px){.modal-content .col-xs-8 .lock-r2 .PIN-input,.modal-content .col-xs-8 .light-r3 .PIN-input{display:block;margin-top:0;margin-left:0;font-size:25px;margin-top:7px;-webkit-appearance:none;border-radius:0}
}
#modal5 .light-r4{padding-top:129px}
@media(max-width :767px){.modal-content .col-xs-8 .lock-r3,.modal-content .col-xs-8 .light-r4{padding-top:40px;padding-bottom:0;width:100%;margin-left:0;padding-right:30px;margin-bottom:30px;z-index:999999}
#lightAndHorn{margin-top:0 !important}
}
@media(max-width :767px){.modal-content .col-xs-8 .lock-r3 .lock-submit,.modal-content .col-xs-8 .light-r4 .lock-submit{max-width:inherit;width:100%}
}
@media(max-width :767px){.modal-content .col-xs-8 .light-r2{padding-top:50px}
}
@media(max-width :767px){.modal-content .col-xs-8 .light-r3{padding-top:35px}
}
@media(max-width :767px){.modal-content .col-xs-4{width:100%;float:left;padding-bottom:110px}
}
.s16{font-size:16px}
.temperature{width:50%;border-left:2px solid #e6e6e6}
@media(max-width :767px){.temperature{width:100%}
}
.modal-collapse-link{display:none}
.temp-heading{padding:15px;font-family:"HyundaiSansHead-Bold";width:100%;display:inline-block}
.temp-heading p{width:auto;display:inline-block}
.accordion{padding-top:5px;float:right}
.remote-lock{vertical-align:text-bottom;margin-top:-5px;width:22px;height:32px;margin-right:6px}
.remote-lock-body{margin-left:30px;padding-left:15px;position:relative}
.lock-r2{padding-top:40px}
.lock-submit{border-radius:0;width:200px;height:50px;border-radius:25px;color:#fff;background:#0074c8;font-size:16px;border:1px solid #0074c8}
.lock-submit:hover{background-color:#003f86;border-color:#003f86;color:#fff}
.lock-r3{padding-top:60px;padding-bottom:30px}
.col1{margin-left:-15px}
.fpo-car{margin-top:-77px;margin-right:-15px;float:right;background-size:cover;background-image:url("clientlib-hyundai-site/images/FPO.jpg");background-repeat:no-repeat;width:220px;height:320px}
.lock-close{margin-right:10px;margin-top:-18px;color:#fff;border-style:none;background-color:rgba(255,0,0,0);right:0;font-size:25px;font-weight:normal;line-height:1;position:absolute;z-index:1}
.lock-close:focus{outline:0}
.remote-light{margin-top:-5px}
.light-r2{padding-top:30px}
.light-r3{padding-top:25px}
.light-r4{padding-top:25px;padding-bottom:30px}
.radio-item{display:inline-block;position:relative;padding:0 6px;margin:10px 0 0}
.radio-item input[type='radio']{display:none}
.radio-item label:before{content:" ";display:inline-block;position:relative;top:5px;margin:0 12px -2.5px 0;width:26px;height:26px;border-radius:25px;border:2px solid #ccc;background-color:transparent}
.radio-item input[type=radio].input_error+label:before{border:2px solid #c40712 !important}
.radio-item input[type=radio]:checked+label:after{border-radius:11px;width:12px;height:12px;position:absolute;top:12px;left:13px;content:" ";display:block;background:#0074c8}
.light-car{margin-top:-25px;margin-right:-15px;float:right;background-size:cover;background-image:url("clientlib-hyundai-site/images/car.jpg");background-repeat:no-repeat;width:370px;height:280px}
.light-close{margin-right:10px;margin-top:-10px;color:#888;border-style:none;background-color:white;right:0;font-size:30px;line-height:1;position:absolute;z-index:1}
.light-close:focus{outline:0}
.modal-close{margin-right:10px;margin-top:-10px;color:#888;border-style:none;background-color:white;right:0;font-size:30px;line-height:1;position:absolute;z-index:1}
.modal-close:focus{outline:0}
.light-r1{position:absolute;z-index:1}
.error{color:#c40712;position:absolute;margin-left:20px;z-index:1}
.submit-error{color:#c40712;position:absolute;margin-left:20px;z-index:1}
.onoffswitch{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:32px;font-size:14px;color:white;font-family:"HyundaiSansTextOffice-Medium";letter-spacing:1px;box-sizing:border-box}
.onoffswitch-inner:before{content:"ON";padding-left:10px;padding-top:2px;letter-spacing:.6px;background-color:#357f33;color:#fff}
.onoffswitch-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right;padding-top:2px;letter-spacing:.6px}
.onoffswitch-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}
.onoffswitch2{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch2-checkbox{display:none}
.onoffswitch2-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch2-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch2-inner:before,.onoffswitch2-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:32px;font-size:14px;color:white;font-family:"HyundaiSansHeadOffice-Light",Verdana,sans-serif;letter-spacing:1px;box-sizing:border-box}
.onoffswitch2-inner:before{content:"ON";padding-left:10px;background-color:#357f33;color:#fff}
.onoffswitch2-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right}
.onoffswitch2-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch2-checkbox:checked+.onoffswitch2-label .onoffswitch2-inner{margin-left:0}
.onoffswitch2-checkbox:checked+.onoffswitch2-label .onoffswitch2-switch{right:0}
.onoffswitch3{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch3-checkbox{display:none}
.onoffswitch3-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch3-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch3-inner:before,.onoffswitch3-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:32px;font-size:14px;color:white;font-family:"HyundaiSansHeadOffice-Light",Verdana,sans-serif;letter-spacing:1px;box-sizing:border-box}
.onoffswitch3-inner:before{content:"ON";padding-left:10px;background-color:#357f33;color:#fff}
.onoffswitch3-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right}
.onoffswitch3-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch3-checkbox:checked+.onoffswitch3-label .onoffswitch3-inner{margin-left:0}
.onoffswitch3-checkbox:checked+.onoffswitch3-label .onoffswitch3-switch{right:0}
.toggle-color{color:#ccc}
.onoffswitch4{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch4-checkbox{display:none}
.onoffswitch4-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch4-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch4-inner:before,.onoffswitch4-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:35px;font-size:14px;color:white;font-family:"HyundaiSansHeadOffice-Light",Verdana,sans-serif;letter-spacing:1px;box-sizing:border-box}
.onoffswitch4-inner:before{content:"ON";padding-left:10px;background-color:#357f33;color:#fff}
.onoffswitch4-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right}
.onoffswitch4-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch4-checkbox:checked+.onoffswitch4-label .onoffswitch4-inner{margin-left:0}
.onoffswitch4-checkbox:checked+.onoffswitch4-label .onoffswitch4-switch{right:0}
.toggle-color{color:#ccc}
.speedIcon{width:32px;height:18px;margin-right:9px}
@media(max-width :767px){.modal-rvs-speed .lock-r1{width:100%}
}
@media(max-width :767px){.modal-rvs-speed .toggle-heated1{padding-left:0 !important;padding-top:13px;margin-left:-1px}
.modal-rvs-speed .toggle-heated1{margin-top:63px}
}
@media(max-width :767px){.modal-rvs-speed .alert-r3{width:100%;text-align:left;border:0;margin-top:60px}
}
@media(max-width :767px){.modal-rvs-speed .alertCar1{margin-top:0}
}
.option-speed ul li:hover{background:#f3f3f3}
@media(max-width :767px){.modal-rvs-speed .col-xs-4{padding-bottom:0 !important}
}
@media(max-width :767px){.modal-rvs-speed .valet-alert-align span{position:absolute;margin-top:-18px;vertical-align:top;width:44%}
}
@media(max-width :480px){.modal-rvs-speed .valet-alert-align span{position:absolute;margin-top:-25px;vertical-align:top;width:44%}
}
@media(max-width :320px){.modal-rvs-speed .valet-alert-align span{margin-top:-38px;width:33%}
}
@media(max-width :767px){.modal-rvs-speed .valet-set-alert-r3{position:absolute;bottom:0;padding-right:35px;width:100%}
}
@media(max-width :767px){.modal-rvs-speed .valet-set-alert-r3 button{width:100%;max-width:inherit}
}
@media(max-width :767px){#valet-alert .col-xs-4{padding-bottom:110px}
}
.alert-align{padding-top:38px;font-size:18px;font-family:HyundaiSansTextOffice-Regular}
#set-valet-alert .alert-align{padding-top:0}
.alert-car-align{padding-top:30px;margin-left:-270px}
.minutes-arrow-alert{margin-top:-69px;margin-left:8px;padding-top:50px;padding-bottom:20px;padding-left:15px;border-left:2px solid #e6e6e6}
.engine-time-speed{margin-top:-65px;padding-left:10px;font-family:"HyundaiSansHeadOffice-Light",Verdana,sans-serif}
.lock-r3-speed{padding-top:30px;padding-bottom:30px;margin-left:-273px}
.mph{padding-left:15px}
.s80{font-size:80px}
.alertCar1{margin-top:-40px;margin-right:-15px;float:right;background-size:cover;background-image:url(clientlib-hyundai-site/images/alertCar.jpg) !important;background-repeat:no-repeat;width:338px;height:291px}
.alert-r3{width:75px;text-align:left;margin-top:95px}
.set-alert-r3{padding-top:60px;padding-bottom:0}
#vehicle-speed{position:absolute;display:inline-block;font-family:HyundaiSansHead-Bold;font-size:42px;font-weight:normal;padding-left:10px;margin-top:0}
.speed-arrow{margin-left:85px;padding-top:20px;padding-bottom:20px;padding-left:15px;padding-right:10px;border-left:2px solid #e6e6e6}
.set-alert-align{padding-top:40px}
.speed-media-wrapper{display:inline}
@media(max-width :767px){.speed-media-wrapper{display:block;margin-top:20px}
}
.valetCar{margin-top:-50px;margin-right:-36px;float:right;background-size:92%;background-image:none;background-repeat:no-repeat;width:255px;height:325px}
#vehicle-miles,#vehicle-valet-speed,#vehicle-valet-idletime{position:absolute;display:inline-block;font-family:HyundaiSansHead-Bold;font-size:60px;font-weight:normal;padding-left:10px;margin-top:-15px}
.modal-content a:hover{background:#fff;color:#003f86;border-bottom:solid 1px #003f86 !important}
.destination-search-modal span{font-family:'HyundaiSansTextOffice-Regular';margin-top:15px;display:inline-block;width:55%;font-size:12px}
.destination-search-modal #mapOverLay-ds{top:0;left:0;max-width:inherit;min-width:inherit;border:0}
.destination-search-modal #mapOverLay-ds .nav-tabs{border:0}
.destination-search-modal #mapOverLay-ds .nav-tabs li{border:0;margin-right:5px}
.destination-search-modal #mapOverLay-ds .nav-tabs li a{border:0}
.destination-search-modal #mapOverLay-ds .nav-tabs li.active a{font-family:"HyundaiSansTextOffice-Medium";font-size:14px;color:#000 !important}
.destination-search-modal #mapOverLay-ds .nav-tabs li a:hover{background:transparent}
@media(min-width :768px){.modal-r1 .collapse{display:block}
.lock-r1 p{width:92%}
}
@media(max-width :767px){.modal-r2 .col-xs-6{width:91%}
.destination-search-modal #mapOverLay-ds{width:97%;position:static}
}
@media(max-width :500px){.modal-r2 .col-xs-6{width:94%}
}
.modal-r2 a{padding-bottom:0;text-decoration:none;border:0}
@media(max-width :767px){.modal-r2 a{margin-right:9px}
}
.modal-r2 a:hover{background:transparent;padding-bottom:0;border:0}
@media(max-width :767px){.modal-content .duration,.modal-content .temperature{width:100%;padding:0 0 25px 0;border:0;margin-top:-1px;background:#fff;margin-left:0}
.modal-content .duration.collapse.in,.modal-content .temperature.collapse.in{border-bottom:1px solid #ccc}
.modal-content .temp-toggle{margin-top:-10px;left:0;padding-left:10px}
.modal-content .toggle-color{padding-top:40px}
.modal-content .temp-heading p{display:none}
.modal-content .duration-notice{width:100%;max-width:inherit}
.modal-content .duration-heading{display:none}
.modal-content .engine-time{margin-top:50px}
}
@media(max-width :767px){.modal-content .modal-collapse-link{padding:15px;font-family:"HyundaiSansHead-Bold";font-size:16px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;background:url('../../../../content/dam/hyundai/us/myhyundai/image/general/arrow2.png') no-repeat right center;cursor:pointer;display:inline-block;width:100%;background-size:16px 11px;border-top:1px solid #ccc}
.modal-content .modal-collapse-link[aria-expanded="true"]{background:url(clientlib-hyundai-site/images/arrow1.jpg) no-repeat right center;background-size:16px 11px}
.modal-content .modal-collapse-link.temperature-collapse{border-top:0}
.driver_presets_value{visibility:hidden}
.driver_presets_value.show_value{visibility:visible}
}
.modal-content .modal-collapse-link span{display:block;color:#666;font-size:14px;font-family:"HyundaiSansTextOffice-Regular"}
@media(max-width :767px){.modal-content .row{margin:0}
}
@media(max-width :767px){.modal-content .row.modal-r1{border-bottom:0}
}
@media(max-width :767px){.modal-content .row.modal-r2{padding:15px 0}
}
@media(max-width :767px){.modal-content .row.modal-r2 .accordion-body{padding:15px 0}
}
@media(max-width :767px){.hyundai-modal-footer{padding:30px 15px 120px}
#modal_pwd_reset_success .hyundai-modal-footer{padding:40px}
#modalPwdResetSuccess .hyundai-modal-footer,#modalPwdChangeSuccess .hyundai-modal-footer{padding:20px 40px 40px}
#modalDS .hyundai-modal-footer{padding:30px 15px 30px}
#modalPwdChangeSuccess .hyundai-modal-footer input[type="button"]{max-width:100%}
#modalPwdChangeSuccess .modal-dialog{width:94%;margin:14rem auto 0 auto !important}
}
@media(max-width :767px){.hyundai-modal-footer .PIN-input{margin-left:0;margin-bottom:25px;margin-top:5px;font-size:20px}
}
@media(max-width :767px){.hyundai-modal-footer .btn-submit{position:absolute;bottom:0;width:100%;max-width:inherit;float:none;margin-bottom:25px}
}
.submit-error{color:#c40712;position:absolute;margin-left:20px;z-index:1;font-size:16px}
.destination-search-modal .modal-dialog{max-width:100%;width:1240px}
.destination-search-modal span{font-family:'HyundaiSansTextOffice-Regular';margin-top:15px;display:inline-block;width:71%}
.destination-search-modal #destination-map{height:100%;min-height:550px;width:100%;border:solid 1px #ccc}
.destination-search-modal #mapOverLay{top:0;left:0;max-width:inherit;min-width:inherit;border:0}
@media(max-width :767px){.destination-search-modal #mapOverLay{position:static}
}
.destination-search-modal #mapOverLay-ds .nav-tabs{border:0}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .nav-tabs{display:block !important}
}
.destination-search-modal #mapOverLay-ds .nav-tabs li{border:0;margin-right:5px}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .nav-tabs li{border-right:1px solid #ccc}
}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .nav-tabs li.search-tab{display:none}
}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .nav-tabs li.favourite-tab,.destination-search-modal #mapOverLay-ds .nav-tabs li.history-tab{width:50%;margin-right:0;border-bottom:1px solid #ccc;text-align:center}
.destination-search-modal #mapOverLay-ds .nav-tabs li.history-tab{border-right:0}
}
.destination-search-modal #mapOverLay-ds .nav-tabs li a{border:0}
.destination-search-modal #mapOverLay-ds .nav-tabs li a:hover{background:transparent;padding:10px 15px}
.destination-search-modal #mapOverLay-ds .nav-tabs li.active{padding-bottom:2px;border-top:solid #0074c8}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .nav-tabs li.active{border-bottom:2px solid #0074c8;border-top:0;padding-bottom:5px}
.destination-search-modal #mapOverLay-ds .nav-tabs li.active a{padding-bottom:3px}
}
.destination-search-modal #mapOverLay-ds .tab-content{margin-top:3px;max-width:301px;width:100%;min-height:inherit !important}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .tab-content{border:0;max-width:inherit;width:100%;margin-top:0}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container:first-child{border:0}
.destination-search-modal #mapOverLay-ds .nav-tabs li a:hover{border:none !important}
}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .tab-content>.tab-pane,.destination-search-modal #mapOverLay-ds .tab-content .pill-content>.pill-pane{display:block}
}
.destination-search-modal #mapOverLay-ds .tab-content .destination-search-input{position:relative}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .tab-content .destination-search-input{position:absolute;top:10px;left:21px;width:87%}
}
.destination-search-modal #mapOverLay-ds .tab-content .destination-search-input .header-search{border:0;padding:15px 42px 15px 15px;border-bottom:1px solid #ccc}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .tab-content .destination-search-input .header-search{width:92%;max-width:inherit;margin:0 auto}
}
.destination-search-modal #mapOverLay-ds .tab-content .destination-search-input .search-submit{background:url(clientlib-hyundai-site/images/cs-search.png) no-repeat center;width:23px;height:23px;position:absolute;top:0;right:15px;text-indent:-9999px;border:0}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results{max-height:380px !important;overflow-y:auto}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results{overflow:hidden}
.destination-search-modal #mapOverLay-ds .tab-content .destination-search-input .search-submit{margin:0;width:10% !important}
}
@media(min-width :398px) and (max-width:767px){.destination-search-modal #mapOverLay-ds .tab-content .destination-search-input .search-submit{top:13px}
}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container{border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%;background:#fff;padding-top:18px}
@media(max-width :767px){.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results.search .marker-container{display:none}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results.search .marker-container.error{display:block;max-width:87.5%;top:58px;left:20px;border-top:1px solid #ccc}
}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container .marker-icon{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/Map-open.svg) no-repeat center;width:30px;height:46px;display:inline-block;margin-right:15px;padding-bottom:0;border:0;vertical-align:top;margin-top:0;text-align:center;font-size:18px;padding-top:10px;color:#0074c8}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container .ds-marker-container-text{display:inline-block;width:79%;padding-bottom:23px;background:transparent}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container span{font-size:12px;margin-top:0;border-bottom:1px solid #0074c8}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container span:hover{border-bottom:1px solid #003f86}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container span.marker-icon:hover{border-bottom:0}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container.active-marker{background:#f3f3f3}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container.active-marker .marker-icon{color:#fff;background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/Map-closed.svg) no-repeat center}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container.error{margin-left:0}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results .marker-container.error p{color:#c40712}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results.favourites-search .marker-icon,.destination-search-modal #mapOverLay .tab-content .ds-search-results.history-search .marker-icon{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/Map%20Drop%20dot.svg) no-repeat center;text-indent:-9999px}
.destination-search-modal .marker-container{font-family:"HyundaiSansTextOffice-Medium";color:#000;padding:10px;width:250px}
#destination-map .marker-container.fav_container{padding-bottom:30px}
.destination-search-modal .marker-container .marker-icon{display:none}
.destination-search-modal .marker-container .title{font-size:16px;font-family:"HyundaiSansTextOffice-Medium"}
.destination-search-modal .marker-container .address{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;width:60%;max-width:130px;min-width:130px;margin-bottom:7px}
.destination-search-modal .marker-container .address a{border-bottom:0;color:#000;cursor:default;pointer-events:none}
.destination-search-modal .marker-container .address a:hover{border-bottom:0}
.destination-search-modal .marker-container span{width:auto;display:inline-block;cursor:pointer;color:#0074c8;border-bottom:1px solid #0074c8}
.destination-search-modal .marker-container span:hover{color:#003f86;border-bottom:1px solid #003f86;color:#003f86}
.destination-search-modal .marker-container span.send-vehicle,.destination-search-modal .marker-container span.fav_delete{float:right}
.destination-search-modal .marker-container .fav_delete+span.send-vehicle{float:left}
.destination-search-modal #destination-favourites .marker-container span.send-vehicle{float:left}
.destination-search-modal #destination-favourites .marker-container span.set-favourites,.destination-search-modal .marker-container span.fav_delete{float:right}
@media(max-width :767px){.modal{overflow-y:auto}
.destination-search-modal .marker-container .address{margin-bottom:5px}
.destination-search-modal .marker-container .address a{border-bottom:1px solid #0074c8;color:#0074c8;pointer-events:inherit}
.destination-search-modal .marker-container .address a:hover{border-bottom:solid 1px #003f86;color:#003f86}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results.history-search .marker-container .marker-icon{padding-top:15px}
}
.modal-rvs{width:800px;margin:30px auto}
.modal-curfew{width:820px;height:auto;margin:30px auto}
@media(max-width :820px){.modal-curfew{width:100%}
}
.modal-rvs{width:820px;margin:30px auto 30px auto}
@media(max-width :767px){.modal-rvs{width:100%}
}
@media(max-width :767px){.modal-content .col-xs-8 .light-r2{padding-top:50px}
}
@media(max-width :767px){.modal-content .col-xs-8 .light-r3{padding-top:35px;margin-top:26px}
}
@media(max-width :767px){.modal-content .col-xs-4{width:100%;float:left;padding-bottom:110px}
}
@media(max-width :767px){.modal-content .col-xs-4 .light-car{margin-top:10px}
}
.temperature{width:50%;border-left:2px solid #e6e6e6}
.temp-heading{padding:15px;font-family:"HyundaiSansHead-Bold";font-size:18px}
.accordion,a.accordion:hover{padding-top:2px;float:right;border-bottom:0;background-color:white !important}
.temp-degree{margin-top:0;text-align:center;font-family:"HyundaiSansHead-Bold"}
@media(max-width :400px){.temp-degree{font-size:85px}
}
.engine-time{padding-left:50px;font-size:70px;font-family:"HyundaiSansHead-Bold"}
#modal1 .minutes-arrow{margin-top:-15px}
#modal1 .engine-time{padding-left:65px}
#modal1 .option{margin-left:-56px}
.minutes-arrow{margin-top:-30px;margin-left:23px;padding-top:20px;padding-bottom:20px;padding-left:15px;border-left:2px solid #e6e6e6}
.minutes-text{padding-left:75px;margin-top:-20px;color:#888}
.dashboard_page .minutes-text{padding-left:65px}
.fahren-text{text-align:center;position:inherit}
@media(max-width :767px){#modal1 .minutes-arrow{margin-top:-11px}
.minutes-text{margin-top:15px}
}
.defrost{padding:15px 0 15px 15px;font-family:"HyundaiSansHead-Bold";font-size:18px}
@media(max-width :400px){.defrost{width:100%;display:inline-block}
}
.heated-surface{padding-top:5px;padding-left:15px;font-family:"HyundaiSansHead-Bold";font-size:18px;margin-bottom:-30px}
@media(max-width :400px){.heated-surface{width:100%;display:inline-block}
}
@media(max-width :768px){.heated-surface{width:100%;padding-left:2px}
}
.heated-notice{padding-left:15px;padding-top:0;padding-bottom:15px}
.plus-arrow{margin-top:-30px}
.minus-arrow,.plus-arrow{opacity:.3}
.minus-arrow:hover,.plus-arrow:hover{opacity:1}
.minus-arrow{margin-top:-30px}
.PIN-input{margin-left:15px;height:50px;width:105px;font-size:36px;border:1px solid #ccc;text-align:center}
.pin-input-label{line-height:50px}
.pin-input-box{width:1px;opacity:0;margin:0}
.dup-pin-input{width:99px;display:inline-block;font-family:'FontAwesome';font-size:18px;padding:0 10px;line-height:40px;height:inherit;letter-spacing:2px}
.PIN-input:focus{outline:0}
.PIN-input::placeholder{color:#ccc;font-family:'FontAwesome';font-size:18px;letter-spacing:5px}
.temp-toggle{display:inline-block;padding-left:20px;margin-top:-7px;position:absolute;z-index:1}
.dashboard_page #modal1_gen1_car .temp-toggle{right:43px}
@media(min-width:768px) and (max-width:1024px){.dashboard_page #modal1_gen1_car .temp-toggle{right:20px}
}
.lock-r2{padding-top:15px}
@media(max-width :767px){.lock-submit{width:100%;max-width:inherit;margin-bottom:90px}
#modal4_ev_car .lock-submit{margin-bottom:10px}
#modal4_ev_car span.remote-light-head{top:1px}
.dashboard_page #modal1_gen1_car .temp-toggle{right:25px;top:14px}
#seatTempManagement{padding-top:40px}
}
.lock-submit:focus{color:#fff}
.lock-r3{padding-top:60px;padding-bottom:30px}
.col1{margin-left:-15px}
.fpo-car{margin-right:-15px;float:right;background-size:cover;background-image:url("clientlib-hyundai-site/images/FPO.jpg");background-repeat:no-repeat;width:305px;height:319px}
.alert-car{margin-right:-16px;float:right;background-size:cover;background-image:url("clientlib-hyundai-site/images/alertCar.jpg");background-repeat:no-repeat;width:360px;height:319px}
.lock-close{margin-right:10px;margin-top:-18px;color:#888;border-style:none;background-color:rgba(255,0,0,0);right:0;font-size:25px;font-weight:normal;line-height:1;position:absolute;z-index:1;font-family:"HyundaiSansTextOffice-Regular";font-size:30px}
.lock-close:focus{outline:0}
.remote-light{margin-top:-17px;width:44px}
.light-r2{padding-top:30px}
.light-r3{padding-top:25px;margin-top:29px}
.light-r4{padding-top:25px;padding-bottom:30px}
.radio-item{display:inline-block;position:relative;padding:0 6px;margin:10px 0 0}
.radio-item input[type='radio']{display:none}
.radio-item label:before{content:" ";display:inline-block;position:relative;top:5px;margin:0 12px -2.5px 0;width:26px;height:26px;border-radius:25px;border:2px solid #ccc;background-color:transparent}
.radio-item input[type=radio]:checked+label:after{border-radius:11px;width:12px;height:12px;position:absolute;top:12px;left:13px;content:" ";display:block;background:#0074c8}
.light-car{margin-top:-25px;margin-right:-15px;float:right;background-size:cover;background-image:url("clientlib-hyundai-site/images/car.jpg");background-repeat:no-repeat;width:370px;height:280px}
.light-close,.modal-close{margin-right:10px;margin-top:-10px;color:#888;border-style:none;background-color:white;right:0;font-size:33px;line-height:1;position:absolute;z-index:1}
.light-close:focus,.modal-close:focus{outline:0}
.light-r1{position:absolute;z-index:1}
.modal-rvs-request{max-width:620px;width:97%;margin:30px auto}
.req-sent-wait{padding-top:30px;padding-bottom:40px;font-family:HyundaiSansTextOffice-Regular;font-size:16px !important}
.req-sent.f-HeadRegular.s16{font-family:HyundaiSansHeadOffice-Regular;font-size:16px !important}
.req-sent-img{padding-top:10px}
.req-sent{margin-top:-115px}
.request_sent_fxloader{border:10px solid rgba(241,238,238,0.8) !important;border-top:10px solid #0074c8 !important;border-radius:50%;width:200px;height:200px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;text-align:center;margin:0 auto}
.req-modal-body{height:250px}
#engine-temp_modal1,.dashboard_page #modal1_gen1_car #engine-temp_modal1_gen1_car{font-size:70px;font-family:HyundaiSansHead-Bold;text-align:center;padding:0 20px}
#modal1 #engine-temp_modal1{top:57px}
#engine-temp_modal1_ev_car{font-size:70px;font-family:HyundaiSansHead-Bold;text-align:center;padding:0 20px}
.accordion-body{padding:15px}
.onoffswitch{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:32px;font-size:14px;color:white;font-family:"HyundaiSansTextOffice-Medium";letter-spacing:1px;box-sizing:border-box}
.onoffswitch-inner:before{content:"ON";padding-left:10px;background-color:#357f33;color:#fff;padding-top:2px;letter-spacing:.6px}
.onoffswitch-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right;padding-top:2px;letter-spacing:.6px}
.onoffswitch-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}
.onoffswitch2{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch2-checkbox{display:none}
.onoffswitch2-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch2-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch2-inner:before,.onoffswitch2-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:32px;font-size:14px;color:white;font-family:"HyundaiSansTextOffice-Medium";letter-spacing:1px;box-sizing:border-box}
.onoffswitch2-inner:before{content:"ON";padding-left:10px;background-color:#357f33;color:#fff}
.onoffswitch2-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right}
.onoffswitch2-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch2-checkbox:checked+.onoffswitch2-label .onoffswitch2-inner{margin-left:0}
.onoffswitch2-checkbox:checked+.onoffswitch2-label .onoffswitch2-switch{right:0}
.onoffswitch3{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch3-checkbox{display:none}
.onoffswitch3-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch3-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch3-inner:before,.onoffswitch3-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:32px;font-size:14px;color:white;font-family:"HyundaiSansTextOffice-Medium";letter-spacing:1px;box-sizing:border-box}
.onoffswitch3-inner:before{content:"ON";padding-left:10px;background-color:#357f33;color:#fff}
.onoffswitch3-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right}
.onoffswitch3-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch3-checkbox:checked+.onoffswitch3-label .onoffswitch3-inner{margin-left:0}
.onoffswitch3-checkbox:checked+.onoffswitch3-label .onoffswitch3-switch{right:0}
.toggle-color{color:#ccc}
.onoffswitch4{position:relative;width:77px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch4-checkbox{display:none}
.onoffswitch4-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch4-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}
.onoffswitch4-inner:before,.onoffswitch4-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:35px;font-size:14px;color:white;font-family:"HyundaiSansTextOffice-Medium";letter-spacing:1px;box-sizing:border-box}
.onoffswitch4-inner:before{content:"ON";padding-left:10px;background-color:#357f33;color:#fff}
.onoffswitch4-inner:after{content:"OFF";padding-right:10px;background-color:#888;color:#fff;text-align:right}
.onoffswitch4-switch{display:block;width:26px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:41px;border:2px solid #fff;border-radius:20px;transition:all .3s ease-in 0}
.onoffswitch4-checkbox:checked+.onoffswitch4-label .onoffswitch4-inner{margin-left:0}
.onoffswitch4-checkbox:checked+.onoffswitch4-label .onoffswitch4-switch{right:0}
.toggle-color{color:#ccc}
.temp-toggle{display:inline-block;padding-left:79px;margin-top:-7px;position:absolute;z-index:1}
.temp-toggle1{display:inline-block;padding-left:4px;margin-top:-7px;position:absolute;z-index:1}
.cAlert{padding-left:85px}
.curfewAlerts{padding-left:10px}
.newAlert{padding-left:8px}
.edit1{padding-left:250px}
.temp-toggle2{display:inline-block;padding-left:3px;margin-top:-7px;position:absolute;z-index:-1}
.valetText{padding-left:10px}
.temp-toggle-valet{position:absolute;padding-left:5px;z-index:-1}
.valetTemperature{padding-left:100px}
.toggle-heated1{position:absolute;display:inline-block;padding-left:250px;margin-top:33px}
.alertCar{margin-top:-70px;margin-right:-631px;float:right;background-size:cover;background-image:url(clientlib-hyundai-site/images/newCar.jpg);background-repeat:no-repeat;width:338px;height:291px}
.modal-rvs-speed{width:820px;margin:30px auto}
@media(max-width :767px){.modal-rvs-speed{width:100%}
.alert-car{width:320px;position:relative;z-index:-1}
#set-valet-alert .alert-align{width:100%;padding-top:15px}
}
@media(min-width :768px) and (max-width:960px){.modal-rvs-speed{width:100%}
.valet-miles-st{width:50%;display:inline-flex}
}
@media(max-width :767px){.modal-rvs-speed .col-xs-4{padding-bottom:60px;width:60%;float:right}
}
@media(max-width :767px){.modal-rvs-speed .valet-set-alert-r3{position:absolute;bottom:25px;padding-right:35px;width:100%;z-index:99999}
}
@media(max-width :767px){.modal-rvs-speed .valet-set-alert-r3 button{width:100%;max-width:inherit}
}
@media(max-width :767px) and (max-width:767px){.col-xs-4{width:100%;float:left}
}
@media(max-width :767px) and (max-width:767px){.col-xs-4 .light-car{margin-top:0}
}
.alert-car-align{padding-top:30px;margin-left:-270px}
.minutes-arrow-alert{margin-top:-69px;margin-left:8px;padding-top:50px;padding-bottom:20px;padding-left:15px;border-left:2px solid #e6e6e6}
.engine-time-speed{margin-top:-65px;padding-left:10px;font-family:"HyundaiSansHeadOffice-Light",Verdana,sans-serif}
.lock-r3-speed{padding-top:30px;padding-bottom:30px;margin-left:-273px}
.mph{padding-left:15px}
.s80{font-size:80px}
.alertCar1{margin-top:-40px;margin-right:-15px;float:right;background-size:cover;background-image:none !important;background-repeat:no-repeat;width:338px;height:291px}
.alert-r3{width:80px;text-align:left;margin-top:95px}
#edit-all{text-decoration:none;font-family:"HyundaiSansTextOffice-Regular"}
#edit-all:hover{background-color:white !important}
.set-alert-r3{padding-top:60px;padding-bottom:0;display:inline-block}
@media(max-width :767px){.set-alert-r3{padding-top:0;position:absolute;top:85%;width:92%;z-index:999;display:block;z-index:0}
}
.speed-arrow{margin-left:85px;padding-top:20px;padding-bottom:20px;padding-left:15px;padding-right:10px;border-left:2px solid #e6e6e6}
.set-alert-align{padding-top:40px}
.set-alert-align p{float:left;margin-top:15px;margin-right:10px}
@media(max-width :767px){.set-alert-align p{margin-top:35px}
.set-alert-align{padding-top:0}
}
.set-alert-align .speed-media-wrapper{float:left}
.set-alert-align .speed-media-wrapper #vehicle-speed{position:static;padding-right:10px}
.set-alert-align .speed-media-wrapper .speed-arrow{margin-left:0;margin-top:-23px;padding-left:9px;padding-top:18px;padding-right:16px}
.set-alert-align .speed-media-wrapper span{margin-top:16px;float:right}
.set-alert-align .speed-media-wrapper .option-speed{margin-left:5px}
@media(max-width :767px){.set-alert-align .speed-media-wrapper .option-speed{overflow-y:auto;margin-top:0;width:105px}
.set-alert-align .speed-media-wrapper span{margin-top:-2px}
.set-alert-align .speed-media-wrapper .speed-arrow{padding-top:15px}
.speed-bevel{margin-top:-55px !important}
#valet-alert .col1{margin-left:0}
#valet-alert .modal-rvs-speed .valet-set-alert-r3{padding-top:66px}
.connected-services #subscriptions .tab-container-wrapper .subscription-info p{width:100%}
.connected-services #subscriptions .tab-container-wrapper .subscription-info h6{color:#707070}
}
.valetIcon{width:32px;height:32px;margin-right:15px;vertical-align:sub}
#set-valet-alert .modal-content,#valet-alert .modal-content,#valet-alert-modal .modal-content{background-position:right top;background-repeat:no-repeat;min-height:auto}
@media(max-width :767px){#set-valet-alert .modal-content,#valet-alert-modal .modal-content{background-position:115% 184px}
#valet-alert .modal-content{background-position:115% 150px}
}
.valet-alert-r3{width:80px;text-align:left;padding-top:80px;padding-bottom:40px}
#curfew-checkbox .checkbox-item{padding-right:20px}
.toggle-valet{position:absolute;display:inline-block}
#valet-set,#valet-set-speed,#valet-set-idletime{font-weight:bold}
.valet-alert-align{padding-top:20px;margin-left:-10px}
.valet-arrow{margin-left:145px;padding-top:20px;padding-bottom:20px;padding-left:15px;padding-right:9px;border-left:2px solid #e6e6e6}
.valet-set-alert-r3{padding-top:105px;padding-bottom:30px}
.bevel{position:absolute;margin-top:-150px;margin-left:10px;height:120px;width:220px;box-shadow:0 8px 16px 3px rgba(0,0,0,0.2)}
.valet-bevel{position:absolute;margin-top:-65px;margin-left:-5px;height:80px;width:183px;box-shadow:0 8px 16px 3px rgba(0,0,0,0.2)}
.speed-bevel{position:absolute;margin-top:-60px;margin-left:5px;height:70px;width:105px;box-shadow:0 8px 16px 3px rgba(0,0,0,0.2)}
.option{position:absolute;z-index:5;display:none;list-style:none;list-style-type:none !important;margin-top:-35px;margin-left:-40px;border-top:2px solid #ccc;border-bottom:0 solid #ccc;width:220px;padding:0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);text-align:center;background-color:white;font-family:"HyundaiSansHeadOffice-Regular",Verdana,sans-serif;max-height:283px;overflow:hidden}
.option li{border-bottom:2px solid #ccc;cursor:pointer;padding:10px}
.option a{text-decoration:none;border-bottom:0}
.option a:hover{text-decoration:none;border-bottom:0}
@media(max-width :768px){.valet-bevel{margin-left:3px}
}
@media(max-width :767px){.valet-bevel{width:183px;margin-left:0}
.option{margin-top:20px}
.dashboard_page #modal1_gen1_car .option{margin-top:15px !important}
.bevel{margin-top:-100px}
.temp-degree{margin-top:20px}
.modal-content .temp-toggle{margin-top:0}
.heated-notice{width:70%}
}
li a{text-decoration:none;color:#000}
.modal-content a:hover{background:#fff;color:#003f86}
.modal-content li a{text-decoration:none;color:#000}
.modal-content a:hover{color:#003f86;border-bottom:solid 1px #003f86;text-decoration:none}
.remote-stop{margin-top:-5px;width:30px;height:auto;margin-bottom:7px;margin-right:6px}
#dd-minutes{height:50px;overflow:hidden;position:relative}
.red-header{background-color:#804003;color:white;padding:2px;font-family:"HyundaiSansTextOffice-Regular",Verdana,sans-serif;text-align:center}
.option-valet{position:absolute;z-index:5;display:none;list-style:none;list-style-type:none !important;margin-top:10px;margin-left:5px;border-top:2px solid #ccc;border-bottom:0 solid #ccc;width:183px;padding:0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);text-align:center;background-color:white;font-family:"HyundaiSansHeadOffice-Regular",Verdana,sans-serif;overflow:hidden}
@media(max-width :767px){.option-valet{margin-top:6px;margin-left:2px;width:183px}
}
.option-valet li{border-bottom:2px solid #ccc;cursor:pointer;padding:10px}
.option-valet a{text-decoration:none;border-bottom:0}
.option-valet a:hover{text-decoration:none;border-bottom:0}
.option-speed{position:absolute;z-index:5;display:none;list-style:none;list-style-type:none !important;margin-top:10px;margin-left:255px;border-top:2px solid #ccc;border-bottom:0 solid #ccc;width:95px;padding:0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);text-align:center;background-color:white;font-family:"HyundaiSansHeadOffice-Regular",Verdana,sans-serif;overflow:hidden}
.option-speed li{border-bottom:2px solid #ccc;cursor:pointer;padding:10px}
.option-speed a{text-decoration:none;border-bottom:0}
.option-speed a:hover{text-decoration:none;border-bottom:0}
.curfew_onoffswitchwrp{float:left;width:100%}
.curfew_onoffswitchwrp .onoffswitch{float:left;margin:-10px 20px 0 0}
.checkbox-item{display:inline-block;position:relative;padding-right:30px;margin-top:10px}
.checkbox-item input[type='checkbox']{display:none}
.checkbox-item label:before{content:" ";display:inline-block;position:relative;top:5px;margin:0 12px -2.5px 0;width:26px;height:26px;border-radius:0;border:2px solid #ccc;background-color:transparent}
.checkbox-item input[type='checkbox']:checked+label:after{border-radius:0;width:12px;height:12px;position:absolute;top:5px;left:5px;content:"\e013";font-family:'Glyphicons Halflings';display:block;color:#0074c8}
.s60{font-size:60px}
.optionstartulhour_custom::-webkit-scrollbar{width:4px !important}
.optionstartulhour_custom::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}
.optionstartulhour_custom::-webkit-scrollbar-thumb{border-width:1px 1px 1px 1px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}
.optionstartday_week,.optionendday_week{border:0 solid #ccc;background:white;overflow:hidden;max-height:330px;position:absolute;z-index:5;display:none;list-style:none;margin-top:-5px;margin-left:-5px;border-top:2px solid #ccc;border-bottom:0 solid #ccc;width:150px;padding:0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);text-align:center;background-color:white;font-family:"HyundaiSansHeadOffice-Regular",Verdana,sans-serif}
.optionstartday_hour,.optionendday_hour,.optionstartday_minutes,.optionendday_minutes{border:0 solid #ccc;background:white;overflow:hidden;position:absolute;z-index:5;display:none;list-style:none;margin-top:-5px;margin-left:-5px;border-top:2px solid #ccc;border-bottom:0 solid #ccc;width:120px;padding:0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);text-align:center;background-color:white;font-family:"HyundaiSansHeadOffice-Regular",Verdana,sans-serif}
.optionstartday_week li,.optionstartday_hour li,.optionstartday_minutes li,.optionendday_week li,.optionendday_hour li,.optionendday_minutes li{border-bottom:2px solid #ccc;cursor:pointer;padding:10px}
.optionstartday_week li a,.optionstartday_hour li a,.optionstartday_minutes li a,.optionendday_week li a,.optionendday_hour li a,.optionendday_minutes li a{text-decoration:none;color:#000;border:0}
.startday_week_arrow,.startday_hour_arrow,.startday_minutes_arrow,.endday_week_arrow,.endday_hour_arrow,.endday_minutes_arrow{margin-left:0;padding-top:20px;padding-bottom:20px;padding-left:15px;border-left:2px solid #e6e6e6;float:right}
.st-end-day{float:left;width:100%;padding-top:10px;padding-bottom:20px;border-bottom:1px solid #ccc}
.curfew-modal-body .col-xs-3 span{text-transform:capitalize}
.hyundai-modal-body{margin-right:40px;margin-left:40px}
.week-heading{font-family:"HyundaiSansHeadOffice-Regular",Verdana,sans-serif}
.startday_week_colgd,.endday_week_colgd{width:160px;float:left}
.startday_hour_colgd,.endday_hour_colgd{width:130px;float:left}
.startday_minutes_colgd,.endday_minutes_colgd{width:130px;float:left}
.startday_ampm_colgd,.endday_ampm_colgd{width:148px;float:left;color:#ccc}
.startday_ampm_colgd .radio-inline,.endday_ampm_colgd .radio-inline{padding:0;margin-top:-23px;vertical-align:top}
.startday_ampm_colgd .radio-inline label,.endday_ampm_colgd .radio-inline label{cursor:pointer}
.startday_ampm_colgd .radio-inline input[type="radio"],.endday_ampm_colgd .radio-inline input[type="radio"]{opacity:0}
.startday_ampm_colgd .radio-inline input[type="radio"]:checked+span,.endday_ampm_colgd .radio-inline input[type="radio"]:checked+span{color:#000}
.modalflt .hyundai-modal-header{float:left;width:100%}
.modalflt .hyundai-modal-body{float:left;width:100%;margin:0;padding:0 40px}
.modalflt .hyundai-modal-footer{float:left;width:100%}
.help-block{color:#000;padding-top:5px}
.fnbold{font-family:"HyundaiSansTextOffice-Bold"}
.min-colon{width:10px}
.repeat-on{padding-top:30px}
.curfew-btn-submit{border-radius:0;height:50px;width:164px;border-radius:25px;max-height:50px;max-width:250px;color:#fff;background-color:#0074c8;font-family:"HyundaiSansHeadOffice-Light",Verdana,sans-serif;margin-right:20px}
.curfew-btn-submit:hover{background-color:#003f86;color:#fff}
.curfew-btn-submit:focus{color:#fff}
.startday_week-bevel,.endday_week-bevel{position:absolute;margin-top:25px;margin-left:5px;height:80px;width:150px;box-shadow:0 8px 16px 3px rgba(0,0,0,0.2)}
.startday_hour-bevel,.endday_hour-bevel{position:absolute;margin-top:25px;margin-left:165px;height:80px;width:120px;font-family:HyundaiSansHead-Bold;font-size:42px;box-shadow:0 8px 16px 3px rgba(0,0,0,0.2)}
.startday_minutes-bevel,.endday_minutes-bevel{position:absolute;margin-top:25px;margin-left:315px;height:55px;width:120px;box-shadow:0 8px 16px 3px rgba(0,0,0,0.2)}
.curfew-body{margin-top:-5px;margin-left:20px;padding-left:20px;position:relative}
.curfew-body.modal-default-body-wrapper{padding-bottom:20px;border-bottom:2px solid #ccc;width:93%}
.toggle-curfew{position:absolute;display:inline-block}
.curfew-r1,.valet-r1{margin-top:10px;margin-left:90px;font-family:HyundaiSansTextOffice-Regular}
.curfew-r1.hasloader,.valet-r1.hasloader{margin-left:115px}
.curfew-alert-date{margin-top:10px;font-family:HyundaiSansTextOffice-Regular}
.curfew-alert-align{padding-top:40px;font-family:HyundaiSansHead-Bold}
.curfew-edit-delete{position:absolute;margin-left:630px;margin-top:-20px}
.space{display:inline;width:40px;padding-right:15px}
.curfew-modal-body{margin-top:40px;margin-right:40px;margin-left:50px}
.curfew-modal-body.add-edit-cerfew-body{display:none}
.curfew-add-new{position:relative;padding-bottom:40px;padding-left:40px;padding-top:40px}
.curfew-footer{padding-top:40px;padding-bottom:30px}
#curfew-checkbox .checkbox-item input[type='checkbox']:checked+label:after{top:8px;left:6px}
@media(max-width :767px){#modal1 .defrost{padding:15px 0 0 15px}
.curfew-footer{text-align:center}
#modal1_ev_car .modal-content .hyundai-modal-header.s30{width:100%;margin-top:-22px;padding-top:0 !important}
#modal1_ev_car .modal-content .modal-close{margin-top:3px;margin-right:10px}
.remotehornlight .hyundai-modal-header.s30{width:100%}
.remotehornlight span.remote-light-head{top:-6px}
#modal1 #engine-temp_modal1,#modal1_ev_car #engine-temp_modal1{left:113px;top:96px}
#modal1 .heated-surface,#modal1 .defrost.s18,#modal1_ev_car .heated-surface,#modal1 .defrost.s18,.dashboard_page #modal1_gen1_car .heated-surface{font-size:16px}
#modal1 .heated-notice,#modal1_ev_car .heated-notice,.dashboard_page #modal1_gen1_car .heated-notice{width:57% !important}
#modal1 .defrost.s18 .toggle-deforst{bottom:10px;float:right;padding-left:0}
#modal1_ev_car .defrost.s18 .toggle-deforst{bottom:10px;left:52%}
#modal1 .modal-r1 .temperature,#modal1_ev_car .modal-r1 .temperature{border-left:0;margin-top:-20px}
#modal1 .temp-toggle,#modal1_ev_car .temp-toggle{padding-left:11px !important}
#modal1 .option.s16{margin-top:26px}
#modal1 .bevel,#modal1_gen1_car .bevel{margin-top:-76px !important}
#modal1 .modal-content .row.modal-r2 .precond,#modal1 .accordion-body.s14,#modal1 .remote-modal-footer .precond.s16.remote_font{font-size:14px !important}
#modal1 .modal-content .row.modal-r1{border-bottom:0}
#modal1 .modal-r2{border-bottom:1px solid #ccc !important}
#PIN-text1,#PIN-text2,#PIN-text3,#PIN-text4{display:block}
#rsmodal2 .power-button-header{margin-bottom:-4px}
#rsmodal3 .power-button-header,#rsmodal4 .power-button-header{margin-bottom:-8px}
.remotestop .lock-close,.modal-content .lock-close,.modal-rvs .light-close{margin-right:10px !important;margin-top:-10px !important}
.light-close,.modal-close{margin-right:9px}
.modal-rvs-request .hyundai-modal-header.s30{width:100%}
.modal-rvs-request .power-button-header{margin-bottom:-2px}
.lock-r2{margin-top:25px}
span.remote-light-head{padding-left:45px !important;display:inline-block;position:relative;top:-3px;line-height:100%}
.remote-light{margin-top:0;width:39px;float:left;position:absolute}
INPUT[type="button"]#remotestop{width:100%;margin:20px auto;display:block}
.remote-stop,.remote-lock{margin-right:3px}
.remotestop .remotelock_margin,.remotestop .remote-lock-body{margin-left:0 !important}
.remotestop .remote-lock-body{padding-left:0 !important}
.modal-rvs-request{width:100%}
#rvs-PIN1 #PIN-text1,#rvs-PIN2 #PIN-text2,#rvs-PIN3 #PIN-text3,#rvs-PIN4 #PIN-text4{display:flex !important;margin-top:10px}
#modal1 .modal-close{margin-top:-19px;margin-right:12px !important}
#modal1 .hyundai-modal-header.s30.heading_margin{margin-bottom:7px}
.hyundai-modal-header.s30.font_heading.remotelock_margin{margin-top:0}
#modal1_gen1_car button#remoteStart{margin-right:0}
#modal1_gen1_car .submit-error{position:absolute;margin-top:16px}
#modal1 .speed-timeout-header .hyundai-modal-header.s30.heading_margin,#modal1 .modal-rvs .hyundai-modal-header.s30.heading_margin{margin-top:0}
.remoteStart .precond[aria-expanded="false"],.remoteStart .precond[aria-expanded="true"]{background-size:16px 11px}
.remotestop .remote-stop{width:30px;height:32px}
.modal-content .light-close,.modal-content .lock-close,.modal-content .modal-close{font-size:33px;font-family:"HyundaiSansTextOffice-Regular";font-weight:normal;color:#888}
.curfew-body{margin-left:0}
.onoffswitch4-inner:before,.onoffswitch4-inner:after{height:27px;line-height:27px;font-size:12px}
.onoffswitch4{width:70px}
.onoffswitch4-switch{width:23px;right:37px}
.curfew-r1,.valet-r1{margin-top:0;margin-left:95px}
.curfew-alert-align{padding-top:30px;font-family:HyundaiSansHead-Bold;font-size:16px}
.curfew-edit-delete{position:static;margin:10px 0 0}
.curfew-modal-body{margin-left:15px;margin-right:10px;margin-top:20px;padding-top:20px;border-top:1px solid #ccc}
.st-end-day{padding-top:0;padding-left:0;padding-right:0}
.st-end-day .col-xs-12{padding-left:0;padding-left:0}
.startday_week_colgd,.endday_week_colgd{margin-left:0}
.st-end-day .s60{font-size:27px}
.startday_week_arrow,.startday_hour_arrow,.startday_minutes_arrow,.endday_week_arrow,.endday_hour_arrow,.endday_minutes_arrow{padding-top:10px;margin-top:5px;padding-bottom:10px;padding-left:4px;width:14px}
.startday_week_colgd,.endday_week_colgd{width:90px;padding-left:7px;padding-right:7px;margin-right:5px}
.startday_hour_colgd,.endday_hour_colgd{width:60px;padding-left:3px;padding-right:3px;margin-right:5px}
.startday_hour_colgd span,.endday_hour_colgd span{letter-spacing:-1px}
.startday_minutes_colgd,.endday_minutes_colgd{width:70px;padding-left:9px;padding-right:7px}
.startday_minutes_colgd span,.endday_minutes_colgd span{letter-spacing:-1px}
.startday_ampm_colgd,.endday_ampm_colgd{width:61px;padding-left:0;padding-right:0;margin-top:15px;margin-left:15px}
.startday_ampm_colgd .s30,.endday_ampm_colgd .s30{font-size:14px}
.min-colon{font-size:14px;padding:0 3px;margin-left:0;margin-top:-1px}
.repeat-onwrps{float:left;width:100%;padding:0}
.repeat-onwrps .repeat-on{padding-top:20px;padding-left:0;padding-right:0;padding-bottom:20px}
.repeat-onwrps .repeat-on .form-group{margin-bottom:10px;float:left;width:100%}
.repeat-onwrps .repeat-on .checkbox-item{width:25%;float:left;padding-right:2px !important}
.checkbox-item label:before{margin-right:10px;width:22px;height:22px}
#curfew-checkbox .checkbox-item label:before{top:3.5px}
#curfew-checkbox .checkbox-item input[type='checkbox']:checked+label:after{top:5px;left:5px}
.checkbox-item input[type="checkbox"]:checked+label:after{font-size:12px}
.help-block{float:left;width:100%;padding:0;margin-bottom:0}
.curfew-btn-submit{max-width:100%;width:100%}
.week-heading{font-size:14px !important;margin-bottom:15px}
.curfew-add-new{margin-left:15px;margin-right:15px;padding-top:15px;margin-top:15px;padding-left:0;border-top:1px solid #ccc}
.startday_ampm_colgd .radio-inline input[type="radio"],.endday_ampm_colgd .radio-inline input[type="radio"]{opacity:0;cursor:pointer;margin-left:0}
.startday_week-bevel,.endday_week-bevel{width:90px;margin-left:0;height:39px;margin-top:23px}
.startday_hour-bevel,.endday_hour-bevel{width:67px;margin-left:91px;height:34px}
.startday_minutes-bevel,.endday_minutes-bevel{width:67px;margin-left:172px}
.optionstartday_hour,.optionendday_hour,.optionstartday_minutes,.optionendday_minutes{width:67px;margin-top:8px;margin-left:-7px}
.optionstartday_week,.optionendday_week{width:90px;margin-top:8px;margin-left:-7px}
.modal{padding-left:0 !important}
}
#infowindow-content{display:none}
#gfMap #infowindow-content{display:inline}
.pac-card{margin:10px 10px 0 0;border-radius:2px 0 0 2px;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;box-shadow:0 2px 6px rgba(0,0,0,0.3);background-color:#fff;font-family:"HyundaiSansTextOffice-Regular"}
#pac-container{padding-bottom:12px;margin-right:12px;z-index:2000;width:298px;position:absolute;left:0;top:30px;display:none}
#gf_map_container .pac-container{z-index:2000;width:100%;position:relative !important;border-left:0;left:0 !important;top:0 !important;background:#fff !important}
@media(min-width :767px){#pac-container{padding-bottom:12px;margin-right:12px;z-index:2000;width:298px;position:absolute}
.pac-container{z-index:2000;width:298px;position:absolute;left:0 !important;top:0 !important;border-left:0}
.modal-dialog.modal-gf{width:100%;max-width:1240px;margin:30px auto}
}
#pac-container{padding-bottom:12px;margin-right:12px}
.pac-item{border-bottom:solid 1px #ccc;vertical-align:middle;padding:5px 4px;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal}
.pac-controls{display:inline-block;padding:5px 11px}
.pac-controls label{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal}
#gf_pac_input{background-color:#fff;font-family:HyundaiSansTextOffice-Regular;font-size:14px;padding:4px 37px 4px 10px;text-overflow:ellipsis;width:100%;max-width:298px;height:50px;line-height:38px;border:0;border-bottom:#ddd solid 1px;opacity:1 !important}
#gf_pac_input_box{box-shadow:none;position:static}
#gf_pac_input_box.search-mobile{position:absolute;z-index:2;margin:5px;width:100%;box-shadow:2px 2px 8px #888;max-width:278px}
#gf_pac_input_box.search-dp{position:relative;z-index:2;margin:0;width:100%;box-shadow:none;max-width:298px}
#gf_pac_input_box.search-mobile span.search-location{display:inline-block;width:18px;top:8px}
#gfMap ::-webkit-input-placeholder{color:#000;opacity:1;-webkit-opacity:1}
#gfMap :-moz-placeholder,::-moz-placeholder{color:#000;opacity:1;-moz-opacity:1}
#gfMap :-ms-input-placeholder{color:#000;opacity:1;opacity:100}
#title{color:#fff;background-color:#4d90fe;font-size:25px;font-weight:normal;padding:6px 12px}
#target{width:345px}
.pac-container:after{content:none !important}
#modal-geofence .s30,#modal-geofence .hyundai-modal-header{font-size:16px;font-family:"HyundaiSansTextOffice-Regular"}
.modal h2{display:inline}
#modal-geofence .modal-close{height:35px}
#gfMap{height:100%;min-height:680px;width:100%;border:solid 1px #CCC}
.search-location{position:absolute;top:15px;right:10px;cursor:pointer}
.disabled.search-location{pointer-events:none}
.gfs-actions{margin:15px 0 0}
#geofence-notifs{display:none}
#mapOverLay li.gft2.active>#geofence-notifs{display:block}
#mapOverLay .nav-tabs,#mapOverLay-ds .nav-tabs{height:42px}
#mapOverLay .nav-tabs li,#mapOverLay .nav-tabs li.active{border-left:0}
#mapOverLay .nav-tabs>li.gft1{height:38px}
#mapOverLay .nav-tabs>li.gft1.active{height:42px}
#mapOverLay .nav-tabs>li.gft1 a{margin-right:0;border:0 transparent}
#mapOverLay .nav-tabs>li.gft2{height:38px;margin-left:4px}
#mapOverLay .nav-tabs>li.gft2.active{height:42px}
#mapOverLay .nav-tabs>li.gft2 a{margin-right:0;border:0 transparent}
#mapOverLay .tab-content{border:solid 1px #c7c7c7;border-top:0;border-left:0;min-height:inherit !important}
#tabSearch{position:relative}
#mapOverLay,#mapOverLay-ds{z-index:2;position:absolute;max-width:300px;min-width:290px;margin:10px;border-left:solid 1px #c7c7c7;top:0}
#mapOverLay{min-width:300px}
#mapOverLay div,#mapOverLay li,#mapOverLay-ds div,#mapOverLay-ds li{background-color:#fff}
#mapOverLay .nav-tabs>li{border-top:solid transparent}
#mapOverLay .nav-tabs>li.active{border-top:solid #0074c8}
#frmgeoFenceBox{display:none;padding:0 18px 25px 18px}
#frmgeoFenceBox .form-row{padding:5px 0}
#frmgeoFenceBox .form-row .input-label{font-size:14px;font-family:"HyundaiSansHeadOffice-Medium"}
#frmgeoFenceBox div,#frmgeoFenceBox span,#frmgeoFenceBox label{font-family:HyundaiSansTextOffice-Regular;font-size:14px;color:#000}
#txtgfheading{font-size:13px;width:auto;text-align:center;margin-bottom:-10px;z-index:2;position:relative;background:0;display:table;margin-left:5px}
#gftxt_geofence_name{width:250px;height:50px;border:solid 1px #ccc;z-index:1;padding:5px;font-size:16px;padding-left:10px}
#submit_geofence{width:150px;vertical-align:middle}
#frmgeoFenceBox #info_boundry{position:relative}
#frmgeoFenceBox #tooltip_boundry{position:absolute;background-color:#333;border-radius:6px;box-shadow:2px 2px 7px #999;background:#333;border:solid 1px #999;z-index:100;padding:4px;width:200px;left:20px;top:-25px;color:#fff;font-weight:normal}
#frmgeoFenceBox .frmGfError{color:#c40712;position:static;padding-top:10px;padding-left:10px}
#frmgeoFenceBox .form-row#submit-box{margin-bottom:0}
#frmgeoFenceBox .form-row{position:relative;margin-bottom:0}
#frmgeoFenceBox .radio-item{margin:0}
#tabSaved{min-height:250px}
#tabSavedData{height:380px;overflow:auto}
.saved-geo-fence{border-bottom:solid 1px #ccc;padding:25px}
.saved-geo-fence h4{font-size:16px;font-family:HyundaiSansTextOffice-Medium;margin-bottom:5px;word-break:break-word}
.saved-geo-fence span{line-height:20px}
.saved-geo-fence .gfs-delete{margin-left:20px;margin-top:20px}
.gfs-delete.gen1{margin-left:0 !important}
.saved-geo-fence .sgf-add2{margin-bottom:20px}
#showSavedGfm{display:block;cursor:pointer;margin:auto;margin-top:10px;font-size:14px;font-family:HyundaiSansTextOffice-Regular}
@media(max-width :767px) and (min-width:480px){.curfew-r1,.valet-r1{margin-top:10px}
.hyundai-modal-body{margin:10px}
.speed-media-wrapper{margin-top:35px}
.set-alert-r3{max-width:290px;top:73%}
.modal-dialog{margin:0 !important}
#modal-geofence .s30,#modal-geofence .hyundai-modal-header{font-size:14px}
#gfMap{min-width:290px;height:300px;min-height:350px;border:solid 1px silver}
}
@media(max-width :480px) and (min-width:100px){.hyundai-modal-header{margin:0;font-size:22px}
.hyundai-modal-header.s30{padding-top:15px !important;width:92%;margin-bottom:20px}
#modal-geofence .hyundai-modal-header.s30{width:100%;margin-bottom:0;padding-top:20px !important}
.destination-search-modal span{width:100%;font-size:14px}
#modalDS .hyundai-modal-header.s30{width:100%}
.hyundai-modal-body{margin:0;padding:0 15px}
.modal-dialog{margin:0 !important}
#modal-geofence .s30,#modal-geofence .hyundai-modal-header{font-size:14px}
#gfMap{min-width:290px;min-height:250px;border:solid 1px silver}
}
@media(max-width :767px) and (min-width:100px){modal.fade.in{padding:0}
.st-end-day .s42{font-size:24px}
#mapOverLay .tab-content{padding:0}
.curfew-body.modal-default-body-wrapper{border:0}
#mapOverLay{z-index:2;position:static;max-width:100%;margin:0;border-left:solid 1px #c7c7c7;width:100%;padding:0}
#mapOverLay .nav.nav-tabs{display:none}
#mapOverLay .tab-content{border:0;border-left:0}
#modal-geofence .hyundai-modal-footer{padding:30px 15px}
}
.loct_serve label{margin-top:10px;margin-left:0;color:grey;margin-bottom:10px;font-size:12px}
.serve-loc span{font-family:"HyundaiSansTextOffice-Medium";margin-bottom:-2px}
.serve-detail{margin-top:-6px}
.serve-detail p{margin-bottom:1px;font-family:"HyundaiSansTextOffice-Regular"}
.low-pop-btn{margin-bottom:30px}
.low-pop-btn input{margin-top:28px;margin-right:27px;width:270px;height:51px}
.low-pop-a{display:inline-block}
.low-pop-a a{margin-top:5px}
.low-pop-a a:hover{background:transparent;color:#003f86}
.service-appoint p{margin-left:0;margin-top:-1px}
.sc_src .hyundai-modal-header{margin-top:14px;margin-left:26px}
@media(max-width :767px) and (min-width:100px){.low-pop-btn{text-align:center}
.low-pop-btn .low-pop-a{margin-top:25px}
}
.reg-odometer #odometer::-webkit-input-placeholder{color:#000 !important}
.reg-odometer #odometer:-moz-placeholder{color:#000}
.reg-odometer #odometer::-moz-placeholder{color:#000}
.power-button-header{font-family:"HyundaiSansTextOffice-Light";font-size:30px}
.update-mileage{width:87%;margin-left:-5px;margin-top:-2px}
.reg-odometer{margin-left:35px;margin-top:23px;margin-bottom:10px}
.reg-odometer input{color:#000;width:201px;background-color:#fff;border-color:#ccc;border-radius:5px}
.reg-odometer #odometer::-webkit-inner-spin-button,.reg-odometer #odometer::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lower-popup-button a{margin-left:25px}
.lower-popup-button{margin-left:35px;margin-bottom:30px}
.lower-popup-button INPUT[type="submit"],.lower-popup-button INPUT[type="button"],.lower-popup-button INPUT[type="button"].button{height:51px;width:201px}
.lower-popup-button a:hover{color:var(--blue-btn-hover);background:transparent}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
footer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.lock-r1{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:HyundaiSansTextOffice-Regular;font-size:16px}
#set-valet-alert .lock-r1,#valet-alert .lock-r1{padding-top:30px}
#set-valet-alert .f-TextRegular>.lock-r1{padding-top:50px}
#valet-alert .f-TextRegular>.lock-r1{padding-top:10px}
.remote-lock-body .col1{z-index:1}
@media(min-width :768px) and (max-width:991px){.modal-rvs{width:750px}
.tab-container img.subtab-img{right:0;width:70%}
}
@media(min-width :992px) and (max-width:1199px){.tab-container img.subtab-img{right:0;width:70%}
}
.email_add_wrap{margin-left:20px}
.email_add_btn-wrap input{margin-right:20px}
.destination-search-modal .pac-item.ds_sugssns{cursor:pointer;padding:2px 4px;padding-left:10px}
#mapOverLay-ds div.pac-item.ds_sugssns:hover{background-color:#eee}
.destination-search-modal span.pac-item-query{margin:0}
#mapOverLay-ds .search-delete{display:none;color:#888;font-size:40px;line-height:30px;position:absolute;right:10px;top:0;cursor:pointer;width:24px}
.ds-search-results #ds_suggestions{width:254px;top:95px !important}
@media(max-width :767px){.valet-arrow{margin-top:-44px !important}
div#submit-box a{width:100%;display:block;text-align:center;margin-left:0 !important;margin-top:10px;border-bottom:0}
}
@media(max-width :768px){.valet-alert-align{padding-top:40px;margin-left:-2px}
#valet-alert .hyundai-modal-header{margin:0 !important}
.ds-search-results #ds_suggestions{width:87%;top:58px !important;left:20px}
a.btn-info-popover{display:block}
.service-settings-edit a.btn-info-popover{display:inline-block}
#modal_enteryournewgenesisVIN a.btn-info-popover{display:inline-block}
}
@media all and (-ms-high-contrast:none){.curfew-r1,.valet-r1{margin-top:10px}
}
@media(max-width :1024px){.find-dealer .search-panel{margin-top:-7px}
}
@media(max-width :767px){.saved-geo-fence .sgf-add2{margin-top:10px}
#mapOverLay .gfs-actions{margin-top:20px}
#valet-alert .valetCar{margin-top:20px}
.search-panel .form-group .glyphicon-search{display:none}
.changeservicelocationpopup .search-panel .form-group .glyphicon-search{display:block}
#dealerLocator .form-group span.dealerSearch-delete{display:inline !important;color:#888;font-size:22px;line-height:30px;position:absolute;right:10px;top:10px;cursor:pointer;width:14px;height:14px}
}
#set-speed-alert .modal-rvs-speed,#set-valet-alert .modal-rvs-speed,#valet-alert .modal-rvs-speed{margin-top:116px}
#speed-alert .modal-rvs-speed,#set-speed-alert .modal-rvs-speed,#set-valet-alert .modal-rvs-speed{margin-top:140px}
#modal_curfewalert .modal-curfew{margin-top:40px}
#speed-alert .modal-dialog,#set-speed-alert .modal-dialog,#set-valet-alert .modal-dialog,#valet-alert .modal-dialog{min-height:auto}
@media(max-width :767px){#speed-alert .modal-rvs-speed,#set-speed-alert .modal-rvs-speed,#set-valet-alert .modal-rvs-speed,#valet-alert .modal-rvs-speed{margin-top:0}
#modal-geofence .modal-dialog.modal-gf{margin-top:0}
div#notification_error_geofence+div{width:100% !important}
}
@media(max-width :767px) and (min-width:100px){#modal_session_expiry .hyundai-modal-footer{text-align:center}
}
@media(max-width :767px){#btnAddGeoFence{width:100%}
}
#modal-geofence .scrollbar-inner>.scroll-element.scroll-y{width:6px}
#set-speed-alert .modal-close{margin-right:15px}
#set-speed-alert .speedIcon{margin-right:5px}
#set-speed-alert .toggle-heated1{padding-left:220px}
#speed-set{font-weight:bold;font-size:18px;line-height:30px}
#modal_notification_email .address_validation_popup .login-username input,#modal_notification_email .address_validation_popup .login-password input{padding-top:14px !important;padding-bottom:14px !important}
#modal_notification_email .input_legend{left:10px}
#modal_notification_email .login-password span.frm_error_msg{margin:0;margin-bottom:20px}
@media only screen and (min-device-width :768px) and (max-device-width :1024px){.tab-pane.active{display:block !important}
.ds-search-results #ds_suggestions{width:100%;top:97px !important}
.heremaplayout .H_ib_body{right:-136px !important}
.H_ib .H_ib_tail{left:-84px !important}
.changeservicelocationpopup .H_ib .H_ib_tail{left:-77px !important}
#modal-dealer-locator .search-panel{margin-left:15px !important;width:92% !important}
#modal-dealer-locator .margin-adjust{margin-left:0 !important;margin-right:0 !important}
#modal-dealer-locator .hy-modal-content .margin-adjust{margin-left:-10px;margin-right:-10px}
}
.set-alert-r3 button{margin-bottom:30px}
#modal1_ev_car .power-button-header{margin-top:13px}
#modal1_ev_car .hyundai-modal-header{margin-bottom:10px}
#modal1_ev_car .temperature{border-left:0;margin-left:0}
#modal1_ev_car .temp-toggle{right:10px}
#modal1_ev_car .temperature{width:55%;padding-bottom:40px;margin-right:20%}
#modal1_ev_car button#remoteStart{display:block;margin-top:29px;max-width:217px;width:217px}
#modal1_ev_car .defrost{padding:5px 0 15px 15px;font-size:18px}
#modal1_ev_car .heated-notice.s11 span{margin-top:31px;position:absolute;width:60%}
#modal1_ev_car .onoffswitch3{float:right;bottom:27px}
.modal-r2,.modal-r1{border-bottom:1px solid #ccc}
#modal1_gen1_car .modal-r2{border-top:1px solid #ccc;margin-top:25px;padding:15px 0 0 0}
.dashboard_page #modal1_gen1_car .modal-r2{border-top:0;margin-top:0}
#modal1_gen1_car .precond.remote_font{margin-bottom:12px}
@media(max-width :767px){.dashboard_page #modal1_gen1_car .modal-r2{padding-right:0}
#heatseat #seatTempManagement .left-back-seat-section .seatLevelHeater{margin-bottom:-3px}
}
@media(max-width :400px){.dashboard_page #modal1_gen1_car .modal-r2{padding-right:0}
}
#modal1_gen1_car .precond{margin-bottom:15px}
#modal1_ev_car .toggle-deforst{margin-top:0;float:right;margin-left:230px}
#modal1_ev_car .duration-notice{padding-left:13px}
#modal1_ev_car ul.remoteStart_details{font-size:16px}
#modal1_ev_car .precond.s16.remote_font{font-size:16px !important}
#modal1_ev_car .power-button-header{vertical-align:sub}
.remotestop .lock-close,.modal-rvs .light-close{margin-right:17px;margin-top:-16px}
.remotestop .remotelock_margin{margin-left:23px}
.remotestop .remote-lock-body{margin-left:20px;padding-left:24px;position:relative}
INPUT#rvs-PIN,INPUT#rvs-PIN1,input#rvs-PIN4,input#rvs-PIN,input#rvs-PIN3,input#rvs-PIN2,input#car-finder-pin{color:#ccc}
INPUT#rvs-PIN::placeholder,INPUT#rvs-PIN1::placeholder,input#rvs-PIN4::placeholder,input#rvs-PIN::placeholder,input#rvs-PIN3::placeholder,input#rvs-PIN2::placeholder,input#car-finder-pin::placeholder{color:#ccc}
.lock-r1,.lock-r2,.lock-r3,.light-r1,.light-r3{font-family:HyundaiSansTextOffice-Regular}
.valet-miles-st{font-family:HyundaiSansHeadOffice-Regular;font-size:18px}
.option-valet .scrollbar-inner{overflow-y:auto}
.speed-timeout-header{height:40px;background:#0074c8;color:#fff;text-align:center;padding:13px;display:none}
.lock-close{margin-right:18px}
span.remote-light-head{padding-left:14px;top:-7px;position:relative}
.remotelock_margin{margin-top:14px}
.modalheader_margin #PIN-text1,.modalheader_margin #PIN-text,.modalheader_margin #PIN-text2,.modalheader_margin #PIN-text3,.modalheader_margin span#PIN-text4,span#PIN-text4{display:inline-flex;margin-top:10px}
.power-button-header{margin-right:3px;height:32px;width:32px}
#rsmodal1 .power-button-header{margin-bottom:0}
#modal1 .power-button-header{width:30px;height:32px;vertical-align:text-top;margin-top:0}
#modal1 .hyundai-modal-header.s30.heading_margin{margin-top:15px}
#modal1 .modal-close{margin-top:-19px;margin-right:17px}
#modal1 .toggle-deforst,#modal1_gen1_car .toggle-deforst{position:relative;bottom:8px;padding-left:157px}
#modal1 .defrost,#modal1_ev_car .defrost,#modal1_gen1_car .defrost{display:inline-flex}
#modal1 .toggle-heated,.dashboard_page #modal1_gen1_car .toggle-heated{position:relative;float:right;right:33px;margin-top:-9px}
#modal1 .heated-notice{font-size:11px;width:50%;margin-top:7px}
#modal1 .temp-toggle{padding-left:109px}
#modal1_ev_car .temp-toggle{padding-left:115px}
#modal1 .bevel,#modal1_gen1_car .bevel{margin-top:-106px}
#modal1 .modal-content a:hover,#modal1_gen1_car .modal-content a:hover{border-bottom:0}
#modal1 .option li,#modal1_gen1_car .option li{padding:0}
#modal1 .option,#modal1_gen1_car .option{margin-top:-24px}
#modal1 .modal-r2,#modal1 .modal-r1{border-bottom:1px solid #ccc}
#modal1 .minutes-arrow,#modal1 .temperature{border-left:1px solid #ccc}
#modal1 .modal-r2,#modal1 .precond.s16.remote_font{font-size:16px !important}
#modal1 button#remoteStart{display:block;margin-top:28px;max-width:217px;width:217px}
.minus-arrow.disabled:hover,.plus-arrow.disabled:hover{opacity:.3}
.modal-content .fxloader,.vehicle_purchase_common .right-services .fxloader{display:none;border:2px solid rgba(150,150,150,0.8);border-top:2px solid rgba(0,0,0,0.8);border-radius:50%;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto;position:absolute;top:7px;right:-30px}
.vehicle_purchase_common .right-services .fxloader{top:15px;right:40px}
#modal-geofence .fxloader{top:70px;right:400px}
.modal-content #date_set .fxloader{display:none;border:2px solid rgba(150,150,150,0.8);border-top:2px solid rgba(0,0,0,0.8);border-radius:50%;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto;position:absolute;top:12px;right:-131px}
.modal-content .submit_fxloader{display:none;border:2px solid rgba(150,150,150,0.8);border-top:2px solid rgba(0,0,0,0.8);border-radius:50%;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto;position:absolute;top:216px;right:260px}
#notification_error_speed,#notification_error_valet{font-family:HyundaiSansTextOffice-Regular;width:88%;padding-top:18px;color:#c40712}
a.disabled-feature{pointer-events:none;cursor:not-allowed;opacity:.5}
#mapOverLay .nav-tabs>li.gft1 a:hover,#mapOverLay .nav-tabs>li.gft2 a:hover{background:0;border-bottom:1px transparent;border-top:1px transparent;color:#000;padding-top:10px;border-color:transparent}
.modal#modal-geofence h2{vertical-align:bottom;padding-left:10px}
#modal1_gen1_car button#remoteStart{display:inline-block;float:right}
.dashboard_page #modal1_gen1_car button#remoteStart{display:block;float:none;margin-top:35px}
#modalSpeed .modal-rvs-request .power-button-header{margin-bottom:-1px}
.search-clear{display:none;color:#888;font-size:40px;line-height:30px;position:absolute;right:5px;top:0;cursor:pointer}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){#modal1_ev_car .temperature{padding-bottom:36px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){#modal1_ev_car .submit-error{margin-left:2%;bottom:17%}
#modal1_ev_car .heated-surface.s18 .onoffswitch3{left:11%}
}
#frmgeoFenceBox .gfradius label{padding-left:10px}
#frmgeoFenceBox .radio-item{padding-left:0}
#gftxtlocation{padding-top:20px}
#geofence-notifs{padding:10px 0 0}
#submit_geofence{margin:0;display:inline-block}
#showSavedGfm img{width:13px;vertical-align:inherit}
.form-box-gfa .radio-item input[type=radio]:checked+label:after{left:7px}
#frmgeoFenceBox label:focus{outline:0}
#info_boundry img{width:16px;vertical-align:text-bottom;margin-left:5px}
.curfew-edit-link,.curfew-delete-link{font-family:HyundaiSansTextOffice-Regular}
.curfew_cancel{border-bottom:1px solid #0074c8 !important}
.s18{font-size:18px}
.st-end-day .s42{font-family:HyundaiSansHead-Bold}
.s42{font-size:42px}
.st-end-day .radio-inline span{font-family:HyundaiSansHeadOffice-Regular;font-size:24px}
#modal_curfewalert .power-button-header{margin-right:15px;vertical-align:sub}
@media(max-width :767px){#modal1_ev_car .toggle-deforst{margin-left:207px;margin-top:-10px}
#modal1_ev_car button#remoteStart{width:100%;max-width:100%;display:inline-block;margin-top:240px;position:inherit}
#modal1_ev_car{padding:0 !important;margin:0 !important}
.modal#modal-geofence h2{vertical-align:super}
#modal_curfewalert .power-button-header{top:3px;position:relative}
#modalValet .power-button-header{top:6px;margin-right:13px;position:relative}
.curfew_cancel{display:none;top:20px;position:relative}
.st-end-day .radio-inline span{font-size:14px}
.startday_ampm_colgd .radio-inline,.endday_ampm_colgd .radio-inline{margin-top:-15px}
.startday_week_arrow,.startday_hour_arrow,.startday_minutes_arrow,.endday_week_arrow,.endday_hour_arrow,.endday_minutes_arrow{margin-top:-5px}
.curfew-alert-date{font-family:HyundaiSansTextOffice-Regular}
}
.remotestop .lock-close,.modal-rvs .light-close{font-family:HyundaiSansTextOffice-Regular}
#vehStatusBtn{display:block;margin:auto;margin-bottom:30px;margin-top:110px}
img.vehStatus_climate{height:40px;width:40px;position:absolute;left:41%;margin-top:11%}
img.vehStatus_doorLocked{height:40px;width:40px;position:absolute;margin-left:-34%;margin-top:15%}
img.vehStatus_engineOff{height:40px;width:40px;position:absolute;left:24%;margin-top:115px}
.vehStatus_closed_trunk{top:29%;left:16%}
.vehStatus_closed_hood{left:83%;top:22%}
.positionHrLine{position:absolute;border-left:1px solid #ccc;display:inline-block}
.vehStatus_closedHood_hr{height:198px;left:17%;top:31%}
.vehStatus_engineOff_hr{height:37%;left:209px;top:34%}
.vehStatus_doorLocked_hr{height:173px;left:63.5%;top:35%}
.vehStatus_climate_hr{height:212px;top:150px;left:346px}
.vehStatus_closedTrunk_hr{height:233px;left:84%;top:25%}
p.climate_title{position:absolute;left:45%;top:64%;font-family:HyundaiSansTextOffice-Regular;font-size:12px;color:#888}
p.door_title{position:absolute;font-family:HyundaiSansTextOffice-Regular;font-size:12px;color:#888;left:65%;top:63%}
p.engine_title{position:absolute;font-family:HyundaiSansTextOffice-Regular;font-size:12px;color:#888;left:27%;top:64%}
p.hood_title{position:absolute;font-family:HyundaiSansTextOffice-Regular;font-size:12px;color:#888;left:18%;top:64%}
p.trunk_title{position:absolute;font-family:HyundaiSansTextOffice-Regular;font-size:12px;color:#888;left:85%;top:64%}
span.hood_status,span.trunk_status,span.engine_status,span.door_status,span.climate_status{font-family:HyundaiSansTextOffice-Regular;display:block;font-size:16px;color:#000}
.vehStatus_carImage{width:95%}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){.vehStatus_climate_hr{top:140px;left:44%}
.vehStatus_engineOff_hr{left:190px;top:36%}
}
@media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :landscape){.vehStatus_climate_hr{top:149px;left:44%}
.vehStatus_engineOff_hr{left:208px;top:34%}
}
@media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :portrait){.vehStatus_climate_hr{top:150px;left:43%}
.vehStatus_engineOff_hr{left:209px;top:34%}
}
@media(max-width :767px){#gf_pac_input_box.search-mobile span.search-location{top:13px}
#vehStatusBtn{width:90%;margin-left:4%;margin-bottom:30px;margin-top:36px}
img.vehStatus_engineOff{left:23%;margin-top:15%}
img.vehStatus_climate{left:47%;margin-top:15%}
img.vehStatus_doorLocked{left:104%;margin-top:14%}
.icon_engine{height:24px;width:24px;display:inline-block;margin-left:4px}
p.title_engine{font-family:HyundaiSansTextOffice-Regular;font-size:12px;color:#888;display:inline-block;vertical-align:sub;padding-top:9px}
span.status_engine{font-family:HyundaiSansTextOffice-Regular;font-size:16px;color:#000}
.hr_divider{border-bottom:1px solid #ccc}
.subHeader_vehStatus,.body_vehStatus{margin-left:15px;margin-right:15px}
.vehStatus_head{font-size:22px;padding-top:12px}
div.lastRow_vehStatus{height:43px}
#duration.remoteStart_mob{border-bottom:1px solid #ccc}
#modal1 .engine-time div.option.s16 li{padding:4px}
.hyundai-modal-header{font-size:22px}
.remoteStart_list{margin-left:-15px;margin-right:4px}
.recenter_timing{margin-left:10%}
.duration-notice.s11{padding-left:15px}
.duration-notice{padding-left:7px}
#modal6 .remotehl_header,#modal5_gen1_car .remotehl_header,#modal5_ev_car .remotehl_header{width:64%}
a.refresh-link span.refresh_txt{border-bottom:1px solid}
#modal7 .upper-name,#modal7 .lock-r2,#modal7 div.gps_error,#modal7 .error_msg_responce_notfound{font-size:14px}
#modal7 .error_msg_responce_notfound label{font-weight:normal}
#modal7 .lock-r2{margin-top:4px;width:210px}
#modal7 div.gps_error{margin-left:-15px;margin-bottom:22px}
.submit-error{margin-top:19px}
#modal1 .submit-error{margin-top:16px}
#modal1 #engine-temp_modal1,#modal1_ev_car #engine-temp_modal1,.dashboard_page #modal1_gen1_car #engine-temp_modal1_gen1_car{left:121px}
.remoteStart .power-button-header{margin-right:8px}
.remoteStart .duration-collapse span{margin-top:2px}
#modalLock .req-sent-wait{padding-top:10px;padding-bottom:10px}
#modalLock .lower-popup-button{margin-left:16px;margin-right:16px;padding-bottom:23px}
#modalLock .lower-popup-button input[type="button"]{width:100%;margin:0;margin-bottom:21px}
#modalLock .lower-popup-button a{margin-left:39%;margin-right:40%}
#modalLock .modal-rvs-request .power-button-header{margin-bottom:-4px;margin-top:-10px}
.remoteStart .modal-r2 div.col-xs-12{padding-left:16px}
.dashboard_page #modal1_gen1_car .modal-r2 div.col-xs-12{padding-left:4px}
ul.remoteStart_details>li{text-indent:-7px;padding-left:12px}
.remoteStart img.minus-arrow,.remoteStart img.plus-arrow{height:83px;width:44px}
span.enginetime_dd_align{width:97px;display:inline-block;text-align:center}
img#minutes-arrow{margin-left:0}
.recenter_timing .minutes-text{padding-left:90px}
.dashboard_page .recenter_timing .minutes-text{padding-left:80px}
.remotestop img.remote-stop{margin-top:5px;margin-bottom:15px;margin-right:7px}
.remotelock img.remote-lock,.remoteUnlock img.remote-lock,.remotehornlight span.remote-light-head,.vehicleStatusPopup .remote-light{margin-top:-10px;margin-bottom:-2px;margin-right:8px}
input.PIN-input::placeholder{letter-spacing:5px}
span.remote-light-head.vehStatus_head{top:-13px;left:5px}
}
@media(max-width :1024px) and (min-width:768px) and (orientation:portrait){.icon_engine{height:24px;width:24px;margin-left:4px}
p.title_engine{display:inline-block}
span.icon_engine{margin-left:32px}
}
ul.remoteStart_details{list-style:none}
a.refresh-link span.refresh_txt{border-bottom:1px solid}
a.refresh-link,a.refresh-link:hover{text-decoration:none;border-bottom:0 !important}
.remoteStart .panel-collapse.collapse div.col-xs-6.col-md-12.col-lg-12,.remoteStart .panel-collapse.collapse .accordion-body.s14{padding-left:0}
#modal6 button#lightAndHorn,#modal5_gen1_car button#lightAndHorn,#modal5_ev_car button#lightAndHorn{margin-top:100px}
input.PIN-input::-webkit-input-placeholder,input.PIN-input::-moz-placeholder,input.PIN-input:-moz-placeholder,input.PIN-input:-ms-input-placeholder{font-size:15px}
.connected-services #safeguard-alerts .cs-alert-column{padding-bottom:30px}
#gf_map_container .pac-container.force-display{display:block !important}
img.plus-arrow{height:91px;width:44px}
img.minus-arrow{height:91px;width:44px}
@media(max-width :767px){.fpo-car{margin-top:10px;height:90px}
}
#notification_error_geofence{color:#c40712;padding-top:10px}
.timer_check .gfs-actions a.lockedlink{opacity:.5}
#modal1 .power-button-header{vertical-align:top}
div.error_msg_responce_notfound{margin-top:15px}
@media(max-width :767px){#modal1_gen1_car .duration-notice.duration_notice_g1ev{width:97%;font-size:11px;line-height:15px}
#modal2_ev_car .modal-dialog,#modal3_ev_car .modal-dialog,#modal4_ev_car .modal-dialog,#modal5_ev_car .modal-dialog{margin-top:0}
#modal2_gen1_car .modal-dialog,#modal3_gen1_car .modal-dialog,#modal4_gen1_car .modal-dialog,#modal5_gen1_car .modal-dialog{margin-top:0}
#modal2 .modal-dialog,#modal3 .modal-dialog,#modal4 .modal-dialog,#modal5 .modal-dialog,#modal6 .modal-dialog{margin-top:0}
#modal2 .hyundai-modal-header{padding-bottom:0 !important}
.remotestop .lock-close{margin-top:-10px}
.remotelock img.remote-lock,.remoteUnlock img.remote-lock,.remotehornlight span.remote-light-head,.vehicleStatusPopup .remote-light{margin-top:5px;margin-bottom:0}
.remotestop .lock-close,.modal-rvs .light-close{margin-top:-10px}
.remotehornlight span.remote-light-head,.remote-light{margin-top:12px}
.remotehornlight span.remote-light-head{margin-left:8px}
#modal6 .remote-light{margin-top:10px}
#modal1 .modal-close{margin-top:-10px !important}
#modal1 .power-button-header{margin-top:0;vertical-align:sub}
#modal1_ev_car .duration-notice.s11{width:101%;padding-left:3px}
#modal1_ev_car .PIN-input::placeholder{position:relative;top:-2px}
#modal1 .modal-content,#modal2 .modal-content,#modal3 .modal-content,#modal4 .modal-content,#modal5 .modal-content,#modal6 .modal-content{min-height:100%}
#modal1 .modal-dialog,#modal2 .modal-dialog,#modal3 .modal-dialog,#modal4 .modal-dialog,#modal5 .modal-dialog,#modal6 .modal-dialog{height:100%}
#modal1_ev_car .modal-content,#modal2_ev_car .modal-content,#modal3_ev_car .modal-content,#modal4_ev_car .modal-content{min-height:100%}
#modal1_ev_car .modal-dialog,#modal2_ev_car .modal-dialog,#modal3_ev_car .modal-dialog,#modal4_ev_car .modal-dialog{height:100%}
#modal5_ev_car .modal-content,#modal6_ev_car .modal-content{min-height:100%}
#modal5_ev_car .modal-dialog,#modal6_ev_car .modal-dialog{height:100%}
#modal1_gen1_car .modal-content{min-height:100%}
#modal1_gen1_car .modal-dialog{height:100%}
#modal1_ev_car .hyundai-modal-footer .btn-submit{float:none;position:absolute}
#modal1 .hyundai-modal-footer .btn-submit{margin-bottom:0;float:none;position:static}
#modal1 .hyundai-modal-footer.remote-modal-footer,#modal1_ev_car .hyundai-modal-footer.remote-modal-footer{padding-bottom:40px}
#modal1 #engine-temp_modal1,#modal1_ev_car #engine-temp_modal1,.dashboard_page #modal1_gen1_car #engine-temp_modal1_gen1_car{left:120px;top:91px}
#modal1 .modal-content .modal-collapse-link[aria-expanded="true"]{border-bottom:2px solid #ccc}
#modal1 .modal-content .modal-collapse-link[aria-expanded="false"]{border-bottom:1px solid #ccc}
#modal1 .modal-r1 .temperature,#modal1_ev_car .modal-r1 .temperature{margin-top:0}
.remoteStart .temperature-collapse span{margin-top:2px}
input.PIN-input::-webkit-input-placeholder{color:#ccc;font-size:20px;position:relative;left:3px}
#modal2 input.PIN-input::-webkit-input-placeholder,#modal3 input.PIN-input::-webkit-input-placeholder,#modal4 input.PIN-input::-webkit-input-placeholder,#modal5 input.PIN-input::-webkit-input-placeholder,#modal6 input.PIN-input::-webkit-input-placeholder{padding-top:6px}
#modal2_ev_car input.PIN-input::-webkit-input-placeholder,#modal3_ev_car input.PIN-input::-webkit-input-placeholder,#modal4_ev_car input.PIN-input::-webkit-input-placeholder,#modal5_ev_car input.PIN-input::-webkit-input-placeholder,#modal6_ev_car input.PIN-input::-webkit-input-placeholder{padding-top:6px}
#modal2_gen1_car input.PIN-input::-webkit-input-placeholder,#modal3_gen1_car input.PIN-input::-webkit-input-placeholder,#modal4_gen1_car input.PIN-input::-webkit-input-placeholder,#modal5_gen1_car input.PIN-input::-webkit-input-placeholder,#modal6_gen1_car input.PIN-input::-webkit-input-placeholder{padding-top:6px}
input.PIN-input{top:0}
#create_account_email_validation .modal-dialog{height:100%}
#create_account_email_validation .modal-content{min-height:100%}
}
@media(max-width :320px){.startday_ampm_colgd .radio-inline,.endday_ampm_colgd .radio-inline{margin-left:4px}
.startday_ampm_colgd,.endday_ampm_colgd{width:55px;margin-left:0}
#engine-temp_modal1,#engine-temp_modal1_ev_car,.dashboard_page #modal1_gen1_car #engine-temp_modal1_gen1_car{width:40%;left:95px}
#modal1 .duration-notice.s11{width:100%;padding-left:26px}
#modal1 #engine-temp_modal1,.dashboard_page #modal1_gen1_car #engine-temp_modal1_gen1_car{left:100px}
#modal1 .hyundai-modal-footer.remote-modal-footer,#modal1_ev_car .hyundai-modal-footer.remote-modal-footer{padding-bottom:25px}
#modal1 .modal-dialog,#modal1_ev_car .modal-dialog{height:auto}
#modal1 .modal-r1 .temperature{margin-top:0}
}
@media(max-width :1024px) and (min-width:768px){#engine-temp_modal1_ev_car{left:38%}
#modal1 .power-button-header,#modal1_gen1_car .power-button-header{vertical-align:sub}
input.PIN-input::-webkit-input-placeholder{color:#ccc;font-size:20px;padding-top:3px}
input.PIN-input{font-size:20px;letter-spacing:5px}
}
#modal1 .nav>li>a,.dashboard_page #modal1_gen1_car .nav>li>a{padding:10px 15px}
#modal1 .option .scrollbar-inner,.dashboard_page #modal1_gen1_car .option .scrollbar-inner{max-height:250px}
#modal1 .nav>li>a:hover,.dashboard_page #modal1_gen1_car .nav>li>a:hover{color:#000 !important;border:0 !important;background-color:transparent !important}
#notification_error_curfew{color:#c40712;font-family:"HyundaiSansTextOffice-Regular"}
#modal5_ev_car .modal-dialog,#modal5_gen1_car .modal-dialog,#modal6 .modal-dialog,#modal4_gen1_car .modal-dialog,#modal4_ev_car .modal-dialog,#modal5 .modal-dialog{margin-top:122px}
#modal2_gen1_car .modal-dialog,#modal3 .modal-dialog,#modal2_ev_car .modal-dialog,#modal2 .modal-dialog,#modal3_gen1_car .modal-dialog,#modal4 .modal-dialog,#modal3_ev_car .modal-dialog,#modal1_gen1_car .modal-dialog{margin-top:150px}
img.remote-lock{margin-bottom:3px}
.remotelock_margin{margin-top:10px}
#modal2_gen1_car .lock-close,#modal3 .lock-close,#modal2_ev_car .lock-close{margin-right:18px}
#modal1_gen1_car .accordion-body.s14{padding-top:5px}
.PIN-input{position:relative;top:4px}
.PIN-input::placeholder{position:relative}
@media(min-width :1025px){.PIN-input::placeholder{position:relative;top:-4px}
}
.lock-r2{margin-top:19px}
#modal1_gen1_car .duration_notice_g1ev{padding:0;width:91%}
#modal-dealer-locator .gm-style-iw .days .oday{width:105px;padding-bottom:5px}
#modal-dealer-locator .gm-style-iw .days .ohour,#modal-dealer-locator .gm-style-iw .days .oday{display:table-cell}
#modal1_ev_car .modal-rvs .light-close{font-size:22px}
#modal1 .duration .duration-notice.s11{text-indent:-6px}
#modal6_ev_car img.refresh-Img{margin-left:29px;margin-right:7px}
#modal6_ev_car .vehStatus_time{font-size:16px}
#modal6_ev_car button.light-close.vehStatus_close{font-family:HyundaiSansTextOffice-Regular;color:#888}
#modal6_ev_car span.remote-light-head{padding-left:7px}
#modal6_ev_car .vehicle-status.hyundai-modal-header.s30.font_heading.remotelock_margin{padding-bottom:12px}
@media(max-width :767px){#modal1 .precondborder_align{width:97%}
#modal1 .precondborder_align .col-xs-12{padding-right:1px}
#modal1_ev_car .temperature{margin-left:0}
#modal1_ev_car .temperature{width:100%}
#modal1_ev_car #engine-temp_modal1{left:120px}
#modal1_ev_car #engine-temp_modal1_ev_car{margin-left:-43px;top:110px}
.electric_vehicle_dash .charge-status-btn .btn-white{border:1px solid var(--blue-btn);background-color:transparent;width:100% !important}
#modal1_ev_car .onoffswitch3{left:5px}
.electric_vehicle_dash .refresh-charge-wrapper{margin-top:0}
#modal1_ev_car .heated-notice.s11 span{margin-top:0}
#modal1_ev_car .row.modal-r2 div.col-xs-12{padding-left:10px}
#modal6_ev_car span.remote-light-head{top:-2px}
#modal6_ev_car .vehStatus_time{font-size:14px}
#modal6_ev_car a.refresh-link{display:block;margin-left:-27px;margin-top:22px}
#modal6_ev_car img.refresh-Img{margin-right:2px}
}
#modal4_ev_car .light-r3,#modal5 .light-r3,#modal4_gen1_car .light-r3{margin-top:14px}
#modal6_ev_car .refresh_txt,#modal6_ev_car .refresh-Img{cursor:pointer}
#modal6_ev_car .subHeader_vehStatus.disabled-feature{pointer-events:none;cursor:not-allowed;opacity:.5}
#modal6_ev_car .loader{display:none;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #0074c8;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:70px auto;position:absolute;z-index:99999;left:50%;top:23%;margin-left:-25px}
#modal6_ev_car .loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999;display:none}
#modal6_ev_car .loader-wrapper .loader{border-radius:50%;border-style:solid;border-width:5px;border-top-style:solid;border-top-width:5px;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:-25px 0 0 -25px;top:50%;left:50%;z-index:99;position:absolute}
#modal1_ev_car .PIN-input::placeholder{position:relative;top:-4px}
#valet-alert .option-valet .scrollbar-inner a:hover,#speed-alert .option-speed .scrollbar-inner a:hover{border-bottom:0 !important}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){#modal1_ev_car .modal-rvs{overflow-x:auto}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){#modal1_ev_car .toggle-heated{margin-right:0}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){input.PIN-input::-webkit-input-placeholder{color:#ccc;font-size:20px}
#modal1_ev_car .modal-rvs{overflow-x:auto}
#modal1_ev_car .PIN-input::placeholder{position:relative;top:0}
}
span#PIN-text{margin-top:10px}
input#gftxt_radius{border:1px solid #ccc}
#speed-pending-popup .power-button-header,#valet-pending-popup .power-button-header{margin-right:8px}
#speed-pending-popup h2,#valet-pending-popup h2{position:relative;top:2px}
#modal-geofence .fxloader-geo{vertical-align:middle;display:none;border:2px solid rgba(150,150,150,0.8);border-top:2px solid rgba(0,0,0,0.8);border-radius:50%;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto;position:relative;top:-5px;left:10px}
#modal-geofence .fxloader-geo.visible{display:inline-block}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results::-webkit-scrollbar{width:5px}
.destination-search-modal #mapOverLay-ds .tab-content .ds-search-results::-webkit-scrollbar-thumb{background-color:#8a8a8a}
.precondalign{margin-left:2px;margin-right:2px}
#modal4_gen1_car .light-r4,#modal4_ev_car .light-r4{padding-top:87px}
input.PIN-input:-ms-input-placeholder{font-size:26px !important}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast :none){input.PIN-input{font-size:26px !important}
}
#modal1 .precond[aria-expanded="true"],#modal1_ev_car .precond[aria-expanded="true"],#modal1_gen1_car .precond[aria-expanded="true"]{background:url('clientlib-hyundai-site/images/arrow1.jpg') no-repeat right center;background-size:16px}
#modal1 .precond[aria-expanded="false"],#modal1_ev_car .precond[aria-expanded="false"],#modal1_gen1_car .precond[aria-expanded="false"]{background:url('../../../../content/dam/hyundai/us/myhyundai/image/general/arrow2.png') no-repeat right center;background-size:16px}
@media(max-width :767px){.pending-popup .hyundai-modal-footer{padding-bottom:0;padding-left:15px !important;padding-right:15px}
.pending-popup .hyundai-modal-body{text-align:justify}
.pending-popup .hyundai-modal-footer .btn-submit{position:relative}
#modal1 .modal-content .temperature{width:97%}
#modal1 #engine-temp_modal1{line-height:70px;top:65px !important;left:138px !important}
#modal1_ev_car .defrost{padding:15px 0 0 3px}
}
#rvs-PIN .editErrorClass #placeholder,#rvs-PIN.editErrorClass::placeholder,#rvs-PIN.editErrorClass::-webkit-input-placeholder{color:#c40712}
.editErrorClass{border:2px solid #c40712 !important;color:#c40712 !important}
#rvs-PIN4 .editErrorClass #placeholder,#rvs-PIN4.editErrorClass::placeholder,#rvs-PIN4.editErrorClass::-webkit-input-placeholder{color:#c40712}
#rvs-PIN1 .editErrorClass #placeholder,#rvs-PIN1.editErrorClass::placeholder,#rvs-PIN1.editErrorClass::-webkit-input-placeholder{color:#c40712}
#rvs-PIN3 .editErrorClass #placeholder,#rvs-PIN3.editErrorClass::placeholder,#rvs-PIN3.editErrorClass::-webkit-input-placeholder{color:#c40712}
input#rvs-PIN:focus,input#rvs-PIN1:focus,input#rvs-PIN2:focus,input#rvs-PIN3:focus,input#rvs-PIN4:focus{color:black}
@media(min-width :1025px){#modal1 .temp-degree{padding-left:41px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){#modal1 .toggle-heated,.dashboard_page #modal1_gen1_car .toggle-heated{right:11px}
#modal1_ev_car .toggle-deforst{margin-left:201px}
#modal1 .minutes-text{padding-left:61px}
#modal1 .minutes-arrow{margin-top:-14px}
#modal1 .temp-degree{padding-left:43px}
#modal1 .duration-notice{padding-left:21px}
#modal1 .defrost.s18{padding-left:14px}
}
#modal1_gen1_car .modal-r2{font-size:16px}
#modal1_gen1_car .precond{font-size:16px !important}
@media(max-width :767px){#modal1 .modal-content .modal-collapse-link[aria-expanded="true"]{border-bottom:0}
#modal1 .defrost.s18{padding-left:10px;margin-left:0}
#modal1 .toggle-heated,.dashboard_page #modal1_gen1_car .toggle-heated{left:-9px;float:right;bottom:9px;margin-top:5px}
#modal1 .temperature .heated-surface,.dashboard_page #modal1_gen1_car .temperature .heated-surface{margin-top:10px;margin-left:10px}
#modal1 .heated-notice.s11,.dashboard_page #modal1_gen1_car .heated-notice.s11{margin-top:-13px;padding-left:10px}
#modal1 .minutes-text{margin-top:11px}
#modal1 .duration-notice.s11{width:100%;padding-left:20px !important;text-indent:-8px}
#modal1 .sup{top:-.1em}
#modal1 .temperature-collapse sup{top:-.2em}
}
#modal1 .duration-notice{font-size:11px}
#modal1 .duration-notice.s11{padding-left:15px}
@media(max-width :767px){.valetIcon{vertical-align:text-bottom}
#modal1 .defrost{display:block}
#modal-geofence .fxloader-geo{top:-3px}
#modal1_ev_car .heated-surface,#modal1 .defrost.s18{padding-top:17px}
#modal1_ev_car .heated-notice{padding-left:1px}
#modal1_ev_car sup{top:-.2em}
#modal1 .temp-heading{padding-top:0}
.destination-search-modal .marker-container.fav_container .address a{pointer-events:inherit}
}
#curfew-add:link{border-bottom:1px solid #0074c8 !important}
input[type="text"],input[type="text1"],input[type="email"],input[type="password"]::-ms-input-placeholder,input[type="number"],input[type="tel"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#ccc}
@media(min-width :411px) and (max-width:823px){#modal1 .heated-surface,.dashboard_page #modal1_gen1_car .heated-surface{margin-bottom:0}
#modal1 .heated-surface,.dashboard_page #modal1_gen1_car .heated-surface{margin-top:24px !important}
#modal1 .heated-notice.s11,.dashboard_page #modal1_gen1_car .heated-notice.s11{margin-top:6px}
}
#modal1 .heated-surface,.dashboard_page #modal1_gen1_car .heated-surface{margin-bottom:0;padding-top:0;margin-left:15px;padding-left:0}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){#modal1 .heated-surface{margin-top:0}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px){#modal1 .toggle-heated,.dashboard_page #modal1_gen1_car .toggle-heated{right:34px}
}
@media only screen and (device-width:768px){#modal1 .heated-surface,.dashboard_page #modal1_gen1_car .heated-surface{margin-top:0 !important}
}
.valet-title{padding-top:10px;display:inline-block}
@media(max-width :440px){#set-speed-alert .modal-dialog,#set-speed-alert .modal-content,#speed-alert .modal-dialog,#speed-alert .modal-content,#valet-alert .modal-dialog,#valet-alert .modal-content,#set-valet-alert .modal-dialog,#set-valet-alert .modal-content{height:100%}
}
#gf_pac_input_box .search-clear{top:7px !important}
@media(max-width :768px){.pinText{display:block}
input#rvs-PIN4,input#rvs-PIN3,input#rvs-PIN2,.hyundai-modal-footer .PIN-input,input#rvs-PIN1{margin-right:10px}
.modalheader_margin span#PIN-text4,span#PIN-text4,.modalheader_margin #PIN-text1{margin-top:16px}
#modal4_gen1_car span.remote-light-head,#modal5 span.remote-light-head{top:1px}
#modal3_gen1_car .lock-r1,#modal2_gen1_car .lock-r1{font-size:14px}
#modal3_gen1_car #PIN-text3,.modalheader_margin #PIN-text2,.modalheader_margin #PIN-text3{margin-top:16px}
#modal1_gen1_car button#remoteStart{display:block;width:90%;margin-left:0}
#modal1_gen1_car .hyundai-modal-footer .PIN-input,#modal1 .hyundai-modal-footer .PIN-input{margin-bottom:0}
#modal1 button#remoteStart{margin-top:80px;max-width:100%;width:90%;margin-bottom:25px}
#modal1 .submit-error{position:relative;float:none}
.submit-error{position:relative}
}
.find-dealer .search-panel{margin-left:5px}
.view_more_btn_div .col-lg-12{text-align:center}
.view_more_button_ds{cursor:pointer}
#modal_second_driver .invite_permission .modal-close{margin:-8px 13px 15px 0 !important;font-size:34px !important}
.curfew-modal-body .scroll-wrapper>.scroll-content{max-height:168px !important}
#modal1_ev_car .hilow{left:150px}
#modal1 #temperaturemodal1 .hilow_mobile{left:29% !important}
#modal1_gen1_car .hilow_mobile{left:29% !important}
#modal1_gen1_car .hilow{left:90px !important}
#modal1_gen1_car .duration-heading{padding-left:28px}
#modal1_gen1_car .duration-notice.left_notice{text-indent:-6px;padding-left:35px;width:102%}
#modal1_gen1_car .duration-notice.right_notice{padding-top:14px}
#modal1 .duration-heading{padding-left:18px}
#modal1 .duration-notice.left_notice{padding-left:24px}
@media(max-width :767px){@media(max-width:767px){#modal1 #engine-temp_modal1{text-align:center;right:0;left:33% !important}
.dashboard_page #modal1_gen1_car .toggle-deforst{float:right;bottom:9px;margin-top:5px;padding-left:0;padding-right:0}
.dashboard_page #modal1_gen1_car .heated-surface{font-size:18px}
#modal1_gen1_car .defrost{display:block}
}
}
@media(max-width :320px){#modal1_ev_car button#remoteStart{margin-top:140px}
}
@media(max-width :767px){.pinlocked_mobile{display:block;text-align:center}
#modalLock .lower-popup-button a{margin-left:0;margin-right:0;text-align:center}
}
button#remotelock,button#remoteunlock,button#lightAndHorn,button#remotelock,button#remoteStart,button#remotestop,button#vehStatusBtn{font-family:HyundaiSansHeadOffice-Regular;font-size:16px !important;font-weight:normal}
@media(max-width :767px){.search-result-viewmore{padding-bottom:30px !important}
button#remotelock,button#remoteunlock,button#lightAndHorn,button#remotelock,button#remoteStart,button#remotestop,button#vehStatusBtn{font-size:14px !important;height:40px !important}
#notification_error_speed{margin-top:50px}
.remotestop #modal2_stop_ev_car{margin-top:0}
}
a.rewards_notenrolled,a.rewards_notenrolled:hover,a.rewards_notenrolled:focus,a.rewards_notenrolled:visited{color:white !important}
#modal2_stop_ev_car{margin-top:150px}
input.editErrorClass::-webkit-input-placeholder{color:#c40712 !important}
input.editErrorClass::-moz-placeholder{color:#c40712 !important}
input.editErrorClass:-ms-input-placeholder{color:#c40712 !important}
input.editErrorClass:-moz-placeholder{color:#c40712 !important}
body.connected-services-body.modal-open{overflow:visible !important}
@media(max-width :767px){.dashboard_page #modal1_gen1_car .modal-dialog{max-height:calc(100vh);overflow-y:auto}
#gfMap .H_ib{top:8px !important}
#gfMap .H_ib .H_ib_body{bottom:-9.3em !important}
#gfMap .H_ib .H_ib_tail{left:-109px !important}
}
@media(max-width:640px) and (min-width:360px){#gfMap .H_ib .H_ib_tail{margin-top:6px}
}
@media(min-width:767px) and (max-width:1024px) and (orientation:portrait){#gfMap .H_ib{left:-95% !important;top:-8px !important}
#gfMap .H_ib .H_ib_body{bottom:-10.4em !important}
}
@media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :portrait){#gfMap .H_ib{left:-86% !important}
#gfMap .H_ib .H_ib_tail{left:-173px !important;top:18px !important}
}
.destination-search-modal .heremaplayout .modal-dialog{width:1240px;max-width:100%}
.destination-search-modal .heremaplayout span{margin-top:12px;width:auto;margin-top:4px}
#modalDS .s14 span{font-size:16px;line-height:22.8571px;width:60% !important;margin-top:0;padding-bottom:20px}
.H_ib .H_ib_body{border-radius:2px;background-color:#fff;height:auto;box-shadow:rgba(0,0,0,0.3) 0 1px 4px -1px}
#gfMap .H_ib{left:-89%;top:37px}
#gfMap .H_ib .H_ib_body .title{font-size:16px;font-family:"HyundaiSansTextOffice-Medium"}
#gfMap .H_ib .H_ib_body .address{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;width:60%;max-width:130px;min-width:130px;margin-bottom:7px}
#gfMap .H_ib .H_ib_body{margin:22px 22px 0 4px;color:#000;padding:8px 16px;min-width:150px;right:178px !important;bottom:-4.5em}
#gfMap .H_ib .H_ib_body .H_ib_content{margin:0}
#gfMap .H_ib .H_ib_tail{margin-left:55px !important}
.H_ib .H_ib_tail{width:0;height:0;border-right:11px solid transparent;border-left:11px solid transparent;border-top:24px solid rgba(0,0,0,0.1);position:absolute;left:-139px;top:-9px}
.changeservicelocationpopup .H_ib .H_ib_tail{left:-127px}
.H_ib .H_ib_tail:after{border-width:25px 10px 0 10px !important;left:-10px}
.H_ib .H_ib_tail:before{content:"";position:absolute;left:-10px;bottom:1px;height:24px;width:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:24px solid #fff}
.H_ib .H_ib_close{display:inline-block}
.userfavorite-modal-content .H_ib .H_ib_close{display:none}
.userfavorite-modal-content .H_ib .H_ib_close svg.H_icon{fill:#fff}
.H_ib .H_ib_close svg.H_icon{display:block;font-size:.6em;width:1em;height:1em;fill:#000}
.destination-search-modal .H_ib_content .marker-container span{font-size:12px}
#modal-dealer-locator .H_ib .H_ib_body{font-size:14px !important;overflow:hidden !important;font-family:"GenesisSansText-Regular" !important;font-weight:300;color:#000;padding:0}
#modal-dealer-locator .H_ib_body .dealer-details-iw{margin-right:0;margin-left:0;padding-top:5px;font-family:"HyundaiSansTextOffice-Regular"}
#modal-dealer-locator .H_ib_body .current-location{margin-bottom:13px;margin-top:13px}
#modal-dealer-locator .H_ib_body .sales-phone{margin-bottom:16px}
#modal-dealer-locator .H_ib_body .days .ohour,#modal-dealer-locator .gm-style-iw .days .oday{display:table-cell}
#modal-dealer-locator .H_ib_body .days .oday{width:105px;padding-bottom:5px;display:table-cell}
#modal-dealer-locator .H_ib_body .dealer-details-iw .dealer-title{padding-right:20px}
#map-dealer-locator .count-marker-icon,.destination-search-modal .count-marker-icon,#modal-geofence .count-marker-icon{color:#fff;background:url('../../../../content/dam/hyundai/us/myhyundai/image/general/icon/map-closed-shadow.svg') no-repeat center;width:30px;height:46px;display:inline-block;padding-bottom:0;border:0;vertical-align:top;text-align:center;font-size:18px;padding-top:0}
#map-dealer-locator .count-marker-icon-empty,.destination-search-modal .count-marker-icon-empty,#modal-geofence .count-marker-icon-empty{color:#0074c8;background:url('../../../../content/dam/hyundai/us/myhyundai/image/general/icon/map-open-shadow.svg') no-repeat center;width:30px;height:46px;display:inline-block;padding-bottom:0;border:0;vertical-align:top;text-align:center;font-size:18px;padding-top:5px}
@media all and (min-width:1025px){#map-dealer-locator .H_ib{margin:-50px 116px}
#destination-map .H_ib{margin:-50px 128px}
.find-dealer #map-dealer-locator .H_ib,#charging-station-map .H_ib{margin:-47px 128px}
}
@media all and (max-width:1024px){#map-dealer-locator .H_ib{margin:-50px 66px !important}
#destination-map .H_ib{margin:-50px 73px !important}
.find-dealer #map-dealer-locator .H_ib,#charging-station-map .H_ib{margin:-47px 73px !important}
#map-dealer-locator .search-panel{margin-top:-7px}
#map-dealer-locator .H_ib_body .current-location{margin-bottom:6px;margin-top:0}
#map-dealer-locator .H_ib_body .sales-phone{margin-bottom:4px}
#map-dealer-locator .current-location p{margin-bottom:1px;font-size:12px}
#map-dealer-locator .dealer-details-iw .delear-address{margin:1px 0}
#map-dealer-locator .dealer-details-iw .delear-address .phone{float:left;padding-right:100px}
#map-dealer-locator a{font-size:12px}
#map-dealer-locator .H_ib_body .days .oday{padding-bottom:0}
#map-dealer-locator .H_ib_body .days{font-size:13px;line-height:17px}
#map-dealer-locator .H_ib .H_ib_body{overflow-y:auto !important;overflow-x:hidden}
#map-dealer-locator .dealer-options{margin:10px 0 5px 0}
#map-dealer-locator .dealer-options a{line-height:12px}
.find-dealer #map-dealer-locator .dealer-details-iw .delear-address{line-height:18px}
.find-dealer #map-dealer-locator .H_ib_body .dealer-details-iw .dealer-title{line-height:17px}
}
@media(max-width :1200px) and (min-width:768px){.ev-station-results.search.visible-lg.here_map_evlist{display:block !important}
#charging_station_search_form #charge-input{width:300px !important}
}
@media(max-width :767px){#map-dealer-locator .H_ib{margin:-50px 45px !important}
#destination-map .H_ib{margin:-50px 37px !important}
.find-dealer #map-dealer-locator .H_ib,#charging-station-map .H_ib{margin:-47px 37px !important}
#charging_station_search_form #charge-input{width:100%}
#driver_presets .driver-collapse{border-top:0}
}
@media(min-width :410px) and (max-width:767px){.connected-services .search-submit{margin-top:12px !important}
}
@media(max-width :414px){.ds-search-results #ds_suggestions{z-index:100000 !important}
}
@media(max-width :375px){#gf_map_container .pac-container{width:100%}
}
#heatseat .toggle_button.hideit{display:none !important}
#heatseat #seatTempManagement .seatHolderLeft{text-align:left;margin-bottom:0;margin-top:50px;padding-left:5px}
#heatseat #seatTempManagement .seatHolderRight{text-align:right;margin-bottom:0;margin-top:50px;padding-right:5px}
#heatseat #seatTempManagement .allOff{padding:5px 0;height:40px !important}
#heatseat #seatTempManagement div.steering{text-align:center;padding-left:45px;margin:0 0 5px 0}
#heatseat #seatTempManagement .seatWrapper{display:inline-block}
#heatseat #seatTempManagement .defaultColor{display:none}
#heatseat #seatTempManagement .seatLevelHeater{margin:10px 0 0 0;text-align:center;display:none}
#heatseat #seatTempManagement .heatLevel{width:20%;margin:0 2px;background:#ecb4b5;height:5px;display:inherit;border-radius:2px;cursor:pointer;display:none}
#heatseat #seatTempManagement .heatLevel.dark-red{background:#c40712}
#heatseat #seatTempManagement .seatLevelCooler{margin:10px 0 0 0;text-align:center;display:none}
#heatseat #seatTempManagement .coolerLevel{width:20%;margin:0 2px;background:#b1d5ed;height:5px;display:inherit;border-radius:2px;cursor:pointer}
#heatseat #seatTempManagement .coolerLevel.dark-blue{background:#0074c8}
#heatseat #seatTempManagement .seatBlue,#heatseat #seatTempManagement .seatRed,#heatseat #seatTempManagement .seatDisabled,#heatseat #seatTempManagement .seatBlack,#heatseat #collapseOne #seatTempManagement .coolerLevel,#heatseat #collapseOne #seatTempManagement .heatLevel{display:none}
#heatseat #seatTempManagement .seatDisabled.active,#heatseat #seatTempManagement .seatBlack.active{display:inline}
.tempt-toggle{display:flex;align-items:center;position:relative;width:100%;margin:0 0 0 20px !important;padding:0 0 10px;justify-content:space-between}
.tempt-toggle .headted-heading{display:inline-block;width:100%;max-width:150px;font-family:"HyundaiSansHead-Bold"}
.tempt-toggle .toggle-heated{right:0 !important;position:absolute !important}
#modal1_ev_car .tempt-toggle .onoffswitch3{bottom:0}
#modal1_ev_car .tempt-toggle.defrost{font-size:18px;display:flex !important;padding:0 0 15px}
#modal1_ev_car .heated-notice.s11 span{margin-top:0}
#modal1_ev_car .tempt-toggle.defrost .toggle-deforst{margin-left:0}
#modal1_ev_car .tempt-toggle .headted-heading{margin:0}
@media(max-width:767px){.tempt-toggle .toggle-heated{left:auto !important;float:none !important}
.tempt-toggle .onoffswitch4-inner:before,.tempt-toggle .onoffswitch4-inner:after{height:32px;line-height:32px;font-size:14px}
.tempt-toggle,#modal1_ev_car .tempt-toggle{width:96%}
.tempt-toggle .onoffswitch4{width:77px}
.tempt-toggle .onoffswitch4-switch{width:26px;right:41px}
}
.SetModalRVS.modal-rvs{width:1150px}
.SetModalRVS.modal-rvs .remoteStartModal-container{border:1px solid #666;display:flex;margin:0 45px 100px 45px}
.SetModalRVS.modal-rvs .remoteStartModal-container .remoteStartLeftTabs{background:#e6e6e6;min-width:214px;border-right:1px solid #666}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList{width:100%;margin:0;padding:0}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li{width:100%;margin:0;padding:0;border-bottom:1px solid #666;list-style:none}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a{display:block;border:0;color:#000;padding:34px 27px;border-left:7px solid transparent}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a.active{background:#fff;margin-right:-1px;border-left:7px solid #0074c8}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a h5{font-size:16px;font-weight:bold;margin-bottom:10px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a p{font-size:14px;font-weight:bold;margin:0;text-transform:none}
.SetModalRVS.modal-rvs .remoteStarttabContent{padding:34px 0;min-width:843px}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInputBox{margin-left:6px}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInput{float:left}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInput .place_holder{text-transform:none}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInput INPUT.frm-txt{font-size:14px;width:275px}
.SetModalRVS.modal-rvs .remoteStarttabContent .editableTextSRV{font-size:36px;word-break:break-word}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInputBox .doneLink{font-weight:900;border:0;margin:36px 0 0 10px;display:inline-block;color:#0074c8}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInputBox .editLink{font-weight:900;border:0;margin:20px 0 0 10px;display:inline-block;text-transform:uppercase;color:#0074c8}
.SetModalRVS.modal-rvs .remoteStartBtnGroup{text-align:center;margin-top:40px}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStartBtnGroup button#remoteStart,#modal1 .SetModalRVS.modal-rvs .remoteStartBtnGroup button#remoteStart,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStartBtnGroup button#remoteStart{display:inline-block;margin:25px 5px 0 5px}
.SetModalRVS.modal-rvs .remoteStarttabContent .tempt-toggle .headted-heading{max-width:none}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .temp-heading,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .temp-heading,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .temp-heading{position:relative;padding-right:85px}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .temp-heading .temp-toggle,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .temp-heading .temp-toggle,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .temp-heading .temp-toggle{position:absolute;right:0;top:13px;margin:0;padding:0}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .defrost,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost{position:relative;padding-right:100px;display:block}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost .toggle-deforst,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .defrost .toggle-deforst,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost .toggle-deforst{position:absolute;right:22px;top:1px;margin:0;padding:0;bottom:auto}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface{padding-right:100px}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface .toggle-heated,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface .toggle-heated,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface .toggle-heated{right:21px !important;margin:0;top:0}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel{padding-right:100px}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated{right:21px !important;margin:0;top:0}
.SetModalRVS.modal-rvs .remoteStarttabContent .duration-notice{font-size:14px;line-height:21px;color:#000}
.SetModalRVS.modal-rvs .remoteStarttabContent .display_message{color:#c40712;font-size:11px;display:none}
.SetModalRVS.modal-rvs .remoteStarttabContent .doneLink.disabled{pointer-events:none;color:#888}
.SetModalRVS.modal-rvs .fahren-text{width:100%}
.SetModalRVS.modal-rvs span#PIN-text{width:auto;margin-left:20px}
.SetModalRVS.modal-rvs .remoteStarttabContent .temperature .duration-notice{padding-left:17px;padding-right:0}
@media screen and (max-width:1150px){.SetModalRVS.modal-rvs{width:100%}
.SetModalRVS.modal-rvs .remoteStartModal-container .remoteStartLeftTabs{min-width:170px}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a{padding:34px 11px}
}
@media screen and (max-width:1024px){#modal1_gen1_car .SetModalRVS.modal-rvs .modal-content,#modal1 .SetModalRVS.modal-rvs .modal-content,#modal1_ev_car .SetModalRVS.modal-rvs .modal-content{width:100% !important}
.SetModalRVS.modal-rvs .remoteStarttabContent{min-width:725px}
.SetModalRVS.modal-rvs .duration{margin-left:0;width:45%;padding:0}
.SetModalRVS.modal-rvs .duration-heading{padding-right:0}
.SetModalRVS.modal-rvs .hyundai-modal-body{margin-left:0;margin-right:0;padding-left:15px;padding-right:15px}
.SetModalRVS.modal-rvs .remoteStartModal-container{margin:0 25px 75px 25px}
.SetModalRVS.modal-rvs .hyundai-modal-header{padding-left:0}
#modal1_gen1_car .SetModalRVS.modal-rvs .temperature,#modal1 .SetModalRVS.modal-rvs .temperature,#modal1_ev_car .SetModalRVS.modal-rvs .temperature{width:55%;padding-right:0}
.SetModalRVS.modal-rvs .engine-time{padding-left:28px;font-size:56px;margin-top:10px}
.SetModalRVS.modal-rvs .minutes-arrow{margin-top:-12px;margin-left:20px;padding-top:23px;padding-bottom:24px;padding-left:32px}
.SetModalRVS.modal-rvs .minutes-text{padding-left:30px;margin-top:0}
.SetModalRVS.modal-rvs .duration-notice{font-size:14px;padding-left:0}
.SetModalRVS.modal-rvs .temp-heading{padding:15px 0;display:block;position:relative}
#modal1_gen1_car .SetModalRVS.modal-rvs .temp-heading .temp-toggle,#modal1 .SetModalRVS.modal-rvs .temp-heading .temp-toggle,#modal1_ev_car .SetModalRVS.modal-rvs .temp-heading .temp-toggle{left:auto !important;right:0;top:17px}
.SetModalRVS.modal-rvs #engine-temp{font-size:56px}
#modal1_gen1_car .SetModalRVS.modal-rvs .fahren-text,#modal1 .SetModalRVS.modal-rvs .fahren-text,#modal1_ev_car .SetModalRVS.modal-rvs .fahren-text{margin-top:0;padding-left:0;display:block;text-align:center;margin-left:0;margin-top:0;text-align:center;width:100%}
.SetModalRVS.modal-rvs .tempt-toggle{display:block;margin:15px 0 0 0 !important}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface .toggle-heated,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface .toggle-heated,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-surface .toggle-heated{right:0 !important;top:-5px}
#modal1_gen1_car .SetModalRVS.modal-rvs .bevel,#modal1 .SetModalRVS.modal-rvs .bevel,#modal1_ev_car .SetModalRVS.modal-rvs .bevel{position:absolute;margin-top:-87px;margin-left:0;height:87px;width:220px}
#modal1_gen1_car .SetModalRVS.modal-rvs .option,#modal1 .SetModalRVS.modal-rvs .option,#modal1_ev_car .SetModalRVS.modal-rvs .option{margin-top:0;margin-left:-28px}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInputBox{margin-left:0}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .defrost,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost{padding-left:0}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated{right:0 !important}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost .toggle-deforst,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .defrost .toggle-deforst,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost .toggle-deforst{right:0}
}
@media screen and (max-width:850px){.SetModalRVS.modal-rvs .remoteStarttabContent{min-width:542px}
.SetModalRVS.modal-rvs #seatTempManagement .seatBlock{height:200px}
.SetModalRVS.modal-rvs #heatseat #seatTempManagement .seatWrapper{display:block;margin-bottom:15px}
.SetModalRVS.modal-rvs .pinText{display:inline-block}
}
@media screen and (max-width:768px){.SetModalRVS.modal-rvs span#PIN-text{width:auto;margin-left:0;margin-top:0;display:inline-block;vertical-align:middle}
}
@media(max-width:767px){.SetModalRVS.modal-rvs .remoteStarttabContent .presetInputBox .editLink{margin-top:6px}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList li{border:0}
.SetModalRVS.modal-rvs .remoteStartModal-container .remoteStartLeftTabs{width:100%;min-width:100%}
.SetModalRVS.modal-rvs .remoteStarttabContent{display:none;min-width:100%}
.SetModalRVS.modal-rvs .remoteStartModal-container{margin:0 0 50px 0;border:0}
.SetModalRVS.modal-rvs .remoteStartBtnGroup button{margin:0 0 10px 0 !important}
.SetModalRVS.modal-rvs .duration{width:100%;position:relative}
.SetModalRVS.modal-rvs .engine-time{text-align:center;position:relative}
#modal1_gen1_car .SetModalRVS.modal-rvs .bevel,#modal1 .SetModalRVS.modal-rvs .bevel,#modal1_ev_car .SetModalRVS.modal-rvs .bevel{margin:0 auto !important;left:0;right:0;top:-12px}
#modal1_gen1_car .SetModalRVS.modal-rvs .engine-time .option,#modal1 .SetModalRVS.modal-rvs .engine-time .option,#modal1_ev_car .SetModalRVS.modal-rvs .engine-time .option{position:absolute;left:0;right:0;margin:0 auto}
#modal1_gen1_car .SetModalRVS.modal-rvs .option .scrollbar-inner,#modal1 .SetModalRVS.modal-rvs .option .scrollbar-inner,#modal1_ev_car .SetModalRVS.modal-rvs .option .scrollbar-inner{max-height:none !important;height:200px !important}
.SetModalRVS.modal-rvs .minutes-text{text-align:center;margin-left:-57px}
#modal1_gen1_car .SetModalRVS.modal-rvs .temperature,#modal1 .SetModalRVS.modal-rvs .temperature,#modal1_ev_car .SetModalRVS.modal-rvs .temperature{width:100%}
.SetModalRVS.modal-rvs .remoteStartModal-container .remoteStartLeftTabs{background:#fff;border-right:0;border-top:1px solid #888}
.SetModalRVS.modal-rvs #MobileRemoteStarttabContent{display:none}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a{border-left:0;border-bottom:1px solid #888;background:#ccc;padding:15px 11px;position:relative}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a:before{content:'';position:absolute;right:15px;top:19px;background:url('clientlib-hyundai-site/images/rps_arrow_down.png');width:16px;height:10px}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a.active:before{content:'';background:url('clientlib-hyundai-site/images/rps_arrow_up.png')}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a h5{margin-bottom:0}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a p{display:none}
.SetModalRVS.modal-rvs .remoteStartLeftTabs .RS_tabList>li>a.active{border-left:0;background:#ccc}
.SetModalRVS.modal-rvs .remoteStartLeftTabs #MobileAccordianContentHere{display:block;background:#fff;border-bottom:1px solid #888;padding-left:15px;padding-right:15px}
#modal1_gen1_car .SetModalRVS.modal-rvs .modal-content,#modal1 .SetModalRVS.modal-rvs .modal-content,#modal1_ev_car .SetModalRVS.modal-rvs .modal-content{border:0}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .heated-steering-wheel .toggle-heated{top:0}
.SetModalRVS.modal-rvs #heatseat #seatTempManagement .seatWrapper{text-align:center}
.SetModalRVS.modal-rvs .duration-notice{padding-left:15px}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost,#modal1 .SetModalRVS.modal-rvs .remoteStarttabContent .defrost,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStarttabContent .defrost{padding-left:0;width:100%}
.SetModalRVS.modal-rvs .remoteStarttabContent .tempt-toggle{padding-left:0}
.SetModalRVS.modal-rvs .hyundai-modal-footer .PIN-input{display:inline-block;margin-left:15px}
.SetModalRVS.modal-rvs #engine-temp_modal1{left:0;top:57px;position:absolute;right:0;margin:auto}
.SetModalRVS.modal-rvs .recenter_timing{margin-left:0}
.SetModalRVS.modal-rvs .tempt-toggle{width:100%}
#modal1_gen1_car .SetModalRVS.modal-rvs .remoteStartBtnGroup button#remoteStart,#modal1 .SetModalRVS.modal-rvs .remoteStartBtnGroup button#remoteStart,#modal1_ev_car .SetModalRVS.modal-rvs .remoteStartBtnGroup button#remoteStart{display:block;width:100%;margin:0 0 15px 0;max-width:none;position:relative;top:0;left:0;right:0;bottom:0}
.SetModalRVS.modal-rvs span#PIN-text{display:block;margin-top:15px;position:relative}
#modal1_gen1_car .SetModalRVS.modal-rvs #engine-temp_modal1_gen1_car,#modal1 .SetModalRVS.modal-rvs #engine-temp_modal1{top:55px}
#modal1_ev_car .SetModalRVS.modal-rvs #engine-temp_modal1_ev_car{top:55px;margin:0;padding:0 10px}
#modal1_ev_car #engine-temp_modal1_ev_car{margin:0;padding:0 10px}
}
@media screen and (max-width:540px){.SetModalRVS.modal-rvs .hyundai-modal-body{padding-left:0;padding-right:0}
.SetModalRVS.modal-rvs .remoteStarttabContent .presetInput INPUT.frm-txt{width:240px !important}
}
#remotePresetValidatePinModal{z-index:1200;top:20%}
#remotePresetValidatePinModal .modal-content{padding:30px}
#remotePresetValidatePinModal .pinText{font-size:15px;position:relative;top:11px}
#remotePresetValidatePinModal .pinText{font-size:16px}
#remotePresetPinValidationInput{margin-left:15px;height:50px;padding:0;width:105px;font-size:36px;border:1px solid #ccc;text-align:center;position:relative;top:10px}
#remotePresetPinValidationError{position:absolute;left:48%;top:35%;font-size:16px;max-width:200px}
#remotePresetValidatePin{z-index:1200;top:35%}
#remotePresetValidatePin .s30{padding:30px}
.overlayModal::before{position:fixed;top:0;right:0;bottom:0;left:0;content:'';background:#000;opacity:.3}
.remoteStart .error-on-right{position:relative}
.remoteStart #remotePresetPinValidationError{top:0;margin:1.3rem 0 0 0}
@media(max-width:480px){#remotePresetPinValidationError{position:inherit;margin-top:20px;max-width:100%}
}
#destination-map .H_ctl.H_el.H_zoom.H_grp{margin-top:-225px}
.hyundai-modal-cap-body{margin-right:40px;margin-left:40px;margin-bottom:20px}
@media(max-width:767px){.hyundai-modal-cap-body{margin-right:15px;margin-left:15px;padding-bottom:20px}
.remoteStart .error-on-right{position:static}
.remoteStart #remotePresetPinValidationError{margin:2rem 0 0 0}
}
.for-personal-resources #perbutton{border-radius:0;margin-top:10px;margin-left:10px;font-size:14px;max-width:200px;font-family:"HyundaiSansTextOffice-Regular";color:#fff;border-color:#fff;height:inherit}
.for-personal-resources .container{text-transform:none;font-family:'HyundaiSansHeadOffice-Regular'}
.dropdown-menu,.dropdown-menu ul.nav{padding:0;margin:0;border-radius:0;min-width:180px}
.dropdown-menu>li>a,.dropdown-menu ul.nav>li>a{padding:10px 20px;color:#000;background:#fff;border-bottom:2px solid #ccc}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu ul.nav>li>a:focus,.dropdown-menu ul.nav>li>a:hover{color:#000;background:#f3f3f3}
.for-personal-resources{width:100%;text-align:center;padding:20px 30px;background:#1babd0;font-size:14px;text-transform:uppercase;font-family:'HyundaiSansHeadOffice-Regular';color:#fff}
.search-page-title{margin:40px 0 20px;font-size:42px;font-family:"HyundaiSansHead-Bold"}
.need-more-assistance{width:100%;float:left;text-align:center;padding:20px 30px;background:#e6e6e6;font-family:"HyundaiSansHeadOffice-Light";font-size:30px}
.need-more-assistance .btn{border-radius:0;padding:10px 60px;background:var(--blue-btn);border-color:var(--blue-btn);margin-left:20px;font-size:16px;font-family:"HyundaiSansHeadOffice-Light";color:#fff}
.search-sidebar{float:left;width:100%;padding-right:25px}
.search-sbar-widget-wrapper{width:100%;float:left;margin-bottom:30px}
.search-sbar-widget-wrapper .search-sbar-widget-title{background:#e6e6e6;color:#000 !important;font-size:14px;width:100%;float:left;border:0;padding:15px 10px;font-family:"HyundaiSansTextOffice-Medium"}
.search-sbar-widget-title.collapsed .fa-angle-up:before{content:"\f107"}
.search-sbar-widget-wrapper .collapse{padding:10px 10px 0;border-right:1px solid #ccc;float:left;width:100%}
.search-sbar-widget-wrapper .checkbox-item{color:#888;font-family:"HyundaiSansTextOffice-Regular";padding:0;margin:0 0 10px;width:100%;float:left}
.veh-reg-checkbox .checkbox-item{font-family:"HyundaiSansTextOffice-Regular";padding:0;margin:0 0 10px;width:100%;float:left}
.veh-reg-checkbox .checkbox-item{position:relative;min-height:30px}
.veh-reg-checkbox .checkbox-item label{padding-left:40px;position:relative}
.veh-reg-checkbox .checkbox-item label:before{top:-3px;left:0;position:absolute}
.veh-reg-checkbox{margin-top:20px}
.veh-reg-checkbox .checkbox-item input[type="checkbox"]:checked+label:after{top:0}
.search-sbar-widget-wrapper .checkbox-item label{font-weight:normal;cursor:pointer;position:relative;float:left;width:100%}
.search-sbar-widget-wrapper .checkbox-item label:before{margin:0 10px 0 0;width:22px;height:22px}
.search-sbar-widget-wrapper .checkbox-item input[type="checkbox"]:checked+label::after{top:6px}
.search-results-wrapper{float:left;width:100%}
.search-filter{float:left;width:100%;margin-bottom:40px}
.search-filter .btn-group{float:left;width:100%}
.search-filter .btn-group>.dropdown-menu{min-width:100%}
.search-filter .btn-group.open{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.search-filter .btn-group.open>.dropdown-menu{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.search-filter .btn-group .dropdown-toggle{width:100%;float:left;padding:10px 10px;border:1px solid #ccc;cursor:pointer;box-shadow:none;background:0;color:#000}
.search-filter .btn-group .dropdown-toggle .search-filter-arrow{border-left:1px solid #ccc;padding-left:10px;color:#000}
.search-filter .btn-group.open .dropdown-toggle .search-filter-arrow.fa:before{content:"\f106"}
.search-result-content{float:left;width:100%}
.search-filter .navbar-collapse{padding:0}
.search-filter label{text-transform:uppercase;font-weight:normal;font-size:14px;margin-bottom:10px;margin-top:10px}
.search-result-collapse[aria-expanded*="false"] .fa:before{content:"\f107"}
.search-result-collapse.collapsed .fa:before{content:"\f107"}
.search-result-block{float:left;width:100%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc}
.search-result-block.faq-data:last-child{border:0 !important}
.search-result-block.faq-data{padding-left:15px;padding-right:15px}
.search-result-blk-text-desc ul{margin-left:15px}
.search-result-block .search-result-blk-image{float:left;width:100%}
.search-result-block .search-result-blk-icon{float:left;width:100%;text-align:center;border:1px solid #ccc;padding:35px}
.search-result-block .search-result-blk-icon img{display:inline-block}
.search-result-block .search-result-blk-text{float:left;width:100%}
.search-result-block .search-result-blk-text h3{font-size:16px;font-family:"HyundaiSansTextOffice-Medium";margin:0 0 10px;line-height:inherit;color:#000}
.search-result-blk-text-desc{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;margin-bottom:10px}
.search-result-blk-text-button a{font-size:14px;font-family:"HyundaiSansTextOffice-Regular";background:0}
.search-result-viewmore{float:left;width:100%;text-align:center;margin-bottom:60px}
.search-result-viewmore a{font-size:16px;padding:0;border:0 !important;background:0}
.for-personal-resources span{font-family:"HyundaiSansHead-Bold";font-size:25px}
.search-result-viewmore a.search-result-collapse.collapsed span:before{content:"View More"}
.search-result-viewmore a .fa{display:block;font-size:20px;line-height:20px}
.search-result-block h4{text-transform:inherit;font-family:"HyundaiSansTextOffice-Medium";margin-bottom:10px;font-size:14px}
.search-result-block p{font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.search-sidebar .navbar-collapse{padding:0}
.search-tab-wrps .nav-tabs{margin-bottom:30px}
.search-tab-wrps .nav-tabs>li{background:0;padding:0}
.search-tab-wrps .nav-tabs>li>a{border-radius:0;background:#e6e6e6;margin-right:20px;border-top:5px solid #e6e6e6;text-align:center;font-family:"HyundaiSansTextOffice-Medium"}
.search-tab-wrps .nav-tabs>li>a:focus{outline:0}
.search-tab-wrps .nav-tabs>li.active>a,.search-tab-wrps .nav-tabs>li.active>a:focus,.search-tab-wrps .nav-tabs>li>a:focus,.search-tab-wrps .nav-tabs>li>a:checked{border-top-color:#804033;background:#fff;border-top-width:5px;padding-bottom:10px}
.search-tab-wrps .nav-tabs>li.active{border-left:0}
.search-filter-checkbox-wrps{float:left;width:100%;margin-top:20px;border-bottom:1px solid #ccc}
.search-filter-checkbox-wrps .checkbox-item{margin:0;padding:0;border-right:1px solid #ccc;width:100%;float:left;max-width:265px;margin-right:30px}
.search-filter-checkbox-wrps .checkbox-item label:before{float:left}
.search-filter-checkbox-wrps .search_filter_checkbox_catimg{float:left;margin-left:-15px;margin-top:-10px;width:120px}
.search-filter-checkbox-wrps .search_filter_checkbox_cattext{float:left;font-size:14px;width:110px;font-family:"HyundaiSansTextOffice-Medium"}
.selectcategory_wrps{float:left;width:100%;margin-bottom:50px}
.page-title{margin:40px 0 20px;font-size:42px;font-family:"HyundaiSansHeadOffice-Light";font-weight:normal}
.h3head-title{font-size:42px;color:#000;font-weight:normal;font-family:"HyundaiSansHeadOffice-Light";margin:0 0 20px;float:left;width:100%}
.h4subhead-title{font-size:18px;font-family:"HyundaiSansHeadOffice-Light";margin:-15px 0 25px;float:left;color:#888;font-weight:normal;width:100%}
.row.row-mrl-10{margin-left:-10px;margin-right:-10px}
.row.row-mrl-10 [class*="col-"]{padding-left:10px;padding-right:10px}
.selectcategory-block{float:left;width:100%;background:#f3f3f3;padding:25px;margin-bottom:20px;overflow:hidden;position:relative}
.full-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-bottom:0 !important}
.select-resource-category-block{float:left;width:100%;background:#f3f3f3;padding:14px 15px 14px 15px;margin-bottom:10px;overflow:hidden;position:relative;height:290px}
.selectcatblk_size{font-size:13px}
.selectcat_blk_size a{color:#1babd0;border-bottom:0}
@media(min-width:768px){.selectcategory-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}
.select-resource-category-block:hover{background:#fff;border:1px solid #e6e6e6;cursor:pointer;box-shadow:0 0 25px rgba(0,0,0,0.15)}
.search-filter-checkbox-wrps.carousel{display:block}
}
#search_filter_mobile_mv .carousel-control span::before{color:#888}
.selectcat_blk_icon{float:left;width:100%;margin-bottom:20px}
.selectcatblk_icon{float:left;width:100%;margin-bottom:10px}
.selectcatblk_title{float:left;width:100%}
.selectcatblk_title h4{margin:0 0 10px;font-family:"HyundaiSansHeadOffice-Regular";font-size:17px;color:#000}
.selectcat_blk_title h4{margin:0 0 10px;font-family:"HyundaiSansHeadOffice-Regular";font-size:18px;line-height:27px;color:#333}
.selectcatblk_desc{float:left;width:100%;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;min-height:80px;color:#000}
.selectcat_blk_desc{float:left;width:100%;font-family:"HyundaiSansTextOffice-Regular";font-size:16px;line-height:24px;min-height:80px;color:#333}
.selectcategory-block:hover .selectcatblk_desc{opacity:0}
.selectcatblk_button{opacity:0;position:absolute;bottom:30px;left:25px;right:25px}
.selectcat_blk_button{opacity:0;position:relative}
.selectcatblk_button a{background:var(--blue-btn);color:#fff !important;font-family:"HyundaiSansHeadOffice-Light";padding:15px 10px;width:100%;float:left;border:0;text-align:center}
.selectcat_blk_button a{font-family:'HyundaiSansTextOffice-Regular';float:left;border:0;text-align:center;margin-top:10px;color:#1babd0}
.selectcatblk_button a:hover{padding:15px 10px;border:0;background:var(--blue-btn-hover)}
.selectcat_blk_button a:hover{border-bottom:0;color:#1babd0}
.selectcat_blk_button a img{margin-bottom:4px}
.selectcat_blk_button a{font-size:16px}
.select-resource-category-block:hover .selectcat_blk_button{opacity:1}
.select-resource-category-block .category_button img{margin-bottom:4px}
.recommended-resources-wrps{float:left;width:100%;padding:50px 0;background:#f3f3f3}
.recommended-resources-block{float:left;width:100%;margin-bottom:20px}
.recommended-resourcesblk_img{float:left;width:100%;position:relative;cursor:pointer;overflow:hidden;margin-bottom:10px}
.recommended-resourcesblk_img img{width:100%}
.recommended-resourcesblk_hover{position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,0.4);bottom:0;padding:60px}
@media(min-width:768px){.recommended-resources-block:hover .recommended-resourcesblk_img{box-shadow:0 0 25px rgba(0,0,0,0.40);transform:scale(1.1,1.1);transition:all ease-in-out .2s}
.recommended-resources-block:hover .recommended-resourcesblk_hover{top:0}
}
@media(min-width:768px) and (max-width:991px){.recommended-resources-block:hover .recommended-resourcesblk_img{box-shadow:0 0 25px rgba(0,0,0,0.40);transform:scale(1.1,1.1);transition:all ease-in-out .2s}
.recommended-resources-block:hover .recommended-resourcesblk_hover{top:-33% !important}
.tabs_connect .js-tabcollapse-panel-heading .tabs_connect_iconarrow{position:absolute;right:10px;top:25%;font-size:24px;color:#888}
#tab_accr-accordion a{border-bottom:0 !important}
.tabs_connect .js-tabcollapse-panel-heading{padding:15px !important;position:relative}
.tabs_connect .js-tabcollapse-panel-heading[aria-expanded*="true"] .tabs_connect_iconarrow:before{content:"\f106"}
}
@media(min-width:992px) and (max-width:1199px){.recommended-resources-block:hover .recommended-resourcesblk_hover{top:-11% !important}
}
.recommended-resourcesblk-button{padding:15px 0;text-align:center;color:#fff !important;width:100%;background:#002c5e;border-radius:0;display:block;border-bottom:none !important}
.recommended-resourcesblk-button:hover{background:#002c5e;color:#fff}
.recommended-resourcesblk_text{float:left;width:100%}
.recommended-resourcesblk_text h4{margin:0 0 10px;font-size:18px;font-family:"HyundaiSansHeadOffice-Regular";color:#000}
.recommended-resourcesblk_text .recommended-resourcesblk-desc{margin:0;font-size:14px;font-family:"HyundaiSansTextOffice-Regular";min-height:40px}
.faq-wrps{float:left;width:100%}
.faq-accordion-wrps{float:left;width:100%}
.faq-accordion-wrps .panel{border:0;box-shadow:none;border-bottom:1px solid #ccc;float:left;width:100%;border-radius:0}
.faq-accordion-wrps .panel:last-child{border-bottom:0}
.faq-accordion-wrps .panel+panel{margin-top:0}
.faq-accordion-wrps .panel-heading{padding:0;background:0;border:0;float:left;width:100%}
.faq-accordion-wrps .panel .panel-collapse{float:left;width:100%}
.faq-accordion-wrps .panel .panel-body{float:left;width:100%;padding:20px 0}
.faq-accordion-wrps .panel-heading .panel-title a{padding:20px 20px 20px 0;float:left;width:100%;background:#fff;font-family:"HyundaiSansTextOffice-Medium";text-transform:inherit;font-size:14px;border-bottom:0;position:relative}
.faq-accordion-wrps .panel-heading .panel-title a .fa-faq-arrow{float:right;font-size:24px;color:#888;line-height:15px;position:absolute;right:0;top:20px}
.faq-accordion-wrps .panel-heading .panel-title a[aria-expanded*="true"] .fa:before{content:"\f106"}
footer{float:left;width:100%}
.marginauto{margin:0 auto;float:none !important}
.manual-list li .img-icon{background:rgba(0,0,0,0) url("clientlib-hyundai-site/images/icons/file-download.png") no-repeat scroll center top;height:17px;left:13px;position:absolute;width:15px}
.selectcategory_wrps .container{padding:0}
.resources-page .categoryblock{width:234px;float:left;padding:0 5px 0 5px}
.categoryblockWrps .panel_padding{display:flex !important;justify-content:space-between;border-bottom:0}
.categoryblockWrps .panel-default{margin-bottom:0;border-radius:0;border-bottom:1px solid #c3c3c3;padding-bottom:8px}
.categoryblockWrps .collapse.in{padding-left:14%;padding-right:13%}
.categoryblockWrps .panel-title>a:hover,.categoryblockWrps .panel-title>a[aria-expanded="true"]{color:unset;border-bottom:0}
.category_icon_title{display:flex;align-items:center}
.category_icon_title h4{font-size:20px;line-height:26px;font-family:'HyundaiSansHeadOffice-Medium';font-weight:500;color:#333;padding:0 5px 0 5px}
.category_arrow{display:flex;align-items:center;font-size:24px;color:#888}
.categoryblockWrps a[aria-expanded*="true"] .fa-cat-arrow:before{content:"\f106"}
.categoryblockWrps .category_button{padding:10px 0 10px 0}
.categoryblockWrps .category_button a{color:#1babd0;border-bottom:0;font-size:16px}
.categoryblockWrps .category_button a:hover{border-bottom:0}
.select-resource-category-block .not-hovered{display:block}
.select-resource-category-block .hovered{display:none}
.select-resource-category-block:hover .not-hovered{display:none}
.select-resource-category-block:hover .hovered{display:block}
.categoryblockWrps .category_desc{font-family:"HyundaiSansTextOffice-Regular";font-size:16px;line-height:24px}
@media(max-width:915px) and (min-width:412px){.categoryblockWrps .collapse.in{padding-left:12%}
}
@media(max-width:1199px) and (min-width:768px){.categoryblockWrps .collapse.in{padding-left:7%}
}
@media(max-width:1366px) and (min-width:1024px){.categoryblockWrps .collapse.in{padding-left:5%}
}
.scroll-wrapper{overflow:hidden !important;padding:0 !important;position:relative}
.scroll-wrapper>.scroll-content{border:none !important;box-sizing:content-box !important;height:auto;left:0;margin:0;max-height:none;max-width:none !important;padding:0;position:relative !important;top:0;width:auto !important}
.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}
.scroll-element{display:none}
.scroll-element,.scroll-element div{box-sizing:content-box}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default}
.scroll-textarea{border:1px solid #ccc;border-top-color:#999}
.scroll-textarea>.scroll-content{overflow:hidden !important}
.scroll-textarea>.scroll-content>textarea{border:none !important;box-sizing:border-box;height:100% !important;margin:0;max-height:none !important;max-width:none !important;overflow:scroll !important;outline:0;padding:2px;position:relative !important;top:0;width:100% !important}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}
.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:0;margin:0;padding:0;position:absolute;z-index:10}
.scrollbar-inner>.scroll-element div{display:block;height:100%;left:2px;top:0;width:100%}
.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}
.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:2px;top:0;width:7px}
.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}
.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track,.scrollbar-inner>.scroll-element .scroll-bar{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.scrollbar-inner>.scroll-element .scroll-element_track{-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0}
.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#e0e0e0}
.scrollbar-inner>.scroll-element .scroll-bar{background-color:#888 !important}
.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#999}
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#999}
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}
.scrollbar-inner{overflow-y:auto}
.option-speed .scrollbar-inner{max-height:320px}
#tabSaved .scrollbar-inner{max-height:390px}
.scrollbar-inner::-webkit-scrollbar{display:none}
#search_filter_mobile.navbar-collapse.collapse{height:auto !important}
.btn-group.btn-dropdown-group{float:left;width:100%}
.btn-group.btn-dropdown-group .dropdown-menu,.btn-group.btn-dropdown-group .dropdown-menu ul.nav{max-width:100%;min-width:100%}
.btn-group.btn-dropdown-group.open{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.btn-group.btn-dropdown-group.open>.dropdown-menu{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.btn-group.btn-dropdown-group .dropdown-toggle{width:100%;float:left;padding:10px;border:0 solid #ccc;cursor:pointer;box-shadow:none;background:0;color:#000;line-height:normal;font-family:"HyundaiSansHead-Light",Verdana,sans-serif;letter-spacing:-1px}
.btn-group.btn-dropdown-group .dropdown-toggle .search-filter-arrow{border-left:2px solid #e6e6e6;padding-left:10px;color:#000;margin-left:0;font-size:36px;margin-top:10px;line-height:50px}
.btn-group.btn-dropdown-group.open .dropdown-toggle .search-filter-arrow.fa:before{content:"\f106"}
.btn-group.btn-dropdown-group .dropdown-menu>li>a,.btn-group.btn-dropdown-group .dropdown-menu ul.nav>li>a{padding:15px;color:#000;text-align:center;text-transform:capitalize}
.dropdown-toggle span{text-transform:capitalize}
.legend_title{font-size:20px;border-bottom:1px solid #ccc;text-transform:uppercase;font-family:"HyundaiSansHeadOffice-Light"}
.vin-body{margin-left:20px;padding-left:15px;position:relative;margin-bottom:30px}
.vin_form input[type='text'],.vin_form input[type='email'],.vin_form input[type='password'],.vin_form input[type='number'],.vin_form select{width:340px;height:50px;border:solid 1px #ccc;color:#000;font-size:14px;background-color:#FFF}
.vin_form #btn-reg-form{width:310px}
#btn-reg-form.greyout{opacity:.5}
.vin-body INPUT.frm-txt ~ .place_holder{z-index:1}
.vin_form input[type='text'].input_error{display:inline-block}
.vin_form input[type="submit"],.vin_form input[type="button"]{color:#fff;margin-top:20px;width:310px}
.vin_form .frm_error_msg{float:left;width:60%}
.btn-info-popover{padding:0 !important;border:0 !important;color:#804033;margin-left:20px;background:none !important;display:inline-block}
.popover{border-radius:0;border:0;box-shadow:0 1px 16px rgba(0,0,0,0.12);font-family:"HyundaiSansTextOffice-Regular";max-width:336px}
.popover>.arrow{border-width:16px}
.popover.right{margin-left:20px}
.popover.right>.arrow{top:50%;left:-16px;margin-top:-16px}
.popover>.arrow:after{border-width:16px}
.popover.right>.arrow:after{bottom:-16px;left:0}
.popover .popover-content{padding:20px 30px}
.popover h3{margin:0 0 10px;font-size:16px;font-family:"HyundaiSansTextOffice-Medium";line-height:20px}
.popover p{margin:0 0 20px;font-family:"HyundaiSansTextOffice-Regular"}
.popover p:last-child{margin-bottom:0}
.vehicle-health-hdtile-v5{float:left;width:100%;padding:60px 0 60px;position:relative;margin-bottom:0}
.vehicle-health-hdtile-v5 .page-title{color:#fff;margin:0}
.vehicle-health-hdtile-v5 .page-title p{font-size:16px;font-family:"HyundaiSansTextOffice-Regular";line-height:24px;margin-bottom:0;margin-top:10px;font-weight:normal}
.vehicle-health-v5-wrps{float:left;width:100%;padding:40px 0;background:#fff}
.veh-reg-body{float:left;width:100%;padding:40px 0;background:#fff;max-width:1250px;margin-left:82px}
.vehicle-health-v5-wrps .h3head-title{margin-bottom:10px}
.vh-vinsubtitle{font-size:16px;color:#666;font-family:"HyundaiSansTextOffice-Regular";float:left;width:100%;margin-bottom:30px}
.off-car-accessories-wrps{float:left;width:100%;background:url(clientlib-hyundai-site/images/25offcaraccessories_imgbg.jpg) no-repeat top center;padding:60px 0}
.car-acce-txt{float:left;width:100%;text-align:center;color:#fff}
.car-acce-txt h3{font-family:"HyundaiSansHeadOffice-Light";font-size:30px;color:#fff;margin:0 0 15px}
.car-acce-txt .btn{min-width:330px;text-transform:uppercase;font-family:"HyundaiSansHeadOffice-Light";font-size:16px;padding:12px;border-radius:0}
.btn-white{background:#fff;color:#000;border-color:#000}
.btn-white:hover,.btn-white:focus{border:2px solid #000;color:#000}
.btn-black{background:#000;color:#fff;border-color:#fff}
.btn-black:hover,.btn-black:focus{background:#000;border-color:#000;color:#fff}
.btn-inverse{background:rgba(0,0,0,0.50);color:#fff;border-color:#fff}
.btn-inverse:hover,.btn-inverse:focus{background:#000;border-color:#fff;color:#fff}
.mapservice_wrps{float:left;width:100%}
.row.row-mrl-0{margin-left:0;margin-right:0}
.row.row-mrl-0 [class*="col-"]{padding-left:0;padding-right:0}
.vh-service-slider{float:left;width:100%;position:relative}
.vehicle-health-service-slider .bx-controls-direction{display:none}
.vh-srvsld-txt{position:absolute;left:0;right:0;top:0;bottom:0}
.vh-srvsld-txt h3{font-family:"HyundaiSansHeadOffice-Light";line-height:75px;font-size:75px;text-align:right;color:#fff;padding:40px}
.vh-srvsld-txt h3 span{font-size:24px;line-height:24px;display:block;text-align:right}
.vh-srvsld-txt .btn{border-radius:0;max-width:315px;padding:15px;text-transform:uppercase;position:absolute;bottom:60px;left:75px;right:75px}
.service-history-wrps{float:left;width:100%;padding:80px 0 60px;background:#fff}
.service-history-wrps .h3head-title{margin-bottom:0}
.h3head-title a{font-size:14px;font-family:"HyundaiSansTextOffice-Regular"}
.resp-collapse{display:none}
.resp-collapse-content{display:block}
.vh-maintenance-wrps{float:left;width:100%;background:#f3f3f3;padding:40px 0;color:#666}
.vh-maintenance-wrps p{color:#666}
.vh-maintenance-wrps .h3head-title{font-size:20px;line-height:24px;margin-bottom:10px}
.complimentary-desc h4{text-transform:uppercase;font-family:"HyundaiSansTextOffice-Medium";color:#888}
.complimentary-desc{float:left;width:100%;line-height:24px}
.complimentary-desc .active{color:#357f33;font-family:"HyundaiSansTextOffice-Medium";text-transform:uppercase}
.complimentary-desc p{color:#000}
.recommended-timeline-desc{margin-top:30px;color:#666;font-size:14px;font-family:"HyundaiSansTextOffice-Regular";margin-right:-22px;text-align:right}
.recommended-timeline-desc strong{font-family:"HyundaiSansTextOffice-Medium";color:#000}
.recommended-timeline-desc a{font-family:"HyundaiSansTextOffice-Regular";margin-left:10px}
.vh-alertstep{float:left;width:100%}
.vh-alertstep .bx-wrapper{box-shadow:none;margin-bottom:0}
.vh-alertstep .bx-wrapper li{background:none !important}
.vh-alertstep .bx-wrapper .bx-pager{display:none}
.vh-alertstep .bx-wrapper .bx-controls-direction a{top:0;margin-top:0}
.alertstep-block{float:left;width:100%;position:relative;margin-bottom:30px}
.alertstep-block .alertstepblk-icon{float:left;width:40px;position:absolute;left:55px;top:0;height:100%}
.alertstep-block .alertstepblk-text{padding:0;float:left;width:100%;position:relative;min-height:132px}
.alertstep-block .alertstepblk-textbx{float:left;width:100%;padding:0 55px 0 110px;font-family:"HyundaiSansTextOffice-Regular";color:#000}
.alertstep-block .alertstepblk-textbx h3{font-size:14px;margin-bottom:10px;line-height:14px;font-family:"HyundaiSansTextOffice-Medium"}
.alertstep-block .alertstepblk-textbx strong{font-family:"HyundaiSansTextOffice-Medium";color:#000}
.alertstep-block .alertstepblk-textbx h3 span{text-transform:uppercase;font-size:12px;color:#666}
.alertstep-block.alertstep-danger .alertstepblk-textbx h3{color:#c40712}
.alertstep-block.alertstep-warning .alertstepblk-textbx h3{color:#e6c809}
.alertstep-block.alertstep-good .alertstepblk-textbx h3{color:#357f33}
.alertstep-block.alertstep-good .alertstepblk-textbx{color:#666}
.alertstep-block .alertstepblk-button{float:left;width:100%}
.alertstep-block .alertstepblk-button .btn{border-radius:0;padding:14px 34px}
.alertstep-block .alertstepblk-button .btn+.btn{margin-left:10px}
.vh_image_right_height{height:320px}
.vh_image_right_big{position:absolute;width:100%;margin-top:0;bottom:-49px;height:100%}
.vh_checked_icon{position:absolute;text-align:center;left:0;width:auto;top:35%;display:none}
.vh_checked_icon.active{display:block}
.vh_checked_icon.vh_checked_image_good{left:390px}
.vh_checked_icon.vh_checked_image_danger{left:390px}
.vh_checked_icon.vh_checked_image_warning{left:230px;top:41%}
.vh_checked_icon.vh_checked_image_required{left:100px;top:41%}
.vehicle-health-viewmore{float:left;width:100%;text-align:center;margin-top:60px}
.vehicle-health-viewmore .vehicle-health-result{font-size:16px;padding:0;border:0 !important;background:0;cursor:pointer;display:inline-block}
.vehicle-health-viewmore .vehicle-health-result:hover{border:0 !important;background:0;padding:0}
.vehicle-health-viewmore .vehicle-health-result .fa{display:block;font-size:24px;line-height:20px}
.vehicle-health-viewmore .vehicle-health-result.active .fa:before{content:"\f106"}
.vh-trshowhide{display:none}
.headtitle_bx{float:left;width:100%}
.service-history-tablebx{float:left;width:100%}
.vh-maintenance-headtitle{float:left;width:100%}
.vh-sr-list{float:left;width:100%;padding:25px 0;border-bottom:1px solid #ccc;color:#000;font-size:16px}
.vh-sr-list label{font-weight:normal}
.vh-sr-list-th{color:#666;font-size:14px;font-family:"HyundaiSansTextOffice-Medium";text-transform:uppercase}
.service-history-wrps .vh-sr-list a.view-record-link{border:0;color:#804033;padding:0}
.service-history-wrps .vh-sr-list a.view-record-link .fa{font-size:18px;position:relative;top:2px;margin-left:4px}
.updatemileage-body{margin-left:20px;padding-left:15px;position:relative;margin-bottom:30px}
.updatemileage_form input[type='text'],.updatemileage_form input[type='email'],.updatemileage_form input[type='password'],.updatemileage_form input[type='number'],.vin_form select{width:200px;height:50px;border:solid 1px #ccc;color:#000;font-family:"HyundaiSansTextOffice-Medium";font-size:14px;background-color:#FFF}
.updatemileage_form input[type='text'].input_error{display:inline-block}
.updatemileage_form input[type="submit"],.updatemileage_form input[type="button"]{color:#fff;margin-top:20px;width:200px;margin-right:30px}
.updatemileage_form .frm_error_msg{float:left;width:100%}
.vehicle-health-hdtile-v4{float:left;width:100%;background:url(clientlib-hyundai-site/images/vehiclehealth_02_imgbg.png) no-repeat top center;padding:60px 0 0;position:relative;margin-bottom:0}
.vehicle-health-hdtile-v4 .page-title{color:#fff;margin:0}
.vehicle-health-hdtile-v4 .page-title p{font-size:16px;font-family:"HyundaiSansTextOffice-Regular";line-height:20px;margin-bottom:0;margin-top:10px}
.vehicle-health-banner{float:left;width:100%;color:#fff;text-align:center;background:#804033;padding:8px 10px;font-size:14px;margin-top:60px}
.vehicle-health-banner a{margin-left:10px;color:#fff;border-bottom-color:#fff;background:0}
.vehicle-health-banner a:hover{color:#000;border-bottom-color:#000}
.vehicle-health-v4-wrps{float:left;width:100%;padding:40px 0;background:#fff}
.vehicle-health-v4-wrps .h3head-title{margin-bottom:10px}
.update-mileage-btn img{margin:0 20px;display:inline-block}
.update-mileage-btn a{cursor:pointer}
.modal_mileage_icon{margin-top:-5px}
.alertstepblk-count-text{float:left;width:100%;text-align:center}
.alertstepblk-count-text .alertstep-number{font-size:90px;line-height:90px;font-family:"HyundaiSansHeadOffice-Light"}
.alertstepblk-count-text p{font-size:14px;color:#888;text-transform:uppercase;font-family:"HyundaiSansTextOffice-Regular"}
.vh_image_right_big-v4{position:static;width:100%;margin-top:-60px;margin-bottom:-40px}
.alertstep-block-v4{float:left;width:100%;position:relative}
.alertstep-block-v4 .alertstepblk-icon{float:left;width:71px;position:absolute;left:35px;top:0;height:100%}
.alertstep-block-v4 .alertstepblk-text{padding:0;float:left;width:100%;position:relative}
.alertstep-block-v4 .alertstepblk-textbx{float:left;width:100%;padding:0 30px 0 120px;font-family:"HyundaiSansTextOffice-Regular";color:#000}
.alertstep-block-v4 .alertstepblk-textbx h3{font-size:30px;line-height:30px;text-transform:uppercase;margin-bottom:10px;font-family:"HyundaiSansTextOffice-Medium"}
.alertstep-block-v4 .alertstepblk-textbx strong{font-family:"HyundaiSansTextOffice-Medium";color:#000}
.alertstep-block-v4 .alertstepblk-textbx h3 span{text-transform:uppercase;font-size:12px;color:#666}
.alertstep-block-v4.alertstep-danger .alertstepblk-textbx h3{color:#c40712}
.alertstep-block-v4.alertstep-warning .alertstepblk-textbx h3{color:#e6c809}
.alertstep-block-v4.alertstep-good .alertstepblk-textbx h3{color:#357f33}
.alertstep-block-v4.alertstep-good .alertstepblk-textbx{color:#666}
.alertstep-block-v4 .alertstepblk-button{float:left;width:100%;margin-top:22px;margin-bottom:10px}
.alertstep-block-v4 .alertstepblk-button .btn{border-radius:0;padding:15px 30px}
.alertstep-block-v4 .alertstepblk-button .btn+.btn{margin-left:20px}
.vh-vinsubtitle-v4{font-size:16px;color:#666;font-family:"HyundaiSansTextOffice-Regular";float:left;width:100%;margin-bottom:60px}
.add-service-record-v4{float:left;width:100%;margin-top:50px;margin-bottom:80px}
.add-service-record-v4 .btn{padding:15px 30px;border-radius:0;width:350px}
.add-service-record-v4 input.btn-reg-form{width:350px}
.fa.accordion-arrowicon{font-size:34px;line-height:16px}
.alertstep-block.alertstep-block-noaction-required .alertstepblk-textbx{padding:0 0 0 55px}
.alertstep-block.alertstep-block-noaction-required .alertstepblk-icon{left:0;top:-5px}
[aria-expanded*="true"] .fa.accordion-arrowicon:before{content:"\f106"}
.form-labeltitle{position:absolute;left:10px;background:#fff;font-size:13px;top:-7px;padding:0 5px;font-family:"HyundaiSansTextOffice-Medium";font-weight:normal;text-transform:uppercase}
.report-warning-wrps .report-warning-block.alertstep-good{border-color:#357f33;padding:20px 25px 20px 50px}
.report-warning-wrps .report-warning-block.alertstep-good h4{color:#357f33}
.mapservice_wrps .address-block{background:#fff}
.link_to_my_vehicles .fa{margin-right:10px}
.severe{color:#804033}
.addressmap_wrps.veh-reg #gfMap{height:230px;min-height:230px}
#add_vehicle #veh-reg-box{max-width:100%;float:left;width:100%;margin-bottom:20px;margin-top:0}
.city-input .frm-txt{width:100%}
div.frm-txt{background-color:rgba(0,0,0,0);border:1px solid #ccc;color:#000;font-family:"HyundaiSansTextOffice-Medium";font-size:14px;font-weight:normal;height:50px;padding:4px 10px;width:380px;z-index:1}
div.frm-txt .btn-group.btn-dropdown-group .dropdown-toggle{padding:7px 14px}
div.frm-txt .btn-group.btn-dropdown-group span{padding-top:12px}
.select-placeholder .place_holder{top:-8px;z-index:9}
div.frm-txt .btn-group.btn-dropdown-group .dropdown-toggle .search-filter-arrow{font-size:25px;margin-top:0;line-height:35px}
.veh-reg2 .addressblk_btnedit{top:0}
.add-vehicle{padding:40px 0 0;margin-left:82px}
#fname-error,#lname-error,#city-error{color:#c40612;padding-left:10px;font-weight:normal}
.place_holder{font-weight:normal}
INPUT.frm-txt{font-weight:normal}
.gs-slider .carousel-inner{padding-left:50px;padding-right:50px}
.gs-slider .carousel-inner .bx-wrapper .bx-prev{left:-50px}
.gs-slider .carousel-inner .bx-wrapper .bx-next{right:-50px}
.gs-slider{margin-bottom:30px}
.gs-slider .bx-wrapper{box-shadow:0 0 0 rgba(0,0,0,0)}
.gs-slider li:hover{background:0}
.gs-slider .filter-item .img{float:left}
.gs-slider .filter-item .checkbox-space-first{float:left;margin-top:10px}
.gs-slider .filter-item .text{float:right}
.gs-slider .bx-wrapper .bx-controls-direction a{top:30%}
@media(min-width:768px) and (max-width:991px){.selectcategory_wrps .container{padding-left:20px;padding-right:20px}
.vh_image_right_height-v4{display:none}
.complimentary-desc{margin-bottom:20px}
.h3head-title span.pull-left{float:left !important;width:100%}
.h3head-title a.pull-right{float:left !important;margin-top:10px}
.recommended-timeline-desc{text-align:left}
.recommended-timeline-desc span{display:inline-block;margin-bottom:10px}
.recommended-timeline-desc a{margin-left:0;margin-top:10px}
.vh-srvsld-txt h3{text-align:left}
.vh-srvsld-txt h3 span{text-align:left}
.addressmap_wrps #gf_map_container{display:block}
.addressmap_wrps .address-block{position:static}
.headtitle_bx .pull-right{float:left !important}
.vh-sr-list .resp-collapse{padding:0;border-bottom:0;background:0;cursor:pointer}
.vh-sr-list .resp-collapse-content{padding:20px;background:#f3f3f3;margin-top:20px;float:left;width:100%}
.vh-sr-list .resp-collapse-content label{float:left;width:100%;margin-bottom:20px;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.vh-sr-list .resp-collapse-content label span{font-family:"HyundaiSansTextOffice-Medium";font-size:13px;color:#666;width:100%}
.vh-sr-list .resp-collapse-content label span.visible-xs{display:block !important}
.resp-collapse{display:block}
.resp-collapse-content{display:none}
.vh-sr-list-th.hidden-xs{display:none !important}
.vh-sr-list .resp-collapse .vhsr-arrow{float:right;font-size:24px;line-height:14px}
.vh-sr-list .resp-collapse.collapsed .vhsr-arrow.fa:before{content:"\f107"}
.headtitle_bx{margin-bottom:20px}
}
.recommended-resourcesblk_img .small_glass_image_link{border-bottom:0}
@media(max-width:767px){.selectcategory_wrps .container{padding-right:15px;padding-left:15px}
.for-personal-resources #perbutton{margin-top:15px}
.resources_outer{text-align:center;margin:0 auto;width:50%}
.popover>.arrow{border-width:8px !important}
.popover.bottom>.arrow{top:-24px !important;border-bottom-color:transparent;border-top-color:transparent;margin-left:-18px}
.search-page-title{line-height:36px;font-size:30px;margin:15px 0}
.page-title{line-height:36px;font-size:30px;margin:15px 0}
.search-sidebar{padding-right:0 !important}
.search-sidebar .navbar-toggle{background:#e6e6e6;border-radius:0;color:#000;width:100%;margin:0;text-align:left;font-size:14px;font-family:"HyundaiSansHeadOffice-Light"}
.search-sidebar .navbar-toggle.collapsed .fa:before{content:"\f107"}
.search-sidebar .navbar-collapse{padding:5px !important;float:left;width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.search-filter{margin-top:10px;margin-bottom:10px}
.search-filter .navbar-toggle{background:0;border-radius:0;width:100%;color:#000;margin:0;padding:0;text-align:left;font-size:14px;font-family:"HyundaiSansHeadOffice-Regular"}
.search-filter .navbar-toggle.collapsed .fa:before{content:"\f067"}
.search-filter .btn-group{margin-bottom:10px}
.search-filter .navbar-collapse{padding:0;float:left;width:100%;overflow-x:hidden}
.search-sbar-widget-wrapper{margin-bottom:10px !important}
.search-results-wrapper{padding:0}
.search-filter .col-xs-4{padding-bottom:0}
.search-result-block .search-result-blk-image,.search-result-block .search-result-blk-icon{margin-bottom:10px}
.search-result-block{margin-bottom:20px;padding-bottom:20px}
.for-personal-resources{padding:20px 0 !important;font-size:14px;text-align:left}
.for-personal-resources .btn{width:100%}
.for-personal-resources #perbutton{max-width:100%;width:100% !important}
.need-more-assistance{padding:20px 0;font-size:22px;text-align:left}
.need-more-assistance .btn{margin:10px 0 0 !important}
.search-result-viewmore{margin-bottom:40px}
.search-filter .btn-group.open>.dropdown-menu{min-width:100%;position:static}
.search-tab-wrps .nav-tabs>li>a{margin-right:5px;font-size:12px;padding:10px 5px;color:#000}
.search-filter-checkbox-wrps .checkbox-item{margin-right:0;margin-bottom:30px;max-width:100%;border-right:0;border-bottom:1px solid #ccc}
.h3head-title{font-size:22px;line-height:25px}
.selectcatblk_icon{text-align:center;margin-bottom:9px}
.selectcatblk_icon img{max-height:32px}
.selectcatblk_title h4{font-size:14px}
.selectcatblk_desc{display:none}
.selectcategory-block{margin-bottom:10px;padding:10px;height:127px !important}
.selectcategory_wrps{margin-bottom:40px}
.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}
.recommended-resources-wrps{padding:20px 0}
.recommended-resourcesblk_hover{padding:40px}
.btn-group.btn-dropdown-group .dropdown-toggle .search-filter-arrow{line-height:24px;margin-top:4px;padding-left:4px;border-left-width:1px;font-size:16px}
.btn-group.btn-dropdown-group .dropdown-toggle{padding:10px 0}
.btn-group.btn-dropdown-group .dropdown-menu{min-width:120px}
.addressblk_title{padding-right:45px}
.addressblk_title h1{font-size:20px}
.addressblk_btnedit{top:20px}
.address-block{width:auto;right:15px;left:15px;top:15px;bottom:15px;padding:15px}
.vhrrblk_result{width:40px}
.vhr_report_block{padding:10px 50px 10px 80px;margin-bottom:10px}
.resp-collapse{display:block}
.resp-collapse-content{display:none}
.vh-sr-list .resp-collapse{padding:0;border-bottom:0;background:0;cursor:pointer}
.vh-sr-list .resp-collapse .vhsr-arrow{float:right;font-size:24px;line-height:14px}
.vh-sr-list .resp-collapse[aria-expanded*="false"] .vhsr-arrow.fa:before{content:"\f107"}
.vh-sr-list .resp-collapse.collapsed .vhsr-arrow.fa:before{content:"\f107"}
.vh-sr-list .resp-collapse-content{padding:20px;background:#f3f3f3;margin-top:20px;float:left;width:100%}
.vh-sr-list .resp-collapse-content label{float:left;width:100%;margin-bottom:20px;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.vh-sr-list .resp-collapse-content label span{font-family:"HyundaiSansTextOffice-Medium";font-size:13px;color:#666;width:100%}
.headtitle_bx{margin-bottom:20px}
.headtitle_bx .h3head-title{margin-bottom:10px}
.headtitle_bx .pull-right{float:left !important}
.off-car-accessories-wrps{background-size:cover;background-image:url(clientlib-hyundai-site/images/25offcaraccessories_imgbg_mobile.jpg)}
.car-acce-txt .btn{display:none}
.service-history-wrps{padding:30px 0 30px}
.vehicle-health-viewmore{margin-bottom:0;margin-top:40px}
.vh-srvsld-txt h3{text-align:center;line-height:70px;font-size:70px;padding:100px 25px}
.addressmap_wrps #gf_map_container{display:block}
.addressmap_wrps .address-block{position:static}
.vh-srvsld-txt h3 span{text-align:center}
.vehicle-health-v5-wrps{padding:20px 0}
.vh_image_right_height{display:none}
.alertstep-block .alertstepblk-textbx{padding:0 43px 0 87px}
.alertstep-block .alertstepblk-button .btn{padding:10px 15px 8px}
.alertstep-block .alertstepblk-icon{width:33px;left:43px}
.bx-wrapper .bx-controls-direction a{width:33px;height:33px;line-height:33px}
.vh-maintenance-wrps{padding:20px 0}
.vh-maintenance-wrps .h3head-title{font-size:18px}
.complimentary-desc{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc}
.vh-maintenance-headtitle{margin-bottom:10px}
.vh-maintenance-headtitle a.pull-right{float:left !important;margin-top:10px}
.vehicle-health-v4-wrps{padding:20px 0}
.alertstep-block-v4 .alertstepblk-button .btn{padding:10px 15px 8px}
.add-service-record-v4 .btn{width:100%;padding:10px 15px}
.vehicle-health-hdtile-v4{background-size:cover;padding:40px 0 0}
.vehicle-health-banner{margin-top:40px}
.alertstep-block-v4 .alertstepblk-button .btn+.btn{margin-left:10px}
.vh_image_right_big-v4{margin:0 0 -20px;display:none}
.alertstep-block-v4 .alertstepblk-textbx{padding:0 30px 0 95px}
.alertstep-block-v4 .alertstepblk-textbx h3{font-size:22px;line-height:24px}
.alertstep-block-v4 .alertstepblk-icon{width:50px;left:30px}
.alertstep-block-v4 .alertstepblk-icon img{max-width:100%}
.manage-sub-hdtile{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/Manage_enroll_BG.jpg) no-repeat top left;background-size:100% 170px;padding:30px 0 0;background-color:#fbfbfb;min-height:180px}
.manage-sub-hdtile.thankyou-page{background-size:350% auto}
.manage-sub-hdtile .page-title{font-size:30px;line-height:30px;width:100%}
.progress-menu-wrap{background:#fbfbfb;padding-top:15px;padding-bottom:15px}
.progress-menu{float:left;position:relative;width:100%}
.progress-menu ul{margin:0}
.progress-menu ul li{float:left;width:33.333%;padding:0 10px}
.progress-menu .progress-menu-line{left:0;right:0;text-align:center;width:65%}
.current-subsc-wrps.thankyou-page-wrps{padding-top:20px;margin-top:0}
.current-subsc-wrps{padding:20px 0}
.cur-sub-block{float:left;width:100%;margin-bottom:15px}
.cur-sub-block .cur-sub-title{width:50%;float:left;font-size:14px}
.cur-sub-block .cur-sub-title span{float:left;width:100%;margin:0}
.cur-sub-block .cur-sub-desc{width:50%;float:left}
.subsc-renew-block a.subsc-renew-featitle{float:left;border:0}
.subsc-renew-block a.subsc-renew-featitle .fa{color:#000;margin-left:5px}
.subsc-renew-featitle[aria-expanded*="true"] .fa:before{content:"\f068"}
.subrenewal_ul{display:none}
.subrenewal_ul li{float:left;width:100%}
.subrenewal_ul li:nth-of-type(2n+1){float:left;width:100%}
.pric-block .pric-duration{float:left;width:50%;text-align:left}
.pric-block .pric-discount{font-size:10px;color:#000;font-family:"HyundaiSansHeadOffice-Regular";float:right;text-align:right;line-height:10px}
.pric-block .pric-rate{float:right;text-align:right;width:50%;font-size:35px;line-height:35px}
.pric-block .pric-rate sup{font-size:15px}
.pric-block-wrap{float:left;padding:10px 0;text-align:center;width:100%}
.pric-block-wrap.do-not-add .radio-item{margin:0;width:100% !important;text-align:left}
.pric-block-wrap .pric-block{float:right;width:85%;min-height:inherit}
.pric-block-wrap .radio-item{float:left;width:15%;margin:-5px 0 0;text-align:left}
.pric-block-wrap .radio-item label:before{top:5px;width:20px;height:20px}
.pric-block-wrap .radio-item input[type="radio"]:checked+label::after{width:10px;top:10px;left:11px;height:10px}
.pricing-wrap .price_blk_collase{padding:10px 10px 0 10px;float:left;width:100%;border-bottom:1px solid #ccc !important;border-top:1px solid #ccc !important}
.pricing-wrap .price_blk_collase .pric-block{float:left;width:90%;min-height:inherit}
.pricing-wrap .price_blk_collase .fa{float:right;width:10%;text-align:right;font-size:24px;margin-top:5px}
.pricing-wrap .price_blk_collase[aria-expanded*="true"] .fa:before{content:"\f106"}
.subsc-renew-row .pricing-wrap{padding:0;min-height:inherit}
.subsc-renew-row{border-bottom:0}
.subsc-renew-wrps .h3head-title{border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:5px}
.subsc-renew-row .package-wrap{padding:10px 0}
.subsc-renew-row .prctotal-bx{padding:0}
.row.row-mrl-10{margin-left:-10px;margin-right:-10px}
.subsc-renew-block .subsc-renew-desc{font-size:13px}
.subsc-renew-block .subsc-renew-featitle{font-size:13px}
.promo-enter-wrap{font-size:14px}
.promo-enter-wrap.btn-wrap{text-align:center}
.promo-enter-wrap.btn-wrap .btn-black{margin-bottom:10px}
.promo-enter-wrap.btn-wrap a{text-align:center}
.subsc-renew-row .collapse{display:none}
.subsc-renew-row .collapse.in{display:block}
.current-subsc-wrps INPUT.frm-txt,.add-vehicle INPUT.frm-txt{width:100%}
.current-subsc-wrps INPUT.frm-txt.mm-input,.current-subsc-wrps INPUT.frm-txt.yyyy-input{width:30%}
.radio-item.radio-item-boxwrps label{padding:0}
.radio-item.radio-item-boxwrps label .radio-item-text{padding-left:40px}
.enter_new_card_bxblk .promo-enter-wrap.btn-wrap .btn-black{margin-bottom:20px}
.enter_new_card_bxblk .promo-enter-wrap.btn-wrap{margin-bottom:30px;margin-top:10px}
.order-summary-wrap .promo-enter-wrap{padding:20px 0}
.rev-ord-sidebar .promo-enter-wrap .col-xs-12{padding:0}
.review-order-wrap .ord-sum-block{padding:20px 0}
.connected-services #connected-services-help .hc-read-more{margin-bottom:20px;position:static}
.tabs_connect .js-tabcollapse-panel-heading{padding:15px !important;position:relative}
.tabs_connect .js-tabcollapse-panel-heading .tabs_connect_iconarrow{position:absolute;right:10px;top:25%;font-size:24px;color:#0074c8}
.tabs_connect .js-tabcollapse-panel-heading[aria-expanded*="true"] .tabs_connect_iconarrow:before{content:"\f106"}
.article-pic span{display:block}
.row-pdr .row-pdr{padding-right:15px !important}
.faq-section .row-pdr{padding-left:15px !important}
.section-nav{margin-bottom:0}
#remote-collapse .tab-container-wrapper{background:none !important}
.submit-error{margin-left:0;width:60%}
.modal{background:transparent}
.modal .modal-content{box-shadow:0 0 0 rgba(0,0,0,0);border:0}
.modal .modal-content.hy-modal-content{margin:10px}
.hyundai-modal-footer.remote-modal-footer{padding-bottom:70px}
.recommended-timeline-desc{text-align:left}
.recommended-timeline-desc a{margin-left:0;margin-top:10px}
.vin_form input[type="text"],.vin_form input[type="email"],.vin_form input[type="password"],.vin_form input[type="number"],.vin_form select{width:260px;font-size:12px}
.vin_form .input_legend{font-size:12px}
.vin-body{margin-left:0}
#modal_enteryournewgenesisVIN .s30{font-size:19px}
.btn-info-popover{margin-left:10px}
.vin_form #btn-reg-form{width:290px}
.selectcatblk_title{text-align:center;float:left;width:100%}
.add-vehicle #veh-reg-box INPUT.frm-txt{width:80% !important}
}
.servlochead{padding:0 0 30px 15px;font-weight:normal}
.select-placeholder .frm-txt .btn-group.btn-dropdown-group.open{box-shadow:none}
.select-placeholder .frm-txt{padding:0}
.select-placeholder .phone-zip .frm-txt{padding-left:14px}
.addressblk_btnedit1{position:absolute;right:0;top:2px}
.align{margin-top:30px}
.addressblk_addresstxt1{float:left;width:100%;font-size:14px;font-family:"HyundaiSansTextOffice-Regular";color:#666;margin-bottom:10px;margin-top:-18px}
#landln{font-size:10px}
a #vhreg_state_span{text-transform:none}
.addressblk_title h2{font-size:20px;font-family:"HyundaiSansHeadOffice-Light";margin:0 0 10px;line-height:24px;font-weight:normal}
.filter-txt{margin-top:10px}
#accordion .more,#accordion2 .more{margin-top:20px;text-align:center}
.error{display:inline-block}
textarea{resize:none}
input::-webkit-input-placeholder{color:#000}
.tabs_connect .tab-content>.tab-pane{display:none}
.tabs_connect .tab-content>.tab-pane.active{display:block}
.tabbable .tabs-nav.col-md-4{padding-right:0}
.tabbable .nav-tabs>li{width:100%}
#tab_accr-accordion .panel-title p.nav_title{color:#000;font-size:14px;font-weight:normal;text-transform:capitalize}
@media(max-width:767px){#tab_accr-accordion .panel-title p.nav_title{margin-bottom:0}
}
#tab_accr-accordion .panel-title p.nav_title span{font-size:13px;margin-left:8px}
#tab_accr-accordion .panel-title p.nav_title span.cs-inactive-state{color:#c40712}
#subscriptions #tab_accr-accordion .panel-title .description p{color:#888;font-size:14px;margin-bottom:0;font-family:HyundaiSansTextOffice-Regular}
#tab_accr-accordion .panel-title .description span{font-size:13px;color:#888;font-family:HyundaiSansTextOffice-Regular}
.js-tabcollapse-panel-heading.collapsed{background:#f3f3f3}
#header-searchbox input::-webkit-input-placeholder{color:#fff}
#header-searchbox input::-moz-placeholder{color:#fff}
#header-searchbox input:-ms-input-placeholder{color:#fff}
#header-searchbox input:-moz-placeholder{color:#fff}
.manual-list .file-name a{text-decoration:none;border:0;text-transform:capitalize}
a#edit-all{white-space:nowrap}
body{-webkit-font-smoothing:subpixel-antialiased}
footer{-webkit-font-smoothing:subpixel-antialiased}
ul{margin:0}
ul.dashed{list-style-type:none}
ul.dashed>li{text-indent:0}
ul.dashed>li:before{content:"-";text-indent:-5px}
.FeatureStyle{color:#888;margin-top:20px}
.sub-title1{font-size:16px}
.popover.bottom>.arrow{border-bottom-color:transparent;border-top-color:transparent}
.selectcatblk_icon img{width:50px;height:50px}
.selectcat_blk_icon img{width:40px;height:40px}
.genesis_resources_heading{margin:40px 10px 20px}
.select-category{margin-bottom:20px}
@media(max-width:767px){.addressmap_wrps .pref-contact a{border-bottom:1px solid #0074c8 !important;color:#0074c8}
.search-sidebar{padding-right:0}
#subscriptions #tab_accr-accordion .panel-title .description p{font-size:13px}
}
@media(min-width:320px) and (max-width:480px){.welcome.popover.right{top:52.5px !important}
}
@media(min-width:481px) and (max-width:767px){.welcome.popover.right{top:28.5px !important}
}
@media only screen and (min-device-width:480px) and (max-device-width:640px) and (orientation:landscape){.popover div.popover-content{overflow-y:auto}
}
@media(max-width:767px){#subscriptions #tab_accr-accordion .panel-title p.nav_title span{margin-left:20px;text-transform:uppercase}
#subscriptions .tabs_connect .js-tabcollapse-panel-heading .tabs_connect_iconarrow{color:#888}
}
@media all and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.connected-services #subscriptions .tabbable .nav-tabs>li{margin-bottom:-2px !important}
}
@media(max-width:767px){.alertstep-block .description{margin-top:-7px}
.report-warning-block p{margin-top:-5px}
.report-warning-block.report-waring-red h4{margin-top:-7px}
}
@media(max-width:767px){#tab_accr-accordion .panel-title .description span.mrem{position:relative;top:-6px}
}
.recommended-resourcesblk_text h4 .searchLockIcon{width:15px;height:22px}
.resources-upper-title{text-align:center;font-family:HyundaiSansHeadOffice-Regular;font-size:14px;color:#888;line-height:17px;padding-bottom:15px;padding-top:5px}
.recommededList .h3head-title{font-size:30px;color:#000;font-weight:normal;font-family:"HyundaiSansHead-Bold";margin:0 0 20px;float:left;width:100%}
.genesisresources a:visited{border-bottom:1px solid #CCC}
@media(min-width:320px) and (orientation:portrait){.genesis_resources_heading{margin:20px 0 20px;text-align:center}
}
.search-result-viewmore a{font-family:"HyundaiSansHead-Bold";font-size:16px !important;color:#000}
.viewmoreless_text{font-family:"HyundaiSansHead-Bold";font-size:16px !important;color:#000 !important;margin-bottom:0;margin-top:10px}
.genesis-resource-result .fa-angle-down{font-size:32px}
.faq-section h3{font-family:"HyundaiSansHead-Bold";font-size:20px !important}
.genesisresources{padding-left:10px;padding-right:10px}
.h4head-title,.title_faq_font,.resource-section h2{font-family:"HyundaiSansHead-Bold";font-size:30px}
.genesis_resources_heading,.genesis_res_logged_in{font-family:"HyundaiSansHead-Bold";font-size:30px;line-height:40px !important;color:#333;font-weight:500;text-align:center}
@media(max-width:767px) and (min-width:100px){.recommended-resourcesblk_text h4{font-size:16px}
.recommended-resourcesblk_text .recommended-resourcesblk-desc{font-size:13px}
#lower-banner .profilecontactus_btn{font-size:14px}
.genesis_resources_heading,.genesis_res_logged_in{font-family:"HyundaiSansHead-Bold";font-size:32px;line-height:35px !important}
.recommededList .h3head-title{font-size:22px;color:#000;font-weight:normal;font-family:"HyundaiSansHead-Bold";margin:0 30px 20px;float:none;width:auto}
.h4head-title,.title_faq_font,.resource-section h2{font-family:"HyundaiSansHead-Bold";font-size:22px}
}
@media(max-width:1024px){.selectcatblk_desc{display:none}
.selectcatblk_button{display:none}
.selectcategory-block{text-align:center;display:flex;align-items:center;height:175px}
.resources_outer .selectcatblk_title h4{margin-bottom:-6px}
.resources_outer{margin:0 auto}
.need-more-assistance .btn{height:inherit}
}
.searchLockIcon{width:15px}
.related-resources-container .related_res_border{border-bottom:0}
@media(max-width:400px){#faq-css .need-more-assistance{padding:0}
.need-more-assistance .container{padding-left:15px;padding-right:15px}
}
@media(min-width:768px){.orientationLandScape{top:48px;left:6px}
}
@media(max-width:768px) and (min-width:100px){#gf_map_container .H_ctl.H_el.H_zoom.H_grp{margin-top:-180px !important}
}
#gf_map_container .H_ctl.H_el.H_zoom.H_grp{margin-top:-265px}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:0;background:#eee;font-weight:normal;color:#000}
.ui-widget-content a{color:#000;width:100%;text-decoration:none;border-left:solid 0 #ccc;border-right:solid 0 #ccc;border-bottom:0}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#000;width:100%;text-decoration:none;margin:1px !important}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:0 !important}
.ui-menu:hover .ui-state-focus:hover,.ui-menu:hover .ui-state-active:hover{margin:0 !important}
.ui-state-active a:hover{border-bottom:0 !important}
.ui-menu-item-wrapper a{border-left:0;border-right:0}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{margin:0 !important;border-left:0;border-right:0;color:#003f86}
.img-responsive{width:100%;margin:auto}
.search-error{padding:20px;margin-bottom:20px;display:none}
.search-error p{color:#000;font-family:"HyundaiSansTextOffice-Medium"}
.search_results .nav-tabs li{border-left:0;display:inline-block}
.search-result-content .search-result-viewmore{display:none}
.search_filter_list{width:200px;height:38px;padding:10px 10px;border:1px solid #ccc;cursor:pointer;background-size:30px;padding-right:50px}
.search_filter_list option{font-size:16px}
@media(min-width:100px) and (max-width:768px){.search_filter_list{margin-bottom:10px;width:200px}
.search-sbar-widget-wrapper .collapse{border-right:0 !important}
.filter_categories.collapse.in,.filter_types.collapse.in{min-height:120px !important;height:auto !important}
}
.dropdown-menu,.dropdown-menu ul.nav{padding:0;margin:0;border-radius:0;min-width:180px;position:relative}
.dropdown-menu>li>a,.dropdown-menu ul.nav>li>a{padding:5px 20px;color:#000;background:#fff;border-bottom:0}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu ul.nav>li>a:focus,.dropdown-menu ul.nav>li>a:hover{color:#000;background:#f3f3f3}
.for-personal-resources{width:100%;text-align:center;padding:20px 30px;background:#1babd0;font-size:14px;text-transform:uppercase;font-family:'HyundaiSansHeadOffice-Regular';color:#fff}
.search-page-title{margin:40px 0 20px;font-size:42px;font-family:"HyundaiSansHead-Bold"}
.for-personal-resources .btn{border-radius:0;padding:10px 100px;background:#000;border-color:#000;margin-top:5px;font-size:14px;font-family:"HyundaiSansHeadOffice-Light";color:#fff}
.need-more-assistance{width:100%;float:left;text-align:center;padding:20px 30px;background:#e6e6e6;font-family:"HyundaiSansHeadOffice-Light";font-size:30px}
.need-more-assistance .btn{border-radius:0;padding:10px 60px;background:var(--blue-btn);border-color:var(--blue-btn);margin-left:20px;font-size:16px;font-family:"HyundaiSansHeadOffice-Light";color:#fff}
.search-sidebar{float:left;width:100%;padding-right:25px}
.search-sbar-widget-wrapper{width:100%;float:left;margin-bottom:30px}
.search-sbar-widget-wrapper .search-sbar-widget-title{background:#e6e6e6;color:#000 !important;font-size:14px;width:100%;float:left;border:0;padding:15px 10px;font-family:"HyundaiSansTextOffice-Medium"}
.search-sbar-widget-title.collapsed .fa-angle-up:before{content:"\f107"}
.search-sbar-widget-wrapper .collapse{padding:10px 10px 0;border-right:1px solid #ccc;float:left;width:100%}
.search-sbar-widget-wrapper .checkbox-item{color:#888;font-family:"HyundaiSansTextOffice-Regular";padding:0;margin:0 0 10px;width:100%;float:left}
.veh-reg-checkbox .checkbox-item{font-family:"HyundaiSansTextOffice-Regular";padding:0;margin:0 0 10px;width:100%;float:left}
.search-sbar-widget-wrapper .checkbox-item label{font-weight:normal;cursor:pointer;position:relative;float:left;width:100%;display:block;padding-left:12px;text-indent:-16px}
.filter_categories .checkbox-item input[type='checkbox']:checked+label:after,.filter_types .checkbox-item input[type='checkbox']:checked+label:after{left:16px !important}
.search-sbar-widget-wrapper .checkbox-item label:before{margin:0 10px 0 0;width:22px;height:22px}
.search-sbar-widget-wrapper .checkbox-item input[type="checkbox"]:checked+label::after{top:6px}
.search-results-wrapper{float:left;width:100%}
.search_yourvehicleresults .search-filter{float:left;width:100%;margin-bottom:40px}
.search-filter .btn-group{float:left;width:100%}
.search-filter .btn-group>.dropdown-menu{min-width:100%}
.search-filter .btn-group.open{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.search-filter .btn-group.open>.dropdown-menu{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.search-filter .btn-group .dropdown-toggle{width:100%;float:left;padding:10px 10px;border:1px solid #ccc;cursor:pointer;box-shadow:none;background:0;color:#000}
.search-filter .btn-group .dropdown-toggle .search-filter-arrow{border-left:1px solid #ccc;padding-left:10px;color:#000}
.search-filter .btn-group.open .dropdown-toggle .search-filter-arrow.fa:before{content:"\f106"}
.search-result-content{float:left;width:100%}
.search-filter .navbar-collapse{padding:0}
.search-filter label{text-transform:none;font-family:"HyundaiSansTextOffice-Bold";font-size:14px;margin-bottom:0 !important}
.search-result-collapse[aria-expanded*="false"] .fa:before{content:"\f107"}
.search-result-collapse.collapsed .fa:before{content:"\f107"}
.search-result-block{float:left;width:100%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc}
.search-result-block .search-result-blk-image{float:left;width:100%}
.search-result-block .search-result-blk-icon{float:left;width:100%;text-align:center;border:1px solid #ccc;padding:35px}
.search-result-block .search-result-blk-icon img{display:inline-block}
.search-result-block .search-result-blk-text{float:left;width:100%}
.search-result-block .search-result-blk-text h3{font-size:16px;font-family:"HyundaiSansTextOffice-Medium";margin:0 0 10px;line-height:inherit;color:#000}
.search-result-blk-text-desc{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;margin-bottom:10px}
.search-result-blk-text-button a{font-size:14px;font-family:"HyundaiSansTextOffice-Regular";background:0}
.search-result-blk-text-button a:hover{border-bottom:1px solid #003f86 !important}
.search-result-viewmore{float:left;width:100%;text-align:center;margin-bottom:0 !important}
.search-result-viewmore a{font-size:16px;padding:0;border:0 !important;background:0}
.search-result-viewmore a .fa{display:block;font-size:32px;line-height:20px}
.search-result-block h4{text-transform:inherit;font-family:"HyundaiSansTextOffice-Medium";margin-bottom:10px;font-size:14px}
.search-result-block p{font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
.search-sidebar .navbar-collapse{padding:0}
.search-tab-wrps .nav-tabs{margin-bottom:30px}
.search-tab-wrps .nav-tabs>li{background:0;padding:0}
.search-tab-wrps .nav-tabs>li>a{border-radius:0;background:#e6e6e6;margin-right:20px;border-top:5px solid #e6e6e6;text-align:center;font-family:"HyundaiSansTextOffice-Medium"}
.search-tab-wrps .nav-tabs>li>a:focus{outline:0}
.search-tab-wrps .nav-tabs>li.active>a,.search-tab-wrps .nav-tabs>li.active>a:focus,.search-tab-wrps .nav-tabs>li>a:focus,.search-tab-wrps .nav-tabs>li>a:checked{border-top-color:#0074c8;background:#fff;border-top-width:5px}
.search-filter-checkbox-wrps{float:left;width:100%;margin-top:20px;border-bottom:1px solid #ccc}
#mvCarousel .checkbox-item{margin:0;padding:0;border-left:1px solid #ccc;width:100%;float:left;max-width:265px;padding-left:10px;border-bottom:0;border-right:0}
.search-filter-checkbox-wrps .checkbox-item label:before{float:left}
.search-filter-checkbox-wrps .search_filter_checkbox_catimg{float:left;margin-left:-15px;margin-top:-10px;width:120px}
.search-filter-checkbox-wrps .search_filter_checkbox_cattext{font-family:"HyundaiSansTextOffice-Medium";float:left;font-size:14px;margin-top:8px;max-width:78px;text-transform:capitalize;word-wrap:break-word}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.bodylock{overflow:hidden}
.fxloader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
@media(max-width:750px){.fxloader-wrapper .fxloader{width:50px;height:50px;border:5px solid rgba(150,150,150,0.8);border-top:5px solid rgba(0,0,0,0.8);margin:70%}
}
@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.fxloader-wrapper strong{color:#fff;font-weight:normal;font-size:16px;font-family:"HyundaiSansTextOffice-Regular";position:relative;top:10px;text-transform:uppercase;background:transparent;padding:8px 10px;border-radius:10px}
@media(min-width:100px) and (max-width:768px){.fxloader-wrapper .fxloader-container{margin-left:-35px}
}
@media(min-width:768px){#LoginModal .modal-dialog{width:750px}
}
#LoginModal #username{border-top:1px solid #ccc !important}
#LoginModal #username.input_error{border-top:solid 2px #c40712 !important}
.loginmodal #LoginModal.modal{text-align:center;padding:0 !important}
.loginmodal #LoginModal.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.loginmodal #LoginModal .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
#LoginModal .modal-content,#LoginModal .modal-dialog,#LoginModal .modal-body{min-height:auto}
#section-login-modal{overflow:hidden}
#modal-login-box{width:400px;float:left;margin-top:5px}
.login_image_container{float:right;margin-top:-10px;width:50%}
.login_image_container img{width:100%;float:right}
#LoginModal .modal-body{padding:15px 0 15px 15px}
#LoginModal .modal-dialog .inpt_flt_lbl,#LoginModal .modal-dialog .frm_error_msg{width:360px}
#modal-login-box,#LoginModal .modal-title,#LoginModal .modal-desc{padding-left:25px;max-width:550px}
#LoginModal .modal-desc{margin-top:10px}
#modal-login-box .block-left,#modal-login-box .block-right{display:inline-block}
#modal-login-box .block-left{width:225px}
#LoginModal .modal-header,#LoginModal .modal-footer{border:0}
#LoginModal .modal-content{background-repeat:no-repeat;background-position:right center}
#LoginModal .modal-dialog .frm_error_msg{margin-left:10px}
#LoginModal .floating_label{font-size:12px}
@media(max-width:700px){#LoginModal .modal-content{background-image:none !important}
#modal-login-box,#LoginModal .modal-title,#LoginModal .modal-desc{padding-left:0;max-width:320px;margin:0 auto;float:none;width:100%}
#LoginModal .modal-dialog .inpt_flt_lbl,#LoginModal .modal-dialog .frm_error_msg{width:320px}
#LoginModal input[type="submit"]{width:180px !important}
#modal-login-box .block-left,#modal-login-box .block-right{display:inline-block;width:165px}
}
#LoginModal button.close{color:#999;opacity:.8;text-shadow:none}
@media(max-width:767px){#modal-login-box{margin-top:5px;width:320px}
#mvCarousel{margin-top:33px !important}
label #btn-login-form{width:190px}
#modal-login-box .block-left,#modal-login-box .block-right{width:49%}
#LoginModal .modal-dialog{width:100%;height:100%;margin:0;padding:0}
#LoginModal .modal-dialog{width:100%}
.login_image_container{width:75%}
}
@media(max-width:767px) and (min-width:100px) and (orientation:landscape){.login_image_container{width:50%}
}
@media(max-width:1024px) and (min-width:768px){#LoginModal .modal-dialog{width:90%}
.login_image_container{width:40%}
}
.login-modal-form #link-register-home{margin-left:57px}
@media(max-width:767px){.login-modal-form #link-register-home{position:absolute;margin-top:-45px;margin-left:229px}
.login-modal-form #link-password-home{margin-left:7px}
}
#LoginModal h2.modal-title{display:block;margin-top:20px;margin-bottom:-5px}
#mvCarousel .checkbox-item:first-child{border-left:0}
.resource-section .search-filter-checkbox-wrps .checkbox-item{margin-top:15px}
#mvCarousel .checkbox-item input[type='checkbox']:checked+label:after{top:18px}
#mvCarousel .checkbox-item input[type='checkbox']:checked+label:after{left:15px}
#mvCarousel .checkbox-item label:before{top:5px;margin-right:20px}
#search_filter_mobile_mv .carousel-control.left{left:0}
#search_filter_mobile_mv .carousel-control.right{right:0}
#search_filter_mobile_mv .carousel-control{background:0;top:32px;border-bottom:0;height:40px !important;width:40px !important;min-width:40px;border:solid 1px #ccc;border-radius:0;opacity:1}
.resource-section .carousel-control{font-size:14px;margin-top:12px;width:22px;color:#ccc;bottom:initial;top:initial;height:22px}
.my_vehicles_filter_box{border-bottom:1px solid #ccc;margin:0 10px;max-width:97%;min-height:85px}
#mvCarousel{border-bottom:0;margin-top:20px;margin-bottom:0;margin-left:23px}
.search_yourvehicleresults .tab-content{min-height:0}
.faq-section{margin-top:30px;margin-left:15px}
.faq-section .panel-title>a:hover,.panel-title>a:focus,.panel-title>a span{font-family:"HyundaiSansHeadOffice-Medium";font-size:14px;line-height:27px;color:#000}
.genesResTL #headingOne{border-bottom:1px solid #ccc}
.faq-section .panel-title>a:hover,.panel-title>a[aria-expanded="true"]{color:unset}
.faq-section a:visited{color:unset;border-bottom:0}
.faq-section a:link{color:unset;border-bottom:0;outline:0}
.faqgenesisresourcecategory .genesis-resource-viewmore{margin-bottom:0;cursor:pointer}
.genesis_resources_contact_us_link{border-bottom:0}
.vehicle-health-viewmore,.genesis-resource-viewmore{float:left;width:100%;text-align:center;margin-top:60px;font-size:16px;line-height:17px}
.viewmore_topmargin{margin-top:14px !important}
#search_yourvehicleresults .search-filter .navbar-toggle{color:#000}
.for-gresources-category{width:100%;text-align:center !important;padding:20px 30px !important;background:#1babd0;font-size:14px !important;font-family:"HyundaiSansHeadOffice-Bold" !important;line-height:16px !important;color:#fff}
.for-gresources-category .btn{border-radius:0;padding:10px 100px;background:#0074c8;border-color:#0074c8;margin-top:5px;font-size:14px;font-family:"HyundaiSansTextOffice-Regular" !important;color:#fff;width:unset !important;margin-left:5px !important}
#search_filter_mobile .col-md-3.col-xs-4{min-width:220px}
@media(max-width:767px){.resurce-tag{background-color:#ccc;clear:both;padding:10px;font-size:14px;font-family:"HyundaiSansHeadOffice-Regular"}
.faqgenesisresourcecategory .genesis-resource-viewmore{margin-bottom:0}
}
@media(max-width:767px){.rmv-rsctag{margin-right:15px;margin-top:-3px;color:#000;border-style:none;background-color:#ccc;right:0;font-size:28px;line-height:1;position:absolute;z-index:1}
}
@media(max-width:767px){.for-gresources-category .container{margin-left:auto !important}
}
@media(max-width:767px) and (min-width:321px){#search_yourvehicleresults .resource-section h2{margin-top:20px;margin-bottom:20px}
}
@media(max-width:400px) and (min-width:100px){.checkbox-item .search_filter_checkbox_catimg{display:none}
}
@media(max-width:736px) and (min-width:414px){.search-filter-checkbox-wrps .search_filter_checkbox_catimg{float:left;margin-left:-10px;margin-top:-10px;width:120px}
}
@media(max-width:1024px) and (min-width:768px){.search_yourvehicleresults .tab-content>.active,.pill-content>.active{display:flex}
}
@media(max-width:1024px) and (min-width:768px){.res-need-assistance{float:left;margin:30px 0 0 -43px;width:116%;padding:0 0 30px 0}
}
@media(max-width:767px) and (min-width:100px){.res-need-assistance{margin:0 -15px}
.res-need-assistance h2{text-align:center;padding-top:10px}
.search-tab-wrps .nav-tabs>li{display:table-cell;float:none;bottom:-1px}
.search-tab-wrps .nav-tabs{position:relative}
.search-tab-wrps ul.nav-tabs{display:table;width:100%}
.search-error{padding:0 !important}
}
.vehicle-need-assistance h2{text-transform:lowercase}
.vehicle-need-assistance h2:first-letter {text-transform:uppercase}
.genesis_resources_contact_us_link button{font-family:"HyundaiSansHeadOffice-Regular";font-size:16px}
#search_yourvehicleresults .resource-list .article-title h4{font-family:"HyundaiSansHeadOffice-Regular";font-size:16px;color:#000}
@media(max-width:568px) and (min-width:320px){.res-need-assistance .login-btn{max-width:80%}
}
@media(max-width:812px) and (min-width:320px){.bdr-left{border-left:0}
}
@media(max-width:1024px) and (min-width:768px){.category-list{margin-right:10px}
}
.learn-more-btn{background:#0074c8;font-family:"HyundaiSansHeadOffice-Regular";font-size:16px;line-height:16px;color:#fff;border:1px solid #0074c8;width:100%;display:inline-block;text-align:center;padding:10px 0;border-radius:25px}
.learn-more-btn:hover{background:#003f86;border:1px solid #003f86}
.category-list .manual-list:last-child li{border-bottom:0}
.article-title .searchLockIcon{width:15px;height:22px}
#search_yourvehicleresults .resource-list li{padding-bottom:20px;float:none;vertical-align:top;display:inline-block}
#search_yourvehicleresults .category-list .description{padding-bottom:15px}
@media(max-width:568px) and (min-width:320px){.res-need-assistance .col-xs-12{min-width:100%;text-align:center !important}
}
.manuals_and_warranties{margin-bottom:50px}
.faq-section h4{font-family:"HyundaiSansTextOffice-Medium" !important;font-size:14px}
@media(max-width:991px) and (min-width:100px){.hy-resources-right .section-nav .dropdown-menu.mhy-dropdown{display:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:0 6px 12px rgba(0,0,0,.175);position:relative;border:1px solid #CCC;padding-left:10px;padding-top:10px}
.hy-resources-right .section-nav .btn.btn-default.dropdown-toggle{width:100%;display:block;text-align:left;background-color:#e6e6e6;font-size:14px;color:#000;text-transform:capitalize;line-height:27px;border-radius:0;float:left;font-family:"HyundaiSansHead-Bold"}
.hy-resources-right .dropdown.open .dropdown-menu{display:block;width:100%}
.hy-resources-right ul li a.active{background-color:#fff !important;border:0}
.hy-resources-right .section-nav .btn.btn-default.dropdown-toggle i{font-size:25px}
}
@media(max-width:767px) and (min-width:100px){.section-nav .btn.btn-default.dropdown-toggle{width:100%;display:block;text-align:left;background-color:#e6e6e6;font-size:14px;color:#000;text-transform:capitalize;line-height:27px;border-radius:0;float:left;font-family:"HyundaiSansHead-Bold"}
.arrow_down_myh{border:solid black !important;border-width:0 2px 2px 0 !important}
.section-nav .btn.btn-default.dropdown-toggle i{font-size:25px}
.section-nav .dropdown-menu>li>a.active{font-family:"HyundaiSansHeadOffice-Medium";margin-top:-5px;color:#0074c8}
.time-stamp{display:inline-block}
.section-nav .dropdown-menu.mhy-dropdown{display:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:0 6px 12px rgba(0,0,0,.175);position:relative;border:1px solid #CCC;padding-left:10px;padding-top:10px}
.my-accounts .nav-tabs #li_my_vehicles_tab{padding-right:15px}
}
@media(min-width:1024px) and (orientation:portrait){.selectcategory-block{float:left;width:100%;background:#f3f3f3;padding:14px 15px 14px 15px;margin-bottom:10px;overflow:hidden;position:relative;height:285px}
}
@media(min-width:1024px) and (orientation:landscape){.selectcategory-block{float:left;width:100%;background:#f3f3f3;padding:14px 15px 14px 15px;margin-bottom:10px;overflow:hidden;position:relative;height:285px}
}
.search-tab-wrps .nav-tabs>li a{color:#000}
.login-btn:hover{background:var(--blue-btn-hover)}
.login-btn:hover{background:var(--blue-btn-hover)}
.resource-list .article-title{margin-bottom:10px}
@media(min-width:1025px){.search-result-blk-text-desc a.by_phone{margin-left:0;margin-right:0}
}
@media(max-width:1024px){.search-result-blk-text-desc a.by_phone{margin-left:0;margin-right:0;padding-bottom:0}
}
@media(max-width:767px){.search-filter-checkbox-wrps .search_filter_checkbox_cattext{width:auto;margin-top:3px;max-width:180px;word-wrap:break-word}
#mvCarousel .checkbox-item input[type='checkbox']:checked+label:after{top:12px !important}
#mvCarousel .checkbox-item label:before{margin-top:-10px !important}
.my_vehicles_filter_box{min-height:100px}
}
@media(max-width:991px){.my_vehicles_filter_box{min-height:111px}
}
@media(max-width:991px) and (min-width:768px){.search-result-block .search-result-blk-text h3{margin-top:10px}
}
@media(max-width:767px) and (min-width:425px){.search-filter-checkbox-wrps .search_filter_checkbox_cattext{margin-top:-50px;margin-left:150px}
}
#my_vehicles_filter_box .carousel-inner>.active,#mvCarousel .carousel-inner>.next,#mvCarousel .carousel-inner>.prev{display:flex}
@media(min-width:1200px){.need-assistance.res-need-assistance{padding:10px 0}
}
.need-assistance.res-need-assistance h2{padding-right:50px}
.need-assistance.res-need-assistance .genesis_resources_contact_us_link{border-bottom:none !important}
.need-assistance.res-need-assistance .login-btn{max-width:200px !important}
.faq-section .panel-body a{color:#0074c8;border-bottom:1px solid #0074c8}
@media(min-width:480px) and (max-width:812px) and (orientation:landscape){#search_yourvehicleresults .resource-list li{height:unset}
#search_yourvehicleresults .resource-list .article-text{min-height:auto}
.resource-list .article-title{min-height:auto}
}
div.showLess_search a,div.showLess_search_loggedIn a,div.showLess_loggedIn_ a{font-family:"HyundaiSansHead-Bold";font-size:16px;color:#000;padding:0;border:0;background:0;float:left;width:100%;text-align:center;margin-bottom:60px}
.showLessSearch_icon{display:block;font-size:32px;line-height:24px}
div.showLess_search a:hover,div.showLess_search_loggedIn a:hover,div.showLess_loggedIn_ a:hover,.fa.showLessSearch_icon:hover,.fa.fa-angle-up:hover{color:#003f86 !important}
.resource-list .article-text,.resource-list .article-title{display:flex}
.resource-list .article-title a{border:0;text-decoration:none}
.resource-list .article-title a:hover{border:0;text-decoration:none}
@media(max-width:767px){.search-filter .checkbox-item label{margin-left:10px;margin-top:20px}
.my_vehicles_filter_box #mvCarousel .checkbox-item input[type='checkbox']:checked+label:after{top:16px !important;left:26px}
}
#search_yourvehicleresults .col-md-4.col-lg-4.col-sm-4.col-xs-12.bdr-left{margin-top:10px}
#search_yourvehicleresults .col-md-4.col-lg-4.col-sm-4.col-xs-12.bdr-left .category-list{width:95%}
@media(max-width:420px) and (min-width:320px){#search_yourvehicleresults .resource-list li{padding-top:0;margin-bottom:-20px}
.resource-section .divider{display:none}
}
@media(max-width:767px) and (min-width:425px){#search_yourvehicleresults .resource-list li{padding-top:0;margin-bottom:0}
}
.search-result-viewmore{padding-top:20px;width:100px;margin:0 auto;display:block;float:none;padding-bottom:30px}
.showLess_search,.showLess_search_loggedIn,.showLess_loggedIn_{display:block;width:100px;margin:0 auto}
.panel-collapse .panel-body ul{margin-left:16px}
footer H3,footer .footer-collapse-link{text-transform:none}
footer .container{padding:0}
footer H3{font-size:18px;margin:0}
footer{width:100%;background-color:#f3f3f3;position:relative}
footer .footer-top{width:100%;padding:50px 0 50px 90px;background-color:#f3f3f3;margin:auto;display:inline-block}
footer .footer-bottom{width:100%;background-color:#f3f3f3;margin:auto;color:#666;border-top:solid 2px #ccc}
footer .footer-bottom .container{padding:35px 80px 25px}
footer .copyright{font-size:12px;display:block;color:#666;margin:auto;text-align:left;width:100%}
footer .footer-top-links{float:left;width:35%}
footer .footer-top-links h3{font-size:18px;color:#888;margin-bottom:26px;line-height:18px}
footer .footer-top-links a{font-size:14px;color:#0074c8;text-decoration:none}
footer .footer-top-links A:hover{color:#003f86;font-size:14px;text-decoration:none;border-bottom:solid 1px #003f86;background:transparent}
.footer-top-links h2{color:#fff}
.footer-top-links p{margin:0 0 15px 0;display:inline-block;width:100%}
.footer-top-links a{border-bottom:0}
body .footer-bottom a{color:#666;text-decoration:none;font-size:12px;padding-bottom:2px;border-bottom:0}
body .footer-bottom a:hover{color:#0074c8;border-bottom:solid 1px #0074c8}
.footer-top-links p a{margin-top:0}
footer .footer-bottom .social-links{margin-bottom:12px}
@media(max-width:767px){footer .footer-bottom .social-links{width:100%;float:none;text-align:center}
footer .footer-bottom .container{padding:0}
}
footer .footer-bottom .social-links a:hover{border-bottom:0}
footer .footer-bottom .other-links{max-width:516px;width:100%;word-break:break-word;color:#666}
@media(max-width:767px){footer .footer-bottom .col-md-4,footer .footer-bottom .col-md-8,footer .footer-bottom .col-md-6{float:none;margin-bottom:10px}
}
@media(max-width:767px){footer .footer-bottom{text-align:center;padding:25px 15px !important}
}
footer .footer-bottom .footer-bottom-links{text-align:right;max-width:129px;float:right;margin-right:10px}
@media(min-width:768px) and (max-width:1024px){footer .footer-bottom .footer-bottom-links{margin-right:35px}
footer .footer-bottom .container{padding-left:34px;padding-right:34px}
}
@media(max-width:767px){footer .footer-bottom .copyright,footer .footer-bottom .footer-bottom-links{margin:0 auto;text-align:center}
footer .footer-bottom .footer-bottom-links{margin:0 auto 30px;float:none;width:100%;padding:0}
footer .footer-bottom .other-links{max-width:338px !important;margin:0 auto}
footer .footer-bottom .other-social-links{padding-right:0;padding-left:0}
footer .footer-bottom .footer_bottom_links{margin-top:20px;display:inline-block}
}
@media(max-width:991px){footer .col-md-6{width:50%;float:left}
}
@media(max-width:767px){footer .col-md-6{width:100%;float:none}
}
@media(min-width:767px) and (max-width:2400px){footer .footer-top-links:first-child{margin-right:8%;width:30%}
}
@media(max-width:767px){footer .footer-top-links:first-child{margin-left:0;width:100%}
}
footer .footer-bottom .social-links.sl-inline{display:inline-block}
footer .footer-bottom .social-links.sl-top{display:none}
@media(max-width:767px){footer .footer-bottom .social-links.sl-top{display:block}
footer .footer-bottom .social-links.sl-inline{display:none}
}
@media(max-width:990px){footer .footer-bottom .social-links.sl-top{display:block}
footer .footer-bottom .social-links.sl-inline{display:none}
}
.social-icon-links{display:inline-block;width:auto}
.social-icon-links a{margin-right:14px}
.social-icon-links a img{width:20px;height:20px}
.social-icon-links a:last-child img{width:21px;height:17px}
@media(max-width:767px){footer .footer-top .footer-top-links h3{display:none}
}
footer .footer-top .footer-collapse-link{display:inline-block;font-size:16px;font-family:HyundaiSansHead-Bold;color:#0074c8;padding:30px 0;border-bottom:0;width:100%;background:url(clientlib-hyundai-site/images/accordian-arrow-down.png) no-repeat center right}
@media(min-width:768px){footer .footer-top .footer-collapse-link{display:none}
}
footer .footer-top .footer-collapse-link[aria-expanded=true]{color:#003f86;background:url(clientlib-hyundai-site/images/accordian-arrow-up.png) no-repeat center right}
footer .footer-top .footer-collapse-link.collapsed{background:url(clientlib-hyundai-site/images/accordian-arrow-down.png) no-repeat center right}
@media(max-width:767px){footer .footer-top .footer-top-links{width:100% !important}
}
footer .footer-top .footer-top-links:last-child .footer-collapse-link{border-bottom:0;border-top:1px solid #ccc}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){footer .footer-top .collapse{display:block;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:20px;width:118%}
footer .footer-top-links:first-child{margin-right:8%;width:38%}
footer .footer-top-links{float:left;width:45%}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){footer .footer-top .collapse{display:block;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:20px;width:118%}
footer .footer-top-links:first-child{margin-right:8%;width:35%}
footer .footer-top-links{float:left;width:34%}
}
@media(min-width:768px){footer .footer-top .collapse{display:block;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}
}
@media(max-width:767px){footer .container{padding:0}
footer .footer-top{background:transparent !important;padding:10px 15px !important}
}
@media(min-width:768px) and (max-width:1199px){footer .footer-top,footer .footer-bottom .container{background-position:right 25px center;background-size:30%;padding:60px 34px}
}
@media(max-width:767px){footer .footer-bottom .copyright{margin-bottom:30px;width:73%}
}
#email-preference-form input{border-color:#ccc;width:55%;color:#000}
#email-preference-form input.input_error{border:solid 2px #c40712 !important}
#email-preference-form input.input_error+label{color:#c40712}
#email-preference-form input#email-preference-zipcode{max-width:120px}
#email-preference-form label{color:#000;background-color:#fff;font-family:"HyundaiSansTextOffice-Medium"}
.email-preference-body h2{border-bottom:1px solid #ccc;width:55%;padding-bottom:15px;margin-bottom:20px}
.email-preference-header{margin-bottom:50px}
.email-preference-header h1{padding-bottom:20px;padding-top:40px}
.email-preference-body .service-settings-edit{padding:30px 0 15px 0;max-width:630px}
.preferences_list .check-box label:before{margin-right:20px}
.preferences_list .row-pdl.row-pdr{padding-bottom:10px}
.email-preference-footer p{width:55%;margin-top:0;margin-left:9px}
#email-preference-form #email-preference-submit{max-width:232px;margin:30px 0 40px;color:#fff}
#email-preference-form #email-preference-footer .frm_error_msg{margin-bottom:40px}
#email-preference-form input ::-webkit-input-placeholder{font-family:"HyundaiSansHeadOffice-Medium";font-size:14px}
#email-preference-form input :-moz-placeholder{font-family:"HyundaiSansHeadOffice-Medium";font-size:14px}
#email-preference-form input :-ms-input-placeholder{font-family:"HyundaiSansHeadOffice-Medium";font-size:14px}
.preferences_list_wrapper .divider{border:0}
.preferences_list_wrapper input:disabled+label{opacity:.5;filter:alpha(opacity=50)}
#email-preference-form input ::placeholder{font-family:"HyundaiSansHeadOffice-Medium";font-size:14px}
.preferences_list_wrapper .header-level-two .subHeaderTwo{font-family:"HyundaiSansHead-Bold"}
.preferences_list_wrapper .accordion-link{font-size:16px;font-weight:bold}
#email-preference-form .email-preference-zipcode .frm_error_msg{width:10%}
.preferences_list_wrapper{display:inline-block;width:100%}
@media(max-width:767px){.email-preference-header{margin-bottom:20px}
.email-preference-header h1{padding-top:10px}
.email-preference-body h2{width:100%}
.email-preference-form .form-row{margin-bottom:0}
.email-preference-form .frm_error_msg{top:-10px}
.preferences_list_wrapper .header-level-two .col-xs-3{float:none;display:table-cell;vertical-align:middle}
.preferences_list_wrapper .header-level-two .subHeaderTwo{float:none;display:table-cell;vertical-align:middle}
.preferences_list_wrapper .header-level-two .temp-toggle{position:initial;padding-left:0;float:right;margin-top:0}
.email-preference-body .service-settings-edit{padding-top:0}
.email-preference-footer p{width:100%}
}
@media(min-width:480px) and (max-width:767px){.preferences_list_wrapper .header-level-two .col-xs-3,.preferences_list_wrapper .header-level-two .subHeaderTwo{float:left}
.preferences_list_wrapper .header-level-two .subHeaderTwo,#font-class{top:10px}
#email-preference-form .email-preference-zipcode .frm_error_msg{width:15%}
}
@media(min-width:320px) and (max-width:420px){#email-preference-form .email-preference-zipcode .frm_error_msg{width:30%}
}
@media(max-width:767px){#email-preference-form #email-preference-submit{width:100%;max-width:100%;margin-bottom:70px}
}
#email-preference-form INPUT.frm-txt ~ .place_holder{opacity:1 !important}
.service-settings-edit a.accordion-link:link{padding-top:0}
a.accordion-link:link,a.accordion-link:visited,a.accordion-link:hover,a.accordion-link :active{padding:10px 0 5px 0}
.service-settings-edit .select_font{font-family:HyundaiSansTextOffice-Medium;margin-bottom:7px;font-size:14px !important}
.container.contact-us{width:97.5%}
.contact-us{margin-left:13px}
.contact-us h1{margin-bottom:33px;margin-top:50px}
#user-contact-us p.contactus_desc{margin-bottom:27px}
.reg-HYUNDAI_VIN{width:220px}
.contact-us-personal-info span,.div-grp span{display:block}
.contact-us-personal-info{display:block;float:left;margin-right:90px;margin-top:20px;margin-left:15px}
.linknoborder a{border-bottom:0;padding-bottom:0}
.contact-us-heading{margin-left:15px}
.contact-us-heading-after-login,.contact-us-heading-before-login{margin-left:15px}
#notlogin b.color-red{margin-left:3px}
.border{border-bottom-width:1px;border-bottom-style:solid}
.contact-us-edit-link{margin-top:20px}
.row-top{margin-top:30px}
.row-bottom{margin-bottom:30px}
#msg_con textarea{width:100%}
.editable-personal-info input{width:100%}
.editable-personal-info .place_holder{margin-left:15px !important}
.contact-us textarea{height:270px;padding-top:15px}
.contact-us #attach_file{height:auto;margin-bottom:5px;border:0;width:98%}
.contact-us #attach_file .dropzone{margin:15px;border-width:1px;border-style:solid;display:block;line-height:90px;position:relative}
.contact-us #attach_file img{margin-left:20px}
.contact-us .btn-reg-form{line-height:1.5;margin-top:6px;width:230px}
.contact-us .col-lg-7{padding-right:0 !important}
.div-grp{display:block;margin-top:10px}
.outer-col{padding:30px 0;border-right-width:1px;border-right-style:solid}
.outer-col:last-child{border-right:0}
@media(min-width:1025px){.contact-us-body .need-assistance .privacy-container{margin-left:188px}
}
.by_phone,.by_mail,.dealer_enq,.by_request{margin-left:39px}
.by_email,.by_mail{height:309px}
#prefil-vehicle_selection{padding-right:47px}
.contact-us #first_name{width:630px;margin-bottom:-20px}
.contact-us #last_name{width:630px;margin-bottom:-20px}
.contact-us .emailaddress{width:630px}
.reg-first_name,.reg-last_name,.reg-email_address,.reg-email_address_confirm{margin-bottom:35px}
.contact-us .consent{width:525px;margin-left:0;margin-top:-5px;margin-bottom:20px}
@media(max-width:480px){.contact-us .consent label{width:310px !important}
}
.contact-us .consent label{width:100%}
.contact-us-body .need-assistance .container{padding-left:0;padding-right:0}
#cont_us{margin-bottom:20px;margin-left:80px;width:80%}
#cont_us .g-form-group{position:relative;margin-bottom:20px;position:relative;width:660px;margin-bottom:20px}
.contact-us textarea{border-style:solid;border-width:1px;width:630px;height:270px;resize:none;padding-top:10px}
.form_leftcolmark{position:relative;color:red;left:37px;bottom:10px}
.contact-us .phone input{width:220px}
.contact-us .place_holder{margin-left:0;z-index:1}
.editable-personal-info{margin-top:15px}
.by_email a{text-transform:lowercase;border-bottom:0;word-break:break-word}
#notlogin .frm-txt{width:100%}
@media(max-width:767px){.contact-us .btn-reg-form{margin-bottom:0}
.contact-us .reg-firstName{margin-top:10px}
.attach_file_contactus #attach_file span{margin-top:38px !important}
.contact-us{margin-left:0}
.extra-progress-wrapper .progress{height:auto;width:91% !important}
.edit-personal-info{margin-top:5px !important}
.edit-personal-zip{margin-top:22px}
.confirmemail-bottom{margin-bottom:15px !important}
.loginowner-firstname{margin-top:22px}
}
.file_delete{cursor:pointer}
.dropzone:after{content:'';top:-341px;left:-15px;right:15px;bottom:64px;z-index:-7;border-style:solid;border-width:1px;display:block;height:120px;width:105%;position:relative;background:0}
@media(min-width:1200px){.dh:after{height:298px !important;width:614px !important}
#drop-height{height:265px !important}
}
@media(min-width:1024px) and (max-width:1199px){.dh:after{height:282px !important}
#drop-height{padding:7px !important;height:265px !important}
}
@media(min-width:1440px) and (max-width:2560px){.dh:after{height:282px !important;width:625px !important}
#drop-height{padding:7px !important;height:265px !important}
}
@media(max-width:1023px) and (min-width:768px){.dh:after{height:287px !important;width:105% !important}
#drop-height{padding:7px !important;height:265px !important}
}
.extra-progress-wrapper span{line-height:30px}
@media(max-width:767px) and (min-width:320px){.contact-us-body .row.need-assistance{padding-left:13px}
.contact-us .frm_error_msg{top:-10px}
.contact-us .input-txt{margin-bottom:18px}
div.th_u_cu span{margin-left:0}
.contact-us .form-row{margin-bottom:0}
.contact-us .devider-space{margin-bottom:20px}
.contact-us-heading,.contact-us-personal-info{margin-left:0}
.contact-us-heading-after-login,.contact-us-heading-before-login{margin-left:0}
.contact-us h1{margin-top:15px !important;margin-bottom:18px}
.contact-us .col-lg-7{padding-right:15px !important}
.contact-us .col-lg-6{width:100%}
.contact-us-edit-link{float:right}
.contact-us .btn-reg-form{margin-top:12px;width:100%}
.contact-us-body .need-assistance .container{padding-top:25px !important}
.outer-col{padding:0 15px 0 0;border-right:0}
.by_email,.by_phone,.dealer_enq{height:auto;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:20px;padding-bottom:20px}
.by_phone,.by_mail{margin-left:0}
.dropzone:after{width:112%}
#msg_con textarea{width:100%}
#notlogin .frm-txt{width:100%}
}
@media(min-width:768px){.dropzone:after{width:105% !important}
.outer-col{padding:0}
}
.th_u_cu{float:left;width:100%;margin-top:30px;margin-left:6%}
#sub_response{margin-left:6%;margin-top:30px;display:inline-block;margin-bottom:60px}
#sub_response p{margin-bottom:63px}
div#sub_response input[type=button]{font-family:HyundaiSansTextOffice-Regular;color:#fff}
.th_u_cu span{margin-top:20px;font-size:27px}
.progress{position:relative;width:95% !important}
.progress .closemsg{position:absolute;top:0;right:7px;width:20px;height:20px;background:url("clientlib-hyundai-site/images/remove-file.png") no-repeat center center #fff;cursor:pointer}
@media(max-width:767px) and (min-width:100px) input[type="submit"]{width:100%}
@media(max-width:768px) and (min-width:320px){.div-grp{border-bottom:none !important}
}
@media(max-width:767px){.contact-us .consent label{width:570px;max-width:570px;display:block}
}
.thankyoucontactus .container div#sub_response>p{padding-left:0}
@media(max-width:400px){.by_email,.by_phone,.by_mail,.dealer_enq{margin-left:0 !important;text-align:left}
}
@media(max-width:450px){.by_email,.by_phone,.by_mail,.dealer_enq{position:relative !important;text-align:left}
}
@media(max-width:740px){.by_email,.by_phone,.by_mail,.dealer_enq{position:relative;text-align:left;margin-bottom:20px;padding-bottom:20px}
}
@media(max-width:768px){.outer-col{min-width:700px}
.by_email,.by_phone,.by_mail,.dealer_enq{text-align:left;margin-bottom:9px;padding-bottom:7px}
.by_email,.by_phone,.dealer_enq{border-bottom:1px solid #ccc}
}
.message_cnt{margin-top:10px}
.update_ownership{background-color:#f3f3f3;padding:0 10px 29px 17px;margin-top:61px}
.update_ownership p{margin-top:16px;width:95%}
#notlogin .devider-space{margin-top:0}
.need-assistance{margin:30px -125px 0 -80px}
.need-assistance .by_email span.div-grp a,.need-assistance .by_phone span.div-grp a{color:black}
.g-form-control{width:100%}
@media(min-width:100px) and (max-width:767px){#notlogin select#topic1,#login select#topic1,#login select#prefil-state,#login select#prefil-topic,#login select#prefil-vehicle_selection{background-size:12% 100%}
.attach_file_contactus div.dropzone span{position:relative;top:18px;left:26px}
.attach_file_contactus #attach_file img{position:relative;top:-18px;right:100px}
.attach_file_contactus #attach_file img.closeUploadFile{position:inherit;margin-left:2px}
.ownership .attach_file_contactus #attach_file img.closeUploadFile{position:inherit;margin-left:10px}
#sub_response p{margin-bottom:32px}
.th_u_cu span,#sub_response{margin:9px 15px 0 15px}
div#sub_response input[type=button]{margin-bottom:40px;width:100%}
.th_u_cu{margin-left:15px}
#login #prefil-topic,#notlogin #topic1{margin-bottom:17px}
#login .devider-space{margin-bottom:6px}
div.by_email,div.by_phone,div.by_mail,div.dealer_enq,div.by_request{height:auto !important}
#attach_file div.dropzone span.txt-xs{font-size:16px}
.update_ownership p{margin-top:8px;margin-bottom:14px;width:85%}
.dealer_enq p{width:83%}
.by_request p{width:83%}
.update_ownership{margin-left:-2%;width:104%;margin-top:40px;padding-top:0;padding-bottom:27px}
.message_contactus{margin-top:-10px}
.dealer_enq input[type='button'].btn-reg-form{width:100%}
.by_request input[type='button'].btn-reg-form{width:100%}
.need-assistance .col-xs-12{min-width:100%;text-align:left}
.reg-HYUNDAI_VIN{width:100%}
.container.contact-us{width:100%}
.reg-textfieldpar11{width:100%}
.g-form-control{width:100%}
.need-assistance{margin:0 -15px}
.dealer_enq{margin-left:0;text-align:left;padding-top:20px}
.by_request{margin-left:0;text-align:left;padding-top:20px}
}
div.consent label{font-weight:normal}
div.consent #consent{display:none}
.consent input[type='checkbox']:checked+label:after{top:10px}
.attach_file_contactus #attach_file span{font-family:"HyundaiSansTextOffice-Regular";margin-top:24px}
.dealer_enq input[type='button']{width:230px;margin-top:30px}
.by_request input[type='button']{width:230px;margin-top:30px}
.by_email img{width:50px;height:50px;margin-bottom:20px}
.by_phone img{width:38px;height:50px;margin-bottom:20px}
.by_mail img{width:50px;height:34px;margin-bottom:28px;margin-top:8px}
.dealer_enq img{width:36px;height:50px;margin-bottom:20px}
.by_request img{width:36px;height:50px;margin-bottom:20px}
INPUT.frm-txt,.g-form-control{font-family:"HyundaiSansTextOffice-Regular"}
#header-nav-canvas .nav-login-form input{padding:15px 14px 17px 14px}
#attach_file div.dropzone span{font-family:"HyundaiSansHead-Bold";font-size:18px}
@-moz-document url-prefix(){.col-lg-4.col-md-4.col-xs-12.update_ownership{padding-top:18px}
}
select#topic1,select#interested_vehicle,select#prefil-vehicle_selection,select#prefil-topic,#prefil-state{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/icon/Arrow%20with%20Line.svg) no-repeat right #fff;-webkit-appearance:none;background-size:38px;background-size:7% 100%}
input.input_error ~ .place_holder{color:#c40712 !important}
.contact-us abbr.ph_caption{font-size:12px}
.contact-us .message_cnt abbr.ph_caption{font-size:12px}
select#topic1,select#prefil-state,select#prefil-topic,select#prefil-vehicle_selection{background-size:7% 100%}
@media screen and (device-aspect-ratio:40/71){.contact-us .consent label{max-width:53%}
}
#header-login-box input#btn-login-form-canvas{font-weight:normal !important}
@media only screen and (min-device-width:480px) and (max-device-width:767px) and (orientation:landscape){.update_ownership{width:99%;margin-left:10px !important}
.contact-us #attach_file .dropzone{line-height:93px !important}
.contact-us-body .row.need-assistance{padding-left:0}
.update_ownership{padding-left:5%;padding-right:5%}
.need-assistance .container{width:90% !important}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){.outer-col{min-width:44%;margin-right:2%;float:left}
#user-contact-us p{margin-bottom:10px}
.update_ownership{width:97%;margin-left:10px !important}
.need-assistance{float:left;margin:30px 0 0 -43px;width:116%}
.thankyouassistance .need-assistance{margin:-10px 0 0 -43px}
.contact-us-body div.dealer_enq{width:98%}
.contact-us-body div.by_request{width:98%}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#user-contact-us p{margin-bottom:10px}
.outer-col{width:24.5%;float:left;display:block}
.by_phone,.by_mail,.dealer_enq,.by_request{margin-right:10px}
.update_ownership input.btn-reg-form.btn-sm{width:230px}
#attach_file{margin-top:15px}
.contact-us #attach_file img{margin-top:-19px}
.contact-us-body .need-assistance{margin:30px -125px 0 -85px;padding-left:6%;padding-right:6%;float:left}
.thankyouassistance .need-assistance{margin:-10px -125px 0 -85px}
.need-assistance .container{width:93% !important;margin-left:26px;padding-bottom:10px}
.dealer_enq input[type='button']{width:100%}
.by_request input[type='button']{width:100%}
.contact-us .consent label{width:88%}
.need-assistance{width:122%}
.contact-us #attach_file .dropzone{line-height:90px}
.container.contact-us{width:95.5%}
.contact-us{margin-left:20px}
.dealer_enq input[type='button']{margin-top:0}
.by_request input[type='button']{margin-top:0}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){div.by_mail{border-bottom:none !important}
.by_phone,.by_mail,.dealer_enq,.by_request{margin-left:0 !important}
.update_ownership{width:99%;margin-left:10px !important}
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){.contact-us .consent{width:100%}
.contact-us .consent label{width:96%}
.by_phone,.by_mail,.dealer_enq,.by_request{margin-left:20px;margin-right:10px}
.by_email{margin-right:10px}
div.by_phone:parent{padding-top:0}
.container.contact-us{margin-left:28px;width:93%}
.container.contact-us.ownership{margin-left:0}
.need-assistance .container{margin-left:6%;padding-bottom:0}
.outer-col{border-right:0 !important;padding-top:0}
.contact-us .btn-reg-form{width:230px}
}
@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%}
.update_ownership{margin-left:-44px}
.contact-us-body .need-assistance .container{width:88%;padding-right:30px}
.outer-col{border-right:1px solid #ccc !important}
div.by_mail{border-bottom:0}
.contact-us-body .need-assistance .container{width:82%;margin-left:74px}
.outer-col:nth-child(4){border-right:0 !important}
#notlogin .frm-txt{width:100%}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5){.update_ownership{margin-left:0}
}
@media(min-width:1200px){.container.contact-us{width:97.2%}
.contact-us{margin-left:15px}
.need-assistance{margin:30px -125px 0 -98px}
.email-left{margin-left:-20px}
}
@media(max-width:425px){}
@media(min-width:1024px) and (max-width:1366px){.contact-us h1{line-height:40px;margin-bottom:15px}
}
@media(min-width:991px){#border{width:85%}
}
@media(max-width:768px){.outer-col{border-right:0}
.by_email,.by_mail{height:auto !important}
div.by_mail{border-bottom:1px solid #ccc}
.thankyouassistance .by_mail{border-bottom:1px solid #ccc !important}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:portrait){.by_email,.by_mail{height:299px !important}
.thankyouassistance .by_email,.thankyouassistance .by_mail{height:auto !important}
.thankyouassistance .by_mail{border-bottom:1px solid #ccc !important}
.thankyoucontactus .thankyouassistance{margin-bottom:-35px}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){.by_mail{border-bottom:0}
.thankyoucontactus .thankyouassistance{margin-bottom:0}
}
.suggested_content{position:relative;float:right;margin-top:-65px;margin-right:-195px;width:33%;border-left:1px solid #ccc}
.private-articles a.contact_readArticle{margin-left:23px}
.contact-us-content h4{margin-left:20px;margin-top:15px;font-family:"HyundaiSansHeadOffice-Light";font-size:20px}
.suggested_content span{font-family:"HyundaiSansTextOffice-Medium";font-size:16px;display:inline-flex}
.contactUsSuggestedContent{overflow:hidden}
.suggested_content .col-lg-12{margin-left:5px;margin-top:20px;border-bottom:1px solid #ccc;padding-left:15px}
.contact_readArticle{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;margin-bottom:25px;margin-top:12px;display:inline-block}
@media(max-width:767px){.contact-us #msg_con{width:100%}
.suggested_content{margin-top:-10px;margin-right:0;border-left:0;width:100%;margin-bottom:20px;float:left}
}
@media(max-width:1024px) and (min-width:768px) and (orientation:portrait){.suggested_content{width:30%;margin-top:-60px;border-left:0}
.contactUsSuggestedContent{margin-left:-40px;width:100%;border-left:1px solid #ccc}
}
@media(max-width:1024px) and (min-width:768px) and (orientation:landscape){.contact-us #msg_con{margin-top:0}
.suggested_content{margin-top:-60px;border-left:1px solid #ccc}
}
.suggested_content span .searchLockIcon{margin-top:-4px !important;width:15px;height:22px}
@media only screen and (min-device-width:768px) and (max-device-width:1300px) and (orientation:landscape){.image-down{padding-top:22px}
.file_big_mob{margin-left:70px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1300px) and (orientation:portrait){.file_big_mob{margin-left:95px}
}
.tool-css{width:18px;height:15px}
@media(min-width:768px) and (max-width:1024px){.field-spacer-xs{margin-bottom:20px}
.zip-width{width:32%}
.border-width{width:325px !important}
.border-width-vin{width:310px}
.list-css-mobile{margin-left:18px}
.submit-bottomspace{margin-bottom:37.5px}
}
@media(min-width:768px) and (max-width:1023px){.phone-width{display:table}
.contact-us-mobile{margin-left:0}
.tool-css{margin-bottom:1px}
.phone-width{width:33.1%}
.ownership #notlogin .frm-txt{width:100%}
.vin-length{width:39%}
}
@media(min-width:1200px){.state-space{margin-bottom:10px}
.field-right{margin-left:15px}
.upload-right{margin-left:28px}
.list-css-mobile{margin-left:18px}
.tool-css{margin-bottom:8px}
.owner-border{width:86% !important}
.confirmemail-width{width:71.5%}
.contact-us abbr.ph_caption{font-size:14px}
}
@media(max-width:767px){.zip-width{width:55%}
.phone-width{width:58%}
.list-css-mobile{margin-left:30px}
.tool-css{margin-bottom:2px;margin-left:-4px}
.submit-bottomspace{margin-bottom:37.5px}
.attachment-fileowner{width:80% !important}
}
select#topic1,select#interested_vehicle{background-size:50px 50px !important}
.datepurchase-css{font-family:"HyundaiSansTextOffice-Regular";font-size:13px;font-weight:bold;line-height:20px}
.ie-css{-ms-background-position-x:76px !important}
@media(min-width:768px){.txt-lg1{line-height:290px}
.img-css{margin-top:65px;position:absolute;height:80px;float:left;transform:translateX(-50%);left:50%;margin-left:0 !important}
.attach-css{margin-top:25px}
.attachment-fileowner{width:50% !important}
}
@media(min-width:100px) and (max-width:767px){.img-css{top:-77px !important;right:11px !important}
.txt-xs1{top:50px !important;left:0 !important}
}
@media(min-width:768px) and (max-width:1024px){.img-css{margin-top:0 !important;top:72px !important}
.edit-space{margin-right:105px !important}
.border-width{width:325px !important}
.border-width-vin{width:310px}
.edit-icon-space{width:158px}
}
.date-of-service1>input{width:60px !important}
.edit-icon-css{margin-top:20px}
.date-css{margin-top:50pxt;margin-left:12px;margin-bottom:5px;width:280px;height:50px;border:1px solid #ccc}
.date-of-service2 #service-year{margin-left:155px !important;margin-top:6px}
.edit-vin-left{margin-left:17px}
.edit-vin-border{margin-bottom:5px}
.edit-vin-space{margin-bottom:25px}
.lo-vin1{margin-left:12px !important}
.edit-space{margin-right:142px}
.date1-css{height:48px !important;top:-8px !important;left:31% !important}
.date2-css{height:48px !important;top:-8px !important;left:31% !important}
@media(min-width:1200px){.lo-vin{margin-left:10px}
.border-width{width:345px}
.border-width-vin{width:345px}
.contactus_width{width:632px}
.border-length{width:86%}
.div-length{width:71.5% !important}
.div-length1{width:90% !important}
.edit-icon-space{width:190px !important}
.ownerlogin-width{width:88%}
.submit-bottomspace{margin-bottom:75px}
.loginownerb-width{width:91%}
.loginowner-width{width:90%}
.error-messageownerlogin{width:52%;margin-bottom:10px}
}
@media(min-width:1024px) and (max-width:1300px){.border-width{width:345px !important}
.border-width-vin{width:345px}
.contact-us-mobile{margin-left:0}
.tool-css{margin-bottom:8px}
.ownership #notlogin .frm-txt{width:100%}
.vin-length-pro{width:45%}
.edit-icon-space{width:158px}
.submit-bottomspace{margin-bottom:37.5px}
}
@media(max-width:767px){.date-of-service2{margin-left:0;margin-top:40px !important}
.error-space{top:11px !important}
.date-space-media{margin-left:9px;margin-top:18px !important}
.cc-css{margin-top:15px !important}
.edit-icon-css{margin-top:15px}
}
@media(min-width:375px) and (max-width:667px){.date-of-service2 #service-day{margin-left:36% !important}
.date-of-service2 #service-year{margin-left:193px !important}
.date-of-service2 #service-month{margin-left:28px !important}
}
@media(min-width:414px) and (max-width:736px){.date2-css{height:55px !important}
.attachment-fileowner{padding-right:5px}
.attach_file_contactus #attach_file span.file_wrong,.attach_file_contactus #attach_file span.file_big{margin-left:10%}
}
@media(max-width:767px) and (min-width:320px){.ownervin-align{margin:0 -10px 0 -10px;width:103%}
.date-of-service2{margin:0}
#LoginModal .modal-body{padding-left:0}
#LoginModal .modal-dialog{height:100%}
}
@media(min-width:414px) and (max-width:767px){.ownername-width{width:65%}
.dh:after{height:154px !important;top:-199px !important;width:105% !important;left:-8px !important}
#drop-height{height:140px !important}
.date-of-service2 #service-day{margin-left:36% !important}
.date-of-service2 #service-year{margin-left:60% !important}
.date-of-service2 #service-month{margin-left:9% !important}
}
@media(min-width:414px) and (max-width:767px) and (orientation:landscape){.dh:after{height:164px !important;top:-199px !important;width:104.2% !important;left:-8px !important}
#drop-height{height:140px !important}
.ownername-width{width:80%}
}
@media(min-width:375px) and (max-width:667px) and (orientation:landscape){.ownername-width{width:81%}
}
@media(min-width:568px) and (max-width:568px) and (orientation:landscape){.ownername-width{width:78%}
}
@media(min-width:600px) and (max-width:767px){.dh:after{height:163px !important;top:-203px !important;width:103.2% !important;left:-8px !important}
#drop-height{height:140px !important}
}
@media(min-width:375px) and (max-width:413px){.ownername-width{width:63%}
.dh:after{height:151px !important;top:-198px !important;width:105% !important;left:-7px !important}
#drop-height{height:140px !important}
}
@media(max-width:374px){.edit-space{margin-right:0 !important}
.ownername-width{width:58%;margin-right:0 !important}
.dh:after{height:162px !important;top:-202px !important;width:106% !important;left:-7px !important}
#drop-height{height:140px !important}
}
@media(min-width:1200px){.thankyouassistance .contact-us-body .need-assistance{margin:0 -125px -8px -98px}
}
@media(min-width:768px) and (max-width:1024px){#notlogin .devider-space{margin-top:0}
}
@media(min-width:1025px) and (max-width:1199px){.ownername-width{margin-right:128px}
}
@media(max-width:768px){.suggested_content{margin-top:-10px;margin-right:0;border-left:0;width:100%;margin-bottom:20px;float:left}
.contactUsSuggestedContent{margin-left:0;width:100%;border-left:0}
}
@media(max-width:812px) and (min-width:375px){.suggested_content{margin-top:-10px;margin-right:0;border-left:0;width:100%;margin-bottom:20px;float:left}
.contactUsSuggestedContent{margin-left:0;width:100%;border-left:0}
}
.suggestedContentLoginModal .modal-content{background-color:#fff;background-position:420px 100px !important;background-repeat:no-repeat}
.suggestedContentLoginModal .modal-content{width:100%;background-color:#fff;background-position:right;background-repeat:no-repeat}
@media(max-width:767px) and (min-width:320px){.suggestedContentLoginModal .modal-content{width:100%;float:left;height:100%;background-image:none !important;margin:0}
}
@media(min-width:768px){.suggestedContentLoginModal .modal-dialog{width:750px}
}
.suggestedContentLoginModal #modal-login-box .block-left{width:253px}
.suggestedContentLoginModal .login-modal-form #link-register-home{margin-left:70px}
.suggestedContentLoginModal .remember-me{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;font-weight:normal}
.suggestedContentLoginModal .floating_label{font-size:14px !important}
.suggestedContentLoginModal .modal-dialog .frm_error_msg{margin-left:2px !important}
#m_btn-login-form{font-weight:normal}
.suggestedContentLoginModal .login-username input,.suggestedContentLoginModal .login-password input{padding:17px 21px}
@media(min-device-width:768px){.suggestedContentLoginModal .login-modal-form #link-register-home{margin-left:70px}
}
@media(min-device-width:320px) and (max-device-width:812px){#LoginModal .modal-dialog{width:100%}
#LoginModal .input_legend{left:10px}
.loginmodal #LoginModal.modal:before{content:none}
.suggestedContentLoginModal .login-modal-form #link-register-home{margin-left:85px}
.login-modal-form #link-register-home{margin-top:-15px}
}
@media(max-width:767px){.suggestedContentLoginModal #modal-login-box .block-right{width:33%;display:inline-block}
.col-md-pull-0 .block-right{float:right}
.suggestedContentLoginModal #modal-login-box .block-left{width:46%;display:inline-block}
}
@media(max-width:1024px) and (min-width:768px) and (orientation:portrait){.suggestedContentLoginModal .login-modal-form #link-register-home{margin-left:70px}
}
@media(max-width:420px){.attach_file_contactus #attach_file span.file_wrong,.attach_file_contactus #attach_file span.file_big{margin-left:10%}
.extra-progress-wrapper .show-error .closemsg{right:-0.8% !important;top:10px !important}
}
@media only screen and (max-width:320px){.extra-progress-wrapper .show-error .closemsg{right:.2% !important;top:10px !important}
.attach_file_contactus #attach_file span.file_wrong,.attach_file_contactus #attach_file span.file_big{margin-left:9%}
}
@media(min-width:425px) and (max-width:767px){.attach_file_contactus #attach_file span.file_wrong,.attach_file_contactus #attach_file span.file_big{margin-left:13.5%}
.extra-progress-wrapper .show-error .progressBarStyling{margin-left:1% !important;text-align:left;padding-left:2%}
.extra-progress-wrapper .show-error .closemsg{right:8.2% !important;top:10px}
}
@media(min-width:667px) and (max-width:767px){.extra-progress-wrapper .show-error .closemsg{right:8.2% !important;top:10px}
}
@media(min-width:567px) and (max-width:767px){.extra-progress-wrapper .show-error .closemsg{right:5.9% !important;top:10px}
}
@media(max-width:767px) and (min-width:567px) and (orientation:landscape) .extra-progress-wrapper .show-error .closemsg{right:6.9% !important;top:10px}
@media only screen and (max-width:568px) and (orientation:landscape){.extra-progress-wrapper .show-error .closemsg{right:5.2% !important;top:10px}
}
@media(max-width:767px){.ownership .attach_file_contactus #attach_file span.allwd_ext{margin-left:10px;display:flex !important}
.ownership .login-username{margin-left:0}
.login-username span.field-divider-date3{margin-left:0}
.login-username span.field-divider-date2{margin-left:25px;top:-10px;height:56px}
.login-username input#service-day{margin-left:107px}
.login-username input#service-year{margin-left:185px}
.edit-vin-link{margin-left:0 !important;float:right !important}
span.file_big.file_big_mob.fileWrongAlignment{margin-left:12% !important}
.edit-icon-css{float:right}
.mobile-head-align h3{margin-left:9px !important}
}
@media only screen and (max-device-width:767px) and (min-device-width:480px) and (orientation:landscape){.ownership #attach_file .dropzone{line-height:90px !important}
}
@media(min-width:767px) and (max-width:1199px){.mobile-head-align h3{margin-left:9px !important}
}
.personal-lbl{width:98%;font-weight:normal}
#accout_security{width:100%;padding:20px;margin-left:0 !important}
#accout_security INPUT.frm-txt ~ .place_holder{z-index:2}
#accout_security .upper-title{margin-right:33px;margin-top:-30px}
#accout_security .upper-personal{border-bottom:1px solid #ccc;width:100%}
#accout_security .reg-password #reg_password::-webkit-input-placeholder{color:#000 !important}
#accout_security .reg-password #reg_password:-moz-placeholder{color:#000}
#accout_security .reg-password #reg_password::-moz-placeholder{color:#000}
#accout_security .reg-password{margin-bottom:10px;margin-top:20px}
#accout_security .reg-password #reg_password{border:1px solid #ccc;width:70%;color:#000}
#accout_security .reg-password #confirm_password::-webkit-input-placeholder{color:#000 !important}
#accout_security .reg-password #confirm_password:-moz-placeholder{color:#000}
#accout_security .reg-password #confirm_password::-moz-placeholder{color:#000}
#accout_security .reg-password #confirm_password{border:1px solid #ccc;width:70%;color:#000}
#accout_security .right-space{width:100%}
#accout_security .question{width:70%;padding:0;margin-top:20px}
#accout_security #secondary_type{width:70%}
#accout_security .g-form-label-select{position:absolute;font-family:"HyundaiSansTextOffice-Medium" !important;font-size:14px !important;left:8px;padding:0 5px;top:-3px;line-height:10px;background:white;font-weight:normal}
#accout_security #answer input{width:70%}
#accout_security #answer .g-form-group{position:relative;margin-bottom:20px;margin-top:20px}
#accout_security #answer .place_holder{margin-left:15 !important}
#accout_security .row-align-adj .col-lg-6{padding:0;margin-left:12px}
#accout_security .row-align-adj .col-lg-6 input{width:63%}
#accout_security #new_pin_change .place_holder{margin-left:15PX}
#accout_security .lower-part{margin-bottom:20px !important}
#accout_security .lower-part input{width:35%}
#secuirty_question_select .g-form-control{width:70%}
#answer abbr.place_holder{margin-left:10px}
@media(max-width:767px) and (min-width:100px){#accout_security #answer .place_holder{margin-left:0 !important}
.secondaryDriverSignUp2 #accout_security #answer .g-form-group{padding-left:10px;padding-right:10px}
#accout_security #answer .g-form-group{padding:0;margin-left:0;width:100% !important}
#accout_security #answer .g-form-group span{margin-top:-18px}
.personal-lbl{width:100%;font-size:12px}
#accout_security .upper-personal label{font-size:13px}
#accout_security .upper-personal h3{font-size:17px;margin-bottom:10px}
#accout_security{width:100%;padding-left:20px;padding-right:20px;margin-left:0}
#accout_security .container{padding:0}
#accout_security .upper-title{margin-right:0;margin-top:-30px}
#accout_security .reg-password #confirm_password{width:100%}
#accout_security .reg-password #reg_password{width:100%;margin-bottom:0}
#accout_security #secondary_type{width:100%}
#accout_security #answer input{width:100%}
#accout_security .row-align-adj .col-lg-6 input{width:100%;margin-bottom:0}
#accout_security .banner-container{padding-top:30px}
#accout_security .lower-part input{width:100%}
#accout_security .question{width:100%}
#inline-custom{width:98%;font-size:12px}
}
div.upper-personal label{font-weight:normal;color:#c40712}
@media(maxwidth:767px){div.upper-personal label{float:right;margin-top:-25px}
}
#accout_security label{font-family:"HyundaiSansTextOffice-Regular";font-weight:initial}
#inbox_all .top-border:first-child,#delete_Block .top-border:first-child{border-top:1px solid #fff}
.caret .dropdown .dropdown-menu{width:100%}
.message-center .popover.top{z-index:1020;margin-top:-13px}
.need-more-assistance .btn{background:#0074c8;border-color:#0074c8;font-family:"HyundaiSansTextOffice-Regular" !important;color:#fff;border-radius:25px !important;margin-left:90px}
.dropdown.open .dropdown-menu{display:block;width:100%}
#showLess,#showLess2{display:none}
#showLess a,#loadMore a,#showLess2 a,#loadMore2 a{display:inline-block;width:auto;margin:0 auto;text-decoration:none;border:0}
#showLess span,#loadMore span,#showLess2 span,#loadMore2 span{display:block}
#loadMore,#showLess,#loadMore2,#showLess2{text-align:center;height:50px;background-color:#fff;margin:7px 0 0 0}
#loadMore p,#showLess p,#loadMore2 p,#showLess2 p{margin:10px 0 0 0;font-family:"HyundaiSansTextOffice-Regular";font-size:16px}
#inbox_all .message-box{display:none}
i.arrowReadMore{border:solid #0074c8;border-width:0 2px 2px 0;display:inline-block;padding:6px}
.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:8px dashed;border-top:8px solid\9;border-right:8px solid transparent;border-left:8px solid transparent}
.btn{font-family:"HyundaiSansTextOffice-Regular";font-size:16px;padding-top:8px}
.no-gutter{padding-left:0;padding-right:0}
.message-centre-title{border-bottom:1px solid #ccc;padding-bottom:10px}
.recall-message{background-color:#fbedee;border-left:5px solid #c40612}
.unread_message{background-color:#eee;border-left:5px solid #ccc}
.read_message{background-color:#fff;border-left:5px solid #fff}
.message-box{width:100%;margin:5px 0;padding:20px 10px}
.recall-titletext{font-size:16px;color:#c40712;text-transform:none;font-family:"HyundaiSansTextOffice-Medium"}
.title-text{font-size:16px;font-family:"HyundaiSansTextOffice-Medium";color:#000;text-transform:none}
.time-stamp{color:#888;font-size:14px;font-family:"HyundaiSansTextOffice-Regular";text-transform:none}
.elipsis-container{font-size:14px;color:#000;height:40px;overflow:hidden;position:relative;width:98%}
.elipsis-container:after{content:'...';position:absolute;bottom:0;right:0;padding:0 .3em;background:inherit}
.elipsis-container span:after{content:'\0000a0';position:absolute;width:100%;z-index:1}
.popover.top>.arrow{bottom:-11px !important;left:50%;margin-left:-21px !important;border-bottom-color:transparent;border-top-color:transparent;border-bottom-width:0}
.hidespan{display:none}
.ellipsis{max-width:100%;height:43px;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;line-height:1.625;display:block;font-size:14px;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.margin-top22{width:100% !important;margin-top:22px}
.textCenter{text-align:center}
.information-tooltip{border:0;width:20px;height:20px;text-align:center;margin-top:35px;display:inline-block}
.information-tooltip:hover{border:0}
.top-border{border-top:1px solid #ccc}
.recall_button{width:100% !important}
.delete-link{color:#0074c8;text-align:center;margin-top:41px;border:0;display:inline-block;height:15px;font-size:14px !important;line-height:15px !important;position:relative;left:20px}
.delete-link:hover{border:0;color:#003f86;border-bottom:solid 1px #003f86;line-height:15px !important}
.inbox-view-more{font-size:16px;border:0}
.inbox-view-more:hover{border:0;color:#003f86}
.inbox-down-arrow{width:20px;height:20px;position:relative;display:inline-block;background-color:red;top:30px;left:-48px}
.advertise{margin-top:38px}
.advertise img{width:auto;height:174px;float:left;cursor:pointer}
.advertise2{display:none}
.delete-message{font-size:15px;margin-bottom:15px;background-color:#fff;border-left:0 solid #fff;margin-top:10px}
.tab{display:none}
.popover p:last-child{margin-bottom:0}
.popover p{margin:0 0 20px;font-family:"HyundaiSansTextOffice-Regular"}
.hide-sm-only{display:block}
.show-sm-only{display:none}
.my-accounts h1.messagecenter-h1{margin:14px 0 24px 4px}
@media(max-width:576px){.hide-sm-only{display:none}
.show-sm-only{display:block}
}
@media(min-width:768px) and (max-width:1024px){.paddingLeft15{padding-left:15px !important}
}
@media(max-width:767px) and (min-width:100px){.popover.top{margin-right:10px}
.popover.top>.arrow{bottom:-16px !important}
#tab-container.section-nav{margin:0;height:45px;float:left}
.ellipsisMobile{max-width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;line-height:1.625;display:block;font-size:14px;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ellipsis{max-width:100%;height:15px}
.delete-message{margin-bottom:10px}
.moveto-inbox{float:left;margin-top:15px}
span.arrow{border:solid white;border-width:0 2px 2px 0;display:inline-block;padding:4px;float:right;margin:4px 0 0 0}
span.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
span.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.arrow{border:solid rgb(0 0 0 / 87%);border-width:0 2px 2px 0;display:inline-block;padding:4px}
.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.arrow-link{width:20px;height:20px;background-color:#000}
.recall-titletext{font-size:14px;color:#c40612}
.ellipsis{font-size:13px;line-height:18px;color:#000}
.time-stamp{color:#888;font-size:12px}
.resource-section,.section-nav{margin:0}
.message-centre-title{border-bottom:1px solid #ccc;margin:13px 0 10px 0;line-height:45px}
.advertise{display:none}
.advertise2{margin:25px 0 50px 0;display:block}
.messageDesc{text-transform:none;line-height:1.625;display:block;font-size:14px;color:#000;margin:0}
.advertise2 img{width:auto;height:200px;float:left}
.messagecenter-h1{margin:24px 0 24px 10px}
.dropdown-messagecenter{margin:0}
.section-nav .btn.btn-default{width:100%;display:block;text-align:left;background-color:#0074c8;font-size:14px;color:#fff;text-transform:capitalize;line-height:27px;border-radius:5px;float:left}
.section-nav .btn .caret{position:absolute;right:10px;top:17px !important}
.hy-message-center .hy-back svg{display:flex;margin:-0.2rem 0 0 0}
.hy-message-center .hy-message-container .hy-tab{height:auto}
.hy-message-center-contact-us .hy-contact-us-heading{font-size:21px;width:100%;display:flex;align-items:center;justify-content:center}
.hy-message-center-contact-us .hy-contact-us-button{font-size:16px}
.hy-message-center .hy-back .hy-back-text{margin:0;font-size:16px;font-family:"HyundaiSansHead-Bold"}
.hy-message-center .hy-tab-pane .hy-title h2{font-size:32px}
.hy-individual-message .hy-individual-delete{display:flex;cursor:pointer}
.hy-message-center .hy-tab-container .hy-tab-item.active a .hy-imageContainer{background:transparent !important;border-radius:unset !important;stroke:#333 !important}
}
#communication-preferences-form .popover.top{margin-top:-13px !important}
#communication-preferences-form .popover.top>.arrow{left:47% !important}
#inbox_Box #showLess i.arrowReadMore.up{margin-top:10px}
#inbox_Box #inbox_all :nth-child(2){border-top:0 !important}
#inbox_all,#delete_Block{margin-top:10px}
#inbox_all p.messageDesc{position:relative;top:10px}
@media(max-width:319px){.time-stamp{display:block}
}
.advertise .text_block{position:absolute;right:110px;top:70px}
.advertise .text_block .offtext,.advertise .text_block .offdesc{font-family:"HyundaiSansHeadOffice-Light";color:#fff;text-align:right;width:100%}
.advertise .text_block .offtext{line-height:45px;font-size:41px}
.advertise .text_block .offdesc{font-size:17px}
@media(min-width:768px) and (max-width:1024px) and (orientation:portrait){.advertise .text_block{right:0}
.message-center .popover.top{margin-right:10px}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){.advertise .text_block{right:60px}
.message-center .popover.top{margin-right:10px}
}
@media(min-width:320px) and (max-width:420px){#inbox_all .message-box .col-xs-12{width:80%;margin-bottom:-30px}
}
@media(min-width:425px) and (max-width:767px){#inbox_all .message-box .col-xs-12{width:50%}
}
@media(min-width:768px) and (max-width:1024px){.messagecenter .hy-message-center .hy-main-content .hy-tab-content{display:block !important}
.hy-message-center-contact-us{padding:100px 62px !important}
.hy-message-center-contact-us .hy-contact-us-heading{font-size:30px !important}
.hy-message-center .hy-tab{display:block}
.hy-message-center .hy-tab-pane .hy-title h4{font-size:20px;line-height:22px}
.hy-message-center .hy-tab-container .hy-tab-item{font-size:16px}
.hy-message-center .hy-tab-container .hy-tab-item a .hy-imageContainer{height:auto}
.hy-message-center .hy-tab-container .hy-tab-item a{padding:10px 28px 10px 28px}
.hy-message-center-contact-us .hy-contact-us-heading{font-size:30px}
.hy-message-center-contact-us .hy-contact-us-button{font-size:16px}
.hy-message-center .hy-back .hy-back-text{margin:0;font-size:20px;font-family:"HyundaiSansHead-Bold"}
.hy-message-center .hy-tab-pane .hy-title h2{font-size:32px !important}
.hy-individual-message .hy-individual-delete{display:flex;cursor:pointer}
.hy-message-center .hy-tab-container .hy-tab-item.active a .hy-imageContainer{background:transparent;border-radius:unset;stroke:#333}
}
.hy-individual-message .hy-individual-delete{cursor:pointer}
.hy-message-center .hy-tab-container .hy-tab-item,.hy-message-center .hy-card .hy-card-heading,.hy-message-center .hy-tab-container .hy-message-center-mobile-heading,.hy-message-center-contact-us .hy-contact-us-heading,.hy-message-center .hy-back{font-family:"HyundaiSansHead-Bold"}
.hy-message-center{min-height:100vh;max-width:100%;margin:auto;display:flex;flex-direction:column}
.hy-message-center .hy-tab{background-color:#f3f3f3;padding:0;height:100vh;width:30%;float:left}
.hy-message-center .hy-tab .hy-tab-container.sticky{position:sticky}
.hy-message-center .hy-tab .hy-tab-container{position:relative;display:flex;flex-direction:column;padding-top:80px}
.hy-message-center .hy-tab-container .hy-message-center-mobile-heading{display:none}
.hy-message-center .hy-tab-container .hy-tab-item{list-style:none;cursor:pointer;color:#333;font-size:20px;font-style:normal;font-weight:500;line-height:26px}
.hy-message-center .hy-tab-container .hy-tab-item a{padding:10px 28px 10px 60px;display:flex;align-items:center;width:100%}
.hy-message-center .hy-tab-container .hy-tab-item.hy-align-start a{align-items:flex-start}
.hy-message-center .hy-tab-container .hy-tab-item a img{height:24px;width:24px}
.hy-message-center .hy-tab-container .hy-tab-item a .hy-imageContainer{height:40px;width:40px;display:flex;text-align:center;justify-content:center;align-items:center;stroke:#333;margin-right:10px}
.hy-message-center .hy-tab-container .hy-tab-item.active a .hy-imageContainer{background:#002c5e;border-radius:50%;stroke:white}
.hy-message-center .hy-tab-container .hy-tab-item .hy-tab-description{font-family:"HyundaiSansTextOffice-Regular";font-size:13px;line-height:normal}
.hy-message-center .hy-tab-container .hy-tab-item a,.hy-message-center .hy-tab-container .hy-tab-item a:hover{border-bottom:0;color:#333 !important}
.hy-message-center .hy-tab-container .hy-tab-item a.hy-tab-with-count,.hy-message-center .hy-tab-container .hy-tab-item a.hy-tab-with-count:hover{display:flex;flex-wrap:nowrap;justify-content:space-between}
.hy-message-center .hy-tab-container .hy-tab-item a.hy-tab-with-count span{display:flex;flex-wrap:nowrap;align-items:center}
.hy-message-center .hy-tab-container .hy-unread-msg-count{width:20px;height:20px;border-radius:50%;font-size:14px;line-height:22px;font-weight:500;text-align:center;color:#fff;background:#00aad2;justify-content:space-around;padding:3px 0 1px 0}
.hy-message-center .hy-tab-container .hy-tab-item.active{background-color:white}
.hy-message-center .hy-main-content{display:flex;flex-direction:column;justify-content:space-between;padding:0;width:70%;float:left}
.hy-message-center .hy-main-content .hy-tab-content{padding-right:60px}
.hy-message-center .hy-tab-content .hy-tab-pane{display:none}
.hy-message-center .hy-tab-content .hy-tab-pane.active{display:block;overflow-y:scroll;height:100vh;scrollbar-width:thin;scrollbar-color:transparent transparent;-ms-overflow-style:none;scrollbar-width:none}
.hy-message-center .hy-tab-content .hy-tab-pane.active::-webkit-scrollbar{width:.5em}
.hy-message-center .hy-tab-content .hy-tab-pane.active::-webkit-scrollbar-thumb{background-color:transparent}
.hy-message-center .hy-tab-content .hy-tab-pane.active::-webkit-scrollbar-track{background-color:transparent}
.hy-message-center .hy-tab-pane .hy-title.sticky{position:sticky}
.hy-message-center .hy-tab-pane .hy-title{display:flex;align-items:center;justify-content:space-between;padding:96px 112px 26px 112px;position:relative;background-color:#FFF;width:100%}
.hy-message-center .hy-tab-pane .hy-cards-container{padding:0 84px}
.hy-message-center .hy-pagination .disabled,.unset-cursor,.unset-cursor h4{cursor:unset !important}
.hy-message-center .hy-cards-container .hy-card{display:flex;padding:16px 28px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer;border-bottom:1px solid #d9d9d9}
.hy-message-center .hy-card .hy-category{color:#00aad2 !important;text-transform:capitalize;line-height:20px}
.hy-individual-message-detail .individual-message-desc b{font-weight:400}
.hy-message-center .hy-card .hy-card-heading{display:flex;justify-content:space-between;width:100%;color:#333;font-size:20px;font-style:normal;font-weight:500;line-height:26px}
.hy-message-center .hy-card .hy-card-heading .message-date{font-family:'HyundaiSansTextOffice-Regular';font-weight:normal;line-height:17px;font-size:13px}
.hy-message-center .hy-card .hy-card-heading .message-date{display:flex;align-items:end}
.hy-message-center .hy-card .hy-card-description{color:#333;font-size:16px;font-style:normal;font-weight:400;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hy-message-center-contact-us{background-color:#f3f3f3;padding:100px 112px}
.hy-message-center-contact-us .hy-contact-us-container{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center}
.hy-message-center-contact-us .hy-contact-us-heading{font-size:40px;font-style:normal;font-weight:500;line-height:35px;letter-spacing:.8px}
.hy-message-center-contact-us .hy-contact-us-button{padding:14px 30px;background-color:#032d5d;color:white;width:143px;align-self:center;text-align:center}
.hy-message-center-contact-us .hy-contact-us-button:hover{color:white}
.hy-message-center .hy-back{display:none}
.hy-message-center .hy-back{display:none;padding:40px 0 0 30px}
.hy-message-center .hy-pagination .hy-prev-btn,.hy-message-center .hy-pagination .hy-next-btn{height:24px;width:24px;cursor:pointer}
.hy-message-center .hy-pagination .hy-prev-btn.disabled,.hy-message-center .hy-pagination .hy-next-btn.disabled{opacity:.3}
.hy-message-center .hy-pagination{display:flex;align-items:center;gap:12px}
.hy-message-center .hy-pagination .hy-page-count{padding-top:6px}
.hy-description{margin:0 84px;padding:16px 28px;display:flex;flex-direction:column;gap:20px}
.hy-individual-message{display:flex;justify-content:space-between;align-items:center;margin-top:80px;font-family:"HyundaiSansHead-Bold";padding:16px 112px}
.hy-individual-back{display:flex;gap:16px;align-items:center}
.hy-individual-back p{margin:0;font-size:20px;font-style:normal;font-weight:500;line-height:26px}
.hy-description .hy-individual-title{display:flex;justify-content:space-between}
.hy-description .hy-individual-title .hy-individual-category{color:#00aad2 !important;text-transform:capitalize}
.hy-message-center .hy-tab-pane .hy-cards-container .hy-card-description b{font-weight:500}
.individual-message-title{font-family:"HyundaiSansHead-Bold";font-size:30px;font-style:normal;font-weight:500;line-height:35px;letter-spacing:.6px;margin-bottom:20px}
.individual-message-desc{font-size:16px;font-style:normal;font-weight:400;line-height:22px;/}
.hy-tab-pane.active.show-individual .hy-back,.hy-tab-pane.active.show-individual .hy-title,.hy-tab-pane.active.show-individual .hy-cards-container{display:none}
.hy-tab-pane.active.show-individual .hy-card-message-container{display:block}
.hy-tab-pane .hy-card-message-container{display:none}
.hy-individual-back{cursor:pointer}
.hy-card.hy-message-read .hy-category,.hy-card.hy-message-read .hy-card-heading,.hy-card.hy-message-read .hy-card-description{color:#666}
.hy-unread-message-count{margin-left:auto;height:20px;width:20px;background:#00aad2;color:white;border-radius:50%;font-size:14px;text-align:center;font-weight:400;display:flex;justify-content:center;align-items:center}
.message-center #lower-banner{display:none}
@media only screen and (max-width:992px){.hy-message-center .hy-tab-pane .hy-cards-container{padding:0 42px}
.hy-message-center .hy-tab-pane .hy-title{padding-left:70px;padding-right:30px}
.hy-message-center .hy-tab-container .hy-tab-item a{padding:10px}
}
@media only screen and (max-width:767px){.hy-individual-message{padding:10px 0;margin-top:0}
.hy-description{margin:0;padding:0;margin-top:20px}
.hy-message-center{flex-direction:column;min-height:68vh}
.hy-message-center .hy-tab{width:100%;min-height:fit-content}
.hy-message-center .hy-tab .hy-tab-container{position:static;padding:30px 26px}
.hy-message-center .hy-main-content{width:100%}
.hy-message-center .hy-main-content .hy-tab-content{padding:0}
.hy-message-center .hy-tab-pane .hy-cards-container{padding:0;margin-top:0}
.hy-message-center .hy-tab-pane .hy-title{padding:0;padding-left:30px;padding-top:20px;position:static;width:unset}
.hy-message-center .hy-pagination{display:none}
.hy-message-center .hy-back{display:flex;padding:10px 0;align-items:center;gap:10px}
.hy-message-center .hy-back .hy-back-text{margin:0}
.hy-message-center .hy-tab-container .hy-message-center-mobile-heading{display:block;font-size:32px;font-style:normal;font-weight:500;line-height:35px;margin-bottom:30px}
.hy-message-center .hy-tab-container .hy-tab-item a{padding:20px 0}
.hy-message-center .hy-tab-container .hy-tab-item.active{background-color:transparent}
.hy-message-center .hy-tab-container .hy-tab-item a .hy-imageContainer{height:40px;width:40px}
.hy-message-center .hy-tab-item.active a .hy-imageContainer{background:transparent;border-radius:50%;stroke:#333}
.hy-message-center-contact-us{text-align:center;padding:50px 20px 100px 20px;display:flex;justify-content:center}
.hy-message-center .hy-tab-content .hy-tab-pane.active{display:flex;flex-direction:column;padding:20px 20px 0 20px;gap:20px}
.hy-message-center .hy-tab-pane .hy-title{padding:0}
.hy-message-center .hy-cards-container .hy-card{padding:20px 0}
}
@media(min-width:1024px) and (max-width:1366px) and (orientation:portrait){.hy-message-center .hy-tab,.hy-message-center .hy-tab-content .hy-tab-pane.active{height:80vh !important}
.hy-message-center .hy-tab{width:35%}
.hy-message-center .hy-main-content{width:65%}
}
@media(min-width:820px) and (max-width:1180px) and (orientation:portrait){.hy-message-center .hy-tab,.hy-message-center .hy-tab-content .hy-tab-pane.active{height:75vh !important}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:portrait){.hy-message-center .hy-tab,.hy-message-center .hy-tab-content .hy-tab-pane.active{height:80vh !important}
.hy-message-center .hy-tab{width:35%}
.hy-message-center .hy-main-content{width:65%}
}
.banner-type-1{max-width:180px}
.banner-type-1 .carousel{display:block}
.banner-type-1 .carousel-indicators{display:none}
.banner-type-1 .carousel-caption{top:15px;right:11px;left:0;padding:0}
.banner-type-1 h3{font-family:"HyundaiSansHeadOffice-Regular";font-size:30px;text-align:right}
.banner-type-1 p{font-family:"HyundaiSansHeadOffice-Regular";font-size:16px;text-align:right;margin-top:10px}
.notification_message_center,.unsubscribe_message_center,.unsubscribe_popup{display:none;position:absolute;top:50px;right:8px;background:#fff;z-index:999;text-align:left}
.notification_message_center{box-shadow:0 0 7.4px .6px #d4d4d4;width:400px;right:-20px}
.message_center_popup .notification_block .message_content{padding:10px 10px;border-bottom:1px solid #ccc;margin-left:10px;margin-right:10px}
.message-header{width:100%}
.message_content .show-read-more p{line-height:1.5;margin-bottom:17px}
.show-read-more .more-text{display:none}
#triangle-up{width:35px;height:10px;position:absolute;overflow:hidden;box-shadow:0 16px 10px -17px rgba(0,0,0,0.5);right:14px;text-align:right;float:right;top:-10px}
#triangle-up:after{content:"";position:absolute;width:25px;height:25px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:5px;box-shadow:0 0 7.4px .6px #d4d4d4}
.message_center_popup{width:100%}
.unsubscribe_center_popup{width:600px;box-shadow:-5px 5px 30px #888}
.unsubscribe_popup .unsubscribe_center_popup{width:480px}
.unsubscribe_notification_block{font-size:16px;font-weight:normal;position:relative;height:50px;padding:15px}
.message_center_popup .top_title{font-size:14px;margin-bottom:14px}
.message_center_popup .top_title label{text-transform:initial}
.message_center_popup .message-header button{float:right;border:0;background:transparent}
.message_center_popup .notification_block,.message_center_popup .unsubscribe_notification_block{overflow-y:auto;width:100%;max-height:inherit}
.message_center_popup .unsubscribe_notification_block .message_content{padding:21px 0 33px;border-bottom:1px solid #ccc;margin:0}
.message_center_popup .notification_block .message_content{padding:21px 0 17px;border-bottom:1px solid #ccc;margin:0}
@media(max-width:767px){.message_center_popup .notification_block .message_content{padding-left:1px;border-bottom:1px solid #ccc;margin:0}
}
#header-alerts-icon .message-center-footer a{width:100%;height:50px;background-color:var(--blue-btn);color:#fff;font-size:16px;line-height:1.56;font-family:HyundaiSansTextOffice-Regular;padding:15px 0;display:block;text-align:center}
#header-alerts-icon .message-center-footer a:hover{background:var(--blue-btn-hover);color:#fff}
@media(max-width:767px){#header-alerts-icon .message-center-footer a{height:40px;font-size:14px;max-width:400px;text-align:center;margin:0 auto;padding:10px 0}
}
#header-alerts-icon .message_content a{border-bottom:solid 1px #0074c8}
#header-alerts-icon .message_content a.information-tooltip.dropdown-tooltip{width:16px;height:16px;margin-left:11px;margin-top:0;display:inline-block}
.message_center_popup .notification_block .message_content:last-child,.message_center_popup .unsubscribe_notification_block .message_content:last-child{border-bottom:0}
.unsubscribe_center_popup .message-footer{border-top:1px solid transparent}
.show-read-more .more-text{display:none}
.unsubscribe_center_popup input[type=button]{width:115px}
@media(max-width:767px) and (min-width:100px){.unsubscribe_center_popup{width:280px}
.unsubscribe_center_popup input[type=button]{width:100%}
.unsubscribe_notification_block{height:90px}
.unsubscribe_center_popup .modal-footer{text-align:center}
.notification_message_center{right:-61px;width:100vw;top:40px}
#triangle-up{right:53px}
.banner-type-1{display:none}
}
@media(max-width:320px) and (min-width:100px){.notification_message_center{width:277px}
}
#alert_notification .hyundai-modal-header h1{font-size:56px;font-family:"HyundaiSansTextOffice-Regular"}
#alert_notification .modal-content{padding-left:20px;padding-bottom:30px;width:421px;margin-left:90px;margin-top:90px}
#Recall-PopUp .modal-dialog{width:620px}
#recallCarousel{top:-25px}
.recall_count{margin-left:30px !important;color:grey;font-size:14px;font-weight:normal}
#lefthyphen{margin-left:23px}
#lefttext{margin-top:-27px;margin-left:12px}
.popup-scroll{padding:10px;width:100%;overflow-y:hidden;overflow-x:hidden;padding:30px}
.popup-scroll.no-message{overflow-y:hidden;overflow-x:hidden;height:auto !important;margin-bottom:-30px}
.message-center-footer{padding:10px}
@media(max-width:370px){.notification_message_center{width:100vw;top:40px}
}
@media(max-width:767px){#Recall-PopUp .modal-dialog{width:100%}
#Recall-PopUp{padding-right:0 !important}
.message_center_popup .notification_block .message_content{padding:10px 0 8px !important;border-bottom:1px solid #ccc;margin:0}
.message_content .show-read-more p{line-height:1.5;margin-bottom:12px}
}
.dashboard_page .help-center-container .list-unstyled .dashboard_column{max-width:262px}
#dashboard-connected-services-usage.show_usage_states{background-image:url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/Blue%20Link%20Stats%20Image.jpg);background-repeat:no-repeat;background-size:100%;background-color:#e6e6e6}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards .not_enrolled_rewards{padding:45px 0 0 65px}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards .not_enrolled_rewards{padding:45px 0 0 35px}
.not_enrolled_rewards .rewards_text{margin-top:60px;font-size:16px;margin-left:-10px}
.not_enrolled_rewards a{width:85%;height:50px;background-color:var(--blue-btn);display:inline-block;color:#fff;text-align:center;padding:15px 0;display:block;font-size:16px}
.not_enrolled_rewards a:hover{background:var(--blue-btn-hover);color:#fff;border-bottom:0}
.not_enrolled_rewards .rewards_info{overflow:hidden;margin-top:80px;margin-bottom:94px}
.not_enrolled_rewards .rewards_info span{float:left}
.not_enrolled_rewards .rewards_info span.rewards_image{width:75px;height:75px;margin-right:20px}
.not_enrolled_rewards a.assurance_link{margin-top:83px}
#dashboard-connected-services-usage.blue_link_gen_two .not_enrolled_rewards .rewards_info span.rewards_text{font-size:16px;width:62%;line-height:22px}
#dashboard-connected-services-usage.blue_link_gen_one .not_enrolled_rewards .rewards_info span.rewards_text{font-size:16px;width:69%;line-height:22px}
.dashboard_usage_state.hide_usage_states{margin-left:6%}
.dashboard .electricVehicleDashboard.disabled-feature a,.dashboard .electricVehicleDashboard.disabled-feature h2{color:#888}
.dashboard .electricVehicleDashboard.disabled-feature input{background-color:#888;color:#fff}
.dashboard .electricVehicleDashboard.disabled-feature a:hover span,.dashboard .electricVehicleDashboard.disabled-feature a span{border-bottom:solid 1px #888}
.dashboard .electricVehicleDashboard.disabled-feature .electric_vehicle_dash a.edit-charge-schedule:hover,.dashboard .electricVehicleDashboard.disabled-feature .electric_vehicle_dash a.edit-charge-schedule{border-bottom:solid 1px #888}
.dashboard .electricVehicleDashboard.disabled-feature .charge-status-btn .btn-white:hover,.dashboard .electricVehicleDashboard.disabled-feature .charge-status-btn .btn-white{border:solid 1px #888}
.section-dashboard.section-dashboard-nbl{min-height:510px}
.dashboard .odometer_popover.non_est_dashboard{width:16px;height:16px;float:left}
.dashboard .vh-vinsubtitle-v4 .popover{z-index:1}
#needToknwNBL{position:absolute;right:0;top:1px;background:#fff;height:448px;width:465px}
#needToknwNBL .need_to_know_container{width:100% !important}
#needToknwNBL .carousel-inner .item{min-height:270px;padding:40px}
#needToknwNBL .need_to_know_container #dashboard_needtoknow h4{font-size:30px}
#needToknwNBL .need_to_know_container #dashboard_needtoknow .carousel{margin-top:0;margin-left:-10px}
#needToknwNBL .need_to_know_container #dashboard_needtoknow .carousel .carousel-inner .item .row{margin-left:0;margin-right:0}
#needToknwNBL .need_to_know_container #dashboard_needtoknow .carousel-inner{min-height:450px}
.header-left,.header-right{font-size:14px}
.table-sub-data{font-size:14px}
.dashboard .connected-services .tab-section{background:#fff !important;margin-left:-20px;margin-right:-20px;left:inherit;width:auto !important;position:inherit}
#dashboard-connected-services-usage.blue_link_gen_two .bluelink_subscription,#dashboard-connected-services-usage.blue_link_gen_two .dashboard_usage_state,#dashboard-connected-services-usage.blue_link_gen_two{min-height:540px}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps{width:39%;float:right;height:450px;margin-right:-100px;background-size:cover;padding:0;background-image:none}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4{width:38%;height:450px}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4{width:31%;margin-right:-16px}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a,#dashboard-connected-services-usage.blue_link_gen_two .finance_section #button-finance a{margin:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a{width:300px;left:18%;position:absolute;bottom:60px}
#dashboard-connected-services-usage.blue_link_gen_one .finance_section .finance_image img{height:450px;width:100%}
#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps{width:100vw !important;left:calc(-50vw + 50%) !important;margin-top:55px;padding-bottom:0;padding-top:0;background-image:none}
#dashboard-connected-services-usage.blue_link_gen_one .subscription-link{width:330px}
#dashboard-connected-services-usage.blue_link_gen_one .subscription-link a{display:block;margin:0 auto;width:40%}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards h1{text-align:center}
.connectedserviceshelp_gen_one.connected-services .tab-section{background:#fff !important}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices #button-gcs,#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices #button-nogcs{text-align:center}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices{margin-left:0;border-right:1px solid #ccc}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h4{padding-top:25px}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h5{margin-top:15px}
#dashboard-connected-services-usage.blue_link_gen_one .btn-connected-device{height:50px}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices table{margin-bottom:31px}
#dashboard-connected-services-usage.blue_link_gen_one .btn-connected-device{width:300px !important}
.blue_link_gen_one{background:#fff !important;border-top:1px solid #ccc}
.connectedservicessubscriptiondashboard{overflow:hidden;border-bottom:1px solid #ccc}
.need_to_know_container{padding-right:0}
.need_to_know_container [class*=' col-']{padding-right:0}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps .container-desktop .car-acce-txt h3,#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps .container-desktop .car-acce-txt h3{font-size:70px;line-height:50px}
#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps .container-desktop .car-acce-txt h3{line-height:26px}
.info-good p.detail{display:inline-block}
.wifi-content{display:none}
.wifi-content .wifi-content-status{text-transform:uppercase;font-size:12px}
.wifi-content .wifi-content-status.active{color:#008000}
.wifi-content .wifi-content-status.deactive{color:#c40712}
.hotspot-content{display:none}
.hotspot-content .hotspot-content-status{text-transform:uppercase;font-size:12px}
.hotspot-content .hotspot-content-status.active{color:#008000}
.hotspot-content .hotspot-content-status.deactive{color:#c40712}
@media(min-width :991px){.exheight{height:95px}
}
@media(max-width :767px){#dashboard-connected-services-usage .car-acce-txt h3{margin-bottom:12px;font-size:60.6px;line-height:50px;width:100%}
#dashboard-connected-services-usage .car-acce-txt span{font-size:20.5px;display:block}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a{margin-left:0;position:absolute;bottom:0;left:0}
.header-left,.header-right{font-size:13px !important}
.table-sub-data{font-size:13px !important}
}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps .container-desktop .car-acce-txt span{font-family:"HyundaiSansTextOffice-Regular";font-size:24px;display:block}
#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps .container-desktop .car-acce-txt span{font-family:"HyundaiSansTextOffice-Regular";font-size:24px;display:block;font-size:24px;margin-top:20px;margin-bottom:10px}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps .container-desktop .car-acce-txt{text-align:right;padding-right:50px}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps .container-desktop .car-acce-txt a{position:absolute;bottom:60px;left:16%}
.finance_image img{height:450px;width:100%}
.finance_image span{font-family:HyundaiSansTextOffice-Bold;color:#fff;margin-left:70px;padding-top:45px;display:block;font-size:22px;width:66%;position:absolute;top:0;line-height:40px}
.finance_image a{width:300px;text-transform:none !important;font-family:"HyundaiSansTextOffice-Regular";font-size:16px;padding:12px;background-color:var(--blue-btn);border:1px solid var(--blue-btn);color:#fff;display:block;text-align:center;position:absolute;bottom:60px;left:18%}
.finance_image a:hover{background:var(--blue-btn-hover);border-color:var(--blue-btn-hover);color:#fff}
.dashboardbannerheader{background:#fff;width:100vw;position:relative;left:calc(-50vw + 50%)}
.dashboard .dashboardbannerheader{border-bottom:1px solid #ccc}
.dashboard #timtlineMainblock{max-width:90%;margin-left:-17px}
@media(min-width :1199px){.dashboardbannerheader .section-dashboard h2{width:52%}
}
#connected-services-help ui li{margin-bottom:20px}
.dashboard_container,.dashboard .container{max-width:1240px;margin:0 auto;padding:0 20px 0 20px;width:100%}
.dashboard_container .row,.dashboard .container .row{margin-right:0;margin-left:0}
.dashboard_container .row .col-md-8{width:62%}
.dashboard_container .row .col-md-4{width:38%}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td,#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td{padding:15px}
.container-fluid{overflow:hidden}
.headings{margin-top:30px}
.vehicle-health-status{float:left;margin-top:35px;margin-left:25px;display:none}
.section-dashboard{background-size:50%;max-width:1240px;height:100%;max-height:450px;min-height:450px;background-repeat:no-repeat;background-position:bottom 15% right 7%;background-color:#fff;margin:0 auto;padding-left:20px;padding-right:20px}
.section-dashboard H1{color:#fff;text-transform:uppercase;font-family:'HyundaiSansTextOffice-Regular';margin-top:2px;width:80%}
.section-dashboard h4{color:#888;font-family:HyundaiSansTextOffice-Regular;font-size:16px;margin-bottom:11px}
.vh-status-good{top:10px}
.vh-status-caution{top:10px}
.danger-info{top:17px}
.section-dashboard h2{font-size:42px;color:#000;word-wrap:break-word;margin-bottom:17px}
.dash-stripe-banner{float:left;width:100%;color:#fff;text-align:center;background:#0074c8;padding:8px 10px;font-size:14px;margin-top:0}
.dash-stripe-banner a{margin-left:10px;color:#fff;border-bottom-color:#fff;background:0}
.dash-stripe-banner a:hover{color:#000;border-bottom-color:#000}
.check-img{width:30px;z-index:3;position:relative;margin-top:-145px;margin-left:163px}
.image-section{position:relative;display:inline-block;vertical-align:top;top:20px;left:-30px}
.ring-good{z-index:1;margin-left:50px}
.car-good{z-index:2;width:360px;position:absolute;top:20px}
.ring-good img{width:150px;height:150px}
.car-good img{width:250px}
.info-good{position:relative;width:290px;display:inline-block;min-height:200px;left:0;top:20px;z-index:2;margin-left:25px}
.info-good span{color:#888;font-size:14px}
.no-action{font-size:18px;color:#357f33;top:30px;font-family:"HyundaiSansHeadOffice-Regular";margin-bottom:15px;line-height:20px}
.detail{color:#000;top:60px;font-size:14px}
.btn-view-details_good{position:relative;// top:10px;// left:0;width:100% !important;height:50px !important}
.recom_maintnce{color:red !important;display:none}
.trans_issue{color:red !important;display:none}
.section-dashboard .loader{display:none;border:3px solid transparent;border-radius:50%;border:3px solid #0074c8;border-top:3px solid #fff;width:30px;height:30px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:70px auto;position:absolute;z-index:99999;left:23%;top:25%}
.vehiclehealthservicehistory #service_hisory_records,.vehiclehealthservicehistory #service_hisory_blank{padding-left:0}
.vehiclehealthservicehistory .upper-icon a{border-bottom:0}
@media(max-width :767px){.detail,.caution-line2,.danger-info{min-height:25px}
.caution-line1{min-height:10px}
.vehicle-info-common .info-good .vh-status-good{min-height:70px;display:block}
.dash-stripe-banner{margin-bottom:20px;margin-top:0 !important}
.connected-services #connected-services-help p.hc-description{width:100%;margin-bottom:10px}
.connected-services #connected-services-help img.hc-image{// width:auto;max-width:inherit;max-height:inherit}
.connected-services #connected-services-help h4.hc-title{width:100%;min-height:inherit;padding-bottom:5px;padding-top:23px}
.headings{margin-top:-60px}
.section-dashboard H4{font-size:15px;line-height:25px}
.section-dashboard H1{font-size:20px !important;margin-top:-10px}
.section-dashboard H2{font-size:30px !important}
.vehicle-health-status{float:left;margin-left:5px;margin-top:10px !important}
.caution-line1{font-size:11px;width:250px;top:10px;position:inherit}
.caution-line2{font-size:11px;width:250px;margin-top:0 !important;position:inherit;top:0}
.danger-info{width:250px;font-size:12px}
.image-section{position:relative;width:130px;top:0;left:-10px;margin-bottom:10px;float:left;height:75px}
.info-good{// left:-4px !important;margin-top:30px;margin-left:25px}
.btn-view-details_good{margin-left:20px;margin-top:35px;height:inherit;// top:15px}
.vehicle-info-danger .btn-view-details_good{margin-top:30px !important}
.check-img{margin-top:-80px;margin-left:80px}
.ring-good img{width:80px;height:80px;margin-left:-25px}
.car-good img{width:130px}
.check-img img{width:25px}
.info-good span{color:#888;text-transform:capitalize}
.info-good span.recom_maintnce{// top:-70px}
.info-good p{font-size:13px;font-family:"HyundaiSansTextOffice-Regular"}
.detail{width:170px;margin-top:0 !important}
.recom_maintnce{color:red;display:none;margin-top:0}
.trans_issue{color:red;display:none;margin-top:0}
.section-dashboard .loader{left:50%;top:30%;width:20px;height:20px;border:2px solid transparent;border-radius:50%;border:2px solid #0074c8;border-top:2px solid #fff;z-index:999}
.connected-services #connected-services-help .hc-link{margin-bottom:10px;display:inline-block;margin-top:6px}
.dashboard #service_hisory_records .col-xs-12{padding-left:0;padding-right:0}
.dashboard #serviceHistoryWrapId .upper-icon a{font-size:14px}
.dashboard .service-history-wrps .h3head-title{padding-bottom:0 !important;margin-left:0}
.dashboard a.show-md{margin-top:18px}
.dashboard .vh-sr-list .resp-collapse-content{margin-top:20px !important}
.dashboard .vh-sr-list .resp-collapse-content label span{line-height:20px}
.connectedservicessubscriptiondashboard{border-bottom:0}
}
@media(max-width :380px){.connected-services #connected-services-help .hc-image{max-height:125px}
}
@media(min-width :381px) and (max-width:480px){.connected-services #connected-services-help .hc-image{max-height:135px}
}
@media(max-width :1024px){.section-dashboard{background-color:#fff;min-height:300px;margin-bottom:20px}
.vehicle-health-status{margin-top:-45px}
.vehicle-health-status{margin-left:30px;margin-top:-20px}
.info-good{top:20px;margin-left:10px}
.info-good span{font-size:12px}
.no-action{font-size:15px}
.detail{// width:200px}
.dash-stripe-banner{margin-top:-100px}
.btn-view-details_good{// top:15px}
#quick-links{margin-top:20px !important}
#quick-links .col-md-8{width:100% !important}
#dashboard-connected-services-usage .dashboard-bluelink-devices table td.new-line-data{right:15% !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:29px !important;margin-left:-35px !important}
.btn-get-connected-gcs{left:17% !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{margin-top:-1% !important;margin-left:-10% !important}
.connectedservicessubscriptiondashboard{margin-top:20px}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{left:-15px !important;top:175px !important}
.btn-get-connected-no-gcs{margin-left:-90px !important}
.section-dashboard .loader{left:20%;top:16%}
#dashboard-connected-services-usage .dashboard-bluelink-devices{margin-left:0 !important}
}
@media(max-width :768px){#dashboard_needtoknow{margin-bottom:30px}
#dashboard_needtoknow .carousel{margin-top:15px !important;margin-left:30px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{position:absolute;margin-top:-15px !important;margin-left:-75px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{margin-top:30px !important;width:300px !important;text-align:center;margin-left:25px !important}
.btn-get-connected-gcs{margin-top:50% !important;margin-left:-40px !important}
.section-dashboard .loader{left:46%;top:25%}
.btn-get-connected-no-gcs{margin-left:5px !important}
.dashboard .service-history-wrps .container{margin-right:0;margin-left:0}
.dashboard .upper-icon label img.email{height:20px}
}
@media(max-width :767px){#dashboard-connected-services-usage .dashboard-bluelink-devices{height:361px}
.btn-view-details_good{// top:45px}
}
@media(max-width :375px){.headings{margin-left:0 !important}
.vehicle-health-status{margin-top:0 !important;margin-left:0 !important}
.info-good{// top:-15px !important}
.info-good span{color:#888;text-transform:capitalize}
.info-good p{// position:absolute;// top:-50px !important;// left:145px;// width:60%}
.btn-view-details_good{margin-top:28px !important;// max-width:300px;position:absolute;left:-150px;width:330px !important}
}
@media(max-width :443px){.section-dashboard{padding-right:20px}
.headings{margin-left:0 !important}
.vehicle-health-status{margin-top:10px !important;margin-left:8px !important;width:100%}
.info-good{// top:0 !important;margin-left:15px !important}
.info-good span{color:#888;text-transform:capitalize}
.info-good span.recom_maintnce{// top:-85px}
.info-good p{// position:absolute;// top:-50px !important;// left:145px;// width:50%}
.btn-view-details_good{margin-top:35px;margin-left:-4px !important;margin-top:20px !important;min-width:inherit !important}
}
@media(max-width :360px){.headings{margin-left:0 !important}
.vehicle-health-status{top:28% !important;margin-left:0 !important}
.info-good{// top:-20px !important;margin-left:0 !important}
.info-good span{text-transform:capitalize}
.btn-view-details_good{left:-140px;margin-left:-5px;// top:10px;// max-width:300px;// min-width:160px !important}
}
@media(max-width :360px){.info-good span{// left:125px}
}
@media(max-width :325px){}
@media(max-width :740px){.headings{margin-left:0 !important}
.vehicle-health-status{margin-top:0;margin-left:0 !important}
.info-good{margin-top:30px}
}
@media(max-width :767px){.dashboardbannerheader .section-dashboard{margin-bottom:0;background-position:center bottom -3%}
.section-dashboard{width:100%;height:100%;max-height:inherit;min-height:520px;padding-top:80px;padding-left:20px;background-color:#fff;background-position:center bottom -3%;background-size:350px;padding-bottom:150px}
.headings{margin-left:0}
.vehicle-health-status{margin-left:0}
.info-good{width:142px;float:left;margin-left:25px;margin-top:0;left:inherit !important;top:inherit;min-height:inherit;height:auto}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td{padding:0 15px 0 15px;margin-bottom:10px}
#quick-links h3{font-size:22px !important}
#quick-links .dashboard-vehicle-status h4{font-size:22px}
}
@media(min-width :768px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1){.section-dashboard{// min-height:300px;background-position:bottom 21% right,bottom right 6%;background-size:350px}
.section-dashboard.section-dashboard-nbl{min-height:320px}
.section-dashboard .headings{margin-left:0;margin-bottom:60px}
.section-dashboard H2{font-size:35px}
.btn-view-details_good{width:185px !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings quick_links_table.table td p{font-size:16px !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td h4{font-size:18px !important}
.form-text-field{max-width:inherit}
.image-section{top:28px;width:auto}
.ring-good{margin-left:25px}
.car-good img{width:180px}
.car-good{top:25px}
.check-img{margin-top:-130px;margin-left:110px}
.ring-good img{width:125px;height:125px}
}
and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){.section-dashboard{background-position:bottom-2%right,bottomright-6%}
}
@media(min-width :1200px){.h4_font{font-family:HyundaiSansTextOffice-Regular !important;font-size:16px !important}
.h3_font{font-family:HyundaiSansHeadOffice-Light}
}
@media(max-width :470px){.dashboardbannerheader .section-dashboard{// min-height:430px}
}
@media(max-width :443px){.vehicle-health-status{margin-top:10px !important;margin-left:8px !important;width:100%}
.dashboard .btn-view-details_good{// width:100% !important;// max-width:100% !important;// margin-top:20px !important;// top:10px}
.dashboard .vehicle-info-danger .btn-view-details_good{margin-top:40px !important}
.section-dashboard.section-dashboard-nbl{min-height:495px}
}
@media(max-width :320px){.car-good img{width:129px}
.ring-good img{width:80px;height:80px}
.check-img img{width:25px}
.dashboard .btn-view-details_good{margin-top:20px !important;position:absolute;left:-135px;width:280px !important}
.dashboard .vehicle-info-danger .btn-view-details_good{margin-top:40px !important}
.section-dashboard.section-dashboard-nbl{min-height:540px}
.info-good{top:0 !important;margin-left:0 !important}
}
.dashboard_rewards.col-lg-4{padding-right:0;padding-left:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards{padding:0 30px 0 30px;margin-top:30px;min-height:400px}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards{padding:0 30px 0 30px;margin-top:30px;min-height:400px;margin-left:0}
.finance_section h3{font-size:30px;font-family:HyundaiSansHead-Bold}
.dashboard_rewards.col-lg-4 .rewards h3{font-size:30px;font-family:HyundaiSansHead-Bold;margin:0 0 66px 0;padding-top:20px}
.finance_section h3{margin-bottom:35px}
.dashboard_rewards.col-lg-4 .rewards h1,.finance_section h1{font-family:HyundaiSansHead-Bold;font-size:90px;margin-bottom:30px;text-align:center}
.dashboard_rewards.col-lg-4 .rewards h5,.finance_section .finance h5{font-family:HyundaiSansTextOffice-Regular;color:#888;font-size:16px;text-align:center;margin-bottom:41px}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards h5{margin-bottom:112px}
.finance_section table{margin-bottom:20px}
.dashboard_rewards.col-lg-4 .rewards a,.finance_section #button-finance a{width:315px;height:50px;border-radius:25px;background-color:#0074c8;display:inline-block;color:#fff;text-align:center;padding:15px 0;margin:0 auto;display:block}
.dashboard_rewards.col-lg-4 .rewards a:hover,.finance_section #button-finance a:hover{background:#003f86}
#dashboard-connected-services-usage.blue_link_gen_two .finance_section{padding:0;margin-left:-30px;clear:both}
#dashboard-connected-services-usage.blue_link_gen_two .finance_section .finance_image span{width:75%;font-size:30px}
#dashboard-connected-services-usage.blue_link_gen_one .finance_section{padding:0;margin-left:-21px;width:37%}
.finance_section #left_fi{font-size:50px;font-family:HyundaiSansHead-Bold;text-align:center;width:55%}
.finance_section #left_fi sup{font-size:60%}
.finance_section #right_fi{color:#888;font-family:HyundaiSansHead-Bold;font-size:16px;vertical-align:middle}
.dashboard_rewards.col-lg-4 img{width:266px;margin-top:16px;margin-left:32px;height:105px}
.dashboard .timeline_ppm_wrapper{display:inline-block;width:100%;background:#f3f3f3;padding:43px 90px}
.dashboard .complimentary-desc a.btn-white{border:0;text-align:left;padding-left:0;border-bottom:1px solid #0074c8;border-radius:0;padding-bottom:0;width:auto;padding-right:0}
.dashboard .complimentary-desc a.btn-white:hover{border-bottom:1px solid #003f86;color:#003f86}
.dashboard .complimentary-desc p{margin-top:-3px}
.dashboard .complimentarymaintenance #prepaid_maintenance{padding-left:5.8%}
.dashboard #timtlineMainblock.disabled .mainDiv{width:100%}
.dashboard #serviceHistoryWrapId .col-md-12{padding-right:0;padding-left:0}
.dashboard .quick_links_row{width:62%}
.dashboard .quick_links_row .col-lg-6{width:87%;display:inline-block}
@media only screen and (min-width :768px) and (max-width :1024px){.dashboard .quick_links_row{width:100%}
.dashboard .quick_links_row .col-lg-6{float:left}
}
.dashboard #vhMap{min-height:450px}
.dashboard .addressblk_title h1{font-size:30px}
.dashboard p.service_location_font{line-height:30px;padding-right:40px}
.dashboard .addressblk_starrating .starraingblk_icon{margin-right:27px}
.dashboard .connected-services #connected-services-help h3{float:left;width:100%;margin-top:40px;padding-left:0}
#quick-links .customise-settings-link{display:inline-block;width:12%;text-align:right;padding-right:0;margin-top:10px}
#quick_links_customization .hyundai-modal-header.s30{padding-top:32px !important;padding-bottom:0}
div#quick_links_customization .modal-dialog{max-width:1070px;width:100%}
div#quick_links_customization .modal-content p{font-size:16px;font-family:HyundaiSansTextOffice-Regular;margin:20px 0 40px}
div#quick_links_customization .modal-footer{display:block;width:100%;text-align:center;border-top:0}
div#quick_links_customization.newGlobalModal .modal-footer{padding-bottom:30px !important}
#quick_links_customization .all_links{visibility:hidden}
#quick_links_customization .modal-footer p{margin:25px 0}
#quick_links_customization .row .col-md-2{padding:35px 0;border:1px solid #ccc;text-align:center}
#quick_links_customization .row .col-md-2 .checkbox-custom{margin-right:0}
#quick_links_customization .checkbox-custom input[type=checkbox]{cursor:pointer}
#quick_links_customization .checkbox-custom input[type=checkbox][disabled]{cursor:not-allowed}
#quick_links_customization .row .col-md-2.col-md-offset-1{border:1px solid #ccc;border-left:0}
#quick_links_customization .row.row_01 .col-md-2.col-md-offset-1{width:16.57%}
#quick_links_customization .row .col-md-2:nth-child(5){border-right:0}
#quick_links_customization .row.row_01 .col-md-2,#quick_links_customization .row:last-child .col-md-2,#quick_links_customization .row:last-of-type .col-md-2{border-top:0;border-bottom:0;border-right:0}
#quick_links_customization .all_links .row:last-of-type .col-md-2{border-right:1px solid #ccc;border-bottom:0;border-left:0}
#quick_links_customization .all_links .row:last-of-type .col-md-2:nth-child(5){border-right:0}
#quick_links_customization .row.row_02 .col-md-2,#quick_links_customization .row.row_03 .col-md-2,#quick_links_customization .row.row_04 .col-md-2{border-left:0}
#quick_links_customization .row.row_02 .col-md-2{border-bottom:0}
#quick_links_customization .row.row_04 .col-md-2{border-top:0}
div#quick_links_customization .modal-content .col-md-2 p{margin:15px 0 25px}
#quick_links_customization .row .col-md-2 img{max-width:37px;min-height:40px;max-height:40px}
.img-wh{max-width:37px !important;max-height:40px !important;min-height:40px !important}
#quick_links_customization #error_message{display:none;color:#c40712}
div#quick_links_customization .modal-footer p.selected_count{margin-top:10px;margin-bottom:20px}
div#quick_links_customization .modal-footer .lock-submit{margin-bottom:10px;font-size:16px !important}
#quick_links_customization .row .col-md-2 span{width:25px;height:25px}
.dashboard .nogcs_vehicle{display:none;float:left;margin-top:-10px}
.dashboard .vh-vinsubtitle-v4{color:#222;margin-bottom:20px}
.dashboard .update-mileage-btn .information-tooltip{width:16px;height:16px}
.dashboard .update-mileage-btn a{font-size:14px}
.dashboard .nogcs_vehicle .col-md-12,.dashboard .nogcs_vehicle .col-md-5{padding-left:0;padding-right:0}
.dashboard .nogcs_vehicle .col-md-5{max-width:400px;width:100%}
.update-mileage-btn a:hover{border-bottom:solid 1px #003f86}
.dashboardSavedBuildWrapper{visibility:visible}
@media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :portrait){#quick_links_customization .row.row_01 .col-md-2.col-md-offset-1{width:16.55%}
#quick_links_customization .row .col-md-2{width:16.66666667%}
#quick_links_customization .row.row_01 .col-md-2:nth-child(4){width:16.66666667%}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){#quick_links_customization .row .col-md-2{width:20%;float:left}
#quick_links_customization .row.row_01 .col-md-2.col-md-offset-1{width:19.86%}
#quick_links_customization .row.row_01 .col-md-2:nth-child(4){width:20%}
#quick_links_customization .all_links{padding:0 34px 0 40px}
}
.show_usage_states.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards a{margin-top:114px !important}
@media(max-width :767px){.dashboard_page .help-center-container .list-unstyled .dashboard_column{max-width:100%}
.show_usage_states.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards a{margin-top:0 !important}
#needToknwNBL{right:0;top:0;background:#fff;height:auto;width:90%;display:block;position:static;margin-right:20px}
.dashboard .nogcs_vehicle{margin-top:0}
.section-dashboard h4{margin-bottom:0}
.dashboard .alertstepblk-count-text .alertstep-number{font-size:70px !important}
.dashboard .timeline_ppm_wrapper{padding:25px 0}
.dashboard .vh-vinsubtitle-v4{line-height:16px}
.connected-services #connected-services-help .row{padding-bottom:25px;margin-left:0;margin-right:0;padding-top:0}
.dashboard .nogcs_vehicle .alertstep-block-v4 .alertstepblk-button{margin-top:5px}
.dashboard .nogcs_vehicle .alertstep-block-v4 .alertstepblk-button .btn{padding:10px 30px;height:inherit;line-height:20px}
.dashboard .quick_links_row .col-lg-6{width:78%;float:left}
.dashboard .connected-services .tab-section{border-bottom:1px solid #ccc;background:#fff !important;margin-left:0;margin-right:0;left:inherit;width:auto}
.dashboard .connectedserviceshelp{float:left;width:100%;padding:0;background-color:#fff}
.dashboard .connected-services #connected-services-help h3{margin-top:10px}
.dashboard .buildAvehicleComponent{float:left;width:100%}
.dashboard .buildAvehicleComponent .container{padding-left:5px;padding-right:5px}
.dashboard .buildAvehicleComponent .container #build-a-vehicle .col-lg-12,.dashboard .buildAvehicleComponent .container #build-a-vehicle .button-wrapper-mobile{padding:0 20px}
.viewAll-wrapper{float:right;width:30%;margin-top:0}
.finance_image{margin-left:0;margin-right:0}
.finance_image span{width:70%;line-height:30px}
.finance_image a{left:1%}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices{border-right:0;border-bottom:1px solid #ccc}
.blue_link_gen_one .bluelink_subscription{padding-left:0;padding-right:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h4{padding-top:10px;left:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h5{margin-top:0;left:0 !important;top:35px}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices table{margin-left:0 !important;margin-bottom:25px}
.dashboard_rewards.col-lg-4 .rewards h3{font-size:22px;margin:0 0 66px 0;padding-top:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4{margin-left:0;height:auto}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards h1,.dashboard_rewards.col-lg-4 .rewards h1{font-size:70px;text-align:center;margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards{padding:0}
.dashboard_rewards.col-lg-4 .rewards,.finance_section{padding:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards h5,#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards h5{font-size:12px;margin-bottom:30px}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a,#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards a{width:100%;margin-bottom:30px;height:40px;line-height:12px}
#dashboard-connected-services-usage.blue_link_gen_two .finance_section a,#dashboard-connected-services-usage.blue_link_gen_one .finance_section a{width:97%;height:40px;line-height:15px}
.dashboard_rewards.col-lg-4 .rewards{min-height:auto}
.finance_section h3{font-size:22px;margin-top:30px}
.finance_section #left_fi{font-size:40px;line-height:50px}
.finance_section #right_fi{font-size:13px}
#dashboard-connected-services-usage.blue_link_gen_two .bluelink_subscription{min-height:520px;padding-left:0;padding-right:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_usage_state{min-height:500px}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps,#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps{width:116%;margin-right:0;height:200px;margin-top:30px;float:left;margin-left:-25px}
.help-center-container .list-unstyled .dashboard_column{padding-left:0;padding-right:0}
.help-center-container .list-unstyled .dashboard_column:first-child{padding-left:0;padding-right:0}
.dashboard #timtlineMainblock{margin-left:10px}
.dashboard #myCanvas,.dashboard .mainDiv{top:80px}
.dashboard .recommended-timeline-desc p{width:100%;padding-left:10px;margin-top:15px}
.dashboard .recommended-timeline-desc a{margin-bottom:10px}
.dashboard .service-history-wrps{padding:20px 0 0}
.car-good{top:10px}
.dashboard #timtlineMainblock.disabled .mainDiv{width:100%}
#quick_links_customization .row .col-md-2{width:33%;float:left;min-height:225px}
#quick_links_customization .row .col-md-2 .checkbox-custom{margin-right:0}
#quick_links_customization .row.row_01 .col-md-2.col-md-offset-1{width:32.69%}
#quick_links_customization .hyundai-modal-header.s30{width:98%;padding-top:25px !important}
div#quick_links_customization .modal-content p{margin-top:20px;margin-bottom:5px;font-size:14px;line-height:21px}
#quick_links_customization .all_links{padding:0 15px}
div#quick_links_customization .modal-content .col-md-2 p{margin:20px auto 30px;width:67%;display:block}
#quick_links_customization .modal-content .row.row_05 .col-md-2,#quick_links_customization .modal-content .row.row_06 .col-md-2{border-top:0;border-left:0}
#quick_links_customization .modal-content .row.row_04 .col-md-2,#quick_links_customization .modal-content .row.row_07 .col-md-2{border-top:0}
#quick_links_customization .modal-content .row.row_07 .col-md-2{border-right:0}
#quick_links_customization .modal-content .row.row_07 .col-md-2.col-md-offset-1{width:32.74%}
#quick_links_customization .modal-content .row .col-md-2:nth-child(3){border-right:0}
#quick_links_customization .modal-content .row:last-of-type .col-md-2{border-bottom:0}
div#quick_links_customization .modal-footer p.selected_count{margin-top:5px;margin-bottom:20px}
.dashboard .addressmap_wrps .address-block{padding:35px 10px 15px 20px;width:100%;position:relative;left:0;top:0}
#quick_links_customization .lock-submit{margin-bottom:20px}
.dashboard .addressmap_wrps .addressblk_title h1{width:100%}
.dashboard .addressblk_starrating .starraingblk_icon{margin-right:0}
.dashboard .dashboardSavedBuildWrapper .bx-wrapper{float:left;width:100%}
.dashboard_rewards.col-lg-4 .rewards{border-bottom:1px solid #ccc}
.finance_section,.dashboard_rewards.col-lg-4 .rewards{border-right:0}
.dashboard_rewards.col-lg-4 .rewards a,.finance_section a{margin-bottom:25px}
}
@media(max-width :1024px) and (min-width:768px){.dashboard #timtlineMainblock{max-width:94%}
.dashboard .nogcs_vehicle{margin-top:-50px}
.dashboard .addressmap_wrps .address-block{padding-bottom:30px;height:380px;min-height:inherit;top:10px;padding-left:20px;padding-top:10px}
.dashboard #vhMap{min-height:480px}
.nogcs_vehicle .vh-vinsubtitle-v4{margin-bottom:1px}
.nogcs_vehicle .alertstep-block-v4 .alertstepblk-button{margin-top:0}
.nogcs_vehicle .alertstepblk-count-text .alertstep-number{font-size:70px !important;line-height:80px !important}
#quick_links_customization .hyundai-modal-header.s30{padding-top:30px !important}
div#quick_links_customization .modal-footer p.selected_count{margin-top:5px;margin-bottom:20px}
div#quick_links_customization .modal-footer .lock-submit{margin-bottom:25px}
div#quick_links_customization .modal-content p{margin-top:20px;margin-bottom:20px}
#quick_links_customization .col-md-2 .checkbox-custom{margin-right:0}
#quick_links_customization .row:last-of-type .col-md-2{border-right:1px solid #ccc}
#quick_links_customization .row:last-of-type .col-md-2:nth-child(5){border-right:0}
}
@media(min-width :768px) and (max-width:991px){#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps .container-desktop .car-acce-txt h3{display:block;width:100%}
.finance_image a{width:63%;left:23%}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards{margin-left:0;padding:0}
#dashboard-connected-services-usage.blue_link_gen_one .finance_section{width:100%;margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_two .finance_section{width:100%;margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4{width:100%;margin:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4{width:100%;margin:0;height:auto}
.not_enrolled_rewards a{width:69%}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards .not_enrolled_rewards{padding:30px 0 0 0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards .not_enrolled_rewards{padding:30px 0 0 0}
#dashboard-connected-services-usage.blue_link_gen_two{background-repeat:no-repeat;background-size:195%;background-position:top}
#dashboard-connected-services-usage.show_usage_states{max-height:610px;background-image:none !important}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a{margin-left:0}
#needToknwNBL{position:static;right:0;top:0;background:#fff;height:auto;width:100%;display:inline-block}
#needToknwNBL .need_to_know_container{padding:20px}
#dashboard-connected-services-usage{background:0}
.dashboard .connected-services .tab-section{margin-left:0;margin-right:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a{width:100%;position:initial;bottom:0}
.finance_image{margin-left:-25px;margin-right:-25px}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards h1{text-align:center;margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards h1,#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards h1{font-size:90px !important}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards,#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards{min-height:auto}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4{margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices{border-right:0;border-bottom:1px solid #ccc}
div#quick_links_customization .modal-content .col-md-2 p{font-size:14px}
.dashboard_rewards.col-lg-4 .rewards{border-right:0}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps{width:106%;margin-left:-20px;margin-top:30px;float:left;background-size:100% 100%}
#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps{width:106%;margin-left:-20px;margin-top:30px;float:left;left:0 !important}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps .car-acce-txt,#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps .car-acce-txt{width:100%;text-align:center !important;color:#fff;margin:0 auto}
#dashboard-connected-services-usage.nbl_user .off-car-accessories-wrps{margin-left:-20px !important}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps .container-desktop .car-acce-txt a{left:20px;min-width:94%}
.finance_section h3{font-size:22px;margin-top:30px}
}
@media(max-width :1199px) and (min-width:768px){.help-center-container .list-unstyled .dashboard_column{max-width:323px !important;margin-right:15px !important;width:100% !important;margin-top:20px}
.connected-services #connected-services-help .hc-image{min-height:145px !important;max-height:145px}
.help-center-container .list-unstyled .dashboard_column{padding-right:0 !important;padding-left:0 !important}
}
@media(max-width :991px) and (min-width:768px){.help-center-container .list-unstyled li:nth-child(1),.help-center-container .list-unstyled li:nth-child(3){padding-left:0}
}
@media(max-width :1199px) and (min-width:1025px){.connected-services #connected-services-help .hc-image{min-height:145px !important}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){#dashboard-connected-services-usage{max-height:inherit !important}
#dashboard-connected-services-usage.nbl_user{padding-bottom:0 !important}
.help-center-container .list-unstyled .dashboard_column{padding-right:10px;padding-left:15px;width:23%}
.dashboard .connectedserviceshelp .connected-services #connected-services-help .bx-wrapper .bx-prev{left:-16px;border-bottom:1px solid #ccc}
.dashboard .connectedserviceshelp .connected-services #connected-services-help .bx-wrapper .bx-next{right:-16px;border-bottom:1px solid #ccc}
.dashboard .connected-services #connected-services-help .row{margin-left:0}
.dashboard .connectedserviceshelp .connected-services #connected-services-help .bx-wrapper .bx-viewport{margin-left:10px}
}
@media(max-width :767px){#dashboard-connected-services-usage.show_usage_states{background:linear-gradient(180deg,#e6e6e6 42%,#fff 58%) !important;background-repeat:no-repeat !important;background-size:100% !important;background-color:#fff !important}
.dashboard .update-mileage-btn a{left:0;top:0;margin-right:10px !important}
.dashboard_usage_state #gcs .btn-get-connected-gcs{display:inline-block !important}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps,#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps{margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps{background-size:cover !important;background-position:center 0 !important;min-height:200px !important}
#dashboard-connected-services-usage.blue_link_gen_one .finance_section{width:100%;margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_two .finance_section{width:100%;margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4{width:100%;margin:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4{width:100%;margin:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards .not_enrolled_rewards{padding:30px 0 0 0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards .not_enrolled_rewards{padding:30px 0 0 0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards .not_enrolled_rewards{padding:30px 0 0 0}
.not_enrolled_rewards .rewards_info{margin-top:50px;margin-bottom:70px}
.not_enrolled_rewards a{width:100%;height:40px;line-height:15px}
.btn-get-connected-no-gcs{line-height:15px}
.dashboard_usage_state.hide_usage_states{margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps,#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps{width:100% !important;background-size:100% 180%;height:auto;max-height:inherit;background-position:center -120px}
#needToknwNBL .need_to_know_container{padding:0}
#needToknwNBL{position:static;right:0;top:0;background:#fff;height:auto;width:100%;display:inline-block}
#dashboard-connected-services-usage.nbl_user{min-height:inherit;padding-bottom:0}
.rewards{min-height:275px !important}
}
@media(max-width :400px){div#quick_links_customization .modal-content .col-md-2 p{width:80%}
.dashboard .update-mileage-btn a{left:0}
}
@media(max-width :480px){div#32,div#38,div#34{margin-left:1px}
div#quick_links_customization .modal-content .col-md-2 p{min-height:36px;font-size:14px;line-height:16px}
}
@media(min-width :992px) and (max-width:1024px){#dashboard-connected-services-usage.show_usage_states{background-image:url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/Blue%20Link%20Stats%20Image.jpg);background-repeat:no-repeat;background-size:100% 570px;background-color:#fff}
.dashboard_rewards.col-lg-4 .rewards h5{margin-bottom:114px}
.dashboard_usage_state.hide_usage_states{margin-left:5%}
.dashboard .connectedserviceshelp .connected-services #connected-services-help .bx-wrapper .bx-prev{left:-16px;border-bottom:1px solid #ccc}
.dashboard .connectedserviceshelp .connected-services #connected-services-help .bx-wrapper .bx-next{right:-16px;border-bottom:1px solid #ccc}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards h1,#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards h1{font-size:90px !important}
.dashboard .connectedserviceshelp .connected-services #connected-services-help .bx-wrapper .bx-viewport{margin-left:10px}
.help-center-container .list-unstyled .dashboard_column{padding-left:15px;padding-right:10px;width:23%}
#needToknwNBL{position:static;right:0;top:0;background:#fff;height:auto;width:100%}
#needToknwNBL .need_to_know_container{padding:20px}
.dashboard #timtlineMainblock{margin-left:15px}
.dashboard #timtlineMainblock .recommended-timeline-desc p{margin-left:10px}
.finance_section{padding:0}
.finance_image a{left:20%;width:68%}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a,#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4 .rewards a{width:100%;margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4 .rewards a{position:initial;bottom:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices{width:97%}
#dashboard-connected-services-usage.blue_link_gen_one .btn-connected-device{width:270px}
#dashboard-connected-services-usage.blue_link_gen_one .off-car-accessories-wrps{margin-top:30px}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps{width:34%;margin-right:-21px}
#dashboard-connected-services-usage.blue_link_gen_two .off-car-accessories-wrps .container-desktop .car-acce-txt a{left:5%;min-width:90%}
.dashboard .connected-services .tab-section{margin-left:5px;margin-right:5px}
#dashboard-connected-services-usage.blue_link_gen_one .finance_section{width:35%;margin-left:-21px}
#dashboard-connected-services-usage.blue_link_gen_two .finance_section{width:35%;margin-left:-21px}
.blue_link_gen_one .bluelink_subscription{width:34% !important}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards.col-lg-4{width:33%;margin:0}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards.col-lg-4{width:33%;margin:0}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard_rewards .not_enrolled_rewards{padding:45px 30px 0 30px}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard_rewards .not_enrolled_rewards{padding:45px 30px 0 30px}
.not_enrolled_rewards .rewards_info{margin-bottom:80px}
#dashboard-connected-services-usage.blue_link_gen_one .not_enrolled_rewards .rewards_info span.rewards_text{width:62%}
#dashboard-connected-services-usage.blue_link_gen_two .not_enrolled_rewards .rewards_info span.rewards_text{width:60%}
#dashboard-connected-services-usage{max-height:572px !important}
#dashboard-connected-services-usage.blue_link_gen_two .not_enrolled_rewards .rewards_info,#dashboard-connected-services-usage.blue_link_gen_one .not_enrolled_rewards .rewards_info{min-height:183px;margin-bottom:0}
#dashboard-connected-services-usage.blue_link_gen_two .not_enrolled_rewards a{width:100%}
}
.dashboard_column a{position:relative !important}
.connected-services #connected-services-help h4{min-height:80px;color:#000}
@media(max-width :992px) and (min-width:769px){#quick_links_customization .row .col-md-2{float:left;width:16.66666667%}
#quick_links_customization .row .col-md-2.col-md-offset-1{margin-left:8.33333333%}
}
@media(min-width :768px) and (max-width:1024px){.section-dashboard-nbl .alertstepblk-count-text{margin-top:10px;margin-left:-5px}
}
@media(max-device-width :350px){#quick_links_customization .hyundai-modal-header.s30 span{line-height:25px}
#quick_links_customization .modal-rvs .light-close{margin-top:0 !important}
#quick_links_customization .row.row_01 .col-md-2:nth-child(2),#quick_links_customization .row.row_07 .col-md-2:nth-child(2){width:32.74%}
div#quick_links_customization .modal-footer p.selected_count{font-size:14px}
}
@media(min-width :768px) and (max-width:991px){.dashboard_usage_state.hide_usage_states{margin-left:0}
}
@media(min-width :992px) and (max-width:1024px){.dashboard_usage_state.hide_usage_states{margin-left:5%}
}
#needToknwNBL .carousel-inner .item.srvc_offr{padding:0 !important}
#serviceofferURL{background-color:var(--blue-btn);text-transform:none !important;font-family:"HyundaiSansTextOffice-Regular";font-size:16px;padding:12px;color:#fff;position:absolute;bottom:60px;left:17.45%;width:302px;border-color:transparent}
#serviceofferURL:hover{background-color:var(--blue-btn-hover)}
#NBL_needtoknow_carousel #serviceofferURL:hover,#NBL_needtoknow_carousel #serviceofferURL:focus{background-color:rgba(0,63,134,1)}
@media(max-width :767px){.vehiclehealth_carousel #serviceofferURL{width:80% !important;text-align:center}
}
@media(max-width :767px){.vehiclehealth_carousel{position:static !important;top:0 !important;right:0 !important;display:inline-block}
}
@media(min-width :320px) and (max-width:767px){#needToknwNBL .need_to_know_container #dashboard_needtoknow h4{top:30px;position:relative}
#NBL_needtoknow_carousel .dashboard-vehicle-status{margin-bottom:50px}
#serviceofferURL{width:100%;max-width:90% !important;margin-left:-20% !important}
}
@media(max-width :768px){#serviceofferURL{left:30% !important}
}
@media(max-width :1024px){#serviceofferURL{left:35%}
}
@media(max-width :1024px) and (min-width:768px){.dashboard p.service_location_font{line-height:22px !important;font-size:26px}
}
@media(max-width :767px){#needToknwNBL .need_to_know_container #dashboard_needtoknow .carousel-inner{min-height:370px}
#dashboard_needtoknow #NBL_needtoknow_carousel .carousel-indicators{margin-bottom:35px !important}
#NBL_needtoknow_carousel #serviceofferURL{margin-left:-25.5% !important}
}
@media(max-width :768px) and (orientation:portrait){#needToknwNBL .need_to_know_container #dashboard_needtoknow .carousel-inner{min-height:705px}
}
@media(max-width :1024px) and (orientation:landscape){#needToknwNBL .need_to_know_container #dashboard_needtoknow .carousel-inner{min-height:950px}
}
@media(max-width :767px){.dashboardSavedBuildWrapper .slickCars{width:auto !important}
}
@media(max-width :767px) and (min-width:425px){.vehiclehealth_carousel{width:100% !important}
}
#dashboard-connected-services-usage.blue_link_gen_one{padding-bottom:0}
.dashboard .blue_link_gen_one .container,.dashboard .service-history-wrps .container{max-width:100%;padding:0}
.vehiclehealthservicehistory #service_hisory_blank,.vehiclehealthservicehistory #service_hisory_records{max-width:1240px;margin:0 auto;padding:0 20px 0 20px;width:100%}
.dashboard .blue_link_gen_one .bluelink_subscription{margin-left:0}
.dashboard .blue_link_gen_one .dashboard-bluelink-devices{margin-left:0}
@media(max-width :767px){#dashboard-connected-services-usage.blue_link_gen_one .bluelink_subscription{padding-left:20px;padding-right:20px;width:100%}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h4,#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h5{margin-left:0}
#dashboard-connected-services-usage.blue_link_gen_one .btn-connected-device{margin-left:0 !important;width:100% !important}
.info-good p.detail{display:inline}
}
.update-mileage-btn .odometer_popover{padding:07px}
@media(max-width :1024px){#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h4,#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices h5,#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices table,#dashboard-connected-services-usage.blue_link_gen_one .btn-connected-device{margin-left:0;padding-left:0}
}
@media(min-width:1200px){#dashboard-connected-services-usage.blue_link_gen_two .finance_section .finance_image span{margin-left:30px;font-size:24px;width:90%}
.ubi-services.drivescorecomp #dashboard-connected-services-usage.blue_link_gen_two .finance_section{width:33.33% !important}
}
@media(max-width:420px){#dashboard-connected-services-usage.blue_link_gen_two .finance_section .finance_image span{margin-left:20px;font-size:24px;width:90%}
}
.recall-popup{margin-right:20px;margin-left:20px}
.recall_src .recall-modal-header{margin-top:0;margin-left:-9px}
.recall_src .modal-close{display:none}
.recall-modal-header{margin-left:20px;margin-top:5px;padding:15px;font-family:"HyundaiSansTextOffice-Regular",Verdana,sans-serif;font-weight:bold}
.recall-button-header{font-family:"HyundaiSansHeadOffice-Light";font-size:30px}
.recall-button-header{width:35px;height:auto;padding-bottom:14px;padding-right:5px}
.recall_Color{color:#c40712;font-size:30px;font-weight:normal;font-family:"HyundaiSansTextOffice-Regular",Verdana,sans-serif}
#Recall-PopUp .f-TextRegular{font-family:"HyundaiSansText-Regular",Verdana,sans-serif;font-weight:normal !important;margin-top:-5px;margin-left:9px;margin-bottom:23px}
.s16{font-size:14px !important}
.service-appoint h5{font-family:"HyundaiSansHeadOffice-Regular";font-size:16px;font-weight:normal;margin-left:0;margin-top:5px;text-transform:capitalize}
.title_{margin-left:10px;margin-top:5px;width:90%}
.title_ p{font-weight:normal;font-size:16px;line-height:26px}
.title_ p a{font-size:14px}
.leftsidebar{max-width:400px;margin-left:25px;margin-top:10px;margin-bottom:20px}
.leftsidebar p{text-transform:capitalize;font-size:16px}
.leftbar{margin-left:-9px;max-width:400px}
.recall-pop-btn{margin-bottom:30px;max-width:450px;margin-left:4px}
.recall-pop-btn input{margin-top:28px;margin-left:-2px;width:225px}
.recall-pop-btn a{left:25px;position:relative}
.recall-alrt.carousel-inner{width:93% !important;margin:0 0 0 10px !important}
.recall-alrt.carousel-inner .item{width:100%}
.dangerstatus_{position:absolute;top:60%;width:20%;left:48px;z-index:30}
.car-status_{width:456px;margin-top:204px !important;float:right;margin-right:-108px}
.carousel{padding:0 !important}
.recall-multi-item-carousel .carousel-control.left,.recall-multi-item-carousel .carousel-control.right{background-color:white}
.recall-multi-item-carousel .carousel-control.right{margin-right:-15px !important}
.recall-multi-item-carousel .carousel-control.left{margin-left:-25px !important}
.carousel .carousel-control.left,.carousel .carousel-control.right{background-image:none}
.recall-popup .carousel-control{font-size:14px;margin-top:12px;width:26px;color:#ccc;bottom:initial;height:0}
.recall-popup .carousel-control .glyphicon-chevron-right{padding-left:10px;padding-top:0}
.recall-popup .carousel-control .glyphicon-chevron-left{margin-left:-14px;margin-top:-11px}
.carousel .carousel-inner{width:95%;margin:0 auto;color:#000;padding:0;z-index:1}
.car-info-alert{position:absolute;right:2%;margin-top:-52px}
.ccmob{top:45.6% !important}
@media(max-width:767px){#recallCarousel.carousel .carousel-inner{margin:0 !important}
.recall_src .recall-modal-header{margin-left:-25px}
.modal-close{display:block}
.recall_Color{font-size:22px}
.service-appoint h5{margin-left:-17px}
.title_{margin-left:-8px}
.recall-pop-btn INPUT[type="button"]{margin-top:28px;width:290px !important;margin:30px auto}
.recall-pop-btn a{left:0;margin-top:15px}
.recall-pop-btn{text-align:center;padding-left:0;width:100%;margin:0 auto}
.car_display{display:none}
.carousel-control{display:none}
#recallCarousel .recall-alrt.carousel-inner{width:94% !important;margin:0 0 0 15px !important}
.recall-alrt.carousel-inner .item{width:100%}
.title_ p{font-size:14px;line-height:21px}
.leftsidebar p{font-size:14px}
.recall-popupmob{margin-right:0 !important;margin-left:0 !important;min-height:-webkit-fill-available}
.carousel .carousel-inner{width:100%}
.leftsidebarmobile{margin-left:5px !important}
.buttonmob{width:276px !important}
}
@media(max-width:320px){.recall-pop-btn INPUT[type="button"]{margin-left:-20px}
}
.single_resource img{height:205px;width:100%;z-index:1}
.single_resource .sub-header{color:#fff;text-align:center;top:40%;left:50%;transform:translate(-50%,-50%);position:absolute;width:75%;line-height:25px}
.single_resource p.desc{display:none}
.single_resource .btn_link{width:70%;height:50px;border-radius:25px;background-color:#0074c8;color:#fff;text-align:center;padding:15px 0;margin:0 auto;display:block;font-size:16px;z-index:2;position:relative;margin-top:-25px}
.single_resource .btn_link:hover{border-bottom:0;background-color:#003f86}
#needtoknow_carousel .carousel-indicators li{width:12px;height:12px;margin-left:3px;margin-right:3px}
#needtoknow_carousel .carousel-indicators .active{margin:1px;margin-left:3px;margin-right:3px}
#needtoknow_carousel .carousel-inner .item{min-height:245px !important}
#quick-links{background:#fff;margin-top:50px;width:100%;min-height:360px}
#quick-links .col-md-8{padding:0}
#quick-links h3{font-size:30px;font-weight:normal !important;font-family:HyundaiSansHead-Bold !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings{margin-top:20px;padding-bottom:60px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table{width:100%}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td{border:2px solid #e6e6e6;height:160px;width:16%;text-align:center;vertical-align:top;box-sizing:content-box;cursor:pointer}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.enabled-feature{color:#000}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.disabled-feature{color:#888;box-shadow:none !important;transition:none 0 ease 0 !important;transform:none !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.qLink_show{display:table-cell}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.qLink_hide{display:none}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td:hover img{max-height:40px;height:auto}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.disabled-feature:hover img{height:40px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.disabled-feature img{opacity:.6;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1)}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td:hover{z-index:999;box-shadow:0 0 25px 0 #e1e1e1;border-collapse:separate;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.5);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.5);-moz-transition:all 200ms ease-in;-moz-transform:scale(1.5);transition:all 200ms ease-in;transform:scale(1.2);background:#fff;color:#000}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.disabled-feature:hover{color:#888}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td p{display:inline-block;margin-top:15px;text-transform:inherit !important;font-size:18px;font-family:"HyundaiSansTextOffice-Regular" !important;width:100%;line-height:18px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td a{color:#000;border:0;padding-bottom:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td img{height:auto;display:block;margin:38px auto 0 auto;max-width:42px;max-height:40px;height:40px}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td img{margin:0}
#dashboard-connected-services-usage .dashboard-bluelink-devices ul{padding:0 15px}
#dashboard-connected-services-usage .dashboard-bluelink-devices ul.bluelink-pkg-content,#dashboard-connected-services-usage .dashboard-bluelink-devices ul.bluelink-plus-pkg-content{min-height:218px}
#dashboard-connected-services-usage .dashboard-bluelink-devices li.bluelink-list{border-top:1px solid #ddd;padding:13px 0}
.bluelink-list #dt_cc,.bluelink-list #dt_rt,.bluelink-list #dt_gd,.bluelink-list .bluelink-plus-pkg-name{text-transform:uppercase;font-size:12px}
#dashboard-connected-services-usage .dashboard-bluelink-devices .package-title{font-family:"HyundaiSansHead-Bold";font-size:18px;padding-right:10px}
#dashboard-connected-services-usage .dashboard-bluelink-devices .description{font-size:14px;color:#666}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#quick-links .col-md-8 .vehicle-settings .custom-settings table td img{height:auto;max-height:auto}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.disabled-feature:hover img{height:auto}
}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search{background:#f3f3f3;border:3px solid #e6e6e6;border-top:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos{background:#f3f3f3;border:3px solid #e6e6e6;border-bottom:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td,#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td{height:auto;border:0;text-align:left;cursor:default}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td:nth-child(2){text-align:center;vertical-align:middle}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td a{display:inline-block}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td:hover,#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td:hover{z-index:999;-webkit-transition:none;-webkit-transform:none;-ms-transition:none;-ms-transform:none;-moz-transition:none;-moz-transform:none;transition:none;transform:none;background:inherit;box-shadow:none}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td h4,#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td h4{font-family:"HyundaiSansHead-Bold" !important;font-size:18px !important;color:#000}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td h4{cursor:default}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td p,#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td p{font-family:"HyundaiSansTextOffice-Regular";font-size:14px;width:100%;text-transform:none;color:#000;margin-top:10px;line-height:15px;margin-bottom:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form{position:relative}
.destination-search-input .form-text-field{max-width:380px;width:100%;display:block;font-family:"HyundaiSansTextOffice-Medium";border:1px solid #ddd;padding:15px 42px 15px 15px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .form-text-field{padding:15px 42px 15px 15px;color:#000}
@media(max-width:767px){#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .form-text-field{max-width:inherit}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.qLink_show{display:inline-block}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td img{height:30px;margin:0 auto !important}
}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .search-submit{background:url(clientlib-site/images/cs-search.png) no-repeat center;width:23px;height:23px !important;position:absolute;top:11.5px;right:15px !important;text-indent:-9999px;border:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search.disabled-feature{color:#888;background:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search.disabled-feature h4,#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search.disabled-feature p{color:#888}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search.disabled-feature .search-submit,#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search.disabled-feature .form-text-field{pointer-events:none;cursor:default}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search.disabled-feature .search-submit{opacity:.5}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search.disabled-feature .form-text-field{opacity:.6}
.btn-watch-video{margin-left:70px;margin-top:-20px}
#quick-links .dashboard-vehicle-status h4{font-family:"HyundaiSansHead-Bold" !important;font-size:30px;margin-top:15px;padding-left:0}
#quick-links #needtoknow_carousel .dashboard-vehicle-status h4{margin-top:0 !important}
#dashboard_needtoknow .carousel .item .text .row .col-lg-9 col-md-9 col-sm-9 col-xs-9 b{margin-left:-10px}
.need_to_know .text b{display:block}
#quick-links .dashboard-vehicle-status span{color:#888;font-family:"HyundaiSansTextOffice-Regular";font-size:14px;display:inline-block;margin:10px 0}
.db-schedule-service,.geo-alrt{margin-top:28px !important}
@media(max-width:1024px) and (min-width:768px){#quick-links h3{font-size:26px !important;line-height:30px}
#quick-links .dashboard-vehicle-status h4{font-size:26px !important;line-height:30px}
}
@media(max-width:1024px){#quick-links .col-md-4{width:100%}
.need_to_know_container{padding-left:0}
#dashboard_needtoknow .carousel{margin-top:20px !important}
#quick-links .dashboard-vehicle-status h4{margin-left:0 !important;padding-left:0}
#dashboard_needtoknow .carousel{margin-left:0 !important}
.need_to_know_container [class*=' col-']{padding-right:15px}
.connected-services h3{font-size:25px !important;padding-top:19px}
.connected-services h3.safeguardalerts_margintop,.connected-services h3.sudscrp_sec_heading,.connected-services .remoteaction h3{padding-top:60px}
}
@media(max-width:767px){.body{max-width:100%;overflow-x:hidden}
#quick-links{margin-top:20px !important}
.btn-watch-video{width:280px !important;margin-left:50px}
#quick-links .dashboard-vehicle-status{margin-bottom:15px}
#quick-links .dashboard-vehicle-status span{margin-top:10px}
.geo-alrt{width:70px;margin-top:30px !important}
#quick-links .col-md-8{width:100%}
#quick-links .col-md-4{width:100%}
#quick-links .col-md-4{padding-left:0;padding-right:0}
.need_to_know_container [class*=' col-']{padding-left:0;padding-right:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td{display:inline-block;width:100% !important;box-sizing:border-box}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form{width:100%}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .dashboard-form-text-field{max-width:inherit}
#quick-links .col-md-8 .vehicle-settings .custom-settings table .geo-alert{width:70px;margin-top:36px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td p,#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td p{font-size:12px;margin-left:0;text-align:left;margin-bottom:15px}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td p{margin-bottom:0}
#quick-links .row{margin-right:0;margin-left:0;width:100%}
#quick-links .col-md-8 .vehicle-settings .custom-settings table{display:inline-block}
#quick-links .col-md-8 .vehicle-settings .custom-settings table tbody{display:inline-table;width:100%}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td{display:inline-block;box-sizing:border-box;width:33.32% !important;padding:10px 0 10px 0;height:94px;margin:0;border:1px solid #e6e6e6}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td:nth-child(1){width:67% !important;padding-right:0}
#quick-links .col-md-8 .vehicle-settings .custom-settings .howToVideos td:nth-child(2){width:33% !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td p{margin-left:0;font-size:12px;text-align:center;margin-top:10px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td:hover img{height:30px !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td:hover{z-index:999;box-shadow:none;-webkit-transition:none;-webkit-transform:none;-ms-transition:none;-ms-transform:none;-moz-transition:none;-moz-transform:none;transition:none;transform:none}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search{width:100% !important}
tr.quickLink{border:1px solid #e6e6e6}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search tr{display:inline-block;padding-bottom:15px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td h4{margin-top:15px;font-size:18px}
.db-dest-search{margin-left:-22px !important}
}
@media(max-width:1024px){#quick-links .col-md-8 .vehicle-settings .custom-settings table td:hover{z-index:999;box-shadow:none;-webkit-transition:none;-webkit-transform:none;-ms-transition:none;-ms-transform:none;-moz-transition:none;-moz-transform:none;transition:none;transform:none}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td:hover img{height:40px}
}
.dashboard-vehicle-status{color:black;margin-bottom:30px}
#dashboard_needtoknow .carousel{display:block !important;padding:0 !important;margin-top:-45px;margin-left:40px}
#dashboard_needtoknow #needtoknow_carousel.carousel{margin-top:-30px}
#dashboard_needtoknow .carousel-indicators{bottom:-45px}
#dashboard_needtoknow #NBL_needtoknow_carousel .carousel-indicators{bottom:-5px !important}
#dashboard_needtoknow .carousel .carousel-inner{width:auto}
#dashboard_needtoknow .carousel-indicators .active{background-color:#888}
#dashboard_needtoknow .carousel-indicators li{background-color:#ccc}
#dashboard_needtoknow .row{border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:15px}
#dashboard_needtoknow .row:last-child{border:0;margin-bottom:0;padding-bottom:0}
#dashboard_needtoknow .col-lg-3{padding-left:0;padding-right:0;padding-top:10px}
.image-video{position:absolute;margin-top:35px;left:190px}
@media(max-width:767px){.image-video{position:absolute;margin-top:45px;left:135px}
#dashboard_needtoknow .col-xs-3,#dashboard_needtoknow .col-sm-3,#dashboard_needtoknow .col-md-3{padding-left:0;padding-right:0;padding-top:10px}
#dashboard_needtoknow .col-xs-9,#dashboard_needtoknow .col-sm-9,#dashboard_needtoknow .col-md-9{padding-left:0;padding-right:0}
#dashboard_needtoknow .carousel-inner>.item{margin:0}
#dashboard_needtoknow .carousel{display:block !important;padding:0 !important}
#dashboard_needtoknow .carousel{display:block !important;padding:0 !important;margin-left:0;margin-bottom:45px}
#dashboard_needtoknow .carousel-indicators{bottom:-35px}
}
.image-text{position:absolute;margin-top:20px;left:190px}
@media(max-width:767px){.image-text{position:relative;top:0;left:125px}
}
.text p{text-transform:none;float:left;font-family:'HyundaiSansText-Regular' !important}
.text span{display:block;width:85%}
.need_to_know .text span{display:inline-block;width:73%}
.need_to_know .text a{margin-left:7px}
@media(min-width:480px){.need_to_know .text a{float:right}
}
.row1-text,.row2-text,.row3-text{position:relative;height:80px}
#dashboard-connected-services-usage{position:relative;max-height:540px;width:100%;height:auto;background-position:top;background-size:137%;background-repeat:no-repeat}
#dashboard-connected-services-usage{padding-bottom:50px}
#dashboard-connected-services-usage .dashboard-bluelink-devices{margin-top:25px;width:100%;background:#fff;margin-left:-40px;min-height:400px}
#dashboard-connected-services-usage .dashboard-connected-services{margin-top:30px;width:100%}
#dashboard-connected-services-usage .dashboard-connected-services span{margin-left:75px}
#dashboard-connected-services-usage .dashboard-bluelink-devices h4,.dashboard #dashboard-connected-services-usage .dashboard-connected-services h4{padding:20px;text-align:left;font-size:30px;padding-left:15px;padding-bottom:15px;padding-top:24px}
#dashboard-connected-services-usage .dashboard-bluelink-devices h5{margin-left:35px;margin-bottom:27px;color:#357f33;font-family:"HyundaiSansTextOffice-Regular";font-size:16px;font-weight:normal}
#dashboard-connected-services-usage .btn-connected-device{width:330px;margin-left:68px}
#dashboard-connected-services-usage #button-nogcs .btn-connected-device{margin-top:81px}
#dashboard-connected-services-usage .subscription-link{width:100%;margin-left:135px;padding:0 0 20px}
#dashboard-connected-services-usage .dashboard-bluelink-devices .header-row{color:#888;font-family:"HyundaiSansTextOffice-Regular"}
#dashboard-connected-services-usage .dashboard-bluelink-devices table{margin-left:35px;margin-bottom:10px;text-transform:none;width:100%}
#dashboard-connected-services-usage .dashboard-bluelink-devices td.left-data{width:47%}
#dashboard-connected-services-usage .dashboard-bluelink-devices table td.right-data{width:60%}
#dashboard-connected-services-usage .dashboard-bluelink-devices table tr:first-child td.right-data{line-height:1}
.dashboard-get-connected-no-gcs .btn-get-connected-no-gcs{text-transform:none !important;font-family:"HyundaiSansTextOffice-Regular";font-size:16px;background-color:var(--blue-btn);border:1px solid var(--blue-btn);color:#fff;line-height:50px;height:50px}
.dashboard-get-connected-no-gcs{margin-top:178px;margin-bottom:120px}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs h1,#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{color:white}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs h1{text-align:center}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{position:absolute;width:530px;max-width:530px;left:120px;top:170px;text-align:center}
#dashboard-connected-services-usage .manage-wifi{width:180px;cursor:pointer}
.bluelink_learnmore{cursor:pointer;margin-left:auto;line-height:27px}
.btn-get-connected-no-gcs{position:absolute;width:320px !important;margin-top:30px;left:195px}
.dashboard-get-connected-gcs{margin-top:120px;margin-bottom:120px}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1,#dashboard-connected-services-usage .dashboard-get-connected-gcs span{color:white}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{text-align:center}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{position:absolute;font-size:14.5px;top:170px;text-align:center}
.btn-get-connected-gcs{position:absolute;width:370px !important;margin-top:50px;left:195px;opacity:.8}
@media(max-width:767px){#dashboard-connected-services-usage{width:100%;max-width:1400px;height:100%;max-height:650px;min-height:650px;background-repeat:no-repeat;background-size:auto 42%}
#dashboard-connected-services-usage.blue_link_gen_two{background:linear-gradient(180deg,#e6e6e6 42%,#fff 58%);padding-bottom:0;background-repeat:no-repeat;background-size:auto 47%;background-position:top center}
#dashboard-connected-services-usage.blue_link_gen_one .dashboard-bluelink-devices{margin-top:20px;min-height:inherit !important;height:410px}
#dashboard-connected-services-usage.blue_link_gen_two .dashboard-bluelink-devices{margin-top:20px;min-height:inherit !important}
#dashboard-connected-services-usage .dashboard-bluelink-devices h5{margin-left:18px}
#dashboard-connected-services-usage .dashboard-bluelink-devices h4{font-size:25px !important}
#dashboard-connected-services-usage .btn-connected-device{margin-left:18px !important;width:90% !important;margin-top:15px}
#dashboard-connected-services-usage.blue_link_gen_two .btn-connected-device{margin-right:auto !important;margin-left:auto !important}
#dashboard-connected-services-usage.blue_link_gen_two .button-nogcs .btn-connected-device{margin-top:15px}
#dashboard-connected-services-usage .subscription-link{margin-top:-3px}
#dashboard-connected-services-usage .dashboard-bluelink-devices table{margin-left:18px !important}
#dashboard-connected-services-usage .dashboard-bluelink-devices table td.right-data{padding-left:15px !important}
#dashboard-connected-services-usage .dashboard-bluelink-devices table td.new-line-data{left:49.5%;margin-top:-14px !important;width:100%;padding-left:15px}
#dashboard-connected-services-usage .dashboard-connected-services{width:100%;margin:0}
#dashboard-connected-services-usage .dashboard-connected-services h4{text-align:left;margin-left:-20px !important}
#dashboard-connected-services-usage .dashboard-connected-services span{margin:0}
#dashboard-connected-services-usage.blue_link_gen_one .subscription-link a{display:block;max-width:130px;width:45%}
#dashboard-connected-services-usage.blue_link_gen_one .subscription-link{width:100% !important;top:53px}
.dashboard-get-connected-no-gcs{margin-top:-40px !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{width:250px !important;left:15px !important;top:45px !important}
.btn-get-connected-no-gcs{width:250px !important;top:80px !important;left:60px !important}
.dashboard-get-connected-gcs{margin:0;text-align:center}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:25px !important;text-align:center}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{width:720px !important;max-width:700px !important;text-align:center;margin-top:-8% !important;margin-left:3%}
.btn-get-connected-gcs{margin-left:11% !important;top:35% !important}
.db-connect-serv-data{margin-top:-30px}
}
@media(min-width:400px) and (max-width:991px){#dashboard-connected-services-usage .dashboard-bluelink-devices{margin-top:25px;width:100%;background:#fff;min-height:400px}
#dashboard-connected-services-usage .dashboard-bluelink-devices h4,.dashboard #dashboard-connected-services-usage .dashboard-connected-services h4{left:10px;text-align:left;font-size:30px;font-weight:bold}
#dashboard-connected-services-usage .dashboard-bluelink-devices h5{position:relative;left:0;top:60px;color:#357f33;font-family:"HyundaiSansHeadOffice-Light";font-size:15px}
#dashboard-connected-services-usage .dashboard-bluelink-devices .header-row{color:#888;font-family:"HyundaiSansTextOffice-Regular"}
#dashboard-connected-services-usage .dashboard-bluelink-devices table{left:0;top:60px;margin-bottom:10px;text-transform:none;width:100%;position:relative}
#dashboard-connected-services-usage .dashboard-bluelink-devices td.left-data{width:40%}
#dashboard-connected-services-usage .dashboard-bluelink-devices table td.right-data{width:60%}
#dashboard-connected-services-usage .dashboard-bluelink-devices table td.new-line-data{left:137px;width:150px}
#dashboard-connected-services-usage .btn-connected-device{position:relative;width:300px;top:0;left:-46px}
.dashboard #dashboard-connected-services-usage .dashboard-bluelink-devices table,.dashboard #dashboard-connected-services-usage .dashboard-bluelink-devices h5{margin-left:15px}
#dashboard-connected-services-usage .subscription-link{position:relative;width:100%;left:-65px;top:0}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{position:absolute;width:360px;max-width:500px;left:10px;top:165px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:23px}
.btn-get-connected-no-gcs{width:320px !important;margin-top:30px;left:23px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{position:absolute;width:360px;max-width:500px;left:10px;top:165px !important}
.btn-get-connected-gcs{width:320px !important;margin-top:65px;left:23px}
}
#genesis-resource-help{background-color:#ddd}
#genesis-resource-help h3{margin-top:0;padding-top:0}
#genesis-resource-help span{font-family:"HyundaiSansTextOffice-Regular";color:#ccc;text-transform:uppercase}
#genesis-resource-help .row{padding-bottom:50px;padding-top:30px}
#genesis-resource-help .help-center-container{display:table}
@media(max-width:767px){#genesis-resource-help .help-center-container{display:inline-block}
}
#genesis-resource-help .col-md-3{display:table-cell;position:relative;float:none}
@media(max-width:767px){#genesis-resource-help .col-md-3{display:inline-block;width:100%}
}
#genesis-resource-help .db-read-more{position:absolute;bottom:-30px;cursor:pointer}
#genesis-resource-help .db-description,#genesis-resource-help .db-link{margin-top:20px}
#genesis-resource-help .db-image{width:100%}
@media(max-width:670px) and (min-width:400px){#dashboard_needtoknow{left:0}
#quick-links .dashboard-vehicle-status h4{margin-left:0}
#dashboard_needtoknow .carousel{margin-left:0 !important}
#dashboard_needtoknow .col-xs-3,#dashboard_needtoknow .col-sm-3,#dashboard_needtoknow .col-md-3{margin-left:-13%}
#dashboard-connected-services-usage .dashboard-bluelink-devices h5{left:20px !important;margin-left:0 !important}
#dashboard-connected-services-usage .dashboard-bluelink-devices table td.new-line-data{margin-left:-6.8%;padding-left:16px}
#dashboard-connected-services-usage .btn-connected-device{left:135px !important}
#dashboard-connected-services-usage .subscription-link{left:135px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{width:500px !important;margin-left:65px !important;top:110px !important}
.btn-get-connected-gcs{width:350px !important;top:-200px !important;left:80px !important}
}
@media(max-width:768px){#dashboard-connected-services-usage .dashboard-bluelink-devices h4,.dashboard #dashboard-connected-services-usage .dashboard-connected-services h4{left:13px}
}
@media(max-width:767px){#dashboard-connected-services-usage .dashboard-bluelink-devices h4,.dashboard #dashboard-connected-services-usage .dashboard-connected-services h4{left:0;padding-bottom:10px}
.dashboard-get-connected-no-gcs .btn-get-connected-no-gcs{text-align:center;margin-right:auto;margin-left:auto !important}
}
@media(max-width:399px){#dashboard-connected-services-usage .dashboard-bluelink-devices{margin-left:0;min-height:inherit;height:auto}
}
@media(min-width:992px){#dashboard-connected-services-usage .dashboard-bluelink-devices h4,.dashboard #dashboard-connected-services-usage .dashboard-connected-services h4{text-align:left !important}
}
@media(max-width:767px){#quick-links .col-md-8 .vehicle-settings .custom-settings table td.geofence-alert{width:33.32% !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td a:hover{color:#000;padding-bottom:0}
}
@media(max-width:414px){#quick-links{margin-top:20px !important}
#quick-links .dashboard-vehicle-status h4{margin-left:-2px}
#dashboard_needtoknow{left:2px !important;max-width:387px !important}
#dashboard_needtoknow .col-xs-3,#dashboard_needtoknow .col-sm-3,#dashboard_needtoknow .col-md-3{margin-left:-3% !important}
#dashboard-connected-services-usage .btn-connected-device{left:25px !important}
#dashboard-connected-services-usage .subscription-link{left:20px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:25px;width:400px;left:-17% !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{width:400px !important;max-width:400px !important;text-align:center;margin-top:-60px !important;left:-14% !important}
.btn-get-connected-gcs{width:380px !important;max-width:350px;margin-top:65% !important;margin-left:-6% !important}
.connectedservicessubscriptiondashboard{margin-top:0}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{max-width:380px !important;text-align:center;margin-left:-65px !important}
.btn-get-connected-no-gcs{max-width:320px !important;margin-left:-112px !important}
}
@media(max-width:400px){#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .search-submit{width:10% !important}
}
@media(max-width:375px){.btn-get-connected-gcs{margin-left:-10px !important;width:270px !important;max-width:270px;margin-top:78% !important}
#quick-links{margin-top:20px !important}
#quick-links .dashboard-vehicle-status h4{font-family:"GenesisSansHeadOffice-Light";font-size:30px;margin-top:-40px;margin-left:-2px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .search-submit{position:absolute;right:67%;width:10% !important}
#dashboard_needtoknow{left:2px !important}
#dashboard_needtoknow .col-xs-3,#dashboard_needtoknow .col-sm-3,#dashboard_needtoknow .col-md-3{margin-left:0 !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:25px !important;width:350px;left:-17% !important;top:-35% !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{width:350px !important;max-width:330px !important;margin-left:70px !important;margin-top:-50px !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{max-width:320px !important;margin-left:-55px !important;top:158px !important;text-align:center}
.btn-get-connected-no-gcs{max-width:250px !important;margin-left:-100px !important}
}
@media(max-width:360px){#quick-links .col-md-8 .vehicle-settings .custom-settings table td{width:33.32% !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table td.geofence-alert{width:33.32% !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form{margin-left:0 !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .search-submit{position:absolute;right:74%}
#dashboard_needtoknow{left:1% !important}
#dashboard_needtoknow .carousel{display:block !important;padding:0 !important}
#dashboard_needtoknow .col-xs-3,#dashboard_needtoknow .col-sm-3,#dashboard_needtoknow .col-md-3{margin-left:-5% !important}
.connectedservicessubscriptiondashboard{margin-top:0 !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:23px !important;width:350px;top:0 !important;left:-68px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{margin-top:-14% !important;margin-left:18% !important;text-align:center}
.btn-get-connected-gcs{margin-left:-10px !important;max-width:270px !important;margin-top:80% !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{max-width:300px !important;margin-left:-50px !important;top:160px !important}
.btn-get-connected-no-gcs{max-width:250px !important;margin-left:-100px !important}
}
@media(max-width:640px){#dashboard-connected-services-usage .dashboard-connected-devices h4{left:14px !important}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td h4{margin-top:15px}
#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td p{font-size:12px;margin-left:0;text-align:left}
#dashboard_needtoknow .col-xs-3,#dashboard_needtoknow .col-sm-3,#dashboard_needtoknow .col-md-3{margin-left:-33%}
#quick-links .dashboard-vehicle-status h4{margin-left:-5px}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{margin-top:8% !important;margin-left:10% !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{width:auto !important;text-align:center;left:0;position:relative;top:0;margin-left:0}
.btn-get-connected-gcs{width:380px !important;top:-145px !important;left:55px !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{width:600px !important;left:80px !important;text-align:center;margin-top:-110px !important}
.btn-get-connected-no-gcs{max-width:350px;top:80px !important;left:115px !important}
}
@media(max-width:667px){#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:25px !important;text-align:center;position:relative;width:auto !important;margin-top:45px !important;margin-left:0 !important;left:0 !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{width:600px !important;text-align:center;left:85px !important;margin-top:-110px !important}
.btn-get-connected-no-gcs{width:350px !important;top:80px !important;left:160px !important}
}
.newlinedata_align{right:16% !important;font-size:13px}
@media(min-width:700px) and (max-width:736px){#quick-links .col-md-8 .vehicle-settings .custom-settings table.destination-search td form .search-submit{position:absolute}
a.ntk-read-more.td1,a.ntk-read-more.td2,a.ntk-read-more.td3{margin-left:15px !important}
#dashboard-connected-services-usage .dashboard-connected-devices table td.new-line-data{left:42% !important}
#dashboard-connected-services-usage .btn-connected-device{left:185px !important}
#dashboard-connected-services-usage .subscription-link{margin-top:-3px;text-align:center}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{font-size:25px !important;text-align:center;margin-top:50px !important;left:37% !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{width:680px !important;max-width:680px !important;text-align:center;margin-top:-15% !important;margin-left:3%}
.btn-get-connected-gcs{margin-left:11% !important;top:-300% !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{width:680px !important;left:100px !important;margin-top:-15% !important;text-align:center}
.btn-get-connected-no-gcs{top:80px !important;margin-left:175px !important}
}
#button-gcs,#button-nogcs{text-align:center}
#dashboard-connected-services-usage .btn-connected-device{left:0 !important;margin-left:auto;margin-top:35px;margin-bottom:15px}
#dashboard-connected-services-usage .btn-connected-device,#dashboard-connected-services-usage .subscription-link{margin:5px auto}
#dashboard-connected-services-usage .subscription-link{text-align:center;left:0 !important}
.dashboard-get-connected-gcs{text-align:center}
#dashboard-connected-services-usage .dashboard-get-connected-gcs span{position:relative;top:0 !important;margin-left:0 !important;width:100% !important;left:0 !important}
.btn-get-connected-gcs{position:relative;margin:0 !important;top:0 !important;left:0 !important;margin-top:35px !important}
#dashboard-connected-services-usage .dashboard-get-connected-gcs h1{position:relative;margin-left:0 !important;margin-top:50px !important;left:0 !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{position:relative;top:0 !important;left:0 !important;margin-left:0 !important;font-size:16px}
.btn-get-connected-no-gcs{position:relative;left:0 !important;margin-left:0 !important;top:0 !important}
#dashboard-connected-services-usage .dashboard-get-connected-no-gcs h1{margin:20px}
#dashboard-connected-services-usage .dashboard-connected-devices table td.new-line-data{right:auto !important;left:auto !important;padding-bottom:5px}
.dashboard-get-connected-no-gcs{text-align:center}
@media(max-width:768px) and (max-width:991px){#dashboard-connected-services-usage .container{width:auto !important;margin-left:0;margin-right:0}
}
@media(max-width:767px){#dashboard-connected-services-usage{max-height:inherit;min-height:820px;background-position:top}
.newlinedata_align{font-size:11px}
#dashboard-connected-services-usage .dashboard-connected-devices h5{left:0 !important}
#dashboard-connected-services-usage .dashboard-connected-devices table{left:0}
.dashboard-get-connected-no-gcs{margin-top:160px !important}
}
@media(max-width:767px){#button-gcs,#button-nogcs{text-align:center}
#dashboard-connected-services-usage .btn-connected-device{left:inherit !important;margin-left:auto !important;font-size:14px;margin-bottom:15px}
#dashboard-connected-services-usage .dashboard-connected-devices table td.right-data{padding-left:0 !important}
#dashboard-connected-services-usage .dashboard-connected-devices table td.new-line-data{margin-left:0}
.dashboard-get-connected-gcs{margin:0 !important}
#schedule-service .hyundai-modal-header{margin-left:0}
#schedule-service .schedule_service_font{font-size:28px !important}
#schedule-service .low-pop-btn input{width:100%}
.need_to_know .text span{display:inline !important;width:auto !important;margin-right:10px !important}
.need_to_know .text a{margin-left:0 !important}
}
@media(max-width:767px) and (orientation:landscape){#schedule-service .hyundai-modal-body{margin-left:45px}
#schedule-service .low-pop-btn{text-align:left}
#schedule-service .hyundai-modal-header{margin-left:30px}
#schedule-service .modal-content{left:0 !important}
#schedule-service .schedule_service_font{font-size:30px !important}
#schedule-service .low-pop-btn input{width:50%}
}
@media(min-width:100px) and (max-width:310px){#quick-links .col-md-8 .vehicle-settings .custom-settings table td p{font-size:12px !important}
}
@media(min-width:1199px){#dashboard-connected-services-usage .dashboard-get-connected-no-gcs span{display:block;left:50px !important}
}
@media(min-width:768px) and (max-width:1024px){#quick-links .col-md-8 .vehicle-settings .custom-settings table td p{font-size:16px !important}
}
#dashboard-connected-services-usage .dashboard-connected-devices table td.new-line-data{font-family:"HyundaiSansTextOffice-Regular";font-size:13px}
@media(max-width:767px){#quick-links #needtoknow_carousel .dashboard-vehicle-status h4{margin-top:30px !important}
#needToknwNBL .carousel-inner .item{padding:15px !important}
#dashboard_needtoknow .carousel .carousel-inner{min-height:326px}
}
#change_report_time p{font-family:"HyundaiSansTextOffice-Regular";width:85%;margin-bottom:15px}
#change_report_time span{font-family:"HyundaiSansHeadOffice-Light"}
#change_report_time #date_set{margin-top:35px;margin-bottom:50px}
#change_report_time #date_set .row-pdr{width:30%;margin:-45px 30px 20px}
#change_report_time #date_set p{margin-bottom:10px}
#change_report_time #date_set #date_p{margin-top:-30px;margin-left:200px}
#change_report_time input{margin-bottom:40px;width:215px}
#change_report_time label{font-family:"HyundaiSansTextOffice-Regular";font-weight:normal}
@media(max-width:767px) and (min-width:100px){#change_report_time.sc_src .hyundai-modal-header{margin-top:0 !important;margin-left:0 !important}
#change_report_time #date_set .row-pdr{width:40%;margin-right:15px}
#change_report_time #date_set #date_p{margin-left:0;float:left;width:40%}
}
@media(max-width:767px) and (min-width:100px) and (orientation :landscape){#change_report_time #date_set .row-pdr{width:25%}
}
#change_report_time.sc_src .hyundai-modal-header{margin-left:20px}
#change_report_time #date_set #date_p>p{display:inline-block;width:auto}
.hy-selfenroll-create-step-wrapper{display:none}
.hy-selfenroll-create-stepsec{padding:0 !important;color:#666 !important;font-size:16px !important;font-family:"HyundaiSansTextOffice-Regular"}
.hy-selfenroll-create-stepsec .hy-sec-mb-0{margin-bottom:0 !important}
.container-fluid{padding:0}
.hy-selfenroll-create-stepsec .hy-selfenroll-create-step-wrapper.step-wrapper h2{margin:0 0 20px 0}
.hy-selfenroll-create-stepsec h2.title{font-family:"HyundaiSansHeadOffice-Medium";font-size:40px;font-weight:500;color:#333;margin-bottom:20px;line-height:40px !important}
.hy-selfenroll-create-stepsec .bigImage img{max-width:100%;width:100%}
.hy-selfenroll-create-stepsec .step-title{font-weight:700;margin-top:30px}
.hy-selfenroll-create-stepsec.step-sec{width:100%;height:100%;max-width:1900px;margin:auto}
.hy-selfenroll-create-stepsec .hy-selfenroll-create-step-wrapper.step-wrapper{width:100%;height:100%;display:none}
.hy-selfenroll-create-stepsec .steps-row{width:100%;display:flex;height:100%}
.hy-selfenroll-create-stepsec .step-left{width:40%;height:100%}
.hy-selfenroll-create-stepsec .step-right{width:60%;height:100%}
.hy-selfenroll-create-stepsec .row.hy-paddingField .col-lg-6.col-md-12:first-child{padding-right:18px}
.hy-selfenroll-create-stepsec .step-left-sec{padding:0 40px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.hy-selfenroll-create-stepsec .form-group.next-btn-row input{margin-top:0;margin-bottom:20px}
.hy-selfenroll-create-stepsec .step-right-sec{height:100%;display:flex;flex-direction:column;align-items:center}
.hy-selfenroll-create-stepsec .step-form{width:100%;display:block;padding-top:60px;max-width:421px}
.hy-selfenroll-create-stepsec .hy-selfenroll-create-step-wrapper.step-wrapper label{font-family:"HyundaiSansTextOffice-Regular" !important}
.hy-selfenroll-create-stepsec .next-btn-row{margin-top:50px !important}
.hy-selfenroll-create-stepsec .next-btn-row .btn{margin-top:0 !important}
.hy-selfenroll-create-stepsec .next-btn-row .btn{padding:15px 30px !important;height:48px !important;min-width:auto !important;width:100%;line-height:1;border-radius:0 !important;color:#fff !important;transition:all .5s;margin:0 auto 20px;font-size:16px;line-height:17px !important}
.hy-selfenroll-create-stepsec .next-btn{background-color:#002c5e !important}
.hy-selfenroll-create-stepsec .next-btn-row .btn.secondBtn{background-color:transparent !important;border:1px solid #888;color:#888 !important;font-size:16px}
.hy-selfenroll-create-stepsec .next-btn:hover{background-color:#012042 !important}
.hy-selfenroll-create-stepsec .step-form .form-group{position:relative;margin-bottom:20px}
.hy-selfenroll-create-stepsec .step-form .hy-resetpass-radiobtn .form-group{display:flex}
.hy-selfenroll-create-stepsec .input_error,.hy-selfenroll-create-stepsec .input-field.input_error{border:solid 2px #e10600 !important}
.hy-selfenroll-create-stepsec .veh-reg-checkbox .form-group{margin-bottom:19px}
.hy-selfenroll-create-stepsec .step-right-sec img{height:100%;width:100%;max-width:100%}
.hy-selfenroll-create-stepsec .hide{display:none}
.hy-selfenroll-create-stepsec .selfenroll-create-pin-error{color:#e10600;font-size:14px;line-height:19px;margin-top:5px;display:inline-block;margin-left:0}
.hy-selfenroll-create-stepsec .next-btn-row .btn.next-btn.hy-btndsiable,.hy-selfenroll-create-stepsec .next-btn-row .btn.next-btn.hy-btndisable,.hy-selfenroll-create-stepsec .next-btn-row .btn.hy-btndisable,.hy-selfenroll-create-stepsec .btn.hy-btndisable,.hy-btndisable{color:rgb(255 255 255 / 50%) !important;cursor:not-allowed;pointer-events:none}
.hy-selfenroll-create-stepsec .errorField{border:1px solid #e10600}
.hy-searchAfterLogin{width:14px;position:relative;top:2px}
.hy-selfenroll-create-stepsec .step-form .input-field::placeholder{color:#666 !important;opacity:1}
.hy-selfenroll-create-stepsec .step-form .input-field::-webkit-input-placeholder{color:#666 !important;opacity:1;text-transform:none !important}
.hy-selfenroll-create-stepsec .step-form .input-field::-moz-placeholder{color:#666 !important;opacity:1;text-transform:none !important}
.hy-selfenroll-create-stepsec .step-form .input-field::-ms-input-placeholder{color:#666 !important;opacity:1;text-transform:none !important}
.hy-selfenroll-create-stepsec .step-form .input-field::-moz-placeholder{color:#666 !important;opacity:1;text-transform:none !important}
.hy-selfenroll-create-stepsec #resetPassStep2 input#vr-milage{width:100% !important}
.hy-selfenroll-create-stepsec #resetPassStep3 .step-form .form-group{margin-bottom:20px}
.hy-selfenroll-create-stepsec .txt-capitalize{text-transform:capitalize}
.hy-selfenroll-create-stepsec .upper-container-wrapper{margin-left:0}
.hy-selfenroll-create-stepsec .hy-password-text p:last-child{margin-bottom:0}
.hy-selfenroll-create-stepsec .hy-password-text .inst_use{margin-bottom:0}
.hy-selfenroll-create-stepsec .hy-password-text p,.hy-selfenroll-create-stepsec .hy-passWordText p{color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:3px}
.hy-selfenroll-create-stepsec .hy-Step-sub-text{color:#666;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-bottom:30px}
.hy-selfenroll-create-stepsec .hy-blue-link-pin{display:flex;justify-content:space-between;flex-wrap:wrap}
.hy-blue-link-pin .hy-pin-box{width:61px;height:74px}
.hy-blue-link-pin .hy-pin-box input{width:100%;height:100%;color:#666;text-align:center;font-size:40px;font-style:normal;font-weight:500;line-height:50px;padding:18px 15px;border:1px solid #bababa}
.hy-resend-pin-text{display:flex;justify-content:space-between;margin-top:30px;color:var(--Genesis-Bronze,#1babd0);font-size:16px;font-style:normal;font-weight:400;line-height:22px}
.hy-resend-pin-text .hy-resend-text,.hy-resend-pin-text .hy-resend-text a{text-decoration:underline;border:0;color:#1babd0;margin-bottom:0}
.hy-resend-pin-text .hy-resend-time{font-size:24px;margin-bottom:0}
.hy-personalInfo .row .col-lg-6.col-md-12:nth-child(even){padding-left:0}
.hy-resetpass-radiobtn label{color:#666;font-size:16px;font-family:"HyundaiSansTextOffice-Regular";font-weight:500;line-height:22px;float:right;width:calc(100% - 38px);margin-left:10px;margin-bottom:0}
.hy-resetpass-radiobtn input{width:20px;height:20px;margin:0 !important;float:left}
.hy-resetpass-radiobtn .form-group{margin-bottom:20px}
.hy-selfenroll-create-stepsec input:-webkit-autofill,.hy-selfenroll-create-stepsec input:-webkit-autofill:hover,.hy-selfenroll-create-stepsec input:-webkit-autofill:focus,.hy-selfenroll-create-stepsec input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important}
.hy-selfenroll-create-stepsec .hy-selfenroll-create-step-wrapper.step-wrapper .flt_lbl_black.flvisible{background:#fff;color:#666}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.hy-blue-link-pin .hy-pin-box{width:50px}
.hy-blue-link-pin .hy-pin-box input{padding:10px 10px}
.hy-blue-link-pin .hy-pin-box{width:48px;height:54px}
}
@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape){.hy-selfenroll-create-stepsec .step-left-sec{padding-bottom:0}
.hy-blue-link-pin .hy-pin-box{width:48px;height:54px}
}
@media(min-width:768px) and (max-width:1200px){.hy-selfenroll-create-stepsec .hy-selfenroll-create-step-wrapper.step-wrapper h2{margin:0 0 20px 0}
.hy-selfenroll-create-stepsec .row.hy-paddingField .col-lg-6.col-md-12:first-child{padding-right:10px}
.hy-selfenroll-create-stepsec .step-sec{padding-top:60px}
.hy-selfenroll-create-stepsec .step-form{padding:30px 20px 0}
.hy-selfenroll-create-stepsec h2.title{font-size:30px;line-height:1.1 !important;margin-bottom:10px}
.hy-selfenroll-create-stepsec .step-left-sec{padding:0 0 30px 0}
.hy-selfenroll-create-stepsec .step-left{width:45%}
.hy-selfenroll-create-stepsec .step-right{width:55%}
.hy-selfenroll-create-stepsec .next-btn-row .btn{margin:20px auto;font-size:14px}
.hy-resend-pin-text .hy-resend-time{font-size:18px}
.hy-resend-pin-text{font-size:12px}
.hy-personalInfo .row .col-lg-6.col-md-12:nth-child(even){padding-left:15px}
}
@media only screen and (max-width:767px){.hy-selfenroll-create-stepsec .hy-Step-sub-text{font-size:14px;font-style:normal;font-weight:400;line-height:19.6px}
.hy-blue-link-pin .hy-pin-box input{font-size:20px;font-weight:500;line-height:24px}
.hy-resend-pin-text{margin-top:20px}
.hy-selfenroll-create-stepsec .selfenroll-create-pin-error{font-size:12px}
.hy-selfenroll-create-stepsec .hy-selfenroll-create-step-wrapper.step-wrapper h2{margin:0 0 20px 0}
.hy-selfenroll-create-stepsec .row.hy-paddingField .col-lg-6.col-md-12:first-child{padding-right:10px}
.hy-selfenroll-create-stepsec .steps-row{min-height:700px}
.hy-selfenroll-create-stepsec .step-sec{padding-top:60px}
.hy-selfenroll-create-stepsec .step-form{padding:30px 20px 0}
.hy-selfenroll-create-stepsec .step-left{width:100%}
.hy-selfenroll-create-stepsec .step-right{width:100%}
.hy-selfenroll-create-stepsec h2.title{font-size:30px;line-height:1.1 !important;margin-bottom:10px}
.hy-selfenroll-create-stepsec .step-left-sec{padding:0 0 30px 0}
.hy-selfenroll-create-stepsec .step-right{display:none}
.hy-selfenroll-create-stepsec .next-btn-row .btn{margin:20px auto;font-size:14px}
.hy-selfenroll-create-stepsec .trialHeading p.pTitle{font-size:20px;margin-bottom:10px}
.hy-resend-pin-text .hy-resend-time{font-size:18px}
.hy-resend-pin-text{font-size:12px}
.hy-blue-link-pin .hy-pin-box{width:50px;height:60px}
.hy-blue-link-pin .hy-pin-box:last-child{margin-right:0}
.hy-personalInfo .row .col-lg-6.col-md-12:nth-child(even){padding-left:15px}
}
.create_pin_api_error{color:#c40712;font-size:16px;margin-bottom:20px;display:block}
#create_pin .upper-personal{border-bottom:1px solid #ccc;padding-bottom:10px}
#create_pin .upper-personal .upper-name{width:85%}
#create_pin .upper-personal label{color:#c40712;float:right;margin-top:-18px}
#create_pin INPUT.frm-txt{width:233px}
input.input_error ~ .place_holder{color:#c40712 !important}
#create_pin .form-validation{padding-left:25px;padding-bottom:70px;padding-right:25px}
#create_pin .form-validation .place_holder{margin-left:10px}
#create_pin .form-validation .lower-part{margin-left:10px}
#manage-sub-hdtile .selfenroll .page-title{font-size:33px}
#manage-sub-hdtile .selfenroll p{color:#fff}
@media(max-width:767px) and (min-width:100px){#create_pin .form-validation input{width:100%;margin-bottom:0}
#manage-sub-hdtile .selfenroll .page-title{font-size:25px !important;margin-bottom:0 !important}
#create_pin .form-validation .lower-part{margin-left:10px !important;margin-right:10px}
}
html,body{overflow-x:hidden}
.signUpTodayRow{background-color:#f3f3f3;margin-left:0;margin-right:0;display:table;width:100%}
.signUpTodayRow .col-md-offset-1.col-md-4{display:table-cell;width:80%;margin-left:18%}
.signUpTodayRow .col-lg-6{width:50%;height:100%;vertical-align:middle;display:table-cell;float:none;padding-right:0}
.noSubscriptionPackage,.noSubscriptiongudancePackage,.noSubscriptionAdd{max-width:1400px;margin:0 auto}
.remotePackageDiv p.connectedCarePackage b a{margin-top:22px !important;margin-left:22px;color:#0074c8;border-bottom:1px solid #0074c8}
.remotePackageDiv p.remotePackagePara b a{margin-left:22px;margin-top:33px;color:#0074c8;border-bottom:1px solid #0074c8}
#no_sub li:first-child{margin-left:-19px;margin-top:20px;margin-bottom:20px}
#no_sub{list-style-type:none;color:#666;font-size:17px}
.signUpTodayPara1{margin-top:87px;margin-left:-21px;color:#666;font-size:15px}
.signUpTodayHeading{margin-top:-8px;margin-left:-5%;margin-bottom:-1px;font-size:43px;word-spacing:4px}
.signUpTodayPara2{margin-left:-23px;margin-top:20px;color:#666;font-size:17px;width:420px}
.signUpTodayPara3{margin-left:-1px;color:#666;margin-top:27px;font-size:16px}
.signUpTodayPara4{margin-left:-1px;color:#666;margin-top:-9px;font-size:16px}
.signUpTodayPara5{margin-left:-1px;color:#666;margin-top:-9px;font-size:16px}
.signUpTodayPara6{margin-left:-1px;color:#666;margin-top:-9px;font-size:16px}
.signUpTodayPara7{margin-left:-1px;color:#666;margin-top:-9px;font-size:16px}
.signUpTodayButton{margin-top:45px;margin-left:-12%;border-radius:initial;margin-bottom:130px}
.signUpTodayImage{margin-left:0;width:800px;max-width:800px}
.noSubscriptionPackage .row{margin-left:0;margin-right:0;position:relative}
.remotePackageDiv{height:597px;background-color:#e6e6e6;color:#000;padding:85px;width:44.5%}
.right-align .remotePackageDiv{background-color:#e6e6e6}
.remotePackageHeading{margin-top:0;margin-left:20px;font-size:31px}
.dk2-noenroll-content{font-family:"HyundaiSansTextOffice-Regular";font-size:17px;color:#666;margin-top:43px}
.remotePackagePara1{margin-top:14px;line-height:1.73;font-size:16px;margin-left:22px;max-width:360px;width:100%;font-family:"HyundaiSansTextOffice-Regular"}
.remotePackagePara2{margin-top:42px;margin-left:22px;border-bottom:2px solid;width:29%}
.remotePackagePara3{margin-left:22px;margin-top:20px;font-size:12px}
.remotePackageImage{position:absolute;float:right;margin-top:0;margin-left:0;z-index:-1;height:598px;width:100%;top:0}
.guidancePackageRow{padding:2%;background-color:#f3f3f3;margin-left:0;margin-right:0}
.guidancePackageImage{padding:2%;height:600px;margin-top:0}
.guidancePackageHeading{padding:96px 96px 0;margin-left:-86px;margin-top:27px;font-size:32px}
.guidancePackagePara1{padding:14px 42px 10px 42px;width:100%;margin-top:0;color:inherit;margin-left:-28px;font-size:16px;font-family:"HyundaiSansTextOffice-Regular"}
.guidancePackagePara2{padding:0 37px 0 42px;margin-top:0;color:inherit;margin-left:-29px;font-size:12px}
.guidancePackagePara3{padding:2px;margin-top:-1.5%;margin-left:9px;width:26%}
.AddSubscriptionPara1{color:rgba(0,0,0,0.48);font-size:17px;margin-top:61px;margin-left:12px}
.AddSubscriptionHeading{margin-top:0;font-size:59px;line-height:.95 !important;margin-left:11px;word-spacing:14px;padding-bottom:50px}
.AddSubscriptionButton{margin-left:-2%;border-radius:initial;width:95.3% !important;margin-bottom:65px}
.additionalInfo{background-color:white;margin-top:72px;margin-left:-16%;width:118%;height:459px}
.additionalInfoImage{margin-left:40px;margin-top:45px;height:36px;width:30px}
.additionalInfoPara1{margin-left:40px;color:#000;margin-top:12px;font-weight:bold}
.additionalInfoPara2{margin-left:30px;font-size:13px;width:113%;min-height:100px;overflow:hidden;height:auto}
.AddSubscriptionImage{margin-top:67px;margin-bottom:-3px}
.additionalInfo_2{position:absolute;background-color:white;margin-top:18px;margin-left:-19%;width:116%;height:459px}
.additionalInfo .carousel{min-height:450px}
.carousel-dp{max-height:450px}
.no-subscription-carousel .carousel-control.right{margin-left:0 !important;right:-38px;left:auto;margin-top:55px;height:30px;width:38px}
.no-subscription-carousel .carousel-control.left{margin-left:0 !important;right:-38px;left:auto;margin-top:0;height:30px;width:38px}
.no-subscription-carousel .carousel-control .next-arrow{background-position:-1px -1px;width:38px;height:38px}
.no-subscription-carousel .carousel-control .next-arrow:hover{background-position:-57px -1px;box-shadow:0 0 20px #e6e6e6}
.no-subscription-carousel .carousel-control .previous-arrow{background-position:-155px -1px;width:38px;height:38px}
.no-subscription-carousel .carousel-control .previous-arrow:hover{background-position:-206px -1px;box-shadow:0 0 20px #e6e6e6}
.no-subscription-carousel .carousel-control.right{height:30px}
.connectedservicesbanner .banner-container .text-wrapper p{width:61%;max-width:inherit}
.connectedservicesbanner .banner-container{padding-top:60px;min-height:215px}
.connectedservicesbanner .banner-container#connected_service_banner .container{padding-left:0;padding-right:0}
#gp-link-Youtube-PopUp{margin-left:12px}
.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{float:right;padding-right:0;padding-left:156px}
.right-align .additionalInfo{margin-left:16%}
.right-align .no-subscription-carousel .carousel-control.right{left:-38px}
.right-align .no-subscription-carousel .carousel-control.left{left:-38px;right:auto}
#connected_service_banner .text-wrapper p{width:46% !important}
@media(max-width:1200px) and (min-width:1025px){.remotePackageDiv{padding:25px}
.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{padding-left:120px}
}
@media(max-width:767px){#no_sub{padding-left:20px;padding-right:0}
#no_sub li:first-child{margin-left:0}
}
@media(max-width:1024px) and (min-width:768px){#no_sub{padding-left:20px;margin-left:-12px}
#connected_service_banner{background-size:inherit}
.remotePackageDiv{padding:43px}
}
@media(max-width:768px){.signUpTodayRow{margin-bottom:0}
.remotePackageDiv{padding:43px}
#connected_service_banner .text-wrapper p{width:79% !important}
.signUpTodayPara1,.signUpTodayPara2{margin-left:70px}
.signUpTodayPara3,.signUpTodayPara4,.signUpTodayPara5,.signUpTodayPara6,.signUpTodayPara7{margin-left:95px;font-size:16px !important}
.signUpTodayHeading{margin-left:-11px !important}
.signUpTodayButton{width:45% !important;margin-left:0 !important}
.signUpTodayImage{margin-top:0 !important;max-width:800px !important}
.remotePackageHeading{width:280px;left:-43px !important}
.remotePackagePara1{max-width:280px;width:100%;left:-40px !important}
.remotePackagePara3{width:290px;margin-left:-25px !important}
.additionalInfo{margin-top:-68% !important;width:395px;height:500px;margin-left:44% !important;background-color:#fff}
.additionalInfo .carousel{margin-left:-65px;margin-top:-37px}
.no-subscription-carousel .carousel-control.right{left:96% !important;margin-right:-30px;margin-top:35px}
.right-align .no-subscription-carousel .carousel-control.left{margin-left:15% !important}
.no-subscription-carousel .carousel-control.left{margin-left:96% !important;right:-33px !important;margin-top:-25px !important}
.AddSubscriptionPara1{margin-left:-2% !important}
.AddSubscriptionHeading{margin-left:-15px !important;margin-top:15px}
.AddSubscriptionButton{margin-bottom:-6%}
.additionalInfo .carousel .carousel-inner{margin-left:39px !important;margin-top:0;width:320px;left:35px;word-wrap:break-word}
.additionalInfoPara2{margin-left:60px;width:250px !important;word-wrap:break-word}
.noSubscriptiongudancePackage{margin-bottom:0}
.guidancePackageHeading{margin-top:0}
.guidancePackagePara1{margin-top:0}
.guidancePackagePara2{margin-top:0 !important}
.AddSubscriptionImage{margin-top:110px}
.remotePackageDiv p.remotePackagePara b a{margin-left:-20px;margin-top:60px}
.guidancePackageImage{height:450px}
}
@media(max-width:1024px){input.btn-block.AddSubscriptionButton{margin-top:25px}
.connectedservicesbanner .banner-container .text-wrapper p{width:auto}
.noSubscriptionAdd{margin-bottom:30px !important;padding-bottom:30px}
.AddSubscriptionButton{margin-top:-30px}
.signUpTodayPara2{width:101%}
.signUpTodayImage{margin-top:16%;margin-left:-3%;max-width:600px}
.signUpTodayButton,.AddSubscriptionButton{width:330px !important;margin-left:-25px}
.signUpTodayButton{width:100% !important}
.noSubscriptionPackage{margin-top:0}
.remotePackageHeading{width:280px;margin-left:-20px}
.remotePackagePara1{width:280px;margin-left:-22px}
.remotePackagePara3{width:280px;margin-left:-15px}
.additionalInfo{margin-top:55px;height:auto;margin-left:-50px}
.additionalInfo .carousel-dp .citem .col-md-6{min-height:256px;max-height:256px}
.right-align .additionalInfo{margin-left:7% !important}
.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{padding-left:110px}
.additionalInfoPara2{margin-left:60px}
.additionalInfoImage,.additionalInfoPara1{margin-left:75px;margin-top:20px}
.no-subscription-carousel .carousel-control.left{margin-left:96%;top:41% !important;right:-16px}
.right-align .no-subscription-carousel .carousel-control.right{left:-16px !important}
.no-subscription-carousel .carousel-control.right{left:96% !important}
.right-align .no-subscription-carousel .carousel-control.left{left:-3% !important}
.additionalInfo .carousel .carousel-inner{margin-left:0;margin-top:-20px;max-height:540px !important}
.no-subscription-carousel .carousel-control{z-index:9999}
.AddSubscriptionPara1{margin-left:-5px}
.AddSubscriptionHeading{width:360px;margin-left:-10px;padding-bottom:0}
.carousel-dp{height:540px}
.guidancePackagePara2{margin-top:0;margin-left:-25px}
.remotePackagePara{margin-top:0}
.signUpTodayHeading{margin-left:-11%}
.remotePackageDiv p.remotePackagePara b a{margin-left:-20px;margin-top:60px}
}
@media(max-width:768px){.no-subscription-carousel .carousel-control.right{left:99%}
.right-align .no-subscription-carousel .carousel-control.left{margin-left:0 !important;left:32px !important}
}
@media(max-width:1024px) and (min-width:768px) and (orientation:landscape){#no_sub{padding-left:0;margin-left:0}
#no_sub li:first-child{margin-left:-11px}
.signUpTodayRow .col-md-offset-1.col-md-4{width:88%;margin-left:10%}
.signUpTodayPara1{margin-left:-11px}
.signUpTodayHeading{margin-left:-4%}
.remotePackageHeading{margin-top:0}
.remotePackagePara3{margin-left:-25px}
.remotePackageDiv p.remotePackagePara b a{margin-left:-25px}
.guidancePackagePara2{margin-top:0}
.guidancePackageHeading{margin-top:0;padding-top:56px}
.guidancePackagePara2{margin-left:-28px}
.right-align .remotePackagePara3{margin-left:-22px}
.right-align .remotePackageDiv p.remotePackagePara b a{margin-left:-22px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){#connected_service_banner{background-size:inherit}
.signUpTodayImage{max-width:400px !important;width:100% !important;min-width:400px}
.remotePackageHeading,.remotePackageDiv p.remotePackagePara b a{margin-left:-20px}
.remotePackageHeading{margin-top:59px}
.remotePackagePara1{margin-left:-22px !important}
.remotePackagePara3{margin-left:-25px !important}
.remotePackageDiv{height:599px}
.remotePackageImgDiv .additionalInfoImage,.remotePackageImgDiv .additionalInfoPara1{margin-left:35px}
.additionalInfo{margin-left:44.4% !important}
.right-align .remotePackageImgDiv .additionalInfo{width:379px}
.remotePackageImgDiv .additionalInfoPara2{margin-left:25px}
.AddSubscriptionImage{margin-bottom:40px}
.guidancePackagePara1{margin-top:0}
.guidancePackagePara2{margin-top:0 !important}
#gp-link-Youtube-PopUp{margin-top:25px;display:inline-block}
}
@media(min-width:1200px){.connectedserv_banner_head{margin-bottom:2px !important}
}
@media(max-width:767px){.noSubscriptionPackage{margin-top:0 !important}
.noSubscriptionPackage .row{background-color:#e6e6e6}
.connectedservicesbanner .text-wrapper h1{margin-left:0 !important}
.remotePackageDiv{margin-top:0}
.connectedservicesbanner .banner-container .text-wrapper{margin-left:14px !important;padding:0 15px}
.right-align .no-subscription-carousel .carousel-control.right{left:12% !important}
.signUpTodayRow{background-color:rgba(128,128,128,0.16);padding-bottom:1px;width:104%;margin-bottom:0;display:inherit}
.signUpTodayRow .col-lg-6{display:block;width:100%;vertical-align:inherit;padding-left:0}
.right-align .no-subscription-carousel .carousel-control.left{left:auto !important}
.signUpTodayPara1{margin-top:25px;margin-left:20px !important;color:#666;font-size:15px}
.signUpTodayHeading{margin-top:0;margin-left:19px !important;margin-bottom:-1px;font-size:37px;word-spacing:inherit}
.signUpTodayPara2{margin-left:25px !important;margin-top:14px;color:#666;font-size:17px;width:97%}
.signUpTodayPara3{margin-left:25px !important;color:#666;margin-top:10px;font-size:14px}
.signUpTodayPara4{margin-left:25px !important;color:#666;margin-top:-9px;font-size:14px}
.signUpTodayPara5{margin-left:25px !important;color:#666;margin-top:-9px;font-size:14px}
.signUpTodayPara6{margin-left:25px !important;color:#666;margin-top:-9px;font-size:14px}
.signUpTodayPara7{margin-left:25px !important;color:#666;margin-top:-9px;font-size:14px}
.signUpTodayButton{margin-top:30px;margin-left:0 !important;border-radius:initial;width:100% !important;margin-bottom:-10px}
.signUpTodayImage{width:100%;margin-left:0 !important}
.remotePackageDiv{height:auto;background-color:#e6e6e6;color:#000;padding:13px;width:99%;margin-top:0;margin-bottom:0}
.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{padding-left:15px;padding-right:15px;float:left}
.remotePackageHeading{margin-top:25px;margin-left:20px !important;font-size:30px;line-height:34px}
.remotePackagePara1{width:94% !important;margin-top:4px;line-height:1.73;font-size:14px;margin-left:22px !important;margin-bottom:20px;max-width:inherit}
.remotePackagePara2{margin-top:29px;margin-left:22px;border-bottom:2px solid white;width:85px}
.remotePackagePara3{position:relative;left:50px !important;margin-top:10px;margin-bottom:30px}
.remotePackageImage{margin-top:226px;height:280px !important;background-color:gray;width:100%;margin-left:10px;z-index:1}
.guidancePackageRow{padding:2%;background-color:rgba(128,128,128,0.16);height:auto !important;margin-top:10px;width:104%}
.guidancePackageImage{padding:2%;margin-left:-20px;margin-top:60px;margin-bottom:25px;height:auto}
.guidancePackageHeading{margin-left:11px;margin-top:0 !important;font-size:32px;width:101%;padding:1px}
.guidancePackagePara1{padding:42px 0 42px 15px;margin-top:0 !important;margin-left:0;color:inherit;font-size:15px;line-height:1.73}
.guidancePackagePara2{padding:37px 37px 10px 37px;margin-top:0;color:inherit;margin-left:-25px;font-size:12px}
.guidancePackagePara3{padding:0;margin-top:-10%;margin-left:12px;width:30%;font-size:12px}
.AddSubscriptionPara1{color:rgba(0,0,0,0.48);font-size:18px;margin-left:-12px;margin-top:30px}
.AddSubscriptionHeading{position:absolute;margin-top:-2px;margin-left:-10px !important;font-size:55px}
.AddSubscriptionButton{margin-left:-10%;border-radius:initial;width:112% !important;margin-top:45%}
.additionalInfo #hide_4{display:none}
.additionalInfo #hide_2{display:none}
.additionalInfoImage{margin-left:0 !important;margin-top:25px !important}
.additionalInfoPara1{margin-left:50px !important;color:#000;margin-top:-35px !important;font-weight:bold}
.additionalInfoPara2{margin-left:40px !important;font-size:13px;max-width:100%;margin-top:-4px;height:auto;margin-bottom:15px}
.AddSubscriptionImage{margin-top:50px;margin-bottom:120px}
.additionalInfo_2{position:absolute;background-color:white;margin-top:-18%;margin-left:-4%;width:84%;height:265px;z-index:1}
.additionalInfo_2 #hide_4{display:none}
.additionalInfo_2 #hide_2{display:none}
.remotePackageImage_2{margin-top:-47px;height:265px;background-color:gray;width:93%;position:absolute;margin-left:-32px}
.noSubscriptionAdd{margin-bottom:-122px !important}
.noSubscriptionAdd .col-md-offset-1{height:auto}
.remotePackagePara{margin-top:-15px}
.connectedCarePackage{margin-left:-15px}
.additionalInfo{width:88%;margin-left:20px !important;margin-top:0 !important;background-color:transparent}
.additionalInfo .carousel{min-height:300px;margin-top:0;z-index:2}
.additionalInfo .carousel .carousel-inner{margin-top:10px;max-height:inherit !important;margin-bottom:15px;overflow:hidden;background:#fff}
.no-subscription-carousel .carousel-control.left{display:block !important;margin-top:16px !important;z-index:2;left:0 !important;top:32% !important}
.no-subscription-carousel .carousel-control.right{display:none;left:12% !important;margin-top:-5px !important;z-index:2}
#rp-link-Youtube-PopUp{margin-top:0 !important;margin-left:25px !important;display:inline-block}
.connectedCarePackage{margin-left:-15px}
#gp-link-Youtube-PopUp{margin-top:15px !important;margin-left:15px !important;display:inline-block}
#ccp-link-Youtube-PopUp{margin-top:20px !important;display:inline-block;margin-left:40px !important}
input.btn-block.AddSubscriptionButton{margin-top:135px;margin-left:-35px}
}
@media(max-width:740px) and (min-width:560px){.signUpTodayButton,.AddSubscriptionButton{width:350px !important}
.signUpTodayImage{margin-left:1% !important}
.AddSubscriptionButton{margin-top:25%;margin-left:-4%}
.remotePackageDiv{width:97.7%}
.guidancePackagePara1{margin-top:-5% !important}
.guidancePackagePara2{margin-top:-12% !important}
.no-subscription-carousel .carousel-control.left{left:-44% !important}
.no-subscription-carousel .carousel-control.right{margin-left:89px !important}
.signUpTodayPara2{width:60%}
}
@media(min-width:769px) and (max-width:991px){.connectedservicesbanner .banner-container .text-wrapper p{width:53%}
.signUpTodayRow .col-md-4{margin-left:7%}
.signUpTodayHeading{margin-left:-5%}
.signUpTodayImage{margin-top:0 !important;max-width:800px !important}
.additionalInfo{margin-top:-597px !important;width:395px;height:450px;margin-left:44% !important;background-color:#fff}
.additionalInfo .carousel{margin-left:-65px;margin-top:-37px}
.additionalInfo .carousel .carousel-inner{margin-left:35px !important;margin-top:80px;width:320px;left:35px;word-wrap:break-word}
.additionalInfoImage,.additionalInfoPara1{margin-left:25%;margin-top:20px}
.additionalInfoPara2{margin-left:23%;width:250px !important;word-wrap:break-word}
.no-subscription-carousel .carousel-control.right{display:block !important;margin-right:-30px;margin-top:10%}
.no-subscription-carousel .carousel-control.left{display:block !important;margin-left:-80% !important;right:-16px !important;margin-top:-4% !important}
.AddSubscriptionImage{margin-top:-35px}
.guidancePackageHeading{margin-top:0 !important;padding-top:0 !important}
.guidancePackagePara1{margin-top:0 !important}
.guidancePackagePara2{margin-top:0 !important}
.remotePackageDiv p.remotePackagePara b a{margin-left:-20px;margin-top:60px}
}
@media(max-width:320px){.AddSubscriptionHeading{font-size:45px}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:portrait){.noSubscriptionPackage .row.right-align,.guidancePackageRow{margin-top:-5px}
.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{padding-left:60px;margin-top:0}
.right-align .no-subscription-carousel .carousel-control.right{left:7% !important}
}
@media(min-width:1024px) and (max-width:1366px) and (orientation:portrait){.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{padding-left:110px}
.right-align .no-subscription-carousel .carousel-control.right{left:-3% !important}
.additionalInfo{margin-left:-50px !important}
.remotePackageDiv{padding:15px 85px}
.right-align .remotePackageImgDiv .additionalInfo{width:100%}
.signUpTodayRow .col-md-offset-1.col-md-4{margin-left:10%}
#no_sub{margin-left:-40px}
}
@media(min-width:375px) and (max-width:812px) and (orientation:landscape){.right-align .no-subscription-carousel .carousel-control.right{left:7% !important}
.right-align .no-subscription-carousel .carousel-control.left{left:87% !important}
.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{padding-left:60px}
}
@media(max-width:768px){.remotePackageHeading{margin-top:0}
.noSubscriptionPackage{margin-top:0 !important}
.right-align .additionalInfo{margin-left:21px !important}
.no-subscription-carousel .carousel-control.right{left:99% !important}
.right-align .no-subscription-carousel .carousel-control.left{margin-left:0 !important;left:32px !important}
.noSubscriptionPackage .row.right-align,.guidancePackageRow{margin-top:-2px}
.signUpTodayPara1,.signUpTodayPara2{margin-left:-11px}
}
@media(max-width:767px) and (min-width:414px) and (orientation:landscape){.right-align .no-subscription-carousel .carousel-control.left{left:37% !important}
.right-align .additionalInfo,.additionalInfo{margin-left:50% !important}
.no-subscription-carousel .carousel-control.right{left:50px !important;margin-left:0 !important}
.no-subscription-carousel .carousel-control.left{left:55% !important;margin-left:0 !important}
}
@media(max-width:767px) and (min-width:414px) and (orientation:portrait){.right-align .no-subscription-carousel .carousel-control.left,.no-subscription-carousel .carousel-control.left{right:0 !important}
.no-subscription-carousel .carousel-control.left{left:-30px !important}
}
@media(max-width:667px) and (min-width:375px) and (orientation:landscape){.no-subscription-carousel .carousel-control.left{left:-37% !important}
.right-align .additionalInfo{margin-left:45% !important}
.right-align .no-subscription-carousel .carousel-control.left{left:45% !important}
}
@media(max-width:568px) and (orientation:portrait){.additionalInfoPara2{max-width:85%}
.guidancePackageRow{margin-top:-1px}
.additionalInfo .carousel .carousel-inner{width:80%}
.AddSubscriptionHeading{width:340px;margin-left:-10px}
}
@media(max-width:568px) and (orientation:landscape){.additionalInfo .carousel .carousel-inner{width:60%}
.right-align .additionalInfo{margin-left:34% !important}
.no-subscription-carousel .carousel-control.left{left:-26% !important}
.right-align .no-subscription-carousel .carousel-control.left{left:56% !important}
}
@media(max-width:767px){.additionalInfoPara2{max-width:70%}
.right-align .col-md-5.col-sm-12.col-xs-12.remotePackageDiv{padding-left:15px}
}
@media(min-width:320px) and (max-width:767px){.remotePackageImgDiv{background-image:url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/RPsection.png);background-position:0 -16%;background-repeat:no-repeat}
.right-align .no-subscription-carousel .carousel-control.left{right:-20px !important;left:inherit !important}
.remotePackageImage{display:none}
.no-subscription-carousel .carousel-control.left{left:inherit !important;right:-20px !important}
.additionalInfo .carousel .carousel-inner{margin-left:10% !important}
.additionalInfo .carousel .carousel-inner,.right-align .additionalInfo .carousel .carousel-inner{width:82%;min-height:320px}
.additionalInfo,.right-align .additionalInfo{width:80%;margin-left:10% !important}
}
@media(min-width:320px) and (max-width:767px) and (orientation:portrait){.remotePackageImgDiv{background-image:url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/RPsection.png);background-position:0 -16%;background-repeat:no-repeat}
.remotePackageImage{display:none}
.additionalInfo .carousel .carousel-inner{margin-left:10% !important}
}
@media(min-width:768px) and (max-width:1024px){.connectedservicesbanner .banner-container .text-wrapper{margin-left:14px !important;padding:0 34px}
#connected_service_banner .container{width:100%}
.signUpTodayRow{padding:0 34px}
}
.remotePackagePara b{font-weight:500}
#session-expire{display:none;z-index:51;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
#session-expire.visible{display:block}
#session-expire-content{display:none;position:fixed;width:500px;left:50%;margin-left:-250px;max-width:100%;z-index:10000;border:1px solid #ccc;background:#fff;padding:1.5em;margin-bottom:1.5em}
h2.expire-heading{font-size:25px;font-weight:normal;font-style:italic;color:#666;margin:13px 0 0;font-family:"minion-pro",serif}
p.session-expire-description{margin-top:7px;line-height:21px;font-size:15px}
.session-expire-affirmation-link{border-right:1px solid rgba(0,0,0,0.5);padding-right:10px;margin-right:10px;color:#06c;text-decoration:none;cursor:auto}
.session-expire-nonAffirmation-link{padding-right:10px;margin-right:10px;color:#06c;text-decoration:none;cursor:auto}
@media screen and (max-width:620px){#session-expire-content{position:relative;width:100%;box-sizing:border-box;margin:0;left:0}
}
@media(max-width:767px) and (min-width:100px){#modal7 .modal-content{width:100%}
#modal7 .modal-dialog{margin:0 auto}
#modal7 .lower-part{margin-top:20px;padding-bottom:15px}
#modal7 .PIN-input{margin-left:0;margin-top:10px}
#modal7 .error_msg_responce-notfound{margin-top:20px;width:100%;color:#c40712}
#modal7 .lower-banner{text-align:center;padding-bottom:15px;padding-top:15px}
#modal7 .lower-banner a{border-bottom:none !important;width:70%}
.address_container{width:100%;max-width:160px;color:#000;font-family:"GenesisSansText-Regular"}
#modal7 #btn_finish{width:100%;height:50px;margin:0}
}
#modal7 .lower-banner .get-direction{display:inline-block;width:33%}
#modal7 .lower-banner .share-location{display:inline-block;width:31%;border-left:1px solid #ccc;border-right:1px solid #ccc}
#modal7 .lower-banner .horn-lights{display:inline-block;width:33%}
.lower-banner .horn-lights img.power-button-header{width:40px;height:30px}
.lower-banner .share-location img.power-button-header{width:30px;height:30px}
.lower-banner .get-direction img.power-button-header{height:30px;width:30px}
@media screen and (min-width:300px) and (max-width:400px){INPUT[type="submit"]#btn-login-form-canvas,.button,INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{height:50px !important;padding:0 !important}
.home-banner-sections #gen_res,.btn_link,.need-more-assistance .btn,a.btn{width:100% !important;height:40px !important;line-height:40px !important;padding:0 !important}
}
@media screen and (min-width:401px) and (max-width:767px){INPUT[type="submit"]#btn-login-form-canvas,.button,INPUT[type="button"].button{height:50px !important;position:absolute;left:40px;width:80% !important;padding:0 !important}
.home-banner-sections #gen_res,.btn_link,.need-more-assistance .btn,a.btn{height:40px !important;line-height:40px !important;padding:0 !important;min-width:235px}
#communication-preferences-form .col-xs-12.col-sm-7.col-md-6.col-lg-5.modal-sec-btn{height:70px}
#communication-preferences-form INPUT[type="button"].communication_submit{left:15px}
#section-login .col-sm-12.col-xs-12.col-md-12{height:70px}
#section-login INPUT[type="button"]{left:10px;width:235px !important}
}
@media screen and (min-width:768px) and (max-width:5000px){INPUT[type="submit"]#btn-login-form-canvas,.button,INPUT[type="submit"],INPUT[type="button"],INPUT[type="button"].button{height:50px !important;padding:0 !important}
.home-banner-sections #gen_res,.btn_link,.need-more-assistance .btn,a.btn{height:50px !important;line-height:50px !important;padding:0 !important;min-width:235px}
}
.offcanvas_login_btn{float:left}
@media only screen and (min-width:1025px){h1{line-height:40px !important}
h2{line-height:40px !important}
}
@media only screen and (min-width:768px) and (max-width:1024px){h1{font-size:36px !important;line-height:38px !important}
h2{font-size:26px !important;line-height:30px !important}
.info-good .btn-view-details_good{max-width:200px;min-width:200px}
}
@media only screen and (min-width:320px) and (max-width:767px){h1{line-height:33px !important}
h2{line-height:25px !important}
}
@media screen and (max-width:5000px) and (min-width:768px){.carousel-control.btn.carousel_fix{min-width:40px;height:40px !important;margin-top:0;margin-left:-10px;margin-right:-10px}
}
.mt-0{margin-top:0 !important}
.mt-5{margin-top:5px}
.mr-25{margin-right:25px !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.ml-10{margin-left:10px}
.mb-0{margin-bottom:0 !important}
.mb-5{margin-bottom:5px}
.mb-50{margin-bottom:50px !important}
.mb-60{margin-bottom:60px}
.mb-80{margin-bottom:80px}
.mb-25{margin-bottom:25px}
.mb-10{margin-bottom:10px !important}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-35{margin-bottom:35px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-28{margin-left:28px}
.ml-0{margin-left:0 !important}
.pl-0{padding-left:0 !important}
.mr-5{margin-right:5px}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}
.mr-40{margin-right:40px}
.ml-30{margin-left:30px}
.ml-40{margin-left:40px}
.ml-60{margin-left:60px}
.ml-62{margin-left:62px}
.ml-80{margin-left:80px}
.p-0{padding:0 !important}
.ptop-2{padding-top:8px}
.d-block{display:block !important}
.d-flex{display:flex !important}
.text-underline{text-decoration:underline}
.flex-wrap{flex-wrap:wrap}
.auto-height{height:auto !important}
.align-items-center{align-items:center !important}
.justify-content-between{justify-content:space-between;padding-top:2vw}
.text-transform-none{text-transform:none !important}
.clean-list{list-style-type:none;margin:0;padding:0}
.fs-10{font-size:10px !important}
.fs-14{font-size:14px !important}
.fs-16{font-size:16px !important}
.bold-font{font-weight:bold}
.italic-font{font-style:italic}
.medium-font{font-weight:500;font-family:'HyundaiSansTextOffice-Medium'}
.text-font{font-family:"HyundaiSansHeadOffice-Regular"}
.mr-10{margin-right:10px}
.pr-0{padding-right:0}
.pr-10{padding-right:10px}
.pt-0{padding-top:0 !important}
.pb-0{padding-bottom:0 !important}
.visible{visibility:visible !important}
.normal-font{font-weight:normal}
.d-table{display:table}
.d-table-cell{display:table-cell}
.vertical-align-middle{vertical-align:middle}
.no-border{border:none !important}
.d-inline-block{display:inline-block !important}
.no-pointer{pointer-events:none}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.centered{display:table;margin-left:auto;margin-right:auto}
.link_default_color{color:#0074c8 !important}
.text-inline-icon{margin-right:7px;position:relative;top:-4px}
.jumbotron-close{font-size:35px;position:absolute;right:15px;top:10px;color:#888}
.login-btn.is-ghost-btn{max-width:inherit;background:0;color:#0074c8;width:auto;padding:13px 30px}
.login-btn.is-small-btn{font-size:16px;padding:12px 0;max-width:180px;font-family:'HyundaiSansTextOffice-Regular'}
.login-btn.is-small-btn.bottom{margin:25px 0 0 155px;font-size:16px;padding:12px 0;max-width:180px;font-family:'HyundaiSansTextOffice-Regular'}
.login-btn.is-ghost-btn:hover{color:#fff}
.btn-link:hover .fa{text-decoration:none}
.table-info td,.table-info th{vertical-align:middle}
.table.table-info td{border:0}
.table.table-info>tbody>tr>td:first-child{padding-left:0}
.table.table-info>thead>tr>th{border-bottom-width:1px;color:#888;font-size:16px}
.table.table-info>thead>tr>th:first-child{padding-left:0}
.table .fa{font-size:16px}
.table .delete-icon{font-size:20px;cursor:pointer}
.table-info.table>thead>tr>th,.table-info.table>tbody>tr>td{padding:2px 8px}
.table-info.table>tbody>tr:first-child>td{padding-top:25px}
.table-info.no-thead-border thead th{border:0}
.table-info.table.no-thead-border>tbody>tr:first-child>td{padding-top:10px}
.table-info-heading{font-size:18px;text-transform:uppercase}
.table .table-timestamp{margin-right:120px}
.form-theme2 .form-control{width:130px;height:35px;margin-top:7px;cursor:text;padding:0 10px;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px}
.form-control-error,#createKeyModal .form-control-error{border-color:#c40712 !important;box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important}
.form-control-error::-webkit-input-placeholder,.form-control-error::-moz-placeholder,.form-control-error:-ms-input-placeholder,.form-control-error:-moz-placeholder{color:#c40712}
.form-group-error .floating_label,.form-group-error .form-group-label,.dk-label-error,.dk-phone-error label{color:#c40712 !important}
.form-theme2 .form-control-error-msg,.modal-form .form-control-error-msg{color:#c40712;font-size:14px;margin-top:5px}
.form-theme2 .form-control.is-big-form-control{width:300px}
.form-theme2 .form-group-label{font-size:14px}
span.dk-text-error{color:#c40712}
.clear-both{clear:both}
.no-bg{background:none !important}
.no-shadow{box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important}
button.is-disabled-btn{cursor:not-allowed;opacity:.7;background:#0074c8 !important;border:0}
.theme-btn,.theme-btn:visited,.theme-btn:link,.theme-btn:active{min-width:280px;padding:13px 22px;background-color:#0074c8;font-size:18px;font-family:"HyundaiSansTextOffice-Regular";border-radius:30px;color:#fff;letter-spacing:-0.1px;border:0;-webkit-border-radius:30px;-moz-border-radius:30px}
.theme-btn.is-small-btn{min-width:200px;padding:11px 30px}
.theme-btn:hover{border:0}
.theme-btn.is-ghost-btn,.theme-btn.is-ghost-btn:visited,.theme-btn.is-ghost-btn:link,.theme-btn.is-ghost-btn:active{background:0;color:#0074c8;border:2px solid #0074c8;padding:12px 20px 9px}
.theme-btn.is-ghost-btn:hover{color:#fff;background-color:#0074c8}
.full-width,.createkeynew .edit-modal .key-input.full-width{width:100% !important}
.position-relative{position:relative}
.btn-as-link{color:#0074c8;background:0;outline:0;padding:0;font-size:14px;display:inline-block;line-height:1;border:0;border-bottom:1px solid #0074c8;font-family:"HyundaiSansTextOffice-Regular"}
.pending-key-color,.key-status.pending{color:#e6c809 !important}
.active-key-color,.key-status.active{color:#357f33 !important}
.paused-key-color,.pause-key-color,.revoked-key-color,.revoke-key-color,.expired-key-color,.key-status.paused,.key-status.canceled,.key-status.revoked{color:#c40712 !important}
.is-mobile-accordion .mobile-accordion-heading{position:relative;padding-right:20px}
.is-mobile-accordion .mobile-accordion-heading .mobile-accordion-heading-icon{position:absolute;left:0;top:0;height:100%;width:100%;text-align:right}
.is-mobile-accordion .mobile-accordion-heading-icon:before{content:'';background:url(clientlib-site/images/arrow.png) no-repeat;background-size:100%;position:absolute;right:0;top:0;width:16px;height:10px;transition:350ms ease-in-out;-webkit-transition:350ms ease-in-out;-moz-transition:350ms ease-in-out}
.is-mobile-accordion.active .mobile-accordion-heading-icon:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.is-mobile-accordion .mobile-accordion-heading-icon{position:relative;z-index:1}
.is-mobile-accordion .mobile-accordion-heading-icon img{display:none}
.is-mobile-accordion .mobile-accordion-heading .mobile-accordion-heading-text{z-index:2}
.tabular-list{list-style:none;margin-left:0;padding:0;font-size:14px}
.tabular-list li{margin-top:20px}
.tabular-list .tabular-list-heading{font-weight:700;color:#888;margin-bottom:12px;font-size:16px}
.usage-history-block .tabular-list li{margin-top:10px}
.sec-div{padding:0 12px}
#modal-enroll input,.enroll-sec input,.edit-modal input,.pref-inp input,.pref-inp select{border:1px solid #ccc;width:100%;height:50px;padding:10px;color:#000;border:solid 1px #ccc;border-radius:3px;font-size:14px;font-family:'HyundaiSansTextOffice-Regular';cursor:pointer;box-shadow:none !important}
.key-input input+label.active,.key-input select+label.active{top:-3px}
.key-input label{opacity:1;color:#000 !important;font-size:14px;top:20px;-webkit-transition:all .2s ease;-moz-transition:all .1s ease;transition:all .2s ease;-ms-transition:all .2s ease;pointer-events:none}
.panel.modal-body-panel{border:1px solid #ddd;position:relative;padding:30px;margin-top:13px;min-height:345px;max-width:98%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.panel.modal-body-panel.panel-disabled{opacity:.3;pointer-events:none;border-color:#ddd !important}
.modal-body-panel ul li{margin-top:5px}
.panel.modal-body-panel.check-active{border:2px solid #0074c8}
.panel.modal-body-panel .panel-heading{font-size:19px;line-height:23px;text-transform:uppercase}
.panel.modal-body-panel .panel-badge{position:absolute;left:20px;top:20px;font-size:35px}
.panel.modal-body-panel .panel-badge.as-form-check{height:24px;width:24px;border:1px solid #666;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.panel-body-icon{min-height:59px;text-align:center;margin-bottom:40px}
.panel.modal-body-panel .panel-badge.as-form-check.active{background:url(clientlib-hyundai-site/images/checkmark.svg) no-repeat center center;background-size:16px}
.panel.modal-body-panel .panel-body-list{margin-left:15px;margin-top:10px}
.panel.modal-body-panel .panel-body{font-size:14px;display:table;margin-left:auto;margin-right:auto;background:0}
.modal .edit-checkbox>div{display:inline-block;margin-right:25px}
.createkeynew .panel-body-icon{min-height:50px}
.text-links-list{list-style-type:none}
.text-link .fa{color:#000;font-size:20px}
.text-links-list li{float:left;border-left:1px solid #ddd;padding:0 10px}
.text-links-list li:first-child{padding-left:0;border-left:0}
.text-links-list li:last-child{padding-right:0}
.text-link,button.text-link,.modal-content li a.text-link{color:#0074c8;text-decoration:underline !important;border:none !important;font-family:'HyundaiSansTextOffice-Regular';font-size:14px}
.text-link:hover{text-decoration:underline}
.modal.in .enroll-checkbox{display:flex;align-items:center;flex-wrap:wrap}
.enroll-checkbox .checkbox-custom{margin-right:10px;margin-top:-2px}
.enroll-checkbox .checkbox-custom.checked{background-position:center !important}
.custom-radiobtn .radio-label{display:inline-block;margin-right:25px}
.sel-custom-date{display:none}
.form-control-datepicker.active{display:block}
.sel-custom-date{margin:20px 10px 0 10px}
.form-control-datepicker{display:none;position:absolute;z-index:1}
.checkbox-error .checkbox-error-msg{color:#c40712}
.checkbox-error-msg{margin-top:5px;padding-left:20px}
.checkbox-error .checkbox-custom{border-color:#c40712}
.modal-dialog.modal-xl .modal-content{margin-top:0}
#my_vehicles #my_vehicles_list .download-content a{display:block}
.digitalkey-dashboard .vd-heading-title{display:block !important}
#keyStatus{font-size:18px}
#totalUsedKeys{width:90%}
.btn-width{width:240px !important}
.modal-open .modal{padding-left:0 !important}
.term-sec .checkbox-error-msg p{padding-left:0;margin-left:0;width:100%;left:0 !important}
.term-sec .checkbox-error-msg,.enroll-msg-sec .checkbox-error-msg,.enroll-msg-sec .checkbox-error-msg p{padding-left:0;margin-left:0}
#primaryKeyNotCreatedMsg{line-height:24px}
#my_vehicles .download-content a{display:block}
.vhservices-right span{font-weight:500 !important}
.enroll-checkbox .checkbox-custom input{margin-right:0;width:100% !important}
#processingDK .req-sent-wait{font-size:14px !important}
#processingDK .msg .action{margin-right:auto;margin-left:auto}
#processingDK .request-processing-dk{min-height:250px;height:auto}
#processingDK .req-sent{margin:0;position:relative;top:-115px}
#processingDK .req-sent-wait{margin-left:30px;margin-right:30px;padding-top:10px}
#preference-view .tab-section-one,#preference-view .tab-section-two{max-width:100% !important}
@media(min-width:1200px){.modal-dialog.modal-xl{width:1170px}
}
@media(min-width:1300px){.modal-dialog.modal-xl{width:1240px}
}
@media(max-width:1199px){.modal-dialog.modal-xl{width:100%}
.vhservices-right span{font-weight:bold !important}
}
@media only screen and (max-device-width:1024px) and (min-device-width:768px){.main-dashboard-tab-content .tab-pane.active.hide{display:none !important}
}
@media(max-width:992px){.d-block-sm{display:block !important}
.ml-0-sm{margin-left:0 !important}
.mt-10-sm{margin-top:10px !important}
.panel.modal-body-panel{max-width:100%}
.panel.modal-body-panel .panel-body{text-align:center}
.panel.modal-body-panel .panel-body-list{display:table;margin-left:auto;margin-right:auto;text-align:left}
}
@media(max-width:767px){.mt-0-xs{margin-top:0 !important}
.mb-0-xs{margin-bottom:0 !important}
.mt-10-xs{margin-top:10px !important}
.ml-0-xs{margin-left:0}
.mr-18-xs{margin-right:18px}
.mt-15-xs{margin-top:15px !important}
.mb-10-xs{margin-bottom:10px !important}
.mb-15-xs{margin-bottom:15px !important}
.full-width-xs{width:100% !important}
.full-max-width-xs{max-width:100% !important}
.text-center-xs{text-align:center !important}
.modal-xl .modal-title{font-size:24px;line-height:30px;margin-bottom:10px}
.modal .modal-block-part .modal-heading-gray{margin-bottom:13px;font-size:16px}
.panel.modal-body-panel .panel-badge{left:16px;top:16px}
.panel.modal-body-panel .panel-heading{text-align:center;max-width:180px;margin-left:auto;margin-right:auto}
.panel.modal-body-panel .panel-body-list{margin-top:25px}
.panel.modal-body-panel .panel-body-icon{min-height:auto;margin-bottom:30px}
.panel.modal-body-panel{margin-top:20px;padding:20px}
.theme-btn,.theme-btn:visited,.theme-btn:link,.theme-btn:active{font-size:14px;padding:11px 22px}
.form-group-btns{text-align:center}
.modal .form-theme2 .form-group-btns .theme-btn{min-width:100%;margin-right:0}
.modal .form-theme2 .form-group-btns .theme-btn+.btn-as-link{margin-top:15px}
.jumbotron-close{top:15px}
.d-flex-xs{display:flex !important}
.mr-0-xs{margin-right:0 !important}
.mt-10-xs-alt{margin-top:-10px}
.no-border-xs{border:none !important}
.auto-height-xs,#subscriptions_data_1.auto-height-xs{height:auto !important}
.p-0-xs{padding:0 !important}
.pt-0-xs{padding-top:0 !important}
.centered-xs{display:table !important;margin-right:auto !important;margin-left:auto !important}
.is-mobile-accordion .is-mobile-accordion-content{display:none}
.is-mobile-accordion .mobile-accordion-heading .mobile-accordion-heading-text{display:block;word-break:break-all;padding-right:15px}
.d-block-xs{display:block !important}
.tabular-list-content{word-break:break-word}
.mb-20-xs{margin-bottom:20px}
.mt-30-xs{margin-top:30px !important}
.mb-30-xs{margin-bottom:30px}
.mt-25-xs{margin-top:25px}
.mt-20-xs{margin-top:20px}
.pb-0-xs{padding-bottom:0 !important}
.mb-35-xs{margin-bottom:35px}
.mb-25-xs{margin-bottom:25px}
.mb-20-xs{margin-bottom:20px}
.mb-10-xs{margin-bottom:10px}
.mb-5-xs{margin-bottom:5px !important}
.ml-15-xs{margin-left:15px}
.ml-20-xs{margin-left:20px}
.device-list .three-columns-list{column-count:1;-webkit-column-count:1;-moz-column-count:1}
.is-mobile-accordion .mobile-accordion-heading.modal-body-block-heading{border:none !important}
.table-info-heading{font-size:20px;margin-bottom:25px}
.newvehservice.panel-group{margin-bottom:0}
.shared-vehicle-container .vd-heading{margin-top:0 !important}
.default-row-style-xs{margin-left:-10px;margin-right:-10px}
.has-large-padding h3.modal-body-block-heading{font-size:20px !important}
#activeKeyDetailModal .text-links-lis{margin-top:10px}
.modal .modal-title{padding-right:20px;display:block}
.primaryListMob.tabular-list li{margin-top:25px}
.btn-width{width:100% !important}
.panel.panel-1{margin-bottom:25px}
.newvehservice .panel-collapse .botttom-link,.newvehservice .panel-collapse .digitalkey.bottom-sec{padding-bottom:15px}
.vhservices-right span{font-weight:bold !important}
.dk-notification-settings-wrap{margin-bottom:30px}
}
@media(max-width:639px){.vhservices-right.panel.digitalkey-info{border-radius:0}
.table.is-responsive-table thead{display:none}
.table.is-responsive-table td{display:block;position:relative}
.table.is-responsive-table td:before{content:attr(data-label);display:block;font-family:"HyundaiSansHead-Bold";font-size:16px;color:#888;margin-bottom:12px}
.table.is-responsive-table td{padding:0 !important;border:none !important;margin-top:20px}
.table.is-responsive-table tr td:first-child{margin-top:0}
.table.is-responsive-table tr{padding:20px 0;display:block;border-top:1px solid #ccc}
.table.is-responsive-table tr:first-child{padding-top:0;border-top:0}
.table.is-responsive-table tr:last-child{padding-bottom:0}
}
.valet-mode-on{color:#357f33 !important}
.valet-mode-off{color:#c40712 !important}
.valet-mode-btn{font-size:16px;max-width:294px;line-height:1;min-height:auto;padding:19px 0 15px;cursor:pointer;color:#fff !important;border:none !important;outline:none !important}
.valet-mode-btn:hover,.valet-mode-btn:focus{padding:19px 0 15px}
.valet-mode-stripe-banner{background-color:#f3f3f3;padding:23px 0;margin-bottom:60px}
.valet-mode-stripe-msg{font-size:14px;font-weight:bold}
.valet-mode-stripe-banner .valet-mode-status-off{margin-top:20px;margin-bottom:20px}
.valet-mode-stripe-banner .valet-mode-status-off .valet-mode-stripe-msg{margin-bottom:61px}
.valet-mode-stripe-banner .valet-mode-steps{list-style:none;margin-bottom:22px}
.valet-mode-stripe-banner .valet-mode-toggle-btn{margin-left:30px;cursor:pointer}
.valet-mode-modal{font-size:16px}
.valet-mode-modal.in{display:flex !important;align-items:center}
.valet-mode-modal .modal-dialog{min-height:auto;margin:0 auto}
.valet-mode-modal .modal-dialog.modal-lg{max-width:956px}
.valet-mode-modal .modal-content{min-height:475px;padding-bottom:60px;width:100%}
.valet-mode-modal .hyundai-modal-header{background:0;display:flex;align-items:center;padding:20px 15px}
.valet-mode-modal .hyundai-modal-body{max-width:640px}
.valet-mode-modal .hyundai-modal-header h2{display:inline-block;margin-left:20px}
.valet-mode-modal .modal-sm{width:100%;max-width:400px}
.valet-mode-modal .modal-sm .modal-content{min-height:270px;padding-bottom:20px}
.valet-mode-modal .modal-sm .hyundai-modal-body{margin-left:25px;margin-right:25px}
.valet-mode-modal .modal-sm .hyundai-modal-header{padding:15px}
.valet-mode-modal .modal-sm .modal-close{font-size:30px;right:10px;top:10px}
.valet-mode-modal .modal-close{font-size:40px;margin-bottom:0 !important;right:15px;font-weight:normal;top:30px;background:0}
.valet-mode-modal li{background:none !important;margin-top:10px}
.valet-mode-modal .valet-mode-modal-list{margin:35px 0 45px 11px}
.about-valet-mode-heading{margin-left:-5px}
.valet-mode-modal .valet-mode-modal-list>li{padding-left:15px}
.valet-mode-modal .valet-mode-btn:hover,.valet-mode-modal .valet-mode-btn:focus{background-color:#3c3c3c;color:#fff;opacity:.8}
.valet-mode-modal .valet-mode-form .form-group{display:flex;align-items:center;margin-top:80px;margin-bottom:75px}
.valet-mode-modal .valet-mode-form .form-control{height:54px;max-width:170px;margin-left:33px;border:2px solid #ccc;display:flex;align-content:center;justify-content:center;font-size:30px;line-height:1;letter-spacing:18px;text-align:center;font-weight:bold}
.valet-mode-modal .valet-mode-form .form-group .form-group-label{display:block}
.valet-mode-modal .valet-mode-form .form-control-error{border-color:#c40712 !important}
.valet-mode-modal .valet-mode-form .submit-error{position:relative;width:auto;margin-left:10px}
.valet-mode-modal .valet-mode-form .form-control-error-msg{color:#c40712 !important;margin-left:20px;font-size:16px}
.valet-mode-modal .valet-mode-form input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset !important;-webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#000 !important}
.valet-mode-modal .valet-mode-form .form-control::-webkit-input-placeholder{color:#8b382b;font-size:43px}
.valet-mode-modal .valet-mode-form .form-control::-moz-placeholder{color:#8b382b;font-size:43px}
.valet-mode-modal .valet-mode-form .form-control:-ms-placeholder{color:#8b382b;font-size:43px}
.valet-mode-modal .valet-mode-form .form-control-label{line-height:1}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mb-0{margin-bottom:0}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-35{margin-bottom:35px}
.mb-50{margin-bottom:50px}
.padLR15{padding-left:15px;padding-right:15px}
.full-max-width{max-width:100%}
.semibold-font{font-weight:600 !important}
@media(max-width:1199px){.valet-mode-stripe-banner{margin-bottom:130px}
}
@media(max-width:991px){.valet-mode-modal .modal-dialog{width:90%}
}
@media(max-width:767px){.valet-mode-modal.in{align-items:flex-start}
.valet-mode-modal{padding-right:0 !important}
.valet-mode-modal .modal-dialog{width:100%}
.valet-mode-btn,.valet-mode-status-details{max-width:100%}
.valet-mode-modal .valet-mode-form{max-width:100%}
.valet-mode-modal .valet-mode-form .form-group{display:block;text-align:center}
.valet-mode-modal .valet-mode-form .form-control{margin:17px auto}
.valet-mode-modal .valet-mode-form .form-control-error-msg{margin:0 auto;display:block;width:100%}
.valet-mode-modal .valet-mode-form .form-group{margin-top:50px;margin-bottom:50px}
.valet-mode-modal .modal-sm{text-align:center}
.valet-mode-modal .modal-sm .hyundai-modal-header{justify-content:center;margin-bottom:20px}
.valet-mode-modal .hyundai-modal-header{display:block}
.valet-mode-stripe-banner{text-align:center;padding:35px 0;margin-bottom:30px}
.valet-mode-stripe-banner .text-right{text-align:center}
.valet-mode-stripe-msg{margin-bottom:65px}
.valet-mode-stripe-banner .valet-mode-toggle-btn{margin-left:0;margin-top:25px}
.valet-mode-stripe-banner .valet-mode-status-off{margin-top:7px;margin-bottom:7px}
.valet-mode-stripe-banner .valet-mode-status-off .valet-mode-stripe-msg{margin-bottom:40px}
.valet-mode-stripe-banner .valet-mode-status-off .valet-mode-stripe-detail{margin-top:55px}
.valet-mode-stripe-banner .valet-mode-status-off .valet-mode-stripe-text{max-width:200px;margin-right:auto;margin-left:auto}
.valet-mode-modal .modal-sm .hyundai-modal-header{margin-top:0}
.hyundai-modal-header-icon{width:50px}
.about-valet-mode-heading{margin-left:0}
.valet-mode-modal .valet-mode-modal-list{margin-left:18px}
.valet-mode-modal .hyundai-modal-header{margin-top:20px}
}
@media(max-width:480px){.valet-mode-modal .hyundai-modal-header h2{position:relative;top:4px}
.valet-mode-modal .hyundai-modal-header{margin-top:50px}
.valet-mode-stripe-msg{margin-bottom:35px;position:relative;top:-30px}
}
@media(max-width:350px){.valet-mode-modal .hyundai-modal-header h2{margin-left:12px}
}
.webpointbox-wrapper{max-width:300px;width:100%;box-shadow:0 0 2px #888;padding-bottom:20px;background:#fff;position:absolute;top:20px;display:none;left:20px}
::placeholder{color:#ccc;font-weight:400;font-size:15px}
.webpointbox-wrapper .title{border-top:5px solid #0074c8;color:#000;position:relative;padding:10px 15px;margin-bottom:20px}
.webpointbox-wrapper .title h2{font-size:18px;font-family:monospace;margin:0}
.webpointbox-wrapper .title span{position:absolute;right:15px;z-index:2;top:0;font-family:sans-serif;font-weight:600;width:20px;height:20px}
.webpointbox-wrapper .title span::before{content:'';position:absolute;height:2px;width:100%;background:#3a3a3a;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);top:8px;left:3px}
.webpointbox-wrapper .title span::after{content:'';position:absolute;height:2px;width:100%;background:#3a3a3a;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);top:8px;left:3px}
.webpointbox-wrapper .title span:hover::before,.webpointbox-wrapper .title span:hover::after{transition:all .5s;background:#ccc}
.webpointbox-wrapper .startPoint{margin-bottom:5px;position:relative;padding:0 30px}
.webpointbox-wrapper .startPoint:before{position:absolute;left:13px;top:27px;content:'';height:100%;border-left:2px dotted #ccc}
.webpointbox-wrapper .startPoint .circle{content:'';border:1px solid #ccc;width:17px;height:17px;border-radius:100%;color:#868686;position:absolute;left:5px;top:17px;background:#fff}
.webpointbox-wrapper .circle span{text-align:center}
.webpointbox-wrapper .endPoints{margin-bottom:5px;position:relative;padding:0 30px}
.webpointbox-wrapper .endPoints:after{content:'';width:12px;height:18px;position:absolute;left:7px;top:17px;background:url('../../../../content/dam/hyundai/us/myhyundai/image/general/icon/map_icon.png') no-repeat left top}
.webpointbox-wrapper .wayPoints input.inputText{width:100%;padding:12px;border:1px solid #e6e3e3;font-size:15px;font-family:roboto}
.webpointbox-wrapper .wayPoints .gotoNext{width:100%;display:block;color:#a5a5a5;margin:8px 0;padding:0 0 0 10px;font-size:12px}
.webpointbox-wrapper .wayPoints .row_to{display:block;margin:8px 0;color:#a5a5a5}
.webpointbox-wrapper ul.wayPointsList li:last-child .row_to span.waypoint_swap_btn{display:none}
.webpointbox-wrapper .wayPoints .row_to span{float:left;width:auto;margin:0;padding:0 0 0 10px;font-size:12px}
.webpointbox-wrapper .wayPoints .row_to span.waypoint_swap_btn{float:right;cursor:pointer;margin:0}
.webpointbox-wrapper ul.wayPointsList{list-style:none}
.webpointbox-wrapper ul.wayPointsList li{margin-bottom:5px;position:relative;padding:0 30px}
.webpointbox-wrapper ul.wayPointsList li::before{position:absolute;left:13px;top:27px;content:'';height:100%;border-left:2px dotted #ccc}
.webpointbox-wrapper ul.wayPointsList li .circle{content:'';border:1px solid #ccc;width:17px;height:17px;border-radius:100%;color:#868686;position:absolute;left:7px;top:17px;background:#fff}
.webpointbox-wrapper .circle span{text-align:center;position:absolute;margin:0;font-size:13px;left:0;right:0;margin:0 auto}
.webpointbox-wrapper ul.wayPointsList li .search-delete{position:absolute;right:6px;top:12px;font-weight:bold;width:20px;height:20px;padding:5px;border:1px solid #ccc;border-radius:50%}
.webpointbox-wrapper ul.wayPointsList li .search-delete::before{position:absolute;content:'';height:2px;width:13px;background:#ccc;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);top:8px;left:3px}
.webpointbox-wrapper ul.wayPointsList li .search-delete::after{content:'';position:absolute;height:2px;width:13px;background:#ccc;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);top:8px;left:3px}
.webpointbox-wrapper ul.wayPointsList li .search-delete:hover{border:1px solid #003f86;transition:all .5s}
.webpointbox-wrapper ul.wayPointsList li .search-delete:hover::before,.webpointbox-wrapper ul.wayPointsList li .search-delete:hover::after{background:#003f86}
.webpointbox-wrapper .btn.btn-primary{background:#037fd0;color:#fff;border:0;padding:15px 45px;font-size:16px;cursor:pointer;border-radius:50px}
.webpointbox-wrapper .text-center{text-align:center}
.webpointbox-wrapper .add_stop{text-align:right;padding:15px 15px 30px}
.webpointbox-wrapper .add_stopBtn.disabledLink{pointer-events:none;color:#a4a4a4;border-color:#a4a4a4}
.destination-search-modal .add_waypoint_loc{display:none}
.destination-search-modal span.search-delete{position:absolute;width:auto;right:0;margin:0 auto;top:10px;font-size:24px}
#destination-search-waypoint{width:100%;margin-left:10px}
.destination-search-modal .close_trip{width:20px;height:20px;cursor:pointer;text-align:center}
.webpointbox-wrapper ul.wayPointsList li .waypoint_srch_result{display:none}
.webpointbox-wrapper ul.wayPointsList li.activate .waypoint_srch_result{display:block}
.webpointbox-wrapper ul.wayPointsList li.activate .waypoint_srch_result p.NoDataWaypoints{color:#c40712;padding:18px;margin:0;border:1px solid #e6e3e3;border-top:0}
.webpointbox-wrapper ul.wayPointsList li .waypoint_srch_result .pac-container{width:auto;left:30px !important;right:30px;background:#fff;border:1px solid #ccc;top:45px !important}
.destination-search-modal .link_wrap{display:flex;justify-content:space-between;display:-webkit-flex;display:-ms-flexbox;flex-wrap:wrap}
.destination-search-modal .link_wrap span{font-size:12.5px !important;display:inherit !important}
.destination-search-modal .waypoint_srch{position:relative}
.destination-search-modal .waypoint_srch.active{display:block}
.destination-search-modal .waypoint_srch #waypoint_destination_search_modal_form{position:relative}
.destination-search-modal .waypoint_srch #waypoint_destination_search_modal_form #waypoint-pac-input{width:100%;margin-left:0;padding:12px}
.destination-search-modal .waypoint_srch #waypoint-pac-input{background-color:#fff;font-family:Roboto;font-size:15px;margin-left:12px;padding:0 11px 0 13px;text-overflow:ellipsis;width:400px}
.destination-search-modal .marker-container .maker_actions{display:block;width:100%}
.destination-search-modal .marker-container .maker_actions>span{margin:0 40px 10px 0;float:left}
.destination-search-modal .marker-container .maker_actions>span.send-vehicle{margin-right:0}
.destination-search-modal .marker-container .maker_actions>span:last-child{margin-bottom:0}
.destination-search-modal .link_wrap span.waypoint{margin:15px 4px 0}
.destination-search-modal #mapOverLay-ds .search-delete{top:13px}
@media only screen and (max-width:767px){.destination-search-modal .webpointbox-wrapper{max-width:none;position:relative;left:0;top:0}
}
@media only screen and (max-width:479px){.destination-search-modal .marker-container{width:auto}
}
footer H3,footer .footer-collapse-link{text-transform:none}
footer .container{padding:0}
footer H3{font-size:18px;margin:0}
footer{width:100%;background-color:rgba(33,33,33,1);position:relative;font-family:"HyundaiSansTextOffice-Regular";font-size:14px}
footer .footer-top{width:100%;padding:50px 0 20px 90px;background-color:rgba(33,33,33,1);margin:auto;display:inline-block}
footer .footer-bottom{width:100%;background-color:rgba(33,33,33,1);margin:auto;color:#666;border-top:0 !important}
footer .footer-bottom .container{padding:35px 80px 25px}
footer .copyright{font-size:12px;display:block;color:#666;margin:auto;text-align:left;width:100%}
footer .footer-top-links{float:left;width:35%}
footer .footer-top-links h3{font-size:18px;color:#888;margin-bottom:26px;line-height:18px}
footer .footer-top-links a{font-size:14px;color:#0074c8;text-decoration:none}
footer .footer-top-links A:hover{color:#003f86;font-size:14px;text-decoration:none;border-bottom:solid 1px #003f86;background:transparent}
.footer-top-links h2{color:#fff}
.footer-top-links p{margin:0 0 15px 0;display:inline-block;width:100%}
.footer-top-links a{border-bottom:0}
body .footer-bottom a{color:#666;text-decoration:none;font-size:12px;padding-bottom:2px;border-bottom:0}
body .footer-bottom a:hover{color:#0074c8;border-bottom:solid 1px #0074c8}
.footer-top-links p a{margin-top:0}
footer .footer-bottom .social-links{margin-bottom:12px}
.hy-footer-topSec.footer-top{display:flex !important;flex-wrap:wrap}
.hy-footer-top-links-Sec{flex-basis:calc(100% - 250px );justify-content:center;display:flex;margin-left:40px}
.hy-footer-top-links-Sec .footer-top-links{float:left;width:45%}
.hy-footer-logo-Sec{flex-basis:200px}
.hy-footer-logo-Sec img{width:196px !important;height:120px !important}
footer .hy-footer-top-links-Sec .footer-top-links h3{color:rgba(153,153,153,1);font-size:24px;line-height:24px;letter-spacing:-1px;display:block}
footer .hy-footer-top-links-Sec .footer-top-links a{font-size:16px;color:rgba(204,204,204,1);text-decoration:none;font-weight:400;line-height:20px}
footer .hy-footer-top-links-Sec .footer-top-links a:hover,footer .hy-footer-top-links-Sec .footer-top-links a:focus{color:rgba(255,255,255,1);border-bottom:solid 1px rgba(255,255,255,1) !important}
footer .hy-footer-top-links-Sec .footer-top-links:first-child{width:17% !important}
footer .hy-footerBottom .footer-bottom .other-links a{font-size:14px;font-weight:400;line-height:20px;color:rgba(204,204,204,1);text-decoration:underline !important;border:0}
button.other-links-cookies.ot-sdk-show-settings{font-size:14px !important;font-weight:400;line-height:20px;color:rgba(204,204,204,1) !important;text-decoration:underline !important;background:none !important;border:none !important;padding:0 !important;font-family:"HyundaiSansHeadOffice-Regular",sans-serif !important;letter-spacing:normal !important;cursor:pointer;display:inline}
.link-separator-cookies{padding:0 3px 0 4px;display:inline-block}
.link-separator-cookies::before{content:"|";color:#666;font-weight:normal}
footer .hy-footerBottom .footer-bottom .other-links a:hover,footer .hy-footerBottom .footer-bottom .other-links a:focus{border:0 !important}
footer .hy-footerBottom .footer-bottom .copyright{font-size:14px;font-weight:400;line-height:20px;color:rgba(153,153,153,1)}
.hy-footer-topSec #header-logo{display:initial;width:initial !important;height:auto;overflow:hidden;margin:0;cursor:pointer;text-align:left}
.hy-footer-topSec .hy-footer-logo-Sec a{border:0 !important;text-decoration:none}
footer .hy-footerBottom .footer-bottom .social-links{margin-bottom:30px}
footer .hy-footerPostLogin .hy-footer-top-links-Sec .footer-top-links:first-child .collapse{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
footer .hy-footerPostLogin .hy-footer-top-links-Sec .footer-top-links:first-child{width:35% !important}
footer .hy-footerBottom .footer-bottom .other-links{max-width:790px !important}
footer .hy-footerBottom .social-icon-links a{margin-right:22px}
footer .hy-footerBottom .social-icon-links a:nth-child(6) img{width:22px;height:22px}
@media(max-width:1100px){.hy-footer-top-links-Sec .footer-top-links{float:left;width:50%}
footer .hy-footer-top-links-Sec .footer-top-links:first-child{width:25% !important}
footer .hy-footerPostLogin.container{width:100%;padding:0 40px 0 20px}
footer .hy-footerPostLogin .hy-footer-top-links-Sec .footer-top-links a{font-size:14px}
footer .hy-footerPostLogin .hy-footer-top-links-Sec{margin-left:20px}
.hy-footer-top-links-Sec{margin-left:10px}
}
@media(max-width:767px){footer .hy-footer-top-links-Sec .footer-top-links:first-child{margin-bottom:20px}
.hy-footer-logo-Sec{flex-basis:auto;display:flex;margin:30px 0 10px 0 !important;padding:20px}
.hy-footer-top-links-Sec{flex-basis:100%;justify-content:center;display:flex;flex-wrap:wrap;margin:30px 0 0;padding:20px}
.hy-footer-top-links-Sec .footer-top-links{flex-basis:100%}
footer .hy-footerBottom .footer-bottom .other-links{display:inline-block;max-width:620px !important;padding:0 10px}
footer .hy-footerBottom .footer-bottom .other-social-links{padding-right:20px;padding-left:20px}
footer .hy-footerBottom .footer-bottom .social-links{width:100%;float:none;text-align:left}
footer .hy-footerBottom .footer-bottom .copyright{margin-bottom:5px;width:73%;float:left;text-align:left}
footer .hy-footerBottom .footer-bottom{text-align:left;padding:25px 11px !important}
footer .hy-footerPostLogin .hy-footer-top-links-Sec .footer-top-links a{font-size:16px}
footer .hy-footerPostLogin .hy-footer-top-links-Sec{margin-left:0}
footer .hy-footerPostLogin.container{width:100%;padding:0}
}
@media(min-width:768px) and (max-width:1199px){footer .hy-footerPostLogin .footer-top{padding:60px 15px 20px}
}
@media(max-width:640px){footer .hy-footerBottom .footer-bottom .copyright{margin-bottom:5px;width:100%;float:left;text-align:left}
}
@media(max-width:767px){footer .footer-bottom .container{padding:0}
}
footer .footer-bottom .social-links a:hover{border-bottom:0}
footer .footer-bottom .other-links{max-width:516px;width:100%;word-break:break-word;color:#666}
@media(max-width:767px){footer .footer-bottom .col-md-4,footer .footer-bottom .col-md-8,footer .footer-bottom .col-md-6{float:none;margin-bottom:10px}
}
footer .footer-bottom .footer-bottom-links{text-align:right;max-width:129px;float:right;margin-right:10px}
@media(min-width:768px) and (max-width:1024px){footer .footer-bottom .footer-bottom-links{margin-right:35px}
footer .footer-bottom .container{padding-left:34px;padding-right:34px}
}
@media(max-width:767px){footer .footer-bottom .copyright,footer .footer-bottom .footer-bottom-links{margin:0 auto;text-align:center}
footer .footer-bottom .footer-bottom-links{margin:0 auto 30px;float:none;width:100%;padding:0}
footer .footer-bottom .footer_bottom_links{margin-top:20px;display:inline-block}
}
@media(max-width:991px){footer .col-md-6{width:50%;float:left}
}
@media(max-width:767px){footer .col-md-6{width:100%;float:none}
}
@media(min-width:767px) and (max-width:2400px){footer .footer-top-links:first-child{margin-right:8%;width:30%}
}
@media(max-width:767px){footer .footer-top-links:first-child{margin-left:0;width:100%}
}
footer .footer-bottom .social-links.sl-inline{display:inline-block}
footer .footer-bottom .social-links.sl-top{display:none}
@media(max-width:767px){footer .footer-bottom .social-links.sl-top{display:block}
footer .footer-bottom .social-links.sl-inline{display:none}
}
@media(max-width:990px){footer .footer-bottom .social-links.sl-top{display:block}
footer .footer-bottom .social-links.sl-inline{display:none}
}
.social-icon-links{display:inline-block;width:auto}
.social-icon-links a{margin-right:14px}
.social-icon-links a img{width:24px;height:24px}
.social-icon-links a:last-child img{width:24px;height:24px}
@media(min-width:768px){footer .footer-top .footer-collapse-link{display:none}
}
footer .footer-top .footer-collapse-link[aria-expanded=true]{color:#003f86;background:url(clientlib-hyundai-site/css/images/accordian-arrow-up.png) no-repeat center right}
footer .footer-top .footer-collapse-link.collapsed{background:url(clientlib-hyundai-site/css/images/accordian-arrow-down.png) no-repeat center right}
@media(max-width:767px){footer .footer-top .footer-top-links{width:100% !important}
}
footer .footer-top .footer-top-links:last-child .footer-collapse-link{border-bottom:0;border-top:1px solid #ccc}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){footer .hy-footer-topSec.footer-top .collapse.hysectionLink{display:block;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;width:118%}
footer .footer-top-links:first-child{margin-right:8%;width:38%}
footer .footer-top-links{float:left;width:45%}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){footer .hy-footer-topSec.footer-top .collapse{display:block;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;width:118%}
footer .footer-top-links:first-child{margin-right:8%;width:35%}
footer .footer-top-links{float:left;width:34%}
}
@media(max-width:1199px){footer .container{max-width:1199px;width:100%;margin:auto}
}
@media(max-width:1024px){footer .footer-top-links:first-child{margin-right:2%;width:35%}
}
@media(max-width:855px){footer .footer-top-links:first-child{margin-right:7%;width:35%}
}
@media(min-width:768px){footer .hy-footer-topSec.footer-top .collapse{display:block;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:33px;-moz-column-gap:33px;column-gap:33px}
}
@media(max-width:767px){footer .container{padding:0}
footer .footer-top{background:transparent !important;padding:10px 15px !important}
}
@media(min-width:768px) and (max-width:1199px){footer .footer-bottom .container{background-position:right 25px center;background-size:30%;padding:35px 34px}
footer .footer-top{background-position:right 25px center;background-size:30%;padding:60px 34px 20px}
}
@media(max-width:600px){.hy-footer-top-links-Sec .footer-top-links p:nth-child(4){margin-bottom:30px}
}
@media(max-width:401px){footer .hy-footerBottom .social-icon-links a{margin-right:18px}
}
@media(max-width:370px){footer .hy-footerBottom .social-icon-links a{margin-right:10px}
}
:root{--blue-btn:#002c5e;--blue-btn-hover:#012042}
.hy-headerBg .hy-newMenuIcon{display:none !important}
.hy-headerBg{background:url("../../../../content/dam/hyundai/us/myhyundai/image/general/enhancement/bgImage.jpeg") no-repeat fixed;background-size:cover;height:64px;margin-bottom:0;border-bottom:1px solid #ccc;position:fixed;width:100%;top:0;display:block}
@media print{header{position:static !important}
.hy-headerBg.hy-headerCommonBg{position:static !important;margin-top:-20px;margin-left:60px;padding-bottom:90px !important}
}
.hy-headerBg #header-searchbox input::placeholder{color:#fff !important}
.hy-newTopNav{display:block}
header .hy-headerBg #header-logo{margin:20px 0 20px 50px !important}
body{padding:64px 0 0 0 !important}
header,header .sticky{height:64px !important}
.nav.navbar-nav.hy-newTopNav .nav-item .nav-link{border:0;color:#f3f3f3;font-size:14px;font-weight:500;padding:22px 50px 22px 0;border:0 !important}
.nav.navbar-nav.hy-newTopNav .nav-item .nav-link:hover,.nav.navbar-nav.hy-newTopNav .nav-item .nav-link:focus{color:#f3f3f3 !important;background:transparent;text-decoration:underline;border:0 !important}
header .hy-headerBg .hy-newSearchBox{margin:14px 50px 14px 0 !important}
header .hy-headerBg #header-searchbox input{background:transparent;border:1px solid #fff;border-radius:0;padding:5px 34px 5px 10px;color:#fff;width:181px;min-width:181px}
header .hy-headerBg #header-searchbox{width:auto}
header .hy-headerBg #h-col-right{margin-right:15px}
.hy-headerBg.hy-headerCommonBg .hy-logoBeforeLogin,.hy-headerBg.hy-headerCommonBg .hy-searchBeforeLogin,.hy-headerBg.hy-headerCommonBg .hy-menuBeforeLogin{display:none}
.hy-headerBg.hy-headerCommonBg .hy-logoAfterLogin,.hy-headerBg.hy-headerCommonBg .hy-searchAfterLogin,.hy-headerBg.hy-headerCommonBg .hy-menuAfterLogin{display:block}
.hy-headerBg.hy-headerCommonBg{background-image:none;background-color:#fff}
.hy-headerBg.hy-headerCommonBg .nav.navbar-nav.hy-newTopNav .nav-item .nav-link{color:rgba(102,102,102,1) !important;font-family:'HyundaiSansHeadOffice-Regular'}
header .hy-headerBg.hy-headerCommonBg #header-searchbox input{border:1px solid rgba(136,136,136,0.5);color:#000}
.hy-headerBg.hy-headerCommonBg #header-searchbox #header-search::placeholder{color:rgba(102,102,102,1) !important;font-family:'HyundaiSansHeadOffice-Regular'}
.hy-headerBg .hy-searchBeforeLogin,.hy-headerBg .hy-logoBeforeLogin{display:block}
.hy-headerBg .hy-searchAfterLogin,.hy-headerBg .hy-menuAfterLogin,.hy-headerBg .hy-logoAfterLogin,.hy-headerBg .hy-menuBeforeLogin{display:none}
.hy-headerBg #header-search-btn{background:transparent;border:0;position:absolute;right:15px;top:27%}
.hy-headerBg .hy-myAccount,.hy-headerBg #header-rewards-icon{display:none}
.hy-headerBg .canvas_register_link.reg-link{max-width:420px;width:100%;margin:15px auto;text-align:center;display:block;height:100%}
.hy-headerBg .canvas_register_link.reg-link a{float:none}
.hy-headerBg #header-login-box input#btn-login-form-canvas{font-weight:normal !important;width:100% !important;background-color:white !important;border-radius:0!IMPORTANT;color:#002c5e;padding:10px !important;height:48px !important;max-width:420px !important;font-size:16px;font-weight:400;border:1px solid #002c5e;position:static}
.hy-headerBg #header-login-box input#btn-login-form-canvas:hover{background-color:#1babd0 !important;color:#fff;outline:0;border-color:#1babd0}
.hy-headerBg #header-login-box .g-recaptcha div iframe{top:50%;left:50%;transform:translate(-50%,-50%)}
.hy-headerBg #header-login-box .g-recaptcha>div{position:relative}
.hy-headerBg #header-login-box .block-left{float:none !important;display:block;width:100%;height:48px}
.hy-headerBg.hy-postLogin .hy-myAccount{display:inline-block;width:auto;height:auto;margin:21px 30px 21px 0}
.hy-headerBg.hy-postLogin .hy-myAccount a.hy-acclink{display:flex;justify-content:center;align-items:center;color:rgba(102,102,102,1) !important;text-decoration:none;border:0 !important}
.hy-headerBg.hy-postLogin .hy-myAccount a.hy-acclink:hover,.hy-headerBg.hy-postLogin .hy-myAccount a.hy-acclink:focus{color:rgba(102,102,102,1) !important;text-decoration:none;border:0}
.hy-headerBg.hy-postLogin .hy-headerListItemImg{position:relative;top:-2px}
.hy-headerBg.hy-postLogin #header-nav-icon .link-icon .hy-menuAfterLogin{margin:0}
.hy-headerBg.hy-postLogin #header-searchbox #header-search::placeholder{color:rgba(102,102,102,1) !important;font-size:14px !important;font-family:'HyundaiSansHeadOffice-Medium';text-decoration:none}
.hy-postLogin.hy-headerBg{display:flex;width:100%;align-items:center;justify-content:left;background-color:rgba(255,255,255,1);height:64px;padding:0 30px;background-image:none}
.hy-headerBg.hy-postLogin .hy-newTopNav,.hy-headerBg.hy-postLogin .hy-searchBeforeLogin,.hy-headerBg.hy-postLogin .hy-menuBeforeLogin,.hy-headerBg.hy-postLogin .hy-logoBeforeLogin{display:none}
.hy-headerBg.hy-postLogin .hy-newMenuIcon{display:block !important}
.hy-headerBg.hy-postLogin .hy-searchAfterLogin,.hy-headerBg.hy-postLogin .hy-menuAfterLogin,.hy-headerBg.hy-postLogin .hy-logoAfterLogin{display:block}
header .hy-headerBg.hy-postLogin #header-logo{margin:23px 0 23px 0 !important}
header .hy-headerBg.hy-postLogin #h-col-right{margin-right:0;right:30px}
header .hy-headerBg.hy-postLogin #header-logo img{width:100%;min-width:124px}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input{background:transparent;border-radius:0;padding:5px 6px 5px 32px;color:#000;border:0;width:100px;min-width:100px}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input:focus{border:1px solid rgba(136,136,136,0.5);width:181px;padding:5px 32px 5px 10px}
header .hy-headerBg.hy-postLogin .hy-serchForm.active #header-search-btn{right:0;left:8px;width:23px}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input:focus+button#header-search-btn{left:11px;top:8px}
header .hy-headerBg.hy-postLogin .hy-serchForm #header-search-btn{right:0}
header .hy-headerBg.hy-postLogin #header-search-btn{top:24%}
.hy-headerBg.hy-postLogin .hy-headerListText{color:rgba(102,102,102,1);font-size:14px;font-family:'HyundaiSansHeadOffice-Medium';text-decoration:none;margin-left:10px}
.hy-headerBg .hy-headerListText{display:none}
.hy-headerBg.hy-postLogin .hy-newSearchBox.active .hy-headerListText.hy-desktopView{display:none}
.hy-headerBg.hy-postLogin .hy-newSearchBox .hy-headerListText.hy-desktopView{display:block}
.hy-headerBg.hy-postLogin .hy-desktopView{display:block}
.hy-headerBg.hy-postLogin #header-alerts-icon img{height:auto}
.hy-headerBg.hy-postLogin #header-alerts-icon{width:auto;height:auto;margin:21px 30px 17px 0}
.hy-headerBg.hy-postLogin #header-rewards-icon{display:block;margin:21px 30px 17px 0;float:left}
.hy-headerBg.hy-postLogin #header-rewards-icon .header-rewards-icon-link{display:flex;border:0}
header .hy-headerBg.hy-postLogin #header-nav-icon,header.sticky .hy-headerBg.hy-postLogin #header-nav-icon{height:auto;margin:20px 0;text-align:center;width:auto;float:right}
.hy-headerBg.hy-postLogin #header-alerts-icon .hy-headerListText{margin-left:8px}
header .hy-headerBg.hy-postLogin .header-alerts-icon-link{display:flex;display:flex;justify-content:center;align-items:center}
.hy-headerBg.hy-postLogin #header-nav-icon .link-icon .hy-headerListText{margin:0 8px 0 0}
header .hy-headerBg.hy-postLogin #header-alerts-icon .notifications-count{position:static;margin-left:5px;right:-25px;background:rgba(0,170,210,1);border-radius:50%;color:#fff;font-size:14px;width:20px;height:20px;display:none;align-items:center;justify-content:center;top:0;line-height:17px}
header .hy-headerBg.hy-postLogin #header-searchbox{width:auto;display:flex;justify-content:center;align-items:center}
header .hy-headerBg.hy-postLogin #header-searchbox form{display:inline-block;position:relative}
header .hy-headerBg.hy-postLogin #header-searchbox .triangle_search:before{right:70px}
header .hy-headerBg.hy-postLogin #header-searchbox #search_widget{right:50px}
.hy-headerBg.hy-postLogin #header-nav-icon .link-icon{display:flex;justify-content:center;align-items:center}
header .hy-headerBg.hy-postLogin .hy-newSearchBox{margin:14px 20px 14px 0 !important}
header .hy-headerBg div#header-alerts-icon{display:none}
header .hy-headerBg.hy-postLogin div#header-alerts-icon{display:block}
header .hy-headerBg #search_widget{color:#000}
.hy-headerBg.hy-postLogin #header-login-box #add_user_vehicle input{background:#002c5e !important;border-radius:0 !important}
.hy-headerBg #header-login-box .rememberme_row .block-left{display:inline-block !important;width:50%;height:auto}
#header-login-box .canvas-bottom-links.hy-canvas-bottom-links{text-align:center;text-align:center;margin-bottom:8px}
#header-login-box .hy-canvas-bottom-links .canvas-slink.hy-canvas-slink{float:none !important;display:block}
#header-login-box .hy-canvas-bottom-links .canvas-slink.hy-canvas-slink a{margin:0}
.hy-postLogin .postlogin-search-query-exists #header-search-btn{right:1rem !important;left:auto !important}
.hy-postLogin .header-container #header-searchbox.postlogin-search-query-exists .ui-autocomplete-input{min-width:181px !important;border:1px solid rgba(136,136,136,0.5) !important;padding:5px 4rem 5px 1rem !important}
.hy-prelogin-body{padding:0 0 0 0 !important}
.hy-prelogin-body .hy-prelogin-header{background-color:transparent}
.hy-prelogin-body .hy-prelogin-header.sticky{background-color:rgba(29,36,54,0.9);opacity:.95}
.hy-prelogin-body .hy-prelogin-header .hy-headerBg{background-image:unset}
.hy-prelogin-body #page-body{margin-top:-80px;padding-top:80px}
.hy-prelogin-body #page-body .hy-loginFormSec{padding-top:5rem}
@media(max-width:1199px){header .hy-headerBg .hy-newSearchBox{margin:14px 35px 14px 0 !important}
.nav.navbar-nav.hy-newTopNav .nav-item .nav-link{padding:22px 35px 22px 0}
header .hy-headerBg #header-logo{margin:20px 0 20px 30px !important}
}
@media(max-width:999px){header .hy-headerBg .hy-newSearchBox{margin:14px 20px 14px 0 !important}
.nav.navbar-nav.hy-newTopNav .nav-item .nav-link{padding:22px 20px 22px 0}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input:focus{width:179px !important}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input{width:100px !important}
}
@media(max-width:820px) and (min-width:768px){.nav.navbar-nav.hy-newTopNav .nav-item .nav-link{padding-right:15px}
#header-logo img.hy-logoBeforeLogin,#header-logo img.hy-logoAfterLogin{min-width:145px}
#h-col-left{width:175px}
.hy-postLogin #h-col-left{width:130px}
.hy-headerBg.hy-postLogin .hy-myAccount,.hy-headerBg.hy-postLogin #header-alerts-icon,#header-rewards-icon{margin-right:25px}
#header-searchbox{margin-right:15px !important}
}
@media(max-width:767.5px){header .hy-headerBg #header-searchbox input{padding:5px 37px 5px 10px !important}
.hy-headerBg.hy-postLogin #header-searchbox #header-search::placeholder{color:#fff !important}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input{padding:5px 10px !important;width:45px;max-width:100px}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input:focus{width:auto}
.hy-headerBg.hy-postLogin .hy-newSearchBox .hy-headerListText.hy-desktopView{display:none}
header .hy-headerBg.hy-postLogin .hy-serchForm.active #header-search-btn{left:initial;right:8px;width:18px;top:8px}
.hy-headerBg .hy-newMenuIcon,.hy-headerBg.hy-headerCommonBg .hy-newMenuIcon{display:block !important}
.hy-newTopNav{display:none}
body{padding:0 !important}
#page-body{margin-top:60px}
header,header .sticky,.hy-headerBg{height:60px !important}
header .hy-headerBg #header-logo{margin:18px 0 18px 0 !important}
header .hy-headerBg .hy-newSearchBox{margin:13px 13px 13px 0 !important}
header .hy-headerBg #header-nav-icon,header.sticky .hy-headerBg #header-nav-icon{height:30px;margin:15px 0}
header .hy-headerBg #header-searchbox input,header .hy-headerBg #header-searchbox{color:#fff;width:auto}
header .hy-headerBg #header-search-btn img{width:auto;height:18px}
header .hy-headerBg.hy-postLogin #header-search-btn img{width:auto;height:16px}
header .hy-headerBg #h-col-right{margin-right:0}
.hy-headerBg .hy-serchForm #header-search-btn{top:8px}
header .hy-headerBg.hy-postLogin .hy-newSearchBox{margin:13px 13px 13px 0 !important}
.hy-headerBg.hy-postLogin .hy-desktopView,.hy-headerBg.hy-postLogin .notifications-count{display:none !important}
header .hy-headerBg.hy-postLogin #header-searchbox .triangle_search:before{right:15px}
header .hy-headerBg.hy-postLogin #header-searchbox #search_widget{right:0}
header .hy-headerBg.hy-postLogin #header-alerts-icon,header.sticky #header-alerts-icon{margin:20px 17px 20px 0}
header .hy-headerBg.hy-postLogin #header-nav-icon,header.sticky .hy-headerBg.hy-postLogin #header-nav-icon{height:auto;margin:18px 0 17px;text-align:center;width:25px}
header .hy-headerBg.hy-postLogin #h-col-right{margin-right:0;right:15px}
.hy-postLogin.hy-headerBg{padding:0 15px}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input{max-width:140px;border:1px solid rgba(136,136,136,0.5);padding:5px 30px 5px 10px !important;width:100%}
header .hy-headerBg.hy-postLogin .header-container{padding:0}
.hy-headerBg.hy-postLogin .hy-headerListItemImg{position:relative;top:0}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input:focus+button#header-search-btn{left:initial !important;right:8px}
#header-search-btn{display:none}
.hy-headerBg.hy-postLogin .hy-headerListItemImg,.hy-headerBg.hy-postLogin .hy-myAccount{display:none}
.hy-headerBg #header-login-box #canvas-searchbox input#header-canvas-search{font-family:'HyundaiSansTextOffice-Regular' !important;font-size:16px !important}
.hy-headerBg{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/enhancement/bgImage.jpeg) no-repeat center center fixed;background-size:100% 100%}
.hy-headerBg #header-login-box #canvas-search-btn,.hy-headerBg #header-login-box #canvas-search-btn2{margin:3px 0 0 2px}
}
@media(max-width:767px) and (min-width:100px){header .hy-headerB #header-searchbox input:focus{opacity:.5}
header .hy-headerBg #header-right-colum #header-searchbox #header-search{display:none}
}
@media(max-width:640px){.hy-headerBg #header-logo img{width:100%;min-width:140px}
header .hy-headerBg #header-logo{margin:20px 0 20px 0 !important}
header .hy-headerBg.hy-postLogin #header-logo{margin:22px 0 22px 0 !important;height:auto}
header .hy-headerBg.hy-postLogin #header-logo{margin:21px 0 21px 0 !important;height:auto}
.hy-headerBg.hy-postLogin #header-searchbox form.hy-serchForm.active input{max-width:100px}
}
@media(max-width:480px){.hy-headerBg{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/enhancement/bgImageMobile.png) no-repeat center center fixed;background-size:100% 100%;background-position:left center}
.hy-postLogin.hy-headerBg,.hy-headerBg.hy-headerCommonBg{background-image:none !important}
}
@media(max-width:400px){header .hy-headerBg.hy-postLogin #header-logo img{width:100%;min-width:100px}
header .hy-headerBg.hy-postLogin #header-logo{margin:22px 0 22px 0 !important;height:auto}
header .hy-headerBg .hy-newSearchBox{margin:13px 10px 13px 0 !important}
header .hy-headerBg.hy-postLogin #header-alerts-icon,header.sticky #header-alerts-icon{margin:20px 10px 20px 0}
}
.hy-notification-message-center{position:absolute;top:42px;right:-56px;width:422px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.15);background-color:#fff;display:none}
.hy-notification-heading-section{display:flex;padding:16px 20px;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px solid #d9d9d9}
.hy-notification-heading{font-family:"HyundaiSansHead-Bold";font-size:20px;font-style:normal;font-weight:500;line-height:26px}
.hy-notification-close-button{width:24px;height:24px;cursor:pointer}
.hy-notification-message-container{max-height:381px;overflow-y:auto}
.hy-notification-message{display:flex;padding:16px 20px;flex-direction:column;justify-content:center;align-items:flex-start;border-bottom:1px solid #d9d9d9}
.hy-notification-message-type{color:#00aad2;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:4px;text-transform:capitalize}
.hy-notification-title-container{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;width:100%}
.hy-notification-title{font-family:"HyundaiSansHead-Bold";font-size:16px;font-style:normal;font-weight:500;line-height:22px}
.hy-notification-all-messages-button{display:flex;padding:16px 20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;align-self:stretch}
.hy-no-notification-message{display:flex;justify-content:center;align-items:center;margin-top:16px}
.hy-notification-all-messages-button a{display:flex;padding:8px 20px;align-items:flex-start;gap:10px;border:1px solid #002c5e;color:#fff;background:#002c5e}
.hy-notification-all-messages-button a:hover{color:#fff}
.hy-notification-description{line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hy-notification-message .hy-notification-description b{font-weight:500}
@media(min-width:1024px) and (max-width:1366px) and (orientation:portrait){.hy-message-center .hy-tab-container .hy-tab-item a{padding:10px !important}
}
.hy-loginFormMian{padding:64px 0 0 !important}
#section-login .hy-loginFormSec{max-width:445px;margin:auto;width:100%}
#section-login .hy-loginFormSec #login-box{width:100%;max-width:445px}
#section-login .hy-loginFormSec .login_heading_text{font-size:30px;line-height:35px !important;font-weight:500;color:#fff;margin-bottom:30px;padding:0;margin-top:0;text-align:center;font-family:'HyundaiSansHeadOffice-Medium'}
#section-login .hy-loginFormSec input:-webkit-autofill,#section-login .hy-loginFormSec input:-webkit-autofill:hover,#section-login .hy-loginFormSec input:-webkit-autofill:focus,#section-login .hy-loginFormSec input:-webkit-autofill:active{transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:#fff !important;box-shadow:none !important}
#section-login .hy-loginFormSec .recaptcha-container.form-row{margin-bottom:8px;position:relative}
#section-login .hy-loginFormSec .recaptcha-container.form-row iframe{position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:50%;left:50%}
.hy-loginFormSec .home-login .login-username input,.hy-loginFormSec .home-login .login-password input{background-color:transparent !important;max-width:445px}
.hy-togglePassword{position:absolute;right:15px;top:15px}
.hy-closePass.active,.hy-openPass.active{display:block !important;font-size:20px;position:relative;top:-3px;background:transparent}
.hy-togglePassword{cursor:pointer}
.hy-closePass,.hy-openPass{display:none !important}
.hy-privacyPolicy{font-size:14px;font-weight:400;line-height:20px;margin-top:10px}
.hy-loginText{font-size:14px;font-weight:400;line-height:20px;margin-top:10px;margin-bottom:10px}
.hy-privacyPolicy a{color:#fff;text-decoration:none !important;border-bottom:1px solid #fff !important}
#section-login .hy-loginFormSec .hy-privacyPolicy a:hover,.hy-privacyPolicy a:focus,#section-login .hy-loginFormSec .hy-forgotPass:hover,.hy-forgotPass:focus{color:#fff;text-decoration:none !important;border-bottom:1px solid #fff}
#section-login .hy-loginBtnSec #btn-login-form{width:100%;background-color:white !important;border-radius:0!IMPORTANT;color:#002c5f;padding:10px !important;height:48px !important;max-width:445px !important;font-size:16px;font-weight:400}
.hy-loginFormMian{-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important;width:100%;box-shadow:none !important}
#section-login .hy-creatAccountBtnSec #link-register-home{display:flex;width:100%;background-color:#1babd0 !important;border-radius:0!IMPORTANT;color:#fff;padding:10px !important;height:48px !important;max-width:445px !important;text-align:center;align-items:center;justify-content:center;border:0;font-size:16px;font-weight:400}
#login-box .hy-loginBtnSec .block-left{width:100%;display:block}
#login-box .hy-creatAccountBtnSec .block-right{float:none;width:100%;display:block}
#section-login .hy-loginFormSec .hy-cta-text,#section-login .hy-loginFormSec h4.hy-cta-text{font-weight:500 !important;font-size:20px !important;margin:14px 0 30px !important;text-align:center;line-height:30px !important;font-family:'HyundaiSansHeadOffice-Medium';cursor:auto}
.hy-loginAppStoreBtnSec{display:flex;justify-content:center}
.hy-loginAppStoreBtnSec .hy-loginAppStoreBtn{background-color:#000}
.hy-loginAppStoreBtnSec .hy-loginAppStoreBtn:first-child{margin-right:16px}
.hy-loginAppStoreBtnSec .hy-loginAppStoreBtn img{width:200px;height:58px}
.hy-loginFormSec .separator-h{margin:20px 0;border-color:rgba(255,255,255,0.5) !important}
.hy-loginFormSec .hy-checkSec .hy-labelText,.hy-loginFormSec .hy-checkSec .hy-forgotPass{font-size:14px !important;font-weight:400 !important;line-height:20px !important;font-family:"HyundaiSansTextOffice-Regular" !important}
.hy-loginFormSec #login-div-xs{display:none !important}
.hy-loginFormSec #login-box .hy-checkSec .block-left{display:flex;cursor:pointer;width:auto}
.hy-loginFormSec #login-box .hy-checkSec .checkbox-custom{display:inline-block;width:20px;height:20px;margin-right:10px;border-radius:0}
.hy-loginFormSec #login-box .hy-checkSec{display:flex;justify-content:space-between;width:100%}
.hy-loginFormSec #login-box .hy-checkSec .checkbox-custom.checked{background-size:13px !important;background-position:3px 5px !important;background-color:rgba(27,171,208,1) !important;background-image:url(../../../../content/dam/hyundai/us/myhyundai/image/general/enhancement/header-icons/checknew.svg) !important;border-color:rgba(27,171,208,1)}
#section-login .hy-creatAccountBtnSec #link-register-home:hover{background-color:#fff !important;color:var(--blue-btn-hover);outline:0}
#section-login .hy-creatAccountBtnSec #link-register-home:focus{outline:0}
#section-login .hy-loginBtnSec #btn-login-form:hover{background-color:#1babd0 !important;color:#fff;outline:0}
#section-login .hy-loginBtnSec #btn-login-form:hover,#section-login .hy-loginBtnSec #btn-login-form:focus{outline:0}
#section-login .hy-loginFormSec .login-form input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,#section-login .hy-loginFormSec .login-form input+label.floating_label.input_legend.flt_lbl_black.flvisible:after{width:297px}
#section-login .hy-loginFormSec .login-form .login-password input:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,#section-login .hy-loginFormSec .login-form .login-password .input_error:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,#section-login .hy-loginFormSec .login-form .login-password input+label.floating_label.input_legend.flt_lbl_black.flvisible:after,#section-login .hy-loginFormSec .login-form .login-password .input_error+label.floating_label.input_legend.flt_lbl_black.flvisible:after{width:356px;left:77px}
#section-login .hy-loginFormSec .checkbox-custom.checked{background-color:rgba(27,171,208,1)}
#section-login .hy-loginFormSec .login-form input.txt_username:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:before,#section-login .hy-loginFormSec .login-form input.txt_username+label.floating_label.input_legend.flt_lbl_black.flvisible:before{right:47px}
#section-login .hy-loginFormSec .login-form input.txt_username:focus+label.floating_label.input_legend.flt_lbl_black.flvisible:after,#section-login .hy-loginFormSec .login-form input.txt_username+label.floating_label.input_legend.flt_lbl_black.flvisible:after{left:48px;width:385px}
.hy-loginFormMian .hy-FooterDesktopView{display:block}
.hy-loginFormMian .hy-FooterMobileView{display:none}
@media(max-width:767px){.hy-loginFormMian .hy-FooterDesktopView{display:none}
.hy-loginFormMian .hy-FooterMobileView{display:block}
.hy-loginFormMian{padding:60px 0 0 !important}
#section-login .hy-loginFormSec #login-box{display:block}
#section-login .hy-loginFormSec .login_heading_text{font-size:24px;line-height:25px !important;margin-bottom:20px}
section#section-login{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/enhancement/bgImage.jpeg) no-repeat center center !important;background-size:100% 100% !important}
.hy-loginAppStoreBtnSec{margin-bottom:40px}
#section-login .hy-loginFormSec .recaptcha-container.form-row{margin-bottom:18px}
.hy-privacyPolicy{margin-top:20px}
#section-login .hy-loginFormSec .hy-cta-text,#section-login .hy-loginFormSec h4.hy-cta-text{margin:18px 0 !important}
}
@media(max-width:640px){.hy-loginAppStoreBtnSec .hy-loginAppStoreBtn img{width:126px;height:42px}
.hy-loginAppStoreBtnSec .hy-loginAppStoreBtn:first-child{margin-right:12px}
#section-login .hy-creatAccountBtnSec #link-register-home,#section-login .hy-loginBtnSec #btn-login-form{font-size:14px;line-height:16px}
.hy-privacyPolicy{font-size:11px;font-weight:400;line-height:14px}
.hy-loginFormSec .hy-checkSec .hy-labelText,.hy-loginFormSec .hy-checkSec .hy-forgotPass{font-size:12px !important;font-weight:400 !important;line-height:18px !important}
#section-login .hy-loginFormSec .hy-cta-text,#section-login .hy-loginFormSec h4.hy-cta-text{font-size:14px !important;line-height:20px !important}
}
@media(max-width:480px){#section-login .hy-loginFormSec{padding:0 15px}
section#section-login{background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/enhancement/bgImageMobile.png) no-repeat center center !important;background-size:cover !important;background-position:100% center !important}
}
.locateDealer{display:none}
.locateDealer_home.hy-locateDealer .locate_dealer_home{font-size:16px;font-weight:500;line-height:20px;padding:0;margin:0 0 20px 0;width:100%;max-width:100%;color:rgba(3,45,93,1)}
.locateDealer_home.hy-locateDealer{width:100%;max-width:700px;margin:auto;padding:0 15px}
.locateDealer_home.hy-locateDealer #locateDealer_search{color:rgba(3,45,93,1);height:48px;border-color:rgba(3,45,93,1);border-radius:0;width:100%;max-width:100%;left:0}
.locateDealer_home.hy-locateDealer #locateDealer_search-btn{position:absolute;top:14px;right:15px}
.locateDealer_home.hy-locateDealer #locateDealer-searchbox .input_zip{width:100%;position:relative}
.locateDealer_home.hy-locateDealer .locateDealer_submit{width:100% !important;background-color:#032d5d;color:#ffff;height:48px !important;border-radius:0 !important;max-width:100%;margin:20px 0 0}
.locateDealer_home.hy-locateDealer #locateDealer-searchbox span.frm_error_msg.err_msg_hidden{margin:0}
#section-login .login-password input::-webkit-credentials-auto-fill-button{margin:0rem 3rem 0rem 0rem !important}
@media(max-width:767px){.locateDealer{display:block}
}
@media(max-width:481px){.locateDealer_home.hy-locateDealer .locate_dealer_home{width:50%;margin:0 auto 20px}
}
@media(max-width:434px){.locateDealer_home.hy-locateDealer .locate_dealer_home{width:58%;margin:0 auto 20px}
}
@media(max-width:380px){.locateDealer_home.hy-locateDealer .locate_dealer_home{width:62%;margin:0 auto 20px}
}
.newGlobalModal .modal-dialog{top:90px}
.newGlobalModal#modal1_ev_car .modal-dialog{overflow-x:unset !important}
.newGlobalModal .light-close,.newGlobalModal .modal-close{float:right;text-align:center;font-family:'HyundaiSansTextOffice-Regular';font-size:16px;font-style:normal;font-weight:400;padding:14px 30px;position:absolute;top:-45px;right:-10px;color:#002c5e}
.newGlobalModal .modal-close.lock-close{margin-right:10px}
.newGlobalModal#modal3_gen1_car .modal-dialog,.newGlobalModal#modal5_gen1_car .modal-dialog,.newGlobalModal#modal4_gen1_car .modal-dialog,.newGlobalModal#modal4_ev_car .modal-dialog,.newGlobalModal#modal5 .modal-dialog{top:90px;margin-top:30px}
.newGlobalModal button#remotelock,.newGlobalModal .curfew-btn-submit,.newGlobalModal button#remoteunlock,.newGlobalModal button#lightAndHorn,.newGlobalModal button#remotelock,.newGlobalModal button#remoteStart,.newGlobalModal button#remotestop,.newGlobalModal button#vehStatusBtn{background-color:rgba(0,44,94,1)}
.newGlobalModal .lock-submit{background-color:rgba(0,44,94,1)}
.newGlobalModal#valet-alert .modal-rvs-speed,.newGlobalModal#speed-alert .modal-rvs-speed{margin-top:0}
.newGlobalModal#modal_curfewalert .hyundai-modal-header{padding:40px 40px 20px}
.newGlobalModal .curfew-modal-body{margin-top:0}
.newGlobalModal .remote-lock-body{padding-left:0}
.newGlobalModal .hyundai-modal-header{padding:40px 60px 20px;margin:0}
.newGlobalModal .hyundai-modal-header h2{color:#333;font-family:'HyundaiSansHeadOffice-Medium';font-size:24px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-0.48px;margin-bottom:16px;display:inline-block;margin-top:0}
.newGlobalModal .hyundai-modal-body,.newGlobalModal .remote-lock-body{margin-right:60px;margin-left:60px}
.newGlobalModal .lower-popup-button #save_data{border:1px solid #000 !important;padding:10px 30px !important;margin-top:12px;display:inline-block;text-decoration:none !important;color:rgba(51,51,51,1) !important;font-size:16px;height:48px !important;width:auto;vertical-align:middle;text-align:center;line-height:29px;font-family:'HyundaiSansHeadOffice-Regular';background:#fff;border-radius:0 !important;min-width:140px}
.newGlobalModal .modal-rvs .light-close{margin-right:10px}
.newGlobalModal .day-initial{padding-top:2px}
.newGlobalModal#ev-charge-schedule .day-initial{padding-top:4px}
.newGlobalModal#ev-charge-schedule .hyundai-modal-header h2{margin-bottom:0}
.newGlobalModal .off-peak-schedule-modal-ioniq .off-peak-edit h4{margin-top:0}
.newGlobalModal .onoffswitch-label{margin-bottom:0 !important}
.newGlobalModal .phev-charging-submit{background-color:rgba(0,44,94,1);border-radius:0 !important}
.newGlobalModal .remote-lock{width:32px}
.newGlobalModal #curfew-checkbox .checkbox-item input[type='checkbox']:checked+label:after{top:5px;left:3px}
.newGlobalModal .speedIcon{height:32px}
@media(max-width:767px){.newGlobalModal .lower-popup-button #save_data{width:100%}
.newGlobalModal .hyundai-modal-body,.newGlobalModal .remote-lock-body{margin-right:0;margin-left:0}
.newGlobalModal .modal-dialog{top:100px}
.newGlobalModal .light-close,.newGlobalModal .modal-close{right:-8px;padding:10px 29px;top:-35px}
.newGlobalModal.modal .modal-content{margin:10px}
.newGlobalModal.ubi-modal .light-close,.newGlobalModal.ubi-modal .modal-close{right:-8px !important}
#ev-charge-schedule.newGlobalModal.modal .hyundai-modal-body{margin:10px}
.newGlobalModal#modal7 .modal-content{width:auto}
}
div#quick_links_customization .modal-content .hyundai-modal-header span{color:#333;font-family:'HyundaiSansHeadOffice-Medium';font-size:24px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-0.48px;margin-bottom:16px;display:block}
.newGlobalModal#quick_links_customization .modal-footer .selected_count{margin-bottom:0;margin-top:0}
.newGlobalModal#quick_links_customization .img-wh{max-width:30px !important;max-height:30px !important;min-height:30px !important}
.newGlobalModal#quick_links_customization #error_message{margin:20px 0 10px}
div#quick_links_customization .modal-content .hyundai-modal-header p{color:#666;font-family:'HyundaiSansHeadOffice-Regular';font-size:14px;font-weight:400;margin:0}
#quick_links_customization .hyundai-modal-header.s30{padding:40px 60px !important;margin:0}
#quick_links_customization .all_links{padding:0 60px}
#quick_links_customization .checkbox-custom.checked{background-size:13px !important;background-position:3px 4px !important}
#quick_links_customization .checkbox-custom{display:inline-block;width:20px;height:20px;border-radius:0}
#quick_links_customization .row .col-md-2.col-md-offset-1{margin:0;border:0}
#quick_links_customization .row .col-md-2,#quick_links_customization .all_links .row:last-of-type .col-md-2{border:0 !important;padding-top:10px}
#quick_links_customization #remotestop{border:1px solid #000 !important;padding:10px 30px;margin-top:12px;display:inline-block;text-decoration:none !important;color:rgba(51,51,51,1) !important;font-size:16px;height:48px !important;width:auto;vertical-align:middle;text-align:center;line-height:29px;font-family:'HyundaiSansHeadOffice-Regular';background:#fff;border-radius:0}
#quick_links_customization label.checkbox-custom.checked:before{content:'';display:inline-block;transform:rotate(45deg);height:12px;width:6px;border-bottom:2px solid #fff;border-right:2px solid #fff}
#quick_links_customization .checkbox-custom.checked{border-color:#1babd0;background-color:#1babd0 !important;background-image:none !important;cursor:pointer}
#quick_links_customization .all_links .row{margin:0 !important}
#quick_links_customization .row .col-md-2{width:16.57% !important}
.newGlobalModal .temperature{width:48% !important}
.modal.newGlobalModal#modal-geofence h2{vertical-align:top}
.newGlobalModal#modal-geofence .modal-close{height:auto}
@media(max-width:1024px){#quick_links_customization .row .col-md-2{width:25% !important}
}
@media(max-width:767px){#quick_links_customization .all_links{padding:0 15px}
#quick_links_customization .hyundai-modal-header.s30{padding:20px 15px !important;margin:0}
#quick_links_customization .row .col-md-2{width:50% !important}
div#quick_links_customization .modal-content .col-md-2 p{min-height:auto;font-size:14px;line-height:16px}
#quick_links_customization .row .col-md-2{min-height:160px}
}
div#modal-dealer-locator span#dealer_locator_txt{color:#333;font-family:'HyundaiSansHeadOffice-Medium';font-size:24px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-0.48px;margin-bottom:16px;display:inline-block;vertical-align:middle}
#phev-charge-schedule .hyundai-modal-header{padding:40px 40px 20px;margin:0}
#phev-charge-schedule.newGlobalModal .hyundai-modal-body{margin-right:40px;margin-left:40px}
#phev-charge-schedule.newGlobalModal .hyundai-modal-body .col-xs-3{padding-right:10px}
#phev-charge-schedule .hyundai-modal-header h2{color:#333;font-family:'HyundaiSansHeadOffice-Medium';font-size:24px;font-style:normal;font-weight:500;line-height:30px!IMPORTANT;letter-spacing:-0.48px;display:inline-block;margin:0;vertical-align:middle}
@media(max-width:767px){#ev-charge-schedule .hyundai-modal-header h2,#phev-charge-schedule .hyundai-modal-header h2{vertical-align:bottom}
#ev-charge-schedule.newGlobalModal .min-colon,#phev-charge-schedule .min-colon{width:10px;padding:0}
#phev-charge-schedule.newGlobalModal .phev-start-day{margin-top:2px;left:0;margin-left:0}
#phev-charge-schedule.newGlobalModal .phev-end-time-zone{margin-top:2px;left:0;margin-left:0}
}
@media(max-width:480px){#phev-charge-schedule.newGlobalModal .hyundai-modal-body{margin-right:10px;margin-left:10px}
#phev-charge-schedule.newGlobalModal .hyundai-modal-body,#ev-charge-schedule.newGlobalModal .hyundai-modal-body{padding:0}
}
#modal-charge-station .hyundai-modal-header h2{color:#333;font-family:'HyundaiSansHeadOffice-Medium';font-size:24px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-0.48px;display:inline-block;vertical-align:middle!IMPORTANT;margin:0}
.newGlobalModal.ubi-modal .light-close,.newGlobalModal.ubi-modal .modal-close{float:right;top:-35px !important;right:-15px !important}
.hy-mb-0{margin-bottom:0}
.hy-m-0{margin:0}
.manage_subscription_common_section.hy-manage-subscription .hy-sec-container,.hy-subscriptionSec .hy-subscription-list-sec.hy-available-subscriptions{max-width:646px;margin:auto 0}
.addSubscription .manage_subscription_common_section.hy-manage-subscription .hy-sec-container,.addSubscription .hy-subscriptionSec .hy-subscription-list-sec.hy-available-subscriptions{max-width:100%}
.manage_subscription_common_section .hy-subscriptionSec{background-color:rgba(243,243,243,1);padding:60px 30px 22px}
.manage_subscription_common_section .hy-subscriptionSec,.manage_subscription_common_section .hy-subscriptionSec.hy-cancelSubscriptionSec{flex:1}
.manage_subscription_common_section p.hy-subscriptionDetailText.hy-normal-fs-16{padding-bottom:8px}
.manage_subscription_common_section .hy-subscription-list-sec{width:100%;display:block;padding-bottom:60px;margin:0}
.manage_subscription_common_section .hy-manage-subscription-card-list{width:100%;margin:0 0 20px 0;background:#fff;list-style:none;box-shadow:0 4px 8px 0 #00000012}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-header{display:flex;justify-content:space-between;padding:8px 26px;align-items:center}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-header .hy-statusFlag{padding:0;display:flex;font-size:16px;font-weight:500;line-height:32px;margin:0;color:#fff;font-family:'HyundaiSansHeadOffice-Medium'}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body{display:flex;justify-content:space-between;align-items:center}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left{flex:1;align-items:center;display:flex;padding:30px 22px 30px;align-items:flex-end}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-manage-subscription-card-list-img{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-manage-subscription-card-list-img>img{width:100%;height:100%}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-darkbrownBgColor{background-color:#002c5e}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-subscription-list-card-text-sec{margin-left:20px;width:calc(100% - 84px)}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-subscription-list-card-text-sec .hy-warningMsg{font-size:16px;font-weight:400;line-height:22px;margin-bottom:3px;font-family:"HyundaiSansHeadOffice-Regular"}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-right-btn-sec{flex-direction:column;align-items:flex-end;gap:5px;display:flex;padding:25px 30px 30px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-product-subText{color:#666;font-size:13px;font-weight:400;line-height:22px;text-align:left}
.manage_subscription_common_section .hy-manage-subscription-card-list-body-right-btn-sec .hy-pricing-monthly,.hy-manage-subscription-card-list-body-right-btn-sec .hy-pricing-yearly,.hy-manage-subscription-card-list-body-right-btn-sec .hy-pricing-save{font-size:16px;font-weight:400;line-height:22px;color:#666}
.manage_subscription_common_section .hy-manage-subscription-card-list-body-right-btn-sec .hy-pricing-save{color:#1babd0 !important}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-footer{padding:20px 30px;border-top:1px solid rgba(217,217,217,1);display:flex;justify-content:space-between;align-items:baseline;width:100%}
.manage_subscription_common_section .hy-manage-subscription-card-list .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:21px}
.manage_subscription_common_section .hy-manage-subscription-card-list .ellipsis p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-subscriptioncropText p::before{content:"• "}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-subscriptioncropText.wifiDescription p::before{content:" "}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-footer .hy-subscriptionlistcardBottomText{width:calc(100% - 80px);float:left}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-footerp{margin-bottom:0}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-subscriptionlistcardBottomIcon{float:right;font-size:14px;font-weight:500;color:#002c5e}
.manage_subscription_common_section .hy-moreText span,.hy-lessText span{color:#1babd0;font-weight:700}
.manage_subscription_common_section .hy-subscriptionlistcardBottomIcon .hy-subscriptionlistcardBottomLink,.hy-subscriptionlistcardBottomIcon .hy-subscriptionlistcardBottomLink:hover,.hy-subscriptionlistcardBottomIcon .hy-subscriptionlistcardBottomLink:focus{text-decoration:underline !important;color:#1babd0;border-bottom:0;font-size:14px;font-weight:700}
.manage_subscription_common_section .hy-music-services{border-top:1px solid rgba(217,217,217,1)}
.manage_subscription_common_section .hy-music-services .hy-subscription-list-card-text-sec .hy-subscription-list-card-text{font-family:'HyundaiSansHeadOffice-Medium';font-size:16px;line-height:4;margin:0 10px}
.manage_subscription_common_section.hy-manage-subscription .hy-subscriptionlist li:last-child{margin-bottom:0}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-subscription-list-card-btn-sec .hy-pricing-monthly{padding-right:10px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-subscription-list-card-btn-sec .hy-pricing-save{color:#1babd0;padding:0 8px 0 5px}
.manage_subscription_common_section .hy-avail-subscription-sec{border-top:1px solid #d9d9d9}
.manage_subscription_common_section.hy-manage-subscription .hy-newBtnstyle-sm:hover,.manage_subscription_common_section.hy-manage-subscription .hy-newBtnstyle-sm:focus{color:#fff;text-decoration:none;outline:0}
.manage_subscription_common_section .hy-divider{border-bottom:1px solid rgba(217,217,217,1);padding-bottom:30px}
.manage_subscription_common_section .hy-successmsg{color:rgba(52,128,51,1) !important}
.manage_subscription_common_section .hy-errormsg{color:rgba(230,51,18,1) !important}
.manage_subscription_common_section .hy-darkBlueMsg{color:#032d5d !important}
.manage_subscription_common_section .hy-blueMsg{color:#1babd0 !important}
.manage_subscription_common_section .hy-greyMsg{color:#888 !important}
.manage_subscription_common_section .hy-darkGreyMsg{color:#666 !important}
.manage_subscription_common_section .hy-msgFw5{font-weight:500}
.manage_subscription_common_section .hy-darkBlackMsg{color:#333}
.manage_subscription_common_section .hy-subscription-head-fs-40{font-size:40px;line-height:40px;font-family:'HyundaiSansHeadOffice-Medium';font-weight:500;margin:0 0 20px;letter-spacing:.8px;color:#333}
.manage_subscription_common_section .hy-subscription-subhead{color:#333;font-family:'HyundaiSansHeadOffice-Medium';font-size:24px;font-style:normal;font-weight:500;line-height:30px;margin:0}
.manage_subscription_common_section .hy-normal-fs-24{font-size:24px;font-weight:500;line-height:22px;text-align:left;color:#333}
.manage_subscription_common_section .hy-subscription-list-sec h3.hy-normal-fs-24{font-family:'HyundaiSansHeadOffice-Medium'}
.manage_subscription_common_section .hy-subscription-list-card-text-sec .hy-subscription-list-card-text.hy-normal-fs-24{font-family:'HyundaiSansHeadOffice-Medium'}
.manage_subscription_common_section .hy-normal-fs-16{font-size:16px;font-weight:400;line-height:22px;text-align:left;color:#333}
.manage_subscription_common_section .hy-normal-fs-14{font-size:14px;font-weight:400;line-height:20px;text-align:left;color:#333}
.manage_subscription_common_section .hy-darkblueBgBlank{color:rgba(0,44,94,1) !important;border:1px solid rgba(0,44,94,1) !important;background:#fff}
.manage_subscription_common_section .hy-darkblueBgBlank:hover,.manage_subscription_common_section .hy-darkblueBgBlank:focus{color:rgba(0,44,94,1)}
.manage_subscription_common_section .hy-blueBgColor{background-color:#1babd0;border-bottom:1px solid #1babd0 !important}
.manage_subscription_common_section .hy-darkblueBgColor{background-color:#002c5e}
.manage_subscription_common_section .hy-newBtnstyle.hy-darkblueBgColor,.manage_subscription_common_section .hy-newBtnstyle-sm.hy-darkblueBgColor{color:#fff !important}
.manage_subscription_common_section .hy-subscriptionlistcardBottomIcon .hy-subscriptionlistcardBottomLink{cursor:pointer;text-transform:capitalize}
.manage_subscription_common_section .hy-newBtnstyle{padding:14px 30px;margin-top:12px;display:inline-block;text-decoration:none !important;color:#fff !important;font-size:16px;height:48px;width:auto;vertical-align:middle;text-align:center;line-height:20px;font-family:"HyundaiSansHeadOffice-Regular";font-weight:400}
.manage_subscription_common_section .hy-newBtnstyle-sm{font-size:13px;font-weight:400;line-height:16.25px;height:32px;padding:8px 20px;text-decoration:none;font-family:"HyundaiSansHeadOffice-Regular";cursor:pointer}
.hy-darkGreenColor{border:1px solid #348033;color:#348033;background-color:#fff}
.manage_subscription_common_section .hy-manage-subscription-vin-sec{display:flex;align-items:center;margin-bottom:28px;justify-content:space-between}
.manage_subscription_common_section .hy-manage-subscription-vin-sec .hy-subscriptionDetailText,.manage_subscription_common_section .hy-manage-subscription-vin-sec .hy-newBtnstyle{margin:0;width:auto}
.manage_subscription_common_section .hy-manage-subscription-vin-sec .hy-subscriptionDetailText{font-size:16px;text-transform:uppercase}
.manage_subscription_common_section .hy-newBtnstyle.hy-darkblueBgColor:hover,.manage_subscription_common_section .hy-newBtnstyle-sm.hy-darkblueBgColor:hover,.manage_subscription_common_section .hy-newBtnstyle.hy-darkblueBgColor:focus,.manage_subscription_common_section .hy-newBtnstyle-sm.hy-darkblueBgColor:focus{color:#fff !important;outline:0;text-decoration:none}
.manage_subscription_common_section .hy-newBtnstyle:hover,.manage_subscription_common_section .hy-newBtnstyle:focus{color:rgba(51,51,51,1) !important;outline:none !important}
.manage_subscription_common_section .hy-back-btn .hy-back-btn-list span{font-size:16px;font-weight:700;line-height:22px;text-align:left;color:#666}
span.hy-statusFlag-part2{margin-left:10px}
.hy-moreText,.hy-lessText{margin-bottom:0}
.hy-manage-subscription .hy-subscription-list-items .hy-blueBgColor .hy-statusFlag span{display:list-item;list-style:disc;margin-left:25px;font-weight:500}
.hy-subscription-text-sec .hy-manage-subscription-vin-sec a{cursor:pointer}
.hy-subscriptionlistcardBottom .hy-subscriptionlistcardBottomIcon .hy-moreText span,.hy-subscriptionlistcardBottom .hy-subscriptionlistcardBottomIcon .hy-lessText span{display:inline-block;margin-right:3px}
.manage_subscription_common_section .hy-addSubscriptionSec p.hy-subscriptionDetailText.hy-normal-fs-16{padding-bottom:0}
@media(min-width:1200px){#subscriptions .hy-container{max-width:1920px;margin:auto}
}
@media(max-width:900px){.manage_subscription_common_section.hy-manage-subscription .hy-sec-container,.hy-subscriptionSec .hy-subscription-list-sec.hy-available-subscriptions{max-width:100%}
}
@media(max-width:767px){.hy-subscription-list-card-text-sec .hy-subscription-list-card-text.hy-normal-fs-24.hy-darkBlueMsg{margin-bottom:0}
span.hy-statusFlag-part1{font-weight:600;font-size:14px}
span.hy-statusFlag-part2{display:block;font-size:12px;margin-left:0}
span.hy-statusFlag-part2 span.bullet{display:none}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left{padding:20px;align-items:center}
.manage_subscription_common_section.hy-manage-subscription .hy-subscriptionBlueListSec .hy-manage-subscription-card-list-body{display:block}
.manage_subscription_common_section.hy-manage-subscription .hy-subscription-list-sec{padding-bottom:20px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-subscription-list-card-text-sec .hy-warningMsg{font-size:13px;line-height:16.8px}
.manage_subscription_common_section .hy-manage-subscription-card-list{border:2px solid #1babd0}
.manage_subscription_common_section .hy-subscriptionBlueListSec .hy-manage-subscription-card-list .hy-manage-subscription-card-list-header{padding:10px 20px}
.manage_subscription_common_section .hy-subscriptionBlueListSec .hy-manage-subscription-card-list .hy-manage-subscription-card-list-header .hy-statusFlag{display:block;font-size:14px;line-height:20px;padding-right:24px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-img{width:50px;height:50px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-img img{max-width:100%;height:auto;width:auto}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body-right-btn-sec{padding:0 20px 20px !important}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body-right-btn-sec .hy-newBtnstyle-sm{width:100%;text-align:center}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-header{padding:10px 20px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-footer{padding:15px 20px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-footer .hy-subscriptionlistcardBottomText{font-size:12px;font-weight:400;line-height:16.8px}
.manage_subscription_common_section .hy-manage-subscription-vin-sec .hy-newBtnstyle{width:100%;position:static;margin-top:5px;float:left}
.hy-addSubscriptionSec .hy-manage-subscription-vin-sec .hy-newBtnstyle{height:36px;font-size:12px;line-height:14px;padding:10px 20px}
.manage_subscription_common_section .hy-subscription-head-fs-40{font-size:32px;line-height:32px !important}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-manage-subscription-card-list-img img{max-width:100%;height:auto;width:auto}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-manage-subscription-card-list-body .hy-manage-subscription-card-list-body-left .hy-manage-subscription-card-list-img{width:50px;height:50px}
.manage_subscription_common_section .hy-subscription-subhead{flex-basis:100%;margin-bottom:10px;font-size:20px;font-weight:500;line-height:30px}
.manage_subscription_common_section .hy-manage-subscription-vin-sec{flex-wrap:wrap;margin-bottom:20px;display:flex;flex-direction:column;justify-content:flex-start !important;align-items:flex-start !important}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-normal-fs-24{font-size:18px;font-style:normal;font-weight:700;line-height:27px}
.manage_subscription_common_section .hy-normal-fs-16{font-size:14px;font-style:normal;font-weight:500;line-height:19.6px}
.manage_subscription_common_section .hy-manage-subscription-vin-sec .hy-normal-fs-16{font-size:16px;line-height:22px}
.manage_subscription_common_section .hy-addSubscriptionSec .hy-manage-subscription-vin-sec .hy-newBtnstyle{width:auto;display:flex;align-items:center;justify-content:center}
.addSubscription .manage_subscription_common_section .hy-subscription-subhead{margin-bottom:0}
.manage_subscription_common_section .hy-addSubscriptionSec p.hy-subscriptionDetailText.hy-normal-fs-16{padding-bottom:8px}
.manage_subscription_common_section .hy-addSubscriptionSec .hy-newBtnstyle-sm{display:flex;flex:0;justify-content:center}
.manage_subscription_common_section .hy-subscription-list-card-btn-sec .hy-plandetails{display:flex;flex-flow:row nowrap;width:100%;align-items:center}
.manage_subscription_common_section .hy-pricing-monthly,.manage_subscription_common_section .hy-plandetails-text{display:flex;flex:2 1 auto;margin-right:30px}
.manage_subscription_common_section .hy-subscriptionSec{padding:30px 15px 0}
.manage_subscription_common_section .manage_subscription_common_section.hy-manage-subscription .hy-sec-container{padding:0}
.manage_subscription_common_section .hy-subscription-list-sec.hy-active-subscriptions .hy-newBtnstyle-sm{line-height:normal;height:36px;padding:12px 20px;font-size:12px}
.manage_subscription_common_section .hy-manage-subscription-card-list .ellipsis{height:18px}
.manage_subscription_common_section .hy-manage-subscription-card-list .ellipsis p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:18px}
.manage_subscription_common_section .hy-manage-subscription-card-list .hy-subscriptionlistcardBottomText p:last-child{margin-bottom:0}
.hy-manage-subscription-card-list .hy-statusFlag{font-family:'HyundaiSansHeadOffice-Medium'}
.hy-manage-subscription .hy-subscription-list-items .hy-blueBgColor .hy-statusFlag{display:block}
.hy-manage-subscription .hy-subscription-list-items .hy-blueBgColor .hy-statusFlag span{display:block;font-family:"HyundaiSansHeadOffice-Regular";line-height:17px;font-size:12px;list-style:none;margin:0}
}
@media(max-width:1200px){.add-subscription-checkout-wrapper{width:100%}
.addSubscription .hy-main-Content.manage_subscription_common_section{display:block}
}
#add_service{margin-left:80px;width:800px;max-width:800px}
.service-details_top a{margin-top:10px;border-bottom:0;text-transform:none}
.service-details_top h1{margin-top:15px;margin-bottom:3px}
.service-details_top span{color:grey;font-family:"HyundaiSansHeadOffice-Regular"}
.add-service-label-select{margin-top:-10px !important;position:absolute;margin-left:11px;background-color:white;z-index:1}
.date-of-service{margin-top:20px;width:35%;height:50px;border:1px solid #ccc}
.date-of-service>input{position:absolute;width:55px;height:40px;border:0;font-family:"GenesisSansTextOffice-Medium";font-size:14px;text-align:center}
.date-of-service input:first-child{margin-left:8px;margin-top:5px;float:left}
.date-of-service input:nth-of-type(2){margin-left:97px}
.date-of-service input:nth-last-child(2){margin-left:185px}
.field-divider-date1,.field-divider-date2{height:55px;width:1px;background-color:#ccc;position:relative;-ms-transform:rotate(45deg);-ms-transform-origin:20% 40%;-webkit-transform:rotate(45deg);-webkit-transform-origin:20% 40%;transform:rotate(30deg);transform-origin:20% 40%;z-index:5;display:block}
.field-divider-date1{top:-7px;left:30%}
.field-divider-date2{top:-8px;left:55%}
.srvc-loc,.odo-reading{margin-top:20px;position:relative;margin-bottom:20px}
.input_legend.flt_lbl_black_srvc{color:black}
.service-details_entry p{margin-bottom:22px}
.service-details_entry .input_legend,.service-details_entry .flt_lbl_black{color:#000;background-color:#fff}
.service-details_entry p{font-size:11.5px;color:grey}
.service-details_entry p{font-size:13px;color:grey;margin-top:-10px !important;position:absolute}
#service_location{border-color:#ccc;background-color:#fff;width:280px;color:#000}
.login-password #service_location::-webkit-input-placeholder{color:$black !important}
.login-password #service_location:-moz-placeholder{color:$black}
.login-password #service_location::-moz-placeholder{color:$black}
#read-odometer{border-color:#ccc;background-color:#fff;width:280px;color:#000}
.login-username #read-odometer::-webkit-input-placeholder{color:$black !important}
.login-username #read-odometer:-moz-placeholder{color:$black}
.login-username #read-odometer::-moz-placeholder{color:$black}
.checked-list{margin-top:50px !important}
.srvc-panel{border-bottom:1px solid #ccc;margin-bottom:20px}
.checked-list a{border-bottom:none !important;font-family:"GenesisSansTextOffice-Medium";margin-left:10px;font-size:25px}
.head-panel a{border-bottom:none !important;font-family:"GenesisSansTextOffice-Medium";margin-left:10px;font-size:14px}
.head-panel{border-bottom:1px solid #ccc;margin-bottom:20px}
#parts1{margin-top:27px;margin-bottom:42px}
.checkbox-custom{display:inline-block;width:25px;height:25px;background:transparent;border:solid 1px #ccc;margin-right:15px}
.checkbox-custom.checked{background:url(clientlib-site/images/checkbox-check.png) no-repeat;background-size:16px;background-position:4px 6px}
.check-options1{width:50%;margin-left:10px;margin-right:-10px;float:left}
.check-options1 label{font-family:"GenesisSansTextOffice-Medium" !important}
.check-options1 p{font-family:"GenesisSansTextOffice-Regular"}
.checkbox-opt{margin-bottom:15px;width:100%}
.checkbox-opt img{margin-left:7px}
.checkbox-opt p{width:100%;margin-left:40px}
.checkbox-opt:last-child{margin-bottom:0}
#parts2{margin-top:27px}
.checkbox-custom{display:inline-block;width:25px;height:25px;background:transparent;border:solid 1px #ccc;margin-right:15px}
.checkbox-custom.checked{background:url(clientlib-site/images/checkbox-check.png) no-repeat;background-size:16px;background-position:4px 6px}
.check-options2{margin-bottom:40px}
.login-password #other-services{border-color:#ccc;background-color:#fff;width:280px;color:#000;width:100%}
.login-password #other-services::-webkit-input-placeholder{color:$black !important}
.login-password #other-services:-moz-placeholder{color:$black}
.login-password #other-services::-moz-placeholder{color:$black}
.other_service{margin-top:50px}
.other_service .input_legend,.other_service .flt_lbl_black{color:#000;background-color:#fff}
.login-password #optional-notes{border-color:#ccc;background-color:#fff;width:280px;color:#000;width:100%;height:250px;padding-top:15px;resize:none}
.login-password #optional-notes::-webkit-input-placeholder{color:$black !important}
.login-password #optional-notes:-moz-placeholder{color:$black}
.login-password #optional-notes::-moz-placeholder{color:$black}
.notes{margin-top:20px}
.notes .input_legend,.notes .flt_lbl_black{color:#000;background-color:#fff}
#textarea_feedback{font-family:"GenesisSansTextOffice-Regular";margin-top:-19px}
#attach_file{margin-top:13px;border:1px solid #ccc;height:120px;margin-bottom:46px;width:100%}
#attach_file .upload-files{margin:14px;border:1px solid #ccc;height:90px;border-style:dashed;background-color:#f3f3f3;margin-bottom:20px}
#attach_file a{font-family:"GenesisSansTextOffice-Regular";text-align:center;margin-top:7px;margin-left:138px;border-bottom:none !important}
#attach_file img{margin-left:18px}
#attach_file input{visibility:hidden;width:1px}
#attach_file span{font-family:"GenesisSansTextOffice-Regular"}
#uploaded-files{height:100px;margin-bottom:41px}
#uploaded-files span{font-family:"GenesisSansTextOffice-Medium"}
#lower-save a{margin-left:25px}
#lower-save input{width:210px}
@media(max-width:767px) and (min-width:100px){#add_service{margin-left:15px;width:290px}
.login-username{margin-bottom:8px;width:100%}
.service-details_top{margin-bottom:0;margin-top:5px}
.service-details_top a{color:grey;font-family:"GenesisSansTextOffice-Regular";margin-left:2px;border-bottom:none !important}
.service-details_top h1{margin-top:-4px;margin-bottom:0}
.service-details_top span{margin-left:1px;color:grey;font-family:"GenesisSansHeadOffice-Regular"}
.service-details_entry{width:100%;margin-left:1px}
.date_of-service{width:100%;margin-bottom:0}
#service_location{width:100%;margin-bottom:0}
#read-odometer{width:100%;margin-bottom:0}
.checked-list{margin-top:75px !important}
.head-panel a{margin-left:0;font-size:14px}
.check-options1,.check-options2{width:100%;margin-left:0}
#attach_file a{margin-left:5px;border-bottom:none !important}
#attach_file span{font-family:"GenesisSansTextOffice-Regular"}
#uploaded-files{position:relative;height:100px;top:15px !important;margin-bottom:41px}
#uploaded-files span{font-family:"GenesisSansTextOffice-Medium"}
#lower-save input{width:290px}
#lower-save a{margin-top:25px;margin-left:120px;margin-bottom:40px}
}