
.global-navigation .wrapper {height:100%;}
.global-navigation .site-logo {display:block; width:148px; height:26px; overflow: hidden}
.global-navigation .site-logo img{width:100%; vertical-align: top;}

/* navigation light-ver */
.global-navigation { top:0; z-index: 200; width:100%; height:80px; font-size: 16px; line-height: 1; }
.global-navigation header {position: fixed; top:0; z-index: 200; width:100%; height:80px; font-size: 16px; line-height: 1; background-color: #000; }
.global-navigation header .common-menu {position: relative; z-index: 1; max-width: 1920px; margin: 0 auto}
.global-navigation header .common-menu strong {display: block; float: left; margin: 19px 0 0 30px; width: 120px; height: 50px; position: relative; overflow: hidden; z-index:10;}
.global-navigation header .common-menu strong a img {display: block;}
.global-navigation header .common-menu .location {display: inline-block; position: absolute; top: -20px; left: 0; margin: 0 auto; width: 100%; text-align: center; font-size: 16px; line-height: 24px; color: #dedede}
.global-navigation header .common-menu a {color: #dedede; display:block;}
.global-navigation header .common-menu .inner-wrap h1 a {display: block; height: 43px; overflow: hidden; text-indent: -10000px; /*background: url("../images/common/logo_header.png") 0 0 no-repeat;*/ }
.global-navigation header .common-menu .inner-wrap .right-menus {display: inline-block; float: right; margin: 30px 30px 0 0; font-size: 16px; line-height: 24px; vertical-align: middle;}
.global-navigation header .common-menu .inner-wrap .right-menus .top_util_menu { overflow: hidden; }
.global-navigation header .common-menu .inner-wrap .right-menus .find-dealer {position:relative; float: left; padding-right: 5px; transition: color 0.8s;margin-left:15px;} /*GEN-3841*/
.global-navigation header .common-menu .inner-wrap .right-menus .find-dealer:hover{color:#804033; transition: color 0.3s;}
.global-navigation header .common-menu .inner-wrap .right-menus .find-dealer:after {display: none; content: ''; position: absolute; right:0; top: 3px; width: 2px; height:15px; background: #dedede;}
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu {position: relative; display: inline-block; float: left; padding: 0 52px 0 15px; transition: color 0.8s;}
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap {display: block; position: absolute; top: 0; right: 0; width: 36px; height: 22px; overflow: hidden; }
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines .ctr-line {display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 2px; margin: -1px 0 0 -18px; background: #fff; transition: background 0.5s }
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines:before {display: block; position: absolute; top: 20px; left: 50%; width: 36px; margin: 0 0 0 -18px; height: 2px; background: #fff; content: ''; transition: all 0.3s;}
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines:after {display: block; position: absolute; bottom: 20px;left: 50%; width: 36px; margin: 0 0 0 -18px; height: 2px; background: #fff; content: ''; transition: all 0.3s;}
.global-navigation header .common-menu .inner-wrap .right-menus .menus {display: none; position: fixed; top: 0; right: 0; clear: both;}
.global-navigation header .head-bg {position: absolute; top: -80px; left: 0; width: 100%; height: 80px; background: #000; opacity: 0.9;}

.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu:hover {color:#804033; transition: color 0.3s}
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines .ctr-line {background: #804033; transition: background 0.3s}
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines:before {background: #804033; top: 18px;}
.global-navigation header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines:after {background: #804033; bottom: 18px;}

/* navigation non-bg */
.global-navigation header .common-menu.non-bg a {color: #232323;}
.global-navigation header .common-menu.non-bg .inner-wrap h1 a img{margin-top: -47px;}
.global-navigation header .common-menu.non-bg .inner-wrap .right-menus .btn-open-menu span img {margin-top: -22px;}
.global-navigation header .common-menu.non-bg .inner-wrap .right-menus .find-dealer:after {background: #000;}
.global-navigation header .common-menu.non-bg .head-bg {top:0; opacity: 1; background: #fff}
.global-navigation header .common-menu.non-bg strong a img {margin-top: -53px}
.global-navigation header .common-menu.non-bg .location {display: none}
.global-navigation header .common-menu.dark-bg {height:80px; background: #191919;}
.global-navigation header .common-menu.dark-bg .close-pop img{margin-top:-20px;}

/* navigation dark-ver */
.global-navigation header .common-menu.dark a {color: #232323;}
.global-navigation header .common-menu.dark .inner-wrap h1 a img{margin-top: -47px;}
.global-navigation header .common-menu.dark .inner-wrap .right-menus .btn-open-menu span img {margin-top: -22px;/*background: url("../images/common/btn_menu_dark.png") top right no-repeat;*/}
.global-navigation header .common-menu.dark .inner-wrap .right-menus .find-dealer:after {background: #000;}


/* sub depth menu */
.global-navigation .shortcut-wrap, .new-navigation .shortcut-wrap{position: fixed; top: -50px; left: 0; width: 100%; z-index: 100}

  /*GEN-3072 start*/
  .contact-disclaimer {
    background-color: #D8D8D8;
    text-align: center;
    color: #0B0B0B;
    font-family: "GenesisSansText";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 40px 0;
  }
  .contact-disclaimer a.phone:hover{
  text-decoration: none;
  }
  .contact-disclaimer a.phone{
  color:#0B0B0B;
  font-weight:600;
  }
  .contact-disclaimer a.email{
  color:#0B0B0B;
  text-decoration:underline;
  }
  /*GEN-3072 end*/
  
@media screen and (max-width: 767px) {
  .global-navigation .shortcut-wrap .inner-contain, .new-navigation .shortcut-wrap .inner-contain {max-width: 100%; white-space: nowrap; overflow-x: auto;}
}

.global-navigation .shortcut-wrap .inner-contain, .new-navigation .shortcut-wrap .inner-contain {max-width: 1920px; margin: 0 auto; background: #e1e1e1; text-align: center; opacity: 0.9; z-index: 4;}
.global-navigation .shortcut-wrap .shortcuts, .new-navigation .shortcut-wrap .shortcuts {display: inline-block; font-size: 0}
.global-navigation .shortcut-wrap .shortcuts li, .new-navigation .shortcut-wrap .shortcuts li {display: inline-block; position: relative}
.global-navigation .shortcut-wrap .shortcuts li:after, .new-navigation .shortcut-wrap .shortcuts li:after {display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; height: 11px; background: #c1c1c1; content: ''}
.global-navigation .shortcut-wrap .shortcuts li:first-of-type:after, .new-navigation .shortcut-wrap .shortcuts li:first-of-type:after {display: none}
.global-navigation .shortcut-wrap .shortcuts li a, .new-navigation .shortcut-wrap .shortcuts li a {display: inline-block; padding: 19px 18px 17px; font-size: 12px; line-height:1; color: #666; transition:color 0.3s; text-transform: uppercase; }
.global-navigation .shortcut-wrap .shortcuts li a:hover, .new-navigation .shortcut-wrap .shortcuts li a:hover {color:#000;}
.global-navigation .shortcut-wrap .shortcuts li.located a, .new-navigation .shortcut-wrap .shortcuts li.located a  {color: #804033; }
.global-navigation .shortcut-wrap .cta-link, .new-navigation .shortcut-wrap .cta-link { display: inline-block; }
.global-navigation .shortcut-wrap .cta-link a, .new-navigation .shortcut-wrap .cta-link a {text-decoration-line: underline !important; text-transform: uppercase; margin-right: -100px; font-size: 12px; font-weight: bolder; text-underline-offset: 5px; text-decoration-thickness: 2px;}

/* navigation side menu */
.global-navigation header .side-menu {position: fixed; top:0; right: -470px; z-index: 2; padding-left: 55px; width: 470px; height: 100%; box-sizing: border-box; overflow: hidden; background: #000; min-height:530px; }
.global-navigation header .side-menu.opened {right:0;}
.global-navigation header .side-menu a,
.global-navigation header .common-menu .side-menu a {color: #999; transition: 0.2s all; text-transform: uppercase;}
.global-navigation header .common-menu .side-menu a:hover {color: #fff;}

.global-navigation header .side-menu .input-wrap {display: inline-block; position: absolute; top: 0; left: 55px; margin-top: 19px; width: 300px; font-size: 0; line-height: 1; vertical-align: top;}
.global-navigation header .side-menu .input-wrap input {padding: 0 70px 0 30px; width: 100%; height:42px; line-height:42px; box-sizing: border-box; background: #000; border: none; font-size: 16px; line-height: 2; color: #fff;}
.global-navigation header .side-menu .input-wrap input:focus {border-bottom: 1px solid #fff; color: #fff}
.global-navigation header .side-menu .input-wrap img {position: absolute; top: 13px; left: 0;padding-left:5px;}
.global-navigation header .side-menu .input-wrap a.btn-cancle {display: none; position: absolute; right: 0; top: 0; height: 48px; font: 12px/48px "HyundaiSansHead-Light"; color: #888}
.global-navigation header .side-menu .input-wrap.has-txt a.btn-cancle {display: block}
.global-navigation header .side-menu .input-wrap a.btn-search {display: none; position: absolute; right: 0; top: 0; height: 48px; font: 12px/44px "HyundaiSansHead-Light"; color: #888;padding-right:10px;}
.global-navigation header .side-menu .input-wrap a.btn-search span {display: block}
.global-navigation header .side-menu .input-wrap.has-txt a.btn-search {display: block}
.global-navigation header .side-menu .input-wrap input:focus+img+a.btn-search {display: block}
.global-navigation header .side-menu .input-wrap input::-webkit-input-placeholder {color:#fff}
.global-navigation header .side-menu .input-wrap input:focus::-webkit-input-placeholder {color:#555; visibility: hidden}
.global-navigation header .side-menu .btn-close-menu {display: block; position: absolute; top: 0; right: 0; width: 85px; height: 85px; overflow: hidden; text-indent: -10000px; z-index: 1;}
.global-navigation header .side-menu .btn-close-menu .line-wrap {display: block; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px; width: 25px; height: 25px; overflow: hidden;}
.global-navigation header .side-menu .btn-close-menu .line-wrap .tb-lines:before {display: block; position: absolute; top: 12px; left: 50%; width: 36px; margin: 0 0 0 -18px; height: 1px; background: #fff; content: ''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transition: all 0.3s}
.global-navigation header .side-menu .btn-close-menu .line-wrap .tb-lines:after {display: block; position: absolute; bottom: 12px;left: 50%; width: 36px; margin: 0 0 0 -18px; height: 1px; background: #fff; content: ''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition: all 0.3s}
.global-navigation header .side-menu .btn-close-menu span img {display: block;}
.global-navigation header .side-menu .btn-close-menu:hover .tb-lines:before {background: #804033; } /* -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);*/
.global-navigation header .side-menu .btn-close-menu:hover .tb-lines:after {background: #804033; } /* -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); */
.global-navigation header .side-menu .cont-mid { padding: 0 55px 0 0; width: calc(100% - 55px); box-sizing: border-box; position: absolute; top: 39%; transform: translateY(-50%); /*vertical-align: middle; display: inline-block; */}
.global-navigation header .side-menu .cont-mid li.activated > a {color: #fff}
.global-navigation header .side-menu .cont-mid .nav-high-priority > li {position: relative; margin-top: 35px; overflow: hidden; font: 28px/1.2 'HyundaiSansText-Regular'}
.global-navigation header .side-menu .cont-mid .nav-high-priority > li.hoverable > a {display: inline-block; position: relative; padding-right: 13px; z-index: 2; background: #000; font-family:'HyundaiSansHead-Light'}
.global-navigation header .side-menu .cont-mid .nav-high-priority > li:first-child {margin-top: 0;}
.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2 {height: 0; overflow: hidden;}
.global-navigation header .side-menu .cont-mid .nav-high-priority > li.hoverable .depth-2 {height: auto}
.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2.on {display: block;}
.global-navigation header .side-menu .cont-mid .nav-high-priority > li.on-over .depth-2 {display: none;}
.global-navigation header .side-menu .cont-mid .nav-high-priority > li.on-over .depth-2.on {display: block;}
.global-navigation header .side-menu .cont-mid .nav-high-priority > li.on-over > a{color: #fff}
.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2 {position: absolute; left: 0; top: 50px; padding-left: 86px; box-sizing: border-box;}
.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2:after {display: block; content: ''; position: absolute; left: 0; top: 4px; left:0; width: 63px; height: 1px; background: #804033;}
.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2 li {margin-top: 12px; font-size: 12px; line-height: 1.2;}
.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2 li:first-child {margin-top: 1px;}
.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2 li.on a {color: #804033;}
.global-navigation header .side-menu .cont-mid .nav-low-priority {margin-top: 38px;}
.global-navigation header .side-menu .cont-mid .nav-low-priority li {margin-top: 17px; font-size: 16px; line-height: 1;}
.global-navigation header .side-menu .cont-mid .nav-low-priority li:first-child {margin-top: 0;}
.global-navigation header .side-menu .cont-mid .nav-low-priority li a {font-family:'HyundaiSansHead-Light'}
.global-navigation header .side-menu .cont-bot {position: absolute; bottom:-30px; left: 0; padding-left: 55px; width: 100%; box-sizing: border-box;}
.global-navigation header .side-menu .cont-bot .sns-btns {float: left; margin-left: -5px;}
.global-navigation header .side-menu .cont-bot .sns-btns a {display: block; float: left; margin-left: 10px; width: 21px; height: 22px; overflow: hidden; text-indent: -1000px;}
.global-navigation header .side-menu .cont-bot .sns-btns a span {display: block;}
.global-navigation header .side-menu .cont-bot .sns-btns a span img {display: block; opacity:0.5}
.global-navigation header .side-menu .cont-bot .sns-btns a span img:hover {opacity:1}
.global-navigation header .side-menu .cont-bot .sns-btns a.sns-fb {margin-left: 0; }
.global-navigation header .side-menu .cont-bot .sns-btns a.sns-tw { width: 23px; margin-left: 7px; }
.global-navigation header .side-menu .cont-bot .sns-btns a.sns-yt { width: 23px; }
.global-navigation header .side-menu .cont-bot .lang-btns {float: right; margin-right: 30px; font-size: 12px; line-height: 36px;bottom: 1rem;}
.global-navigation header .side-menu .cont-bot .lang-btns a {padding: 0 5px; color: #555;}
.global-navigation header .side-menu .cont-bot .lang-btns a.on {color: #fff;}
.global-navigation header .side-menu .input-wrap input::-ms-clear {display: none;}

@media only screen and (min-width:1024px){
  /* go to top */
  .global-footer .btn-top {position: fixed; bottom: 30px; right: 30px; font-size: 0; z-index: 10}
  .global-footer .btn-top a {display: inline-block; color: #804033; text-align: center;}
  .global-footer .btn-top a span.btn-txt {display: block; font-size: 10px; line-height: 1;}
  .global-footer .btn-top a span.vert-line-mask {display: inline-block; margin-top: 5px; width: 1px; height: 33px; overflow: hidden}
  .global-footer .btn-top a span.vert-line {display: inline-block; position: relative; width: 1px; height: 53px; background: #804033;}

  /* Footer */
  .global-footer footer {position: relative; width: 100%; /*overflow: hidden;*/}
  .global-footer footer .inner-wrap {max-width: 1920px; margin: 0 auto}
  .global-footer footer .footer-top {background: #dbdbdb;}
  .global-footer footer .footer-top ul {margin: 0 auto; padding: 30px 0 13px; max-width: 1920px; text-align: center; font-size: 0; box-sizing: border-box;}
  .global-footer footer .footer-top ul li {display: inline-block; padding: 0 2.58%; text-align: center; font-size: 12px; line-height: 20px; margin-bottom: 14px;}
  .global-footer footer .footer-top ul li:first-of-type {padding-left: 0;}
  .global-footer footer .footer-top ul li:last-of-type {padding-right: 0;}
  .global-footer footer .footer-top ul li a {display: inline-block; color: #666;}
  .global-footer footer .footer-top ul li a button#ot-sdk-btn.ot-sdk-show-settings{
	color: #666;
	border: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	padding: 0;
	background-color: transparent;
  }
  .global-footer footer .footer-bot {background: #e6e6e6;}
  .global-footer footer .footer-bot .bot-content {margin: 0 auto; padding: 22px 0 19px; width: 100%; max-width: 1920px;}
  .global-footer footer .footer-bot .country-select {float: left;  margin-left: 10px;}
  .global-footer footer .footer-bot .country-select {float: left; position: relative; margin-left: 10px; transition: 0.5s all; transition-delay: 0.3s;}
  .global-footer footer .footer-bot .country-select .selected {position: relative; z-index: 2; font: 18px/1 'HyundaiSansHead-Light';}
  .global-footer footer .footer-bot .country-select a {display: block; position: relative; width: 160px;  padding: 20px 54px 20px 68px; }
  .global-footer footer .footer-bot .country-select a.choose {border-top: 1px solid #e6e6e6;}
  .global-footer footer .footer-bot .country-select a span {display: block; position: absolute; left: 20px; top:21px; width: 23px; height: 13px; overflow: hidden;}
  .global-footer footer .footer-bot .country-select a span img {display: block;}
  .global-footer footer .footer-bot .country-select a span.arr {width: 13px; height: 7px; left: auto; right: 20px; top: 24px;}
  .global-footer footer .footer-bot .country-select a span.arr img {margin-top: -7px;}
  .global-footer footer .footer-bot .country-select.opened a span.arr img {margin-top: 0px;}
  .global-footer footer .footer-bot .country-select .lang-wrap {position: absolute; bottom: 59px; left: 0; width: 100%; height: 0; overflow: hidden;}
  .global-footer footer .footer-bot .country-select .lang-wrap .inner-wrap {display: inline-block; width: 100%; height: 0; box-sizing: border-box;}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list {padding: 10px 0; width: 100%; box-sizing: border-box; background: #fff;}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li {position: relative; font: 18px/1 'HyundaiSansHead-Light';}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li span {display: block; position: absolute; left: 20px; top:10px; width: 23px; height: 13px; overflow: hidden;}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li a {display: block; padding: 9px 0 5px 68px; box-sizing: border-box; color: #888; width: 100%}
  .global-footer footer .footer-bot .country-select.opened {background: #fff; transition-delay: 0s;}
  .global-footer footer .footer-bot .country-select.opened .lang-wrap {height: 0}
  .global-footer footer .footer-bot .country-select.opened .lang-wrap .inner-wrap {height: auto}
  .global-footer footer .footer-bot p.copy {float: left; margin-left: 49px; font-size: 12px; line-height: 58px; color: #888;}
  .global-footer footer .footer-bot .footer-copyright .btn {float: left;width: fit-content;padding-left: 30px;font: 18px/1 'HyundaiSansHead-Light';}
  .global-footer footer .footer-bot .footer-copyright .btn a {display: inline-block;padding: 21px 0px 0px;margin-right: 25px; }
  .global-footer footer .footer-bot .footer-copyright .btn a:hover { border-bottom: 1px solid #000;padding-bottom: 5px; }
}

@media only screen and (max-width:1023px){
  /* go to top */
  .global-footer .btn-top {position: fixed; bottom: 30px; right: 30px; font-size: 0;}

  /* Footer */
  .global-footer footer {position: relative; width: 100%; background: #191919;}
  .global-footer footer .footer-top {}
  .global-footer footer .footer-top ul {padding: 5% 9.375%;}
  .global-footer footer .footer-top ul:after{display:block; clear:both; content:'';}
  .global-footer footer .footer-top ul li {float:left; width:50%; padding:3% 0; font: 1.5rem/2.2 'HyundaiSansText-Regular';}
  .global-footer footer .footer-top ul li.first {padding-left: 0;}
  .global-footer footer .footer-top ul li.last {padding-right: 0;}
  .global-footer footer .footer-top ul li a {display: block; color: #fff}
  .global-footer footer .footer-top ul li a button#ot-sdk-btn.ot-sdk-show-settings{
	color: #fff;
	border: none;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 22px;
	padding: 0;
	background-color: transparent;
	text-align: left;
  }
  .global-footer footer .footer-bot {}
  .global-footer footer .footer-bot .bot-content {margin: 0 auto; width: 100%; }
  .global-footer footer .footer-bot .country-select {position: relative; background: #000;}
  .global-footer footer .footer-bot .country-select .selected {}
  .global-footer footer .footer-bot .country-select .selected.lang-1 {}
  .global-footer footer .footer-bot .country-select .selected a {display: block; position: relative; padding: 2.2rem 9.375% 2rem; color:#fff; font-size: 1.25rem;}
  .global-footer footer .footer-bot .country-select .selected a.choose {}
  .global-footer footer .footer-bot .country-select .selected a span{display:inline-block; overflow: hidden; vertical-align: middle}
  .global-footer footer .footer-bot .country-select .selected a span img {width:100%; vertical-align: baseline;}
  .global-footer footer .footer-bot .country-select .selected a > span:first-child{width: 1.4em; margin-right: 0.6em;}
  .global-footer footer .footer-bot .country-select .selected a span.arr {float:right; width: 1em; height: 0.6em;}
  .global-footer footer .footer-bot .country-select .selected a span.arr img{display: block; margin-top: -1.2em;}
  .global-footer footer .footer-bot .country-select.opened a span.arr img {margin-top: 0;}
  .global-footer footer .footer-bot .country-select.opened {}
  .global-footer footer .footer-bot .country-select.opened .opt-list {display: block;}
  .global-footer footer .footer-bot p.copy {padding:7.8% 9.375%; font: 1.125rem/1.4em 'HyundaiSansText-Regular'; color: #888; letter-spacing: -0.02em;}
  .global-footer footer .footer-bot p.copy span{display: block;}
  .global-footer footer .footer-bot .country-select .lang-wrap {position: absolute; bottom: 5.65rem; left: 0; width: 100%; height: 0; overflow: hidden;}
  .global-footer footer .footer-bot .country-select.opened .lang-wrap {height: auto}
  .global-footer footer .footer-bot .country-select .lang-wrap .inner-wrap {display: inline-block; width: 100%; height: auto; box-sizing: border-box;}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list {padding:2% 0 2%; width: 100%; box-sizing: border-box; background: #fff;}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li {position: relative; margin-top:2%; font: 1.25rem 'HyundaiSansHead-Light';}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li:first-child {margin-top: 0}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li a {display: block; padding: 2% 9.375% 1% 16.65%; box-sizing: border-box; color: #888;}
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li span {position: absolute; left: 9.375%; display:inline-block; overflow: hidden; width: 1.4em; margin:-0.15em 0.8em 0 0; vertical-align: top; }
  .global-footer footer .footer-bot .country-select .lang-wrap .opt-list li span img {width:100%; vertical-align: middle;}
  .global-footer footer .footer-bot .footer-copyright .btn {background-color: #303030;font-size: 0;padding: 0 9.375%;text-align:center;}
  .global-footer footer .footer-bot .footer-copyright .btn a {display: inline-block; height: 5.625rem; width: 50%; text-align: left;font: 1.25rem/5.625rem 'HyundaiSansHead-Light';color: #fff; box-sizing: border-box;text-align:center;}
}

@media only screen and (max-width:1366px){
  .global-footer footer .footer-bot p.copy {font-size: 1.125rem/1.4em 'HyundaiSansText-Regular'; color: #888; letter-spacing: -0.02em;}
}

@media only screen and (min-width:1920px){
    /* width: 1920px~ */
    .global-navigation.stable{height: auto;}
}

@media only screen and (min-width:1280px) and (max-width:1920px){
  /* width: 1280~1920px */
  .global-navigation.stable{height: auto;}
}

@media only screen and (max-width:1600px){
    .global-footer footer .footer-top ul li {padding: 0 2.58%;}
}

@media only screen and (max-width:1279px){
    /* .shortcut-wrap .shortcuts{min-width:700px;} */
    .shortcut-wrap .shortcuts li a{padding: 19px 18px 17px;}
    .global-navigation.stable{height: 140px;}
}

@media only screen and (max-width:840px){
  .global-navigation header .common-menu .inner-wrap .right-menus .top_util_menu a:not(.btn-open-menu){ display:none !important; }
}

@media only screen and (max-width:1024px){
    /* .global-navigation header .common-menu .inner-wrap .right-menus .top_util_menu a.find-dealer:nth-child(1){ display:none !important;} */
    .global-navigation .shortcut-wrap .cta-link a, .new-navigation .shortcut-wrap .cta-link a{text-decoration-line: underline !important; text-transform: uppercase; margin-right: -35px; font-size: 12px; font-weight: bolder; text-underline-offset: 5px; text-decoration-thickness: 2px;}
}

@media only screen and (max-height:778px){
    .global-navigation header .side-menu .cont-mid .nav-low-priority {position: relative; margin-top: 28px; padding-top: 23px; border-top: 1px solid #333333}
    .global-navigation header .side-menu .cont-mid .nav-low-priority .odd {float: left; width: 50%}
    .global-navigation header .side-menu .cont-mid .nav-low-priority .even {float: left; width: 50%}
    .global-navigation header .side-menu .cont-mid .nav-low-priority .on-top {margin-top: 0}
    .global-navigation header .side-menu .cont-mid .nav-low-priority li {font-size: 14px}
  	.global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2 {top: 29px; left:0;  padding-left:50px}
    .global-navigation header .side-menu .cont-mid .nav-high-priority .depth-2:after {width:37px}

}
/*----- For GRP-248 Start ------*/
@media only screen and (max-height:885px){
	.global-navigation header .side-menu .cont-mid .nav-high-priority > li {margin-top: 20px; font-size: 18px}
}
/*----- For GRP-248 End ------*/

@media only screen and (max-width: 1100px){
  .global-footer footer .footer-top ul li {
    padding:0 1.8%;
  }
}

@media screen and (min-height: 768px) and (max-width: 1024px) {
  .genesis-dealer-location {
    width:350px !important;
  }

  .global-navigation header .genesis-dealer-location .cont-mid .nav-high-priority > li{
    font:21px/1.2 'HyundaiSansText-Regular'
  }

  .global-navigation header .genesis-dealer-location .cont-mid .nav-high-priority .depth-2 li{
    font-size:9px;
    margin-top:10px;
    line-height:1.1;
  }
  .global-navigation header .genesis-dealer-location .cont-mid .nav-high-priority .depth-2 {
    top:46px;
  }
  .global-footer footer .footer-top ul li {
    padding:0 1.8%;
  }
  
  .global-navigation header .common-menu .inner-wrap .right-menus .find-dealer {
  	padding-right: 10px;
  	margin-left: 10px;
  }
  
  /****** GEN-2055 *****/
  .global-navigation header .side-menu {
  	width:350px;
  }
  
  .global-navigation header .side-menu .cont-mid .nav-high-priority > li {
  	font: 22px/1.2 'HyundaiSansText-Regular';
  }
  
  .global-navigation header .side-menu .cont-mid .nav-low-priority li {
  	font-size:14px;
  }
   /****** GEN-2055 *****/
}

.global-navigation a.disabled,
.global-footer a.disabled {
    pointer-events:none;
}

/*===============================================================================================*/
/*========================================== PRIVACY  ===========================================*/
/*===============================================================================================*/

.privacy-dialog {
	position: fixed;
	right: 0;
    bottom: 0;
	padding: 25px;
	background-color: #1D1D1D;
	display: block;
	z-index: 9998;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	-webkit-transform: translate3d(0, 125%, 0);
	-moz-transform: translate3d(0, 125%, 0);
	-ms-transform: translate3d(0, 125%, 0);
	-o-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0);
}
.privacy-dialog.in {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.privacy-dialog .privacy-close {
	position: absolute;
    top: 5px;
    right: 10px;
	background: transparent;
	border: 0 !important;
	outline: 0 !important;
    cursor: pointer;
    font-size: 20px;
    color: #9b9b9b;
}
.privacy-dialog .privacy-body {
	font-size: 14px;
    line-height: 18px;
    font-family: 'HyundaiSansText-Regular';
    color: #9B9B9B;
    letter-spacing: 0.16px;
}
.privacy-dialog .privacy-body a {
	text-decoration: underline;
	color: #804033;
}

@media only screen and (max-height:690px){
	.global-navigation header .side-menu .cont-mid {
		top:52%;
	}
}
/* GEN-3841 */
@media only screen and (min-width:925px) {
    .global-navigation header .common-menu .inner-wrap .right-menus .find-dealer {
        padding-right: 25px;
    }
}

/*Sidenav Language selector*/
.arrow-down {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  position: relative;
  left: 75px;
  top: -28px;
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
    .arrow-up {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: relative;
  left: 75px;
  top: -33px;
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.dropbtn {
  color: white;
  padding: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtn:hover,
.dropbtn:focus {

}
.dropdown {
  position: relative;
  /* just for demo purposes */
}
.dropdown-content {
  display: none;
  position: absolute;
  /* background-color: #F6F6F6;*/
  min-width: 230px;
  overflow: auto;
  /*border: 1px solid #ddd;*/
  z-index: 1;
  flex-direction: column-reverse; /* show children in a reversed colum (bottom to top) */
  padding-left: 10px;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.dropdown a:hover {
  background-color: #ddd;
}
.show {
  display: flex;
}
.dropbtn {
  /*background-color: #3498DB;
	color: white;*/
  padding: 16px;
  padding-top: 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtn:hover,
.dropbtn:focus {
  /*background-color: #2980B9;*/
}
.lang-btns {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f1f1f1;*/
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  bottom: 100%;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.lang-btns a:hover {
  background-color: #ddd;
  bottom: 100%;
}
.show {
  display: block;
}

/*Footer Enhancements*/
.nav-sns-box {
  display: none;
}

.sns-btns-desktop{
	display:inline-block;
}
.sns-btns-desktop a{
  margin:0 8px 8px 0;
}
.lang-desktop-redesign{
	display:none;
}
.link-btns-desktop{
	display:none;
}

@media only screen and (min-width: 1024px){
    .lang-mobile-redesign {
        display: none!important;
      }
        .lang-desktop-redesign {
          display: inline-block;
          position: relative;
          float: left;
          line-height: 58px;
          top: 28px;
        }

     .link-btns-desktop{
          text-align: left;
          display: inline-block;
          box-sizing: border-box;
          border: 0px;
          position: relative;
          float: left;
          line-height: 58px;
          top: 15px;
          margin-right:40px;
    }

	.dropDownbtn{
		width: 66px;
		color: #141414;  
		font-size: 14px;
		letter-spacing: 0.7px;
		line-height: 1px;
		cursor:pointer;
	  }
	  
	  .arrow-Down {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: relative;
		left: 75px;
		top: -9px;
		border: solid black;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 3px;
	  }
	  .arrow-Up {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		position: relative;
		left: 75px;
		top: -4px;
		border: solid black;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 3px;
	  }
	  
	  /* .dropDown{
		height: 212px;
		width: 185px;
	  } */
	  .drop-Down-Content{
    	display:none;
		position: absolute;
		background-color: #f1f1f1;
		min-width: 160px;
		overflow: auto;
		z-index: 1;
		bottom: 130%;
	  }
	  .drop-Down-Content a{
      	  height: 100%;
          width: 100%;
          color: #6F6F6F!important;
          font-family: "Genesis Sans Head";
          font-size: 14px;
          letter-spacing: 0;
          line-height: 17px;
          padding-top: 10%;
          padding-left: 10%;
    	    padding-bottom: 10%;
          border-top: 1px solid #6F6F6F;
    	  text-align:left;
          cursor:pointer;
	  }
	.drop-Down-Content a:nth-child(1){
		border-top:none;
        }

	  /* .langBtns{
		height: 17px;
		width: 90.65px;
	  } */

}
	  .showDropDown{
		 display:grid!important;
		box-sizing: border-box;
		height: 212px;
		width: 185px;
		background-color: #F8F8F8;
	  }


.nav_social_links a{  display: block;  margin-bottom: 14%; transition: 1s all !important;}

.link_social{margin: 10% auto 0;
    position: absolute;
    width: 5%; bottom: -20px; display: block;}
	.nav_show{ display: block ;}
	.click_social{ background-image:url(/content/dam/genesis/us/images/global/btn_side_share.png); background-position: 100px 5px; width: 84px; height: 85px; background-position: 84px 170px; display: block; cursor: pointer;}
	
.close_social{display:none; background-image:url(/content/dam/genesis/us/images/global/btn_side_share.png); background-position: 100px 5px; width: 84px; height: 85px; background-position: 84px 85px; display: block; cursor: pointer;}

	.cpo-nav .accordion .accordion-item>a, .nav-low-priority li a{
		float:none;
	}
	
	.cpo-nav .accordion .accordion-item {
		float:left;
		text-align:left;
		width:100%;
	}
	.cpo-nav .accordion .accordion-item .accordion-item-content  li{
		width:100%;
	}

	.cpo-nav .nav-low-priority li{
		min-width: 100%;
    	text-align: left;
    	float:left;
	}

	.cpo-nav .nav-low-priority li.on-top:first-child{
		margin-top:20px;
	}

.lang-mobile-redesign{
	display :none;
    }
.dropdown{
	position:relative;
    }

@media only screen and (min-width:768px) and (max-width:1023px){
  .lang-mobile-redesign{
    display: none!important;
  }
  .lang-desktop-redesign{
    display:none!important;
  }
  .nav-sns-box{
	display:block;
  }
  #selected-Language-Mobile-R{
    box-sizing: border-box;
    height: auto;
    width: 100%;
    background-color: #F8F8F8;
    border: 1px solid #6F6F6F;
    left: 0;
  }
}

	  .show-Drop-Down{
		display:grid!important;
		box-sizing: border-box;
		/* height: 212px; */
		width: 185px;
		background-color: #F8F8F8;
    right:-23%;
    bottom:25px;
    border: 1px solid #6F6F6F;
	  }

@media only screen and (max-width: 767px){
    .lang-mobile-redesign{
      display: inline-block!important;
      position: relative;
    }
    .link-btns-desktop{
      display: none!important;
    }

      .lang-desktop-redesign{
        display:none!important;
      }

	.dropDownbtn{
		width: 100%;
		color:white!important;  
		font-size: 100%;
		letter-spacing: 0.7px;
		line-height: 1px;
		cursor:pointer;
	  }
	  
	  .arrow-Down {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: relative;
		left: 75px;
		top: -15px;
		border: solid white;
		border-width: 0 1.5px 1.5px 0;
		display: inline-block;
		padding: 3px;
	  }
	  .arrow-Up {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		position: relative;
		left: 75px;
		top: -10px;
		border: solid white;
		border-width: 0 1.5px 1.5px 0;
		display: inline-block;
		padding: 3px;
	  }

	  .drop-Down-Content{
    		    display:none!important;
            height: 100%;
            width: 100%;
            color: #6F6F6F;
            font-family: "Genesis Sans Head";
            font-size: 14px;
            letter-spacing: 0;
            line-height: 17px;
            cursor: pointer;
            padding-top: 10%;
            padding-left: 10%;
            padding-bottom: 10%;
            border: 1px solid black;
	  }
	  .drop-Down-Content a{
        height: 100%;
        width: 100%;
        color: #6F6F6F;
        font-family: "Genesis Sans Head";
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        cursor: pointer;
	  }

	  .langBtns{
			height: 17px;
		  width: 90.65px;
	  }


}
    .copyright-enhancement-wrap{
			float:right;
      		height:fit-content;
      		margin-right:140px;
		}
.btn-copyright-mobile{
	display:none;
}
.btn-copyright-desktop{
	display:inline-block;
    }

#myInput {
  box-sizing: border-box;
  background-image: url("searchicon.png");
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}
#myInput:focus {
  outline: 3px solid #ddd;
}

    .sns-btns-desktop{
      display: inline-block;
    }
    .sns-btns-desktop a{
      margin: 0 8px 8px 0;
    }

@media only screen and (min-width:1128px){
	    .global-footer footer .footer-bot p.copy{
		margin-left:8rem;
	}
        .copyright-enhancement-wrap{
		margin-right:10.75rem;
            }

}
@media only screen and (max-width:1127px) and (min-width:1024px){
	    .global-footer footer .footer-bot p.copy{
		margin-left:5rem;
	}
        .copyright-enhancement-wrap{
		margin-right:7.75rem;
            }

}

@media only  screen and (max-width:1024px){
    .link-btns-desktop{
      display: none!important;
    }

    .lang-mobile-redesign{
      display: inline-block!important;
      position: relative;
    }
     .lang-desktop-redesign{
        display:none!important;
    }


	.dropDownbtn{
		width: 100%;
		color:white!important;  
		font-size: 100%;
		letter-spacing: 0.7px;
		line-height: 1px;
		cursor:pointer;
	  }
	  
	  .arrow-Down {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: relative;
		left: 100%;
		top:-3px;
		border: solid white;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 3px;
	  }
	  .arrow-Up {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		position: relative;
		left: 100%;	
    	top:10%;
		border: solid white;
		border-width: 0 1.5px 1.5px 0;
		display: inline-block;
		padding: 3px;
	  }

	  .drop-Down-Content{
    	display:none;
		position: absolute;
		background-color: #f1f1f1;
		min-width: 160px;
		overflow: auto;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 1;
		bottom: 130%;
	  }
	  .drop-Down-Content a{
        height: 100%;
        width: 100%;
        color: #6F6F6F!important;
        font-family: "Genesis Sans Head";
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        padding-top: 10%;
        padding-left: 10%;
    	  padding-bottom:10%;
        border-top: 1px solid #6F6F6F;
    	  text-align:left;
	  }

	  .showDropDown-Mobile{
		display:grid!important;
		box-sizing: border-box;
		height: auto;
		width: 100%;
		background-color: #F8F8F8;
    border: 1px solid #6F6F6F;
	  }
	  .langBtns-footer{
		height: 100%;
		width: 100%;
    	text-align:right;
	  }

.btn-copyright-mobile{
	display:block;
}
.btn-copyright-desktop{
	display:none;
    }
.sns-btns-mobile{
  display: inline-block;
}
.sns-btns-mobile a{
  margin:0 12px 0 0;
}

}