:root{--white:#fff;--black:#000;--blackpiano:#181818;--offwhite:#f0edeb;--pbtn-background:#d4d4d4;--pbtn-placeholder:#999;--pbtn-dark-grey:#676767;--pbtn-grey:#bbb9b7;--pbtn-box:#f5f4f4;--pbtn-borderbox:#d3d3d3;--hyundai-blue:#002c5f;--hyundai-light-blue:#00aad2;--hyundai-lighter-blue:#aed7e6;--hyundai-success-blue:#007fa8;--hyundai-active-red:#e63312}
.product-button{width:100%;height:auto;position:fixed;bottom:0;left:0;z-index:1}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.product-button{width:100%;top:10%;bottom:unset;left:unset;right:0;transition:all .5s ease-out}
}
@media only screen and (max-width:767px){.product-button{width:100%;top:10%;bottom:unset;left:unset;right:0;transition:all .5s ease-out}
}
.pbtn-wrap{width:100%;height:auto;display:block;transition:all .5s ease-out}
.pbtn-wrap .pbtn-close-mobile{display:none}
.pbtn-wrap .pbtn-content{width:auto;max-width:100%;display:flex;align-items:center;justify-content:center;margin:0 auto}
.pbtn-wrap .pbtn-content .pbtn-item{width:100%;max-width:248px;height:45px;display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:var(--blackpiano);border:solid 1px var(--blackpiano);margin-right:1px;padding:5px 0 0}
.pbtn-wrap .pbtn-content .pbtn-item.default{cursor:default;pointer-events:none;opacity:.8}
.pbtn-wrap .pbtn-content .pbtn-item:hover{background-color:var(--offwhite);text-decoration:none}
.pbtn-wrap .pbtn-content .pbtn-item .pbtn-icon{margin-right:8px}
.pbtn-wrap .pbtn-content .pbtn-item:hover .pbtn-icon svg path{fill:var(--blackpiano)}
.pbtn-wrap .pbtn-content .pbtn-item .pbtn-text{color:var(--offwhite);font-size:14px;font-family:"HyundaiSansHead-Medium";line-height:1;text-transform:uppercase}
.pbtn-wrap .pbtn-content .pbtn-item:hover .pbtn-text{color:var(--blackpiano)}
@media only screen and (min-width:1200px) and (max-width:1600px){.pbtn-wrap .pbtn-content .pbtn-item{max-width:218px;height:40px}
.pbtn-wrap .pbtn-content .pbtn-item .pbtn-text{font-size:12px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.pbtn-wrap{width:auto;display:flex;align-items:flex-start;position:absolute;right:0}
.pbtn-wrap.closed{transform:translateX(220px)}
.pbtn-wrap .pbtn-close-mobile{width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin-right:3px;background-color:var(--blackpiano);border:0}
.pbtn-wrap .pbtn-close-mobile img{transform:rotate(180deg)}
.pbtn-wrap.closed .pbtn-close-mobile img{transform:rotate(0)}
.pbtn-wrap .pbtn-content{width:auto;height:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.pbtn-wrap .pbtn-content .pbtn-item{width:220px;height:36px;justify-content:flex-start;margin:0 0 3px;padding:0 15px}
.pbtn-wrap .pbtn-content .pbtn-item .pbtn-text{font-size:13px}
}
@media only screen and (max-width:767px){.pbtn-wrap{width:auto;display:flex;align-items:flex-start;position:absolute;right:0}
.pbtn-wrap.closed{transform:translateX(220px)}
.pbtn-wrap .pbtn-close-mobile{width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin-right:3px;background-color:var(--blackpiano);border:0}
.pbtn-wrap .pbtn-close-mobile img{transform:rotate(180deg)}
.pbtn-wrap.closed .pbtn-close-mobile img{transform:rotate(0)}
.pbtn-wrap .pbtn-content{width:auto;height:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.pbtn-wrap .pbtn-content .pbtn-item{width:220px;height:36px;justify-content:flex-start;margin:0 0 3px;padding:0 15px}
.pbtn-wrap .pbtn-content .pbtn-item .pbtn-text{font-size:13px}
}
.pbtn-modal{width:100%;max-width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;z-index:99999}
.pbtn-modal.show{display:block}
.pbtn-modal .pbtn-modal-backdrop{width:100%;max-width:100%;height:100%;display:block;background-color:#000000d4}
.pbtn-modal .pbtn-modal-content{width:100%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.pbtn-modal .pbtn-modal-content .pbtn-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:absolute;z-index:100;top:-8px;right:10%;background-color:var(--blackpiano);border:solid 1px var(--offwhite);padding:0}
.pbtn-form-content{width:100%;max-width:100%;height:auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:50}
@media only screen and (min-width:1200px) and (max-width:1600px){.pbtn-modal .pbtn-modal-content{top:60%}
.pbtn-modal .pbtn-modal-content .pbtn-modal-close{right:2.8%}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.pbtn-modal .pbtn-modal-content{top:54.5%}
.pbtn-modal .pbtn-modal-content .pbtn-modal-close{right:2%}
}
@media only screen and (max-width:767px){.pbtn-modal .pbtn-modal-content{top:50%}
.pbtn-modal .pbtn-modal-content .pbtn-modal-close{right:2%}
}
.pbtn-form{width:100%;max-width:100%;height:auto;display:block}
.pbtn-form .pbtnform-content{width:100%;max-width:1500px;height:550px;display:flex;align-items:flex-start;justify-content:flex-start;margin:0 auto}
.pbtn-form .pbtnform-content .pbtnform-image,.pbtn-form .pbtnform-content .pbtnform-form{width:50%;height:100%}
.pbtn-form .pbtnform-content .pbtnform-form{background-color:var(--blackpiano);padding:33px 45px 42px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-title{width:100%;height:auto;color:var(--offwhite);font-size:36px;font-family:"HyundaiSansHead-Medium";line-height:1;margin-bottom:5px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-text{width:100%;height:auto;color:var(--offwhite);font-size:16px;font-family:"HyundaiSansText-Regular";line-height:1;margin:0 0 20px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content{width:100%;display:flex;flex-direction:column;position:relative}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-bottom:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group{width:50%;margin-bottom:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group.left{padding-right:5.5px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group.right{padding-left:5.5px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]{width:100%;height:45px;color:var(--blackpiano);font-size:14px;font-family:"HyundaiSansHead-Medium";line-height:normal;background-color:var(--offwhite);border:solid 1px var(--offwhite);padding:0 12px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]::placeholder{color:var(--pbtn-placeholder);font-size:14px;font-family:"HyundaiSansHead-Medium";line-height:normal;text-transform:uppercase}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container{width:100%;height:auto;display:block}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-button{width:100%;height:45px;color:var(--pbtn-placeholder);font-size:14px;font-family:"HyundaiSansHead-Medium";line-height:normal;text-align:left;background-color:var(--offwhite);border:solid 1px var(--offwhite);padding:0 12px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-button[aria-expanded="false"]::after{width:11px;height:5px;vertical-align:0;margin-left:0;position:absolute;top:50%;right:3%;border-width:0;border-style:none;border-color:initial;border-image:initial;background:url('../product-middle-form-v1/clientlib/img/dropdown-icon.svg') right center no-repeat;transition:all .5s ease-out}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-button[aria-expanded="true"]::after{width:11px;height:5px;vertical-align:0;margin-left:0;position:absolute;top:50%;right:3%;border-width:0;border-style:none;border-color:initial;border-image:initial;background:url('../product-middle-form-v1/clientlib/img/dropdown-icon.svg') right center no-repeat;transform:rotate(180deg);transition:all .5s ease-out}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-button span.selected{color:var(--blackpiano)}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .dropdown-menu{transform:translate3d(0,47px,0) !important}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .dropdown-menu.show{width:100%;height:auto;border:0;border-radius:0;box-shadow:0 3px 10px #00000029;background-color:var(--offwhite);padding:0}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers{padding:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers .pbtnform-search-text{width:100%;color:var(--blackpiano);font-size:14px;font-family:"HyundaiSansHead-Medium";line-height:1;margin:0 0 10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers .pbtnform-search-options{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers .pbtnform-searchbox-input{display:flex;background-color:var(--white);padding-left:5px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers .pbtnform-searchbox-input .pbtnform-search-input{border:0;background-color:var(--white);flex-grow:1}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers .pbtnform-searchbox-input .pbtnform-search-input-button{border:0;background-color:var(--white);padding-top:5px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container{width:100%;height:auto;max-height:200px;overflow-y:auto;padding:0 3px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container::-webkit-scrollbar{width:20px;background-color:transparent}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container::-webkit-scrollbar-track{background-color:transparent;border-radius:0;border:solid 5px transparent;background-clip:content-box}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container::-webkit-scrollbar-thumb{height:auto;border:solid 7px transparent;background-color:var(--blackpiano);border-radius:50px;background-clip:content-box}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container .pbtnform-dealer-item{width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:15px 10px;border:0;border-bottom:solid 1px var(--pbtn-dark-grey);background-color:var(--pbtn-grey)}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container .pbtnform-dealer-item:last-of-type{border-bottom:0}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container .pbtnform-dealer-item .pbtnform-dealer-item-name{width:100%;color:var(--blackpiano);font-size:14px;font-family:"HyundaiSansHead-Medium";text-align:left;line-height:1.2;margin-bottom:5px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container .pbtnform-dealer-item .pbtnform-dealer-item-address{width:100%;color:var(--blackpiano);font-size:12px;font-family:"HyundaiSansText-Regular";text-align:left;line-height:1.2}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dealer-noresult{width:100%;color:var(--hyundai-active-red);font-size:14px;font-family:"HyundaiSansText-Regular";line-height:1;padding:0 10px 10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-contacts{width:100%}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-contacts .pbtnform-contact-title{width:100%;color:var(--offwhite);font-size:24px;font-family:"HyundaiSansHead-Medium";line-height:1.2;text-align:left;margin:0 0 13px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-contacts .pbtnform-checks{width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;margin-bottom:35px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-allows{width:100%;height:auto;display:flex;align-items:flex-start;justify-content:space-between}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-allows .pbtnform-allow{width:50%}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content{position:absolute;bottom:0;left:0;z-index:1}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content .pbtnform-button{width:248px;height:45px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-family:"HyundaiSansHead-Medium";line-height:normal;background-color:var(--hyundai-blue);border:solid 1px var(--hyundai-blue)}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content .pbtnform-button:hover{color:var(--hyundai-blue);background-color:var(--white)}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-success{width:100%;height:auto;display:flex;background-color:var(--hyundai-lighter-blue);padding:20px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-success div:first-of-type{margin-right:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-success h2{color:var(--hyundai-success-blue);font-size:18px;font-family:"HyundaiSansHead-Medium";margin-bottom:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-success p{color:var(--black);font-size:16px;font-family:"HyundaiSansText-Regular";line-height:1.2}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-success .pbtnform-protocol{font-family:"HyundaiSansHead-Medium"}
.pbtn-form .pbtnform-scroll{width:100px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto 0;animation:pulse 1s infinite ease-in-out}
.pbtn-form .pbtnform-scroll .pbtnform-scroll-text{color:var(--blackpiano);font-size:10px;font-family:"HyundaiSansHead-Medium";text-transform:uppercase}
.pbtn-form .pbtnform-radio{position:relative;padding-left:25px;margin-bottom:10px;cursor:pointer;color:var(--blackpiano);font-size:13px;font-family:"HyundaiSansText-Regular";line-height:normal;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.pbtn-form .pbtnform-radio input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.pbtn-form .pbtnform-radio .pbtnform-radiomark{width:20px;height:20px;position:absolute;top:-4px;left:0;background-color:var(--pbtn-box);border:solid 1px var(--pbtn-borderbox);border-radius:50%;transition:all .5s ease-out}
.pbtn-form .pbtnform-radio .pbtnform-radiomark::after{content:"";width:10px;height:10px;position:absolute;display:none;top:4px;left:4px;border-radius:50%;background-color:var(--hyundai-light-blue)}
.pbtn-form .pbtnform-radio:hover input ~ .pbtnform-radiomark,.pbtn-form .pbtnform-radio input:checked ~ .pbtnform-radiomark{border-color:var(--hyundai-light-blue)}
.pbtn-form .pbtnform-radio input:checked ~ .pbtnform-radiomark{border-radius:0}
.pbtn-form .pbtnform-radio input:checked ~ .pbtnform-radiomark::after{display:block}
.pbtn-form .pbtnform-check{position:relative;padding-left:35px;margin-right:30px;margin-bottom:10px;cursor:pointer;color:var(--offwhite);font-size:13px;font-family:"HyundaiSansText-Medium";line-height:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.pbtn-form .pbtnform-check input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.pbtn-form .pbtnform-check .pbtnform-checkmark{width:25px;height:25px;position:absolute;top:-5px;left:0;background-color:var(--pbtn-box);border:solid 1px var(--pbtn-borderbox);transition:all .5s ease-out}
.pbtn-form .pbtnform-check .pbtnform-checkmark::after{content:"";width:13px;height:13px;position:absolute;display:none;top:5px;left:5px;background-color:var(--hyundai-light-blue)}
.pbtn-form .pbtnform-check:hover input ~ .pbtnform-checkmark,.pbtn-form .pbtnform-check input:checked ~ .pbtnform-checkmark{border-color:var(--hyundai-light-blue)}
.pbtn-form .pbtnform-check input:checked ~ .pbtnform-checkmark::after{display:block}
.pbtn-form .pbtn-form-input-invalid{border:solid 1px var(--hyundai-active-red) !important}
.pbtn-form .pbtn-error{color:var(--hyundai-active-red);font-size:12px;font-family:"HyundaiSansText-Regular";line-height:normal}
@media only screen and (min-width:1200px) and (max-width:1600px){.pbtn-form .pbtnform-content{max-width:93%;height:410px}
.pbtn-form .pbtnform-content .pbtnform-image{width:40%}
.pbtn-form .pbtnform-content .pbtnform-image img{width:100%;height:100%;object-fit:cover}
.pbtn-form .pbtnform-content .pbtnform-form{width:60%;padding:15px 20px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-title{font-size:24px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-text{font-size:15px;margin:0 0 8px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs{margin-bottom:13px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group{margin-bottom:8px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]{font-size:13px;height:35px;padding:0 10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]::placeholder{font-size:13px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-button{height:35px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers .pbtnform-search-text{font-size:12px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .dropdown-menu{transform:translate3d(0,35px,0) !important}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-wrap-search-dealers{padding:8px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container{min-height:150px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container .pbtnform-dealer-item{padding:8px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container .pbtnform-dealer-item .pbtnform-dealer-item-name{font-size:13px;margin-bottom:3px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-dealer-container .pbtnform-dealer-item .pbtnform-dealer-item-address{font-size:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-contacts .pbtnform-contact-title{font-size:18px;margin-bottom:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-contacts .pbtnform-checks{margin-bottom:22px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content .pbtnform-button{width:188px;height:40px;font-size:12px}
.pbtn-form .pbtnform-scroll{margin-top:10px}
.pbtn-form .pbtnform-scroll .pbtnform-scroll-icon{height:25px}
.pbtn-form .pbtnform-scroll .pbtnform-scroll-icon img{width:14px;height:auto}
.pbtn-form .pbtnform-scroll .pbtnform-scroll-text{font-size:8px}
.pbtn-form .pbtnform-radio{font-size:12px;margin-bottom:8px;padding-left:20px}
.pbtn-form .pbtnform-radio .pbtnform-radiomark{width:15px;height:15px}
.pbtn-form .pbtnform-radio .pbtnform-radiomark::after{width:7px;height:7px;top:3.5px;left:3.5px}
.pbtn-form .pbtnform-check{font-size:12px;padding-left:30px;margin-right:25px;margin-bottom:8px}
.pbtn-form .pbtnform-check .pbtnform-checkmark{width:20px;height:20px}
.pbtn-form .pbtnform-check .pbtnform-checkmark::after{width:10px;height:10px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.pbtn-form .pbtnform-content{max-width:95%;height:auto;flex-direction:column}
.pbtn-form .pbtnform-content .pbtnform-image{display:none}
.pbtn-form .pbtnform-content .pbtnform-form{width:100%;height:auto}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs{flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:8px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group{width:100%;margin-bottom:8px;padding:0 !important}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]{font-size:13px;height:40px;padding:0 10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]::placeholder{font-size:13px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-button{height:40px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-allows{flex-direction:column;justify-content:flex-start}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-allows .pbtnform-allow{width:100%;margin-bottom:8px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content{position:relative}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content .pbtnform-button{width:100%;height:40px}
}
@media only screen and (max-width:767px){.pbtn-form .pbtnform-content{max-width:95%;height:auto;flex-direction:column}
.pbtn-form .pbtnform-content .pbtnform-image{display:none}
.pbtn-form .pbtnform-content .pbtnform-form{width:100%;height:auto;padding:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-title{font-size:16px;margin-bottom:3px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-text{font-size:11px;margin:0 0 10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs{flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:5px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group{width:100%;margin-bottom:5px;padding:0 !important}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"],.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]{font-size:13px;height:32px;padding:0 10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="text"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="email"]::placeholder,.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group input[type="tel"]::placeholder{font-size:13px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-inputs .pbtnform-input-group .pbtnform-search-result-container .pbtnform-result-dropdown .pbtnform-dropdown-button{height:32px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-contacts .pbtnform-contact-title{font-size:14px;margin:0 0 10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-contacts .pbtnform-checks{flex-wrap:wrap;margin-bottom:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-allows{flex-direction:column;justify-content:flex-start}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-allows .pbtnform-allow{width:100%;margin-bottom:8px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content{position:relative;bottom:10px}
.pbtn-form .pbtnform-content .pbtnform-form .pbtnform-form-content .pbtnform-button-content .pbtnform-button{width:100%;height:40px}
.pbtn-form .pbtnform-check{min-width:91px;font-size:11px !important;margin-right:12px !important;margin-bottom:18px !important}
}
@keyframes pulse{0{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
@-webkit-keyframes pulse{0{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.pbtn-color-selector{width:36px;height:36px;position:fixed;top:70%;right:3%;z-index:999;background-color:rgba(255,255,255,0.8);border:solid 1px var(--blackpiano);transition:all .5s ease-out}
.pbtn-color-selector.open{width:auto;height:auto;min-width:400px}
.pbtn-color-selector .cs-header{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;background-color:var(--blackpiano)}
.pbtn-color-selector.open .cs-header{height:36px}
.pbtn-color-selector .cs-header .cs-header-content{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start}
.pbtn-color-selector.open .cs-header .cs-header-content{width:90%}
.pbtn-color-selector .cs-header .cs-header-content .cs-header-icon{width:36px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pbtn-color-selector .cs-header .cs-header-content .cs-header-icon img{width:55%;height:auto}
.pbtn-color-selector .cs-header .cs-header-content .cs-header-title{width:calc(100% - 36px);height:auto;display:none;margin-left:5px}
.pbtn-color-selector.open .cs-header .cs-header-content .cs-header-title{display:block}
.pbtn-color-selector .cs-header .cs-header-title span{color:var(--offwhite);font-size:14px;font-family:"HyundaiSansHead-Medium";line-height:normal;text-transform:uppercase}
.pbtn-color-selector .cs-header .cs-close{width:10%;height:auto;display:none;align-items:center;justify-content:center}
.pbtn-color-selector.open .cs-header .cs-close{display:flex}
.pbtn-color-selector .cs-header .cs-close .cs-close-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0}
.pbtn-color-selector .cs-body{width:100%;height:auto;display:none;flex-direction:column;padding:0 10px 5px}
.pbtn-color-selector.open .cs-body{display:flex}
.pbtn-color-selector .cs-body .cs-tabs{width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px}
.pbtn-color-selector .cs-body .cs-tabs button{width:50%;max-width:100%;height:30px;display:flex;align-items:center;justify-content:flex-start;background-color:transparent;border:0;border-bottom:solid 1px var(--hyundai-blue);padding:0}
.pbtn-color-selector .cs-body .cs-tabs button.active{border-bottom-width:3px}
.pbtn-color-selector .cs-body .cs-tabs button span{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;color:var(--blackpiano);font-size:12px;font-family:"HyundaiSansHead-Bold";line-height:normal;text-transform:uppercase;padding-left:10px}
.pbtn-color-selector .cs-body .cs-tabcontent,.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane{width:100%;height:auto}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group{width:100%;height:auto;display:flex;align-items:flex-end;justify-content:flex-start}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group .color-item{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background-color:var(--white);border:solid 1px var(--pbtn-grey);margin-right:10px;padding:3px;transition:all .5s ease-out}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group .color-item.active{width:180px}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group .color-item .color-item-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:solid 1px var(--pbtn-grey);transition:all .5s ease-out}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group .color-item .color-item-content .color-name{font-size:12px;font-family:"HyundaiSansHead-Medium";line-height:normal;text-transform:uppercase;display:none}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group .color-item.active .color-item-content .color-name{display:block;animation:reveal 2.5s forwards}
@keyframes reveal{from{clip-path:inset(0 0 0 100%)}
to{clip-path:inset(0 0 0 0)}
}
@media only screen and (min-width:1200px) and (max-width:1600px){.pbtn-color-selector{top:68%;right:2%}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.pbtn-color-selector{top:40%;right:0}
}
@media only screen and (max-width:767px){.pbtn-color-selector{top:40%;right:0}
.pbtn-color-selector.open{max-width:100%;min-width:100%}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group{flex-wrap:wrap}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group .color-item{width:30px;height:30px;margin-bottom:10px}
.pbtn-color-selector .cs-body .cs-tabcontent .cs-tabpane .cs-tabcontent-group .color-item.active{width:150px}
}