@charset "utf-8";
@import url("normalize.css");
@font-face{font-family:'Droid Sans';font-style:normal;font-weight:400;src:local('Droid Sans'),local(DroidSans),url(https://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciAzyDMXhdD8sAj6OAJTFsBI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
@font-face{font-family:'Droid Sans';font-style:normal;font-weight:700;src:local('Droid Sans Bold'),local(DroidSans-Bold),url(../fonts/efpqqyg9gqcrobxxl-krmwavi6zn22yiurzcbkxpjfe.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
@font-face {
	font-family: 'SimplonNorm-Bold';
	src: url("../fonts/simplonnorm-bold.ttf");
	src: url("../fonts/simplonnorm-bold.ttf") format("truetype"),
	     url("/static/fonts/SimplonNorm-Bold.otf") format("opentype");
}
@font-face {
	font-family: 'SimplonNorm-Medium';
	src: url("../fonts/simplonnorm-medium.ttf");
	src: url("/static/fonts/SimplonNorm-Medium.ttf") format("truetype"),
	     url("/static/fonts/SimplonNorm-Medium.otf") format("opentype");
}
  @font-face {
	font-family: 'SimplonNorm-Regular';
	src: url("/static/fonts/SimplonNorm-Regular.woff");
	src: url("../fonts/simplonnorm-regular.ttf") format("truetype"),
		 url("/static/fonts/SimplonNorm-Regular.otf") format("opentype"),
		 url("/static/fonts/SimplonNorm-Regular.woff") format("woff");
}
@font-face {
	font-family: 'SimplonNorm-Light';
	src: url("../fonts/simplonnorm-light.ttf");
	src: url("../fonts/simplonnorm-light.ttf") format("truetype"),
	     url("/static/fonts/SimplonNorm-Light.otf") format("opentype");
}

/* root */
html, body {height: 100%;}
html {box-sizing: border-box;}
*,*::before, *::after {box-sizing: inherit;}
*:focus {box-shadow: none;outline: #000 dotted 2px;}
body{font-family: droid sans,Helvetica,verdana,Arial,sans-serif; font-size: 16px; line-height:1.6em; color: #000;background-color: #fff;word-wrap: break-word;}
h1{ font-size: 2.625em; line-height:1.2em; }
h2{ font-size: 2em; line-height: 1.2em; }
h3{font-size: 1.25em; line-height: 1.2em;}
h4{font-size: 1em; line-height: 1.2em;}
p{font-size: 1em; line-height: 1.6em; }
figure{ margin:0; padding:0}
a{ color: #0272BD; transition:0.3s;-webkit-transition:0.3s;}
a:hover {text-decoration: underline;}
a.disabled{ color:#666 ;cursor: no-drop; text-decoration:none}
input[type='text'], input[type='number'], select, textarea {font-size: 16px;}
.element-invisible{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0;}
.hidden {position:absolute; left:0;top:-500px;width:1px;height:1px;overflow:hidden;}
.nowrap {   display: inline-block;}
.replaceFont{font-family: Helvetica,verdana,Arial,sans-serif; display:inline !important}


/* btn */
.btn{ font-size:1em; font-weight:normal; color:#fff; text-decoration: none; background-color:#333; text-align: center; display: inline-block; white-space:nowrap; padding:0 25px; border-radius:50px; border: 1px solid #333; line-height:38px;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out; margin:0;cursor: pointer;}
.btn:hover{background-color:#74ba00; text-decoration: none; border: 1px solid #74ba00;cursor: pointer;}
.btn:disabled, .btn.disabled{background-color: #e4e4e4 !important;border:1px solid #e4e4e4 !important; color:#666 !important;cursor: no-drop;}
.btn.btn-link:disabled, .btn.btn-link.disabled{background-color: transparent !important;border:0px !important; color:#666 !important;cursor: no-drop;}
.btn.btn-primary{color:#fff; background-color:#333;border: 1px solid #333; position:relative}
.btn.btn-primary:hover{background-color:#74ba00;border: 1px solid #74ba00;}
.btn.btn-primary-green{color:#fff; background-color:#74ba00;border: 1px solid #74ba00; }
.btn.btn-primary-green:hover{background-color:#67a500; border: 1px solid #67a500;}
.btn.btn-primary-white{color:#333; background-color:#ffffff;border: 1px solid #ffffff; }
.btn.btn-primary-white:hover{color: #fff; background-color:#67a500 ;border: 1px solid #67a500;}
.btn.btn-secondary-dark{color:#333; background-color: transparent;border: 1px solid #333; }
.btn.btn-secondary-dark:hover{color:#fff;background-color:#74ba00;border: 1px solid #74ba00;}
.btn.btn-secondary-light{color:#fff; background-color: transparent;border: 1px solid #fff; }
.btn.btn-secondary-light:hover{background-color:#74ba00;border: 1px solid #74ba00;}
.btn.btn-link{color:#333; background-color: transparent;border: 0px; text-decoration: underline; }
.btn.btn-link:hover{color:#74ba00; background-color: transparent;border: 0px;}
.btn:before, .btn:after{font-family: 'Font Awesome 5 Free';/*display: inline-block;*/ vertical-align: middle; -webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.btn.icon-b-video:before{ font-size: 0.8em;font-weight: 900; content: "\f04b";margin:0 10px 0 -5px;}
.btn.icon-a-video:after{  font-size: 0.8em;font-weight: 900; content: "\f04b";margin:0 -5px 0 10px;}
.btn.btn-link.icon-a-video:after{ font-size: 1.1em;font-weight: 400; content: "\f144";margin:0 -5px 0 8px;}
.btn.btn-link.icon-a-more:after{ font-size: 1em;font-weight: 900; content: "\f105";margin:0 -5px 0 5px;}
.btn.btn-link.icon-info:after{ font-size: 1em;font-weight: 900; content: "\f05a";}
.btn.icon-b-view:before{ font-size: 1.2em;font-weight: 400; content: "\f06e";margin:0 10px 0 -5px;}
.btn.icon-b-gallery:before{ font-size: 1.2em;font-weight: 400; content: "\f03e";margin:0 10px 0 -5px;}
.btn.width-download{min-width: 150px;}
.btn.width-full{ width: 100%;}
.icon-a-arrow:after{font-family: 'Font Awesome 5 Free';/*display: inline-block;*/ vertical-align: middle; -webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;  font-size: 1em;font-weight: 900; content: "\f105";margin:0 -5px 0 5px;}
.btn.icon-a-pdf:before{ content:""; display:inline-block;  background-image:url(../images/icon-pdf.svg); width:25px; height:25px; margin-right:5px;}
/* animated arrow */
.btn.btn-primary.animated-arrow{ padding-right:45px}
.btn.btn-primary.animated-arrow.width-full{ padding:0 45px}
.btn.btn-primary.animated-arrow .arrow{position: absolute; top:10px; right:18px;width:16px;height: 16px; display: inline-block;}
.btn.btn-primary.animated-arrow .arrow span{top: 0.5rem;position: absolute;width: 10px;height: 2px;background-color: #efefef;/*display: inline-block;*/transition: all 0.2s ease;}
.btn.btn-primary.animated-arrow .arrow span:first-of-type{ left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.btn.btn-primary.animated-arrow .arrow span:last-of-type{right: 0; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.btn.btn-primary.animated-arrow.active .arrow span:first-of-type{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.btn.btn-primary.animated-arrow.active .arrow span:last-of-type{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.btn.btn-primary.animated-arrow.active{background-color:#333;border: 1px solid #333;}
.btn.btn-primary.animated-arrow.disabled, .btn.btn-primary.animated-arrow:disabled{ padding:0 25px;}
.btn.btn-primary.animated-arrow.disabled .arrow, .btn.btn-primary.animated-arrow:disabled .arrow{ display:none}

/* icon button  */
.onlineStore-button{ display: inline-block;cursor: pointer;background-color:#f0f0f0;display:inline-flex;padding: 10px 20px;text-decoration:none;}
.onlineStore-button:hover{ text-decoration:none;}
.onlineStore-button .onlineStore-icon{ width:20px; height:20px; margin-right:10px;}
.onlineStore-button .onlineStore-name{font-family: 'SimplonNorm-Medium', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';text-transform:uppercase; font-size:1.063em; white-space:nowrap; color:#000; text-decoration:none}
.onlineStore-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0; color:#000}
.importantNotice-button{background-size: 350px 45px;background-repeat: no-repeat;background-image: url("../images/icon-importantnoticeofs.png");background-position: center center;width: 350px;height: 45px;display: inline-block;cursor: pointer;}
.importantNotice-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0;}
.announcement-button{display: inline-block;cursor: pointer; text-align:right; color:#000; text-decoration:none; font-size:1em; line-height:1.1em; border-right:1px solid #000; padding-right:12px; margin-right:20px;}
.announcement-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0;}
.owSocial-button{font-size: 1.3em; font-family: "Font Awesome 5 Brands";  color: #666; text-decoration: none;display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; padding:; vertical-align: middle;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;cursor: pointer;}
.followSocial-button{font-size: 1.3em; font-family: "Font Awesome 5 Brands";  color: #212121; text-decoration: none;display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; padding:; vertical-align: middle;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;cursor: pointer;}
a.followSocial-button{transition:0s;-webkit-transition:0s;}
.followSocial-button:after{ content: " ";}
.followSocial-button:hover{ text-decoration: none; color: #212121; }
.followSocial-button .followSocial-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0;}
.followSocial-button.icon-twitter:after{content: "\f099";}
.followSocial-button.icon-facebook:after{content: "\f39e";}
.followSocial-button.icon-instagram:after{content: "\f16d";}
.followSocial-button.icon-linkedin:after{content: "\f0e1";}
/*.followSocial-button.icon-medium:after{content: "\f3c7";}*/
.followSocial-button.icon-vimeo:after{content: "\f27d";}
.followSocial-button.icon-youtube:after{content: "\f167";}
a.followSocial-button.icon-medium{ background-image: url("../images/icon-social-medium.svg");background-repeat: no-repeat;background-position: center center; background-size: 100%;filter: invert(10%) sepia(0%) saturate(1%) hue-rotate(172deg) brightness(93%) contrast(91%);

}
a.followSocial-button.icon-medium:hover{ filter: invert(10%) sepia(0%) saturate(1%) hue-rotate(172deg) brightness(93%) contrast(91%);}
.close-button {position: relative;display: inline-block;width: 35px;height: 35px;overflow: hidden;cursor: pointer;}
.close-button:hover::before, .close-button:hover::after {background: #74ba00;}
.close-button::before, .close-button::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #333;margin-top: -1px;border-radius: 5px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.close-button::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.close-button::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.close-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0; background-color:#000000; color:#fff}
.form-inputfile + .fileReset-button{ font-size:0.875em; font-weight:normal; color:#666; text-decoration: none; background-color: transparent; border-radius:0 5px 5px 0; text-align: center; display: inline-block; white-space:nowrap; border: 0px; line-height:48px; height:48px; padding:0 10px; position:absolute; right:1px; top:1px;cursor:pointer;transition:0.3s;-webkit-transition:0.3s;}
.form-inputfile + .fileReset-button:before{ font-family: 'Font Awesome 5 Free'; color:#666;display: inline-block; margin-right:5px;font-size: 1.2em;font-weight: 900; content: "\f00d"; vertical-align: middle; -webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1; transition:0.3s;-webkit-transition:0.3s;}
.form-inputfile + .fileReset-button:hover, .form-inputfile + .fileReset-button:hover:before{ color:#333}
/* global */
.rwd-outer{  margin:0 auto; padding-left:25px;padding-right:25px;}
.rwd-wrapper{  margin:0 auto; padding-left:20px;padding-right:20px;}
.rwd-inner{  margin:0 auto; padding-left:20px;padding-right:20px;}
.rwd-content{ max-width: 1000px;padding: 0 20px;margin: 0 auto 0px auto; text-align: left}
main.main-box{ /*padding-top: calc(85px + 35px);*/ }
main.main-box .main-wrapper{ }
.page-box{}
.page-box .page-wrapper{ }
.page-box .page-content{ min-height: calc(100vh - 80px/* header */ - 30vh/* PKVbanner */ - 246px/* footer */)}
.page-box .page-content h2{ font-size: 2rem; line-height: 1.2em; margin: 20px 0; padding: 0;}
.page-box .page-content p{ }
.page-box .page-PKVbanner{}
.PKVbanner-box{width: 100%; height:30vh;align-items: stretch; display: inline-flex; }
.PKVbanner-box .PKVbanner-wrapper{width: 100%;align-items:center;display: inline-flex; position: relative; overflow: hidden;}
.PKVbanner-box .PKVbanner-wrapper:before{content: ""; position: absolute;background:url(../images/pkvbanner-halo.png) center center no-repeat;background-size: 100% 100%; z-index:2; width:180%; height:250%; left:-85%; bottom:-150%; opacity:1; }
.PKVbanner-box .PKVbanner-content{color: #333;margin-bottom: 5px; padding-right:calc(50% - 35vw); z-index: 100}
.PKVbanner-box .PKVbanner-content h1{  font-size: 2.625em; line-height:1em; font-weight: bold; margin: 0 0 5px 0;color:#333; /*text-transform:uppercase;letter-spacing:-0.03em; background:url("../images/pkvbanner-mask.jpg"); background-position: center center; background-size: 100% 100%; -webkit-text-fill-color:transparent;-webkit-background-clip:text;color:#106f57;*/}
.PKVbanner-box .PKVbanner-content p{font-size: 1em; line-height:1.2em; margin:0 ; color: #666;}
.PKVbanner-box .PKVbanner-image{ position: absolute;  top: 0; left: 0; bottom: 0;right: 0;z-index: 1;width: 100%; height:100%;transition: 1s linear; -webkit-transition: 1s linear;}
.PKVbanner-box .PKVbanner-image img{ position: absolute;  top: 0; left: 0; bottom: 0;right: 0;z-index: 1;width: 100%; height:100%; object-fit: cover;  }
.PKVbanner-box:hover .PKVbanner-image{ transform:scale(1.02,1.02);}
.image-aspectRatio { height: 0;padding-bottom: 56.25% /* 16:9 */;position: relative;overflow: ;}
.image-aspectRatio figure, .image-aspectRatio picture{height: 100%;left: 0;position: absolute;top: 0;width: 100%; padding: 0; margin: 0 }
.image-aspectRatio figure img, .image-aspectRatio picture img{ object-fit: cover; width: 100%; height: 100%;padding: 0; margin: 0; display: block; border: 0;}
ul.link-stack{list-style: none;margin:0; padding: 0;*zoom:1;}
ul.link-stack:before, ul.link-stack:after {display:table;line-height:0;content:"";}
ul.link-stack:after {clear: both}
ul.link-stack > * + * {margin-left: 10px;}
ul.link-stack li{ float: left; }

/* lazyload image */
@keyframes scaleout {
  0% {transform: scale(0); }
  100% {transform: scale(1);opacity: 0; } 
}
.loading:before {content: "";position: absolute; z-index: 1;top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 32px; height: 32px; border-radius: 32px; animation: scaleout 1.2s infinite ease-in-out;/* Tweak as needed */ mix-blend-mode: soft-light; background-color: rgba(0, 0, 0, .9); }
.lazyload, .lazyloading {opacity: 0; }
.loading, .lazyload, .lazyloaded, .image {opacity: 1;transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
/* no-src */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded { opacity: 1; }

/* cookie */
#cookie-law-note {display:block;width:calc(100% - 30px);margin:15px ;background-color:rgba(0,0,0,.8); color: #fff; position: fixed; bottom: 0px; z-index: 10000; padding: 20px;text-align: center;}
#cookie-law-note p { padding: 0; margin: 10px 0;display: inline-block;}
#cookie-law-note .cookie-btn-read{ margin: 0 20px;}
#cookie-law-note ul.link-stack{ display: inline-block; margin: 10px 0;}
#cookie-law-note ul.link-stack li{ float: none;}
#cookie-law-note ul.link-stack li .btn{ padding:0 25px !important;}
#cookie-law-note p a{ color:#74ba00; text-decoration: underline !important;}
#cookie-law-note a:focus {outline: #eeecab dotted 2px;}

/* announcement */
.announcement.notice{ height:35px; line-height:35px; width:100%; background-color:#f6f6f6; font-size:15px; text-align: center;}
.announcement.notice a{ color:#06c; text-decoration:none; }
.announcement.notice a:hover{ color:#06c; text-decoration: underline;  }
.announcement.notice .link-announcements:after { content:" "; border: solid #06c;border-width: 0 1px 1px 0;display: inline-block;padding: 3px; margin:0 0 1px 3px;  transform: rotate(-45deg);}
@media only screen and (max-width: 700px) {
	.announcement{ height: 75px}
	.announcement.notice{font-size:14px;}
}

/* jPages */
.pagination {max-width: 1200px; margin: 0 auto; padding:30px 0; border-top: 1px solid #d3d3d3; text-align:center;}
.pagination a {list-style: none;font-size:1em;cursor:pointer;margin: 5px;color:#333;text-decoration: none;border-radius:50%;display:inline-block; min-width:32px; height:32px; line-height:32px;}
.pagination a:hover {color:#74ba00;}
.pagination a.jp-first, .pagination a.jp-previous, .pagination a.jp-next, .pagination a.jp-last{ margin:5px 10px;}
.pagination a.jp-previous {margin-right:25px;}
.pagination a.jp-next {margin-left:25px;}
.pagination a.jp-current, a.jp-current:hover {color:#fff; background-color: #666; border-radius:50%; display:inline-block; min-width:32px; height:32px; line-height:32px;}
/*.pagination a.jp-current:after{content: " (current)"; display: inline-block;position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;clip-path: inset(50%);border: 0;}*/
.pagination a.jp-disabled,a.jp-disabled:hover {color:#666;}
.pagination a.jp-current, a.jp-current:hover, .pagination a.jp-disabled, a.jp-disabled:hover {cursor:default;}
.pagination span {margin: 5px 10px;}

/* form */
.form-input {display: block;width: 100%; padding:.7rem .7rem;font-size:16px; line-height:1.25; color:#000; background-color: #FFF;border:1px solid rgba(0,0,0,.15);border-radius:7px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-input:focus{ border-color: #74bb00; -webkit-box-shadow: 0 0 0 1px #74bb00; box-shadow: 0 0 0 1px #c9ec8f}
.form-input::placeholder {color: #b8b8b8;opacity: 1; /* Firefox */}
.form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #b8b8b8;}
.form-input::-ms-input-placeholder { /* Microsoft Edge */color: #b8b8b8;}
.form-required{ color:#c9203c; font-size:0.875em; margin:0 2px;}
.form-note{ display:block; font-size:14px; color:#666; line-height:1.3em}
.form-upload { position:relative;font-family:droid sans, Helvetica, verdana, Arial, sans-serif;display: block;width: 100%;font-size:16px;padding:0 .7rem; text-align: left; line-height:1.25; color:#808080; background-color: #eeeeee;border-radius:.25rem; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height:43px; line-height:43px;border:1px solid #eeeeee;}
textarea.form-input{ height:200px; line-height:1.6em}
select.form-input{ 	background: url(../images/icon-arrow-select-dark.svg) right center no-repeat rgba(255,255,255,1);background-size: 25px; padding:.7rem 2rem .7rem .7rem;display: inline-block;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select.form-input:required:invalid {color: #666;}
select.form-input option[value=""][disabled] { display: none;}
select.form-input:disabled, .form-input:disabled {background-color: #e4e4e4;border:1px solid #e4e4e4; color:#b8b8b8; }
select.form-input:disabled{background-image:url(../fonts/icon-arrow-select-gray.svg);}

/* error form */
.form-input.error, .ui-widget input.form-input.error{ border:2px solid #CC2339;}
.form-input.error:focus, .ui-widget input.form-input.error:focus{  border-color: #CC2339; -webkit-box-shadow: 0 0 0 2px #CC2339; box-shadow: 0 0 0 2px #f9bec5}
.form-feedback{ color:#CC2339; font-size:14px; margin-top:5px; line-height:1.3em}
.form-upload.error{border:2px solid #CC2339;}
.form-inputfile {display: block;width: 100%; padding:.7rem 110px .7rem .5rem; margin-bottom:5px;font-size:16px; line-height:1.25; color:#666; background-color: #eeeeee;border:1px solid #eeeeee;border-radius:7px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-inputfile:focus{ /*outline: none;*/ border-color: #74bb00; -webkit-box-shadow: 0 0 0 1px #74bb00; box-shadow: 0 0 0 1px #c9ec8f}
.form-inputfile.error { border:2px solid #CC2339; -webkit-box-shadow: 0 0 0 2px #CC2339; box-shadow: 0 0 0 2px #f9bec5}
/* checkbox & radio */
.checkbox-box a:link, .checkbox-box a:visited{ color:#666; text-decoration:underline;}
.checkbox-box a:hover, .checkbox-box a:active{color:#74ba00;}
.form-checkbox{}
.checkbox-label, .radiobtn-label{display: block;position: relative; line-height:1.4em;padding-left: 27px;margin-bottom: 5px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;	}
.checkbox-label .checkmark {position: absolute;top: 2px;left: 0;height: 16px;width: 16px;background-color: #fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem; transition:ease-in-out .15s, ease-in-out .15s;}
.radiobtn-label .checkmark {position: absolute;top: 2px;left: 0;height: 17px;width: 17px;background-color: #fff;border:1px solid rgba(0,0,0,.15);border-radius:50%; transition: ease-in-out .15s, ease-in-out .15s;}
.checkbox-label input.form-checkbox, .radiobtn-label input.form-radiobtn {position: absolute; left:0px; top:0px;opacity: 0;cursor: pointer;}
.checkbox-label:hover input.form-checkbox ~ .checkmark, .radiobtn-label:hover input.form-radiobtn ~ .checkmark {background-color: ;}
.checkbox-label input.form-checkbox:checked ~ .checkmark, .radiobtn-label input.form-radiobtn:checked ~ .checkmark {background-color: #74bb00;border:1px solid #74bb00}
.checkbox-label input.form-checkbox:focus ~ .checkmark, .radiobtn-label input.form-radiobtn:focus ~ .checkmark{ border-color: #74bb00; -webkit-box-shadow: 0 0 0 2px #74bb00; box-shadow: 0 0 0 2px #c9ec8f}
.classifyBox .checkbox-label input.form-checkbox:focus ~ .checkmark, .classifyBox .radiobtn-label input.form-radiobtn:focus ~ .checkmark{  border-color: #74bb00; -webkit-box-shadow: 0 0 0 2px #87ca33; box-shadow: 0 0 0 2px #87ca33}
.checkmark:after {content: "";position: absolute;display: none;}
.checkbox-label input.form-checkbox:checked ~ .checkmark:after, .radiobtn-label input.form-radiobtn:checked ~ .checkmark:after {display: block;}
.checkbox-label .checkmark:after {left: 5px;top: 3px;width: 4px;height: 7px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.radiobtn-label .checkmark:after {  top: 5px;left: 5px;width: 7px; height: 7px;border-radius: 50%;background: white;}
.classifyBox .radiobtn-label input.form-radiobtn:checked ~ .checkmark {background-color: #fff;border:1px solid #cacaca}
.classifyBox .radiobtn-label .checkmark {position: absolute;top: 0;left: 0;height: 17px;width: 17px;background-color: #fff;border:1px solid #cacaca;border-radius:50%; transition:ease-in-out .15s, ease-in-out .15s;}
.classifyBox .radiobtn-label .checkmark:after {  top: 5px;left: 5px;width: 7px; height: 7px;border-radius: 50%;background: #cacaca;}
.checkbox-label input.form-checkbox.error ~ .checkmark{border:2px solid #CC2339;height: 14px;width: 14px;}
.checkbox-label input.form-checkbox.error:focus ~ .checkmark{  border-color: #CC2339; -webkit-box-shadow: 0 0 0 2px #CC2339; box-shadow: 0 0 0 2px #f9bec5}
.checkbox-label input.form-checkbox.error:checked ~ .checkmark{border:2px solid #74bb00;}
.checkbox-label input.form-checkbox.error:checked ~ .checkmark:after{left: 3px;top: 1px;}
.checkbox-label input.form-checkbox.error:checked:focus ~ .checkmark{  border-color: #74bb00; -webkit-box-shadow: 0 0 0 1px #74bb00; box-shadow: 0 0 0 1px #c9ec8f}
.radiobtn-label input.form-radiobtn.error ~ .checkmark {border:2px solid #CC2339;height: 14px;width: 14px;}
.radiobtn-label input.form-radiobtn.error:focus ~ .checkmark{  border-color: #CC2339; -webkit-box-shadow: 0 0 0 2px #CC2339; box-shadow: 0 0 0 2px #f9bec5}
.radiobtn-label input.form-radiobtn.error:checked ~ .checkmark{border:1px solid #74bb00; width:17px; height:17px;}
.radiobtn-label input.form-radiobtn.error:checked ~ .checkmark:after {left: 5px;top: 5px;}
.radiobtn-label input.form-radiobtn.error:checked:focus ~ .checkmark{  border-color: #74bb00; -webkit-box-shadow: 0 0 0 1px #74bb00; box-shadow: 0 0 0 1px #c9ec8f}


/* footer */
footer{ background-color: #232325; color:#fff;font-family: 'SimplonNorm-Light', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif'; }
footer a{ color: #ffffff;text-decoration:none}
footer *:focus {box-shadow: none;outline: #fff dotted 2px;}
.footer-box{padding: 60px 0 60px 0;}
.footer-box .footer-wrapper { max-width:1600px; position:relative; display:flex; flex-direction: column; /*align-items: flex-end;*/ justify-content: center; }
.footer-box:nth-child(2) .footer-wrapper { flex-direction: row; align-items: flex-end; }
.footer-box .footer-wrapper::after { content: ""; clear: both; display: table;}
.footer-box .footer-product{ width:100%; }
.footer-box .footer-sitemap{ display: flex; flex-direction: row; justify-content: space-between;}
.footer-box .footer-sitemap ul{ list-style: none; margin: 0; padding: 0; /*float: left; width: 20%;*/}
/*.footer-box .footer-sitemap ul:nth-child(5) { clear: left;}
.footer-box .footer-sitemap ul:nth-of-type(1), .footer-box .footer-sitemap ul:nth-of-type(2), .footer-box .footer-sitemap ul:nth-of-type(3), .footer-box .footer-sitemap ul:nth-of-type(5), .footer-box .footer-sitemap ul:nth-of-type(6), .footer-box .footer-sitemap ul:nth-of-type(7), .footer-box .footer-sitemap ul:nth-of-type(8) {width:25%;}*/
.footer-box .footer-sitemap ul li{ margin:0 30px 60px 0 ; }
.footer-box .footer-sitemap ul li dl{ margin:0; padding:0}
.footer-box .footer-sitemap ul li dl dt{ margin:0 0 20px 0; padding:0; font-family: 'SimplonNorm-medium', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.footer-box .footer-sitemap ul li dl dd{ margin:0 0 10px 0; padding:0; line-height:1.3em}
.footer-box .footer-sitemap ul li dl dd a{ /*display:block;*/}
.footer-box .footer-sitemap ul li dl dd span{ display: block; font-size:0.875em; line-height:1.2em}
.footer-box .footer-content{ width: 100%; display: flex; flex-direction: column; padding: 0 0 0 0; }
.footer-box .footer-followSocial{  padding-top: 15px; padding-bottom: 0px; text-align:right; position: relative; bottom: -10px}
.footer-box .footer-followSocial ul{list-style: none;margin:0; padding: 0;*zoom:1;display:inline-flex;justify-content:flex-end;}
.footer-box .footer-followSocial ul:before, .footer-box .footer-followSocial ul:after {display:table;line-height:0;content:"";}
.footer-box .footer-followSocial ul:after {clear: both}
.footer-box .footer-followSocial ul * + * {margin-left: 8px; margin-bottom:8px}
.footer-box .footer-followSocial ul li{ float:none}
.footer-box .footer-followSocial ul li a:hover{ color:#fff}
.footer-box .footer-followSocial ul li a.followSocial-button.icon-medium{filter: invert(99%) sepia(1%) saturate(64%) hue-rotate(242deg) brightness(114%) contrast(100%);}
.footer-box .footer-followSocial ul li a.followSocial-button.icon-medium:hover{filter: invert(99%) sepia(1%) saturate(64%) hue-rotate(242deg) brightness(114%) contrast(100%);}
.footer-box .footer-followSocial .followSocial-button{ color:#ffffff}
.footer-box .footer-lang{text-align:right}
.footer-box .footer-lang .select-lang{ position: relative; display:inline-block; text-align: left;padding:0 0 0 35px;font-family: 'SimplonNorm-medium', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif'; }
.footer-box .footer-lang .select-lang:before{ content: ""; display: inline-block; background-image: url( "../images/icon-earth-light.svg"); background-size: 100% 100%; width: 20px; height: 20px; position: absolute; left: 0; bottom:0px; z-index: 100;}
.footer-box .footer-lang .select-lang a{ color:#B8B8B8; border-bottom:1px solid #B8B8B8; padding-bottom:3px;}
.footer-box .footer-lang .select-lang a:hover{ text-decoration:none; color:#fff; border-bottom:1px solid #fff;}
.footer-box .footer-lang .select-lang span{ font-size:13px; color:#666; line-height:1.5em; display:block}
.footer-box:nth-of-type(2){ background-color:#000; clear:both; padding:20px 0}
.footer-box .footer-legal{  width:80%;clear: both}
.footer-box .footer-legal ul{list-style: none;margin:0; padding: 0;*zoom:1;}
.footer-box .footer-legal ul:before, .footer-box .footer-legal ul:after {display:table;line-height:0;content:"";}
.footer-box .footer-legal ul:after {clear: both}
.footer-box .footer-legal ul > * + * {margin-left: 13px;}
.footer-box .footer-legal ul li{float: left;}
.footer-box .footer-legal ul li:not(:first-child):before{ content: "/"; margin-right: 13px;color: #B8B8B8;}
.footer-box .footer-legal a{ }
.footer-box .footer-legal a:hover{ text-decoration: underline;}
.footer-box .footer-copyright{ float:left; width:20%;font-size: 0.938em;text-align:right; line-height:1.2em}
.footer-box .footer-certification{ position:absolute; bottom:-40px; left:0px}
.footer-box .footer-certification ul{list-style: none;margin:0; padding: 0;display:flex; justify-content:flex-end;}
.footer-box .footer-certification ul * + * {margin-left: 5px;}
.footer-box .footer-certification ul li{ }

/* notice modal */
.modal-dialog-notice .modal-dialog{}
.modal-dialog-notice .modal-content{ background-color:#fff;}
.modal-dialog-notice .modal-header{ background-color:transparent;}
.modal-dialog-notice .modal-header .close-button::before, .modal-dialog-swfeature .modal-header .close-button::after {background: #000;}
.modal-dialog-notice .modal-header .close-button{ right:25px;top: calc( (65px / 2 ) - 10px); border:2px solid #000; border-radius:50%; width:45px; height:45px;}
.modal-dialog-notice .modal-header .close-button::before, .modal-dialog-notice .modal-header .close-button::after{ width:65%;background:#000 !important; left:7px}
.modal-dialog-notice .modal-header .close-button:hover::before, .modal-dialog-notice .modal-header .close-button:hover::after{background: #4d7c00}
.modal-dialog-notice .modalNotice-box{}
.modal-dialog-notice .modalNotice-box .modalNotice-wrappe{}
.modal-dialog-notice .modalNotice-box .modalNotice-content{padding:0 50px 50px 50px;}
.modal-dialog-notice .modalNotice-box .modalNotice-content h4{ font-size:1.5em; margin:20px 0 30px 0}
.modal-dialog-notice .modalNotice-box .modalNotice-content p{}

/* 
  ##Device = Desktops
  1680 x 1050
*/
@media only screen and (min-width: 1601px) {
    /* global */
	.rwd-outer{   padding-left:35px;padding-right:35px;}
    .rwd-wrapper{ max-width: 1640px; }
    .rwd-inner{ max-width: 1450px; width: 1450px; }
	/* button */
	.onlineStore-button{ padding: 12px 25px;}
}
/* 
  ##Device = Laptops, Desktops
  1366 X 768、1280 x 1024
*/
@media screen and (min-width: 1201px) and (max-width: 1600px) {
    /* global */
    .rwd-wrapper{ width: 100%; }
    .rwd-inner{ width: 85%; }
}
/* 
  ##Device = Tablets, Ipads 
  1024 x 768
*/
@media screen and (min-width: 801px) and (max-width: 1200px) {
    /* global */
	.rwd-outer{   padding-left:20px;padding-right:20px;}
    .rwd-wrapper{ width: 100%; }
    .rwd-inner{ width: 85%; }
    .rwd-content{ padding: 0 50px}
	/* footer */
	.footer-box{padding: 50px 0 80px 0;}
	.footer-box .footer-sitemap{ display:inline-flex;align-content:stretch; flex-wrap:wrap;}
	/*.footer-box .footer-sitemap ul{ width:33.3333%; float:none}
	.footer-box .footer-sitemap ul:nth-of-type(2){ min-height:auto}
	.footer-box .footer-sitemap ul:nth-of-type(1), .footer-box .footer-sitemap ul:nth-of-type(2), .footer-box .footer-sitemap ul:nth-of-type(3), .footer-box .footer-sitemap ul:nth-of-type(5), .footer-box .footer-sitemap ul:nth-of-type(6){width:33.3333%;}
	.footer-box .footer-sitemap ul li{    margin: 0 30px 45px 0;}*/
	.footer-box .footer-content {padding: 0 0 20px 0;}
	.footer-box .footer-followSocial ul{ max-width:200px; flex-wrap:wrap;}
	.footer-box .footer-certification {bottom: -70px;}
}
/* 
  ##Device = Low Resolution Tablets, Mobiles 
  768 x 1024
*/
@media only screen and (max-width: 1024px) {
	.footer-box .footer-sitemap { flex-wrap: wrap;}
	.footer-box .footer-sitemap ul { width:50%; display: flex; flex-wrap: wrap;}
}
@media only screen and (max-width: 800px) {
    /* root */
    h1{ font-size: 2.2em; }
    h2{ font-size: 1.8em;  }
    /* global */
	.rwd-outer{   padding-left:15px;padding-right:15px;}
    .rwd-wrapper{ width: 100%; }
    .rwd-inner{ width: 90%; }
	.fixedPromo-content{ height:60px; padding:5px; line-height:50px;}
	.fixedPromo-content p{ line-height:1em;}
	main.main-box{ /*padding-top: calc(85px + 35px);*/ }
	/* button */
	.onlineStore-button .onlineStore-name{ font-size:1em;}
	.announcement-button{font-size:0.938em; margin-right:10px;}
	/* footer */
	.footer-box:nth-of-type(2){    padding: 10px 0;}
	.footer-box{padding: 40px 0 20px 0;}
	.footer-box .footer-wrapper{ display:block}
	.footer-box .footer-product{ width:100%}
	.footer-box .footer-content{ width:100%; padding: 0px 0 0px 0;}
	/*.footer-box .footer-sitemap{ display:inline-flex;align-content:stretch; flex-wrap:wrap;}
	.footer-box .footer-sitemap ul{ width:33.3333%; float:none}	
	.footer-box .footer-sitemap ul:nth-of-type(1), .footer-box .footer-sitemap ul:nth-of-type(2), .footer-box .footer-sitemap ul:nth-of-type(3), .footer-box .footer-sitemap ul:nth-of-type(5), .footer-box .footer-sitemap ul:nth-of-type(6){width:33.3333%;}
	.footer-box .footer-sitemap ul:nth-of-type(2){ min-height:auto; margin-top: 0}
	.footer-box .footer-sitemap ul li{    margin: 0 30px 45px 0;}*/
	.footer-box .footer-lang{ text-align:center}
	.footer-box .footer-followSocial{ text-align: center; padding:10px 0;}
	.footer-box .footer-followSocial ul{ max-width:100%; }
	.footer-box .footer-certification {bottom: auto; position:relative; margin-top:30px}
	.footer-box .footer-certification ul{justify-content:center;}
	.footer-box .footer-legal{ width:100%}
	.footer-box .footer-legal ul { display:inline-flex;flex-wrap:wrap;justify-content:center; margin-bottom:10px;}
	.footer-box .footer-legal ul li{ float:none; }
	.footer-box .footer-copyright{ width:100%; text-align:center;margin:15px 0 10px 0}
	
	/* page */
	.PKVbanner-box{ height:29vh}
	.PKVbanner-box .PKVbanner-wrapper:before{width:250%; height:350%; left:-110%; bottom:-210%; }
	.page-box .page-content h2{  font-size:1.8em;}
}
/* 
  ##Device = Most of the Smartphones Mobiles
*/  
@media only screen and (max-width: 700px) {
    /* global */
    .rwd-wrapper{ padding-left:15px;padding-right:15px; }
	main.main-box{ /*padding-top: calc(75px + 35px);*/ }
    /*main.main-box{ padding-top: 70px; }*/
    ul.link-stack{ text-align: center;}
    /* ul.link-stack * + * {margin-left: 0px; margin-top: 15px;} */
    ul.link-stack li{ float: none; }      
    /* button */
	.onlineStore-button{ padding: 10px 10px;}
	.onlineStore-button .onlineStore-name{ font-size:0.938em;}
	.announcement-button{font-size:0.938em; margin-right:5px; padding-right:8px;}
	/* footer */
	
    /* page */
	.PKVbanner-box .PKVbanner-content h1{ font-size:2em}
}
/* 
  ##Device = Most of the Smartphones Mobiles
*/  
@media only screen and (max-width: 576px) {
	ul.link-stack * + * {margin-left: 10px; margin-top: 0px;}
	/* button */
	.onlineStore-button{  height:45px; width:45px}
	.onlineStore-button .onlineStore-name{ display:none}
	.onlineStore-button .onlineStore-icon{ margin-right:3px; width: 22px;height: 22px;}
	.announcement-button{ font-size:0.875em}
	/* footer */
	/*.footer-box .footer-sitemap ul{ width:50% !important; float:none}
	.footer-box .footer-sitemap ul:nth-of-type(1), .footer-box .footer-sitemap ul:nth-of-type(2), .footer-box .footer-sitemap ul:nth-of-type(3), .footer-box .footer-sitemap ul:nth-of-type(5), .footer-box .footer-sitemap ul:nth-of-type(6){width:50%;}*/
}
@media only screen and (max-width: 420px) {
	/* button */
	.announcement-button{ font-size:0.8em; line-height:1.1em}
	.announcement-button span{ display: block}
	/* footer */
	/*.footer-box .footer-sitemap ul{ width:100% !important; float:none}
	.footer-box .footer-sitemap ul:nth-of-type(1), .footer-box .footer-sitemap ul:nth-of-type(2), .footer-box .footer-sitemap ul:nth-of-type(3), .footer-box .footer-sitemap ul:nth-of-type(5), .footer-box .footer-sitemap ul:nth-of-type(6){width:100%;}*/
	.footer-box .footer-sitemap ul li dl dd span{ display: inline; font-size:1em;}
}
@media only screen and (max-width: 360px) {
	/* button */
	.announcement-button{ font-size:0.75em; line-height:1.1em}	
	.onlineStore-button{background-color: transparent;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
    
}

.clearall{clear:both; width:100%;}

.col-box{width:100%; display:table-row;}
.col-box img{width:100%; max-width: 100%;}
.col-3{width:30%; float:left; margin:0 1.6%;}
.col-4{width:22%; float:left; margin:0 1.5%;}
@media only screen and (max-width: 640px) {
	.col-3{width:96%; margin:0 2%;}
	.col-4{width:47%; margin:0 1.5%;}
}

.uppercase-text {  text-transform: uppercase;}

.languagelist .is-col-5 .Lan_nav_cur{background: #76b900; color:#fff; padding:5px 10px; border-radius: 3px;}


.softdownbtn{width: 280px;margin:0px auto 0;padding: 10px 0;display: inline-block;font-size: 1.125em;text-align: center;border-radius: 99px;background: #4E7E0D;text-decoration: none;color: #fff;}
.softdownbtn:hover{background:#74ba00;}