/* KEYWORDS: +all, +mozilla, +os, +webkit, -android, -chrome, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -linux, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -win, -windows, -windowsphone, -windowsxp, -winphone, -winxp, -universal */

/*** START ls20/empty-noplugins/common.css ***/
:root {
	--sprite: url(../data/i/sprite.webp?ver15);
	--container: 1170px;
	
	--blue: #08107b;
	--yellow: #005cb9;
	--yellow-dark: #9f6000;
	--yellow-light: #ffca5e;
	--light-grey: #E2E2E2;
	--light-grey-2: #f5f5f5;
	--dark-grey: #666666;
	--red: #b94a48;
	--c-link: #08107b;
	--c-link-hover: #e49900;
	--c: #444;
	
	--bdc: #e7e7e7;
	
	--fz: 14px;
	--ff: Arial, Helvetica, sans-serif;
	--ff-ja: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
	--ff-heading: Arial, Helvetica, sans-serif;
	
	--fz-h1: 30px;
	--fz-h2: 26px;
	--fz-h3: 22px;
	--fz-h4: 18px;
	--fz-h5: 16px;
	--fz-h6: 15px;
	
	--fz-h1-tablet: $h1-font-size-1024;
	--fz-h2-tablet: $h2-font-size-1024;
	--fz-h3-tablet: $h3-font-size-1024;
	--fz-h4-tablet: $h4-font-size-1024;
	--fz-h5-tablet: $h5-font-size-1024;
	--fz-h6-tablet: $h6-font-size-1024;
	
	--fz-h1-mobile: $h1-font-size-767;
	--fz-h2-mobile: $h2-font-size-767;
	--fz-h3-mobile: $h3-font-size-767;
	--fz-h4-mobile: $h4-font-size-767;
	--fz-h5-mobile: $h5-font-size-767;
	--fz-h6-mobile: $h6-font-size-767;	
	
	--lh: 1.6em;
}

/* #taskId.16819074 2021/07/08 */
#newBridge,
#newBridge ins,
.nb-nodeboard-contain-base,
.nb-icon-wrap {
    display: none !important;
}

/* bootstrap START */
/* ---------------------------------------------------------------------------------------------------------------- */
*, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
html {
    font-size:62.5%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
hr {height: 0; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
.hidden {display:none!important; visibility:hidden!important;}
figure {margin: 0;}
.img-circle {border-radius: 50%;}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	box-sizing: border-box;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.pull-right {
	float: right;
}


/* =GRID styles END */
/* ==================================================================== */

/* =GENERAL START */
/* --------------------------------------------------------------------- */
/* =IFRAME */
/* Page is opened in an iframe */
/* General rule: use .iframe-only and .no-iframe classes */
html.iframe .header-block,
html.iframe .body-page-title,
html.iframe .navbar,
html.iframe header,
html.iframe footer,
html.iframe .copyright,
html.iframe .side-boxes,
html.iframe .breadcrumb,
html.iframe .sitePath,
html.iframe .printlink {
    display: none !important;
}
html.noiframe .iframe-only {
    display: none !important;
}
html.iframe article, html.iframe .downloadDetailBox {
    width: 100%; /* IE8 problem in ipop */
}
html.iframe body {
    border: 0 none;
	background-color: transparent;
}

#image-placeholder {
    /* display: none !for(ie); */
}

/* Common CSS for this layout */

/* taskId.16811177 https://github.com/twbs/bootstrap/issues/18543 */
@-ms-viewport {
	/* width: auto!important !for(ie); */
}

.body-container {
    display: block !important;
	opacity: 1 !important;
}

.full-width-header img.imageresizer-placeholder {
	x-visibility: hidden;
}

/* =GENERAL */
/* ---------------------------------------------------------------------------------------------------------------- */
*,
*:hover,
*:focus {
	outline: none;
	box-shadow: none;
}
html,
body {
    padding: 0;
    margin: 0;
}
body {
	background-color: #ffffff;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
}
html[lang="ja-JP"] body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.body-container {
    display: block !important;
}
p {
    margin: 0 0 10px;
}
a {
    color: #08107b;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #e49900;
}
sup {
    /* taskId.16818162 */
	/* font-size: 8px; */
}
img[align="left"] {margin-right: 15px; margin-bottom: 5px;}
img[align="right"] {margin-left: 15px; margin-bottom: 5px;}
.clr, .clear {clear: both; overflow: hidden;}
span.clr {display: inline-block;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}
html[lang="ja-JP"] h1, html[lang="ja-JP"] h2, html[lang="ja-JP"] h3, html[lang="ja-JP"] h4, html[lang="ja-JP"] h5, html[lang="ja-JP"] h6 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
h1, .h1 {color: #08107b; font-size: 30px; line-height: 1.1em; margin-top: 20px; margin-bottom: 10px;}
h2, .h2 {color: #08107b; font-size: 26px; line-height: 1.2em; margin-top: 10px; margin-bottom: 10px;}
h3, .h3 {color: #08107b; font-size: 22px; line-height: 1.3em; margin-top: 20px; margin-bottom: 10px;}
h4, .h4 {color: #08107b; font-size: 18px; line-height: 1.4em; margin-top: 20px; margin-bottom: 10px;}
h5, .h5 {color: #08107b; font-size: 16px; line-height: 1.5em; margin-top: 20px; margin-bottom: 10px;}
h6, .h6 {color: #08107b; font-size: 15px; line-height: 1.6em; margin-top: 20px; margin-bottom: 10px;}
h1.pageTitle, 
.h1.pageTitle {
    font-size: 37px;
    color: #fff;
	color: #333;
    margin-bottom: 10px;
    margin-top: 30px;
}
html[lang="ja-JP"] h1.pageTitle, html[lang="ja-JP"] .h1.pageTitle {font-size: 28px;}
.short-description {
	font-size: 20px; 
	color: #fff; 
	color: #333;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: 400;
}
html[lang="ja-JP"] .short-description {
	font-size: 18px; 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.short-description * {padding: 0; margin: 0; margin-bottom: 10px;}

/* reset jquery ui styles */
.ui-widget.ui-widget-content,
.ui-widget-content {
	border: 0 none;
}

th {
	font-weight: normal;
}

div[table-class*="notransform"].table-responsive {
    border: 0 none;	padding: 0; margin: 0; overflow: inherit; width: auto;
}

h1.pageTitle:empty,
.h1.pageTitle:empty {
    display: none;
}


@media (max-width: 991px) {
    h1, .h1 {font-size: 30px;}
    h2, .h2 {font-size: 26px;}
    h3, .h3 {font-size: 22px;}
    h4, .h4 {font-size: 18px;}
    h5, .h5 {font-size: 16px;}
    h6, .h6 {font-size: 15px;}
}
@media (max-width: 767px) {
    h1, .h1 {font-size: 22px;}
    h2, .h2 {font-size: 20px;}
    h3, .h3 {font-size: 18px;}
    h4, .h4 {font-size: 16px;}
    h5, .h5 {font-size: 15px;}
    h6, .h6 {font-size: 14px;}
    h1.pageTitle, .h1.pageTitle {font-size: 30px; margin-top: 25px;}
    html[lang="ja-JP"] h1.pageTitle, html[lang="ja-JP"] .h1.pageTitle {font-size: 24px;}
    html[lang="ja-JP"] .short-description {font-size: 15px;}

    .page-title-container {
		padding-bottom: 10px;
	}
    /*.page-title-container h1.pageTitle, 
	.page-title-container .h1.pageTitle {
		color: #fff;
	}*/
}
@media (max-width: 479px) {
    h1, .h1 {margin-bottom: 0px;}
    h1.pageTitle, .h1.pageTitle {font-size: 22px; margin-top: 20px; margin-bottom: 5px;}
    html[lang="ja-JP"] h1.pageTitle {font-size: 18px;}
    .short-description {font-size: 14px;}
    html[lang="ja-JP"] .short-description {font-size: 12px;}
}


h1 a, h1 a:hover, h1 a:focus, .h1 a, .h1 a:hover, .h1 a:focus {color: #08107b;}
h2 a, h2 a:hover, h2 a:focus, .h2 a, .h2 a:hover, .h2 a:focus {color: #08107b;}
h3 a, h3 a:hover, h3 a:focus, .h3 a, .h3 a:hover, .h3 a:focus {color: #08107b;}
h4 a, h4 a:hover, h4 a:focus, .h4 a, .h4 a:hover, .h4 a:focus {color: #08107b;}
h5 a, h5 a:hover, h5 a:focus, .h5 a, .h5 a:hover, .h5 a:focus {color: #08107b;}
h6 a, h6 a:hover, h6 a:focus, .h6 a, .h6 a:hover, .h6 a:focus {color: #08107b;}

.h1-small {font-size: 20px;}
.h2-small {font-size: 16px;}

.container {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px 15px;
    position: relative;
	
	/* clear: both !for(ie); */
	
	/* kills dropdown */
	/* x-overflow: hidden !for(ie); */
}
html.iframe .container {
    padding: 15px;
}
.text-center {text-align: center;}
table {border-collapse: collapse; border-spacing: 0;}
th {text-align: left;}

/* taskId.16816659 lozad + smoothscrolling solution */
/* 16817852 - the solution doesn't work */
/*.wrap-img {position: relative; display: block; width: 100%;}
.wrap-img > * {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}*/

img[align="left"] {margin-right: 15px; margin-bottom: 5px;}
img[align="right"] {margin-left: 15px; margin-bottom: 5px;}
img.img-responsive-inline {max-width: 100%; height: auto;}
img.img-responsive-inline-important {max-width: 100%; height: auto !important;}
.cms-content img:not([src^="https://maps"]) {max-width: 100% !important; height: auto !important;}

iframe {
	max-width: 100%;
}
figure * {line-height: 1.6em;}
figure, figure img {line-height: 0em;}
img {vertical-align: middle;} /* this line should resolve image bottom spacing and line-height: 0em for the figure should be removed */
/* =GENERAL END */
/* --------------------------------------------------------------------- */

/* =HEADER */
header {
	padding: 10px 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
header:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
html.iframe header {
	display: none;
}
header .container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
header .back {
	display: inline-block;
	color: #333;
	padding: 5px 15px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 3px;
	font-weight: bold;
background: #005cb9;
xbackground: -moz-linear-gradient(top, #d99333 0%, #a65c11 100%);
xbackground: -webkit-linear-gradient(top, #d99333 0%,#a65c11 100%);
xbackground: linear-gradient(to bottom, #d99333 0%,#a65c11 100%);
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99333', endColorstr='#a65c11',GradientType=0 );	
}

/* =FORMS */
input[type="checkbox"],
input[type="radio"] {
	margin-right: 5px;
}

input[disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
}

.error {
	color: #b94a48;
}
.formRequired {
	color: #b94a48;
	margin-left: 3px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	width: 100%;
	height: 120px;
}
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="number"],
.xform input[type="password"],
.xform select,
.xform textarea,
.form-filter input[type="text"],
.form-filter select,
.locationFilter select,
#contact-us-form-step input[type="text"],
#contact-us-form-step select,
select.downloadSelectorBox {
	background-color: #f2f2f2;
	padding: 10px 15px;
	border: 0 none;
}
.xform select,
.rd-search-fields select,
.form-filter select,
.journals-search select,
.rd-search-form select,
.locationFilter select,
#contact-us-form-step select,
select.downloadSelectorBox {
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 9px 30px 9px 15px;
    -webkit-appearance: none;
       -moz-appearance: none;
	    appearance: none;
}
.rd-search-fields select {
	padding-top: 10px;
	padding-bottom: 10px;
}
select.downloadSelectorBox {
	padding-top: 6px;
	padding-bottom: 6px;
}
html.iframe #contact-us-form-step input[type="text"],
html.iframe select {
	background-color: #f2f2f2 !important;
}
#contact-us-form-step input[type="submit"],
#contact-us-form-step input[type="submit"]:hover,
#contact-us-form-step input[type="submit"]:focus {
    margin: 5px 0;
}
html[lang="ja-JP"] .xform select,
html[lang="ja-JP"] .rd-search-fields select,
html[lang="ja-JP"] #contact-us-form-step select {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.form-filter select::-ms-expand,
.xform select::-ms-expand,
.rd-search-fields select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}

.xform button, .xform button:hover, .xform button:focus,
.xform input[type="submit"], .xform input[type="submit"]:hover,.xform input[type="submit"]:focus,
.rd-search-form input[type="submit"], .rd-search-form input[type="submit"]:hover, .rd-search-form input[type="submit"]:focus,
.popup-form input[type="submit"], .popup-form input[type="submit"]:hover, .popup-form input[type="submit"]:focus,
/* .cms-content button, .cms-content button:hover, .cms-content button:focus, */
/* causes issues on video player */
.cms-content input[type="submit"], .cms-content input[type="submit"]:hover, .cms-content input[type="submit"]:focus {
	border: 0 none;
	background-color: #005cb9;
    background-image: none;
	padding: 6px 12px;
	line-height: 1.6em;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-shadow: none;
}

/* contact info above contact us form */
.contactUsTable {
	border-bottom: 1px solid #d7d7d7; 
	margin-bottom: 25px;
}
html.noiframe .cms-content {
	margin-top: 30px;
}
.contactUsTable tr > * {
	padding-bottom: 20px;
}
.contactUsTable h3 {
	padding: 0; margin: 0; margin-bottom: 10px; line-height: 1.2em;
}
.contactUsTable p {
	margin: 0; padding: 0;
}
/* taskId.16811626 hide "Service" for JA */
html[lang="ja-JP"] .contactUsTable tr > *:last-child h3 {
	visibility: hidden;
}
@media (max-width: 575px) {
	.contactUsTable,
	.contactUsTable > tbody,
	.contactUsTable > tbody > tr,
	.contactUsTable > tbody > tr > * {
		display: block;
		padding: 0;
		margin: 0;
		border: 0 none;
	}
	.contactUsTable > tbody > tr > * {
		padding: 0 0 15px;
	}
}

html.iframe .contactUsTable {
	border: 0 none;
	padding: 0;
	margin: 0;
}
html.iframe .contactUsTable tr {
	x-display: block;
}
html.iframe .contactUsTable tr > * {
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	width: 50%;
}
html.iframe .contactUsTable tr > * + * {
	padding-left: 0 !important;
}

#contact-us-form-step input[type="text"] {
    background-color: #fff;
}
.xform select::-ms-expand,
#contact-us-form-step select::-ms-expand,
.rd-search-fields select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
#contact-us-form-step select {
	background-color: #fff;
}
@media (max-width: 767px) {
    #contact-us-form-step select {
	width: 100%;
    }
}
#contactType label {
    margin-right: 10px;
}

#contact-us-form-step {
	background-color: #f2f2f2;
	padding: 30px;
}
#contact-us-form-step table {
	width: auto;
}
html.iframe #contact-us-form-step {
	padding: 0;
	background-color: transparent;
}
#contact-us-form-step td {
	padding-top: 10px;
	padding-bottom: 10px;
}
#contact-us-form-step tr:first-child td {
	padding-top: 0;
}
#contact-us-form-step tr:last-child td {
	padding-bottom: 0;
}
@media (min-width: 768px) {
	#contact-us-form-step tr > *:first-child:not(:only-child) {
		padding-right: 15px;
	}
}
@media (max-width: 767px) {
    #contact-us-form-step {
		padding: 15px;
    }
    #contact-us-form-step table,
    #contact-us-form-step tbody,
    #contact-us-form-step tr,
    #contact-us-form-step td,
    #contact-us-form-step th {
		display: block;
		width: 100%;
		border: 0 none;
		padding: 0;
		margin: 0;
    }
    #contact-us-form-step tr {
		margin: 0 0 10px;
    }
    #contact-us-form-step tr[style*="table-row"] {
		display: block !important;
    }
}

.regionCompany td {
	width: 50%;
	border-bottom: 1px solid #e7e7e7;
}
.contactPerson img {
	margin-right: 5px;
}
.contactPerson a {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
@media (max-width: 575px) {
	.regionCompany,
	.regionCompany tbody,
	.regionCompany tr,
	.regionCompany td {
		display: block;
		padding: 0;
		margin: 0;
		border: 0 none;
		width: 100%;
	}
	.regionCompany tr {
		padding-bottom: 10px;
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 10px;
	}
}

.regionCompany br + br {
	display: none;
}
/* taskId.16820056 2022/07/08 */
.regionCompany .contactPerson br + br {
	display: block;
}

/* =popup form START */
/* --------------------------------------------------------------------------------------- */
.ipop-popup-form.iPopBlock.styled .iPopBox {
	border: 0 none;
}
.ipop-popup-form.iPopBlock.iframeType .iPopData {
	overflow-y: hidden ; /* !for(-ipad -iphone) */
	-webkit-overflow-scrolling: touch ; /* !for(-ipad -iphone) */
}
body.popup-form-page {
	border: 0 none;
	padding: 0;
}
body.popup-form-page .alert-danger {
	border: 0 none;
	background-color: transparent;
	padding: 0px;
	margin: 0px 0px 10px;
}
body.popup-form-page div.xform {
	text-align: center;
}
.popup-form {
	max-width: 100%;
	padding: 10px 0px;
}
.popup-form h2,
html.iframe .page178C8ETC h2,
html.iframe .page2JU2RMKN .h2 {
	border-bottom: 1px solid #005cb9;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
}
.request-quote-title {
    margin-right: 5px;
}
html.iframe .page178C8ETC h2 {
	margin: 10px 10px 0px;
}
html.iframe .page2JU2RMKN .h2 {
	margin-top: 10px;
}
html.noiframe .popup-form {
	padding: 0px;
	width: 600px;
	max-width: 100%;
}
.popup-form .row {
	clear: both;
	overflow: hidden;
}
.popup-form .row > div {
	width: calc(50% - 5px);
}
.popup-form .row > div:only-child {
	width: 100%;
	float: none;
}
.popup-form .submit-container {
	border-top: 1px solid #d7d7d7;
	padding-top: 15px;
	margin-top: 15px;
	text-align: center;
}
.popup-form input[type="submit"] {
	margin: 0;
}
.popup-form .submit-container input[type="submit"],
.popup-form .submit-container button,
#contact-us-form-step input[type="submit"] {
	border-radius: 3px;
	text-shadow: 0 none;
	padding: 6px 12px;
background: #005cb9;
xbackground: -moz-linear-gradient(top, #d99333 0%, #a65c11 100%);
xbackground: -webkit-linear-gradient(top, #d99333 0%,#a65c11 100%);
xbackground: linear-gradient(to bottom, #d99333 0%,#a65c11 100%);
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99333', endColorstr='#a65c11',GradientType=0 );
}
.popup-form .dynamic-placeholders input[type="text"],
.popup-form .dynamic-placeholders input[type="email"] {
	width: 100%;
	max-width: 100%;
}

.popup-form label {
	font-weight: normal;
}
.popup-form .newsletters-group span.enumList {
	margin-right: 0px;
}
.newsletters-group-container {
	margin-bottom: 10px;
}
.newsletters-group-container label {
	cursor: pointer;
}

@media (min-width: 480px) {
	.popup-form {
		padding: 0px 10px;
	}	
	html.iframe .popup-form {
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	.popup-form .row {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-end;
		justify-content: space-between;
	}
}
@media (max-width: 479px) {
	.popup-form .row > div {
		float: none;
		width: 100%;
	}
}

.popup-form .checkbox-container {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	margin-top: 5px;
	position: relative;
}

.popup-form .newsletters-group {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}

@media (min-width: 550px) {
	.popup-form .newsletters-group > span.enumList {
		width: calc(50% - 15px);
	}
}
@media (max-width: 549px) {
	.popup-form .newsletters-group > span.enumList {
		width: 100%;
	}
}
.popup-form input#newsletter-agree,
.popup-form input[type="checkbox"]#xFormFieldD1701,
.popup-form input[type="checkbox"]#xFormFieldD1432,
.popup-form input[type="checkbox"]#xFormFieldD259,
.popup-form input[type="checkbox"]#xFormFieldD2499,
.popup-form input[type="checkbox"]#xFormFieldD257,
.popup-form input[type="checkbox"]#xFormFieldD258 {
	margin-right: 5px;
}
.popup-form input#newsletter-agree + label,
.popup-form input[type="checkbox"]#xFormFieldD1701 + label,
.popup-form input[type="checkbox"]#xFormFieldD1432 + label,
.popup-form input[type="checkbox"]#xFormFieldD259 + label,
.popup-form input[type="checkbox"]#xFormFieldD2499 + label,
.popup-form input[type="checkbox"]#xFormFieldD257 + label,
.popup-form input[type="checkbox"]#xFormFieldD258 + label {
	display: inline;
    cursor: pointer;
	
	
	/* taskId.16818874 2021/05/04 on iPhone bottom labels are huge for some reason */
	font-size: 14px !important;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;	
	
}
/* taskId.16818874 2021/05/04 on iPhone bottom labels are huge for some reason */
.popup-form label span {
	font-size: 14px !important;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;	
}

/* custom checkbox styling START */
.popup-checkboxes span.enumList {
	padding: 0;
	margin-bottom: 5px;
}
@media (min-width: 480px) {
	.popup-checkboxes:not(.popup-checkboxes-float) {
		column-count: 2;
		column-gap: 30px;
		break-inside: avoid;
		column-fill: balance;
	}
	.popup-checkboxes-float {
		display: flex;
		flex-flow: row wrap;
	}
	.popup-checkboxes-float > * {
		width: calc(50% - 15px);
		margin-right: 15px;
	}
}
.popup-form #newsletters-group {
	margin-left: 25px;
}
.popup-form .checkboxes-group {
	margin-bottom: 10px;
}
.popup-form #newsletters-group span.enumList,
.popup-form .checkboxes-group span.enumList {
	padding: 0;
	margin: 5px 0 0px;
}
@media (min-width: 480px) {
	.popup-form .checkboxes-group {
		display: flex;
		flex-flow: row wrap;
	}
	.popup-form .checkboxes-group span.enumList {
		width: 50%;
	}
}
#F5 .popup-form .checkboxes-group span.enumList {
	width: auto;
	margin-right: 20px;
}

@media (min-width: 768px) {
	.checkboxes-container-2-cols {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.checkboxes-container-2-cols > span.enumList {
		width: calc(50% - 15px);
		margin: 10px 15px 0px 0;
		display: block;
	}
}

.popup-form #newsletters-group input[type="checkbox"],
.popup-form .newsletters-group-container > input[type="checkbox"],
.popup-form input#xFormFieldD258[type="checkbox"],
.popup-form input#xFormFieldD259[type="checkbox"],
.popup-form input#xFormFieldD1432[type="checkbox"],
.popup-form input#xFormFieldD1701[type="checkbox"],
.popup-form input#xFormFieldD2499[type="checkbox"],
.popup-checkboxes input[type="checkbox"],
.popup-form .checkboxes-group input[type="checkbox"],
.checkbox-container input[type="checkbox"],
.checkboxes-container input[type="checkbox"],
.rmsRemember input[type="checkbox"] {
	margin: 0;
	padding: 0;
	/* cannot hide because of "required" browser message */
	x-display: none;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	left: 0px;
}
.popup-form #newsletters-group input[type="checkbox"] ~ label,
.popup-form .newsletters-group-container > input[type="checkbox"] ~ label,
.popup-checkboxes input[type="checkbox"] ~ span,
.popup-form .checkboxes-group input[type="checkbox"] ~ label,
.checkbox-container input[type="checkbox"] ~ label,
.checkboxes-container input[type="checkbox"] ~ label,
.rmsRemember input[type="checkbox"] ~ label {
	cursor: pointer;
	display: flex !important;
	flex-flow: row nowrap;
	align-items: center;
}
.popup-form input#xFormFieldD258[type="checkbox"] ~ label,
.popup-form input#xFormFieldD259[type="checkbox"] ~ label,
.popup-form input#xFormFieldD1432[type="checkbox"] ~ label,
.popup-form input#xFormFieldD1701[type="checkbox"] ~ label,
.popup-form .checkboxes-group input[type="checkbox"] ~ label,
.popup-form input#xFormFieldD2499[type="checkbox"] ~ label {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	
	/* taskId.16818874 2021/05/04 on iPhone bottom labels are huge for some reason */
	font-size: 14px !important;
}
.popup-form #newsletters-group input[type="checkbox"] ~ label::before,
.popup-form .newsletters-group-container > input[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD258[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD259[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1432[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1701[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD2499[type="checkbox"] ~ label::before,
.popup-checkboxes input[type="checkbox"] ~ span::before,
.popup-form .checkboxes-group input[type="checkbox"] ~ label::before,
.checkbox-container input[type="checkbox"] ~ label::before,
.checkboxes-container input[type="checkbox"] ~ label::before,
.rmsRemember input[type="checkbox"] ~ label::before {
	display: block;
	width: 15px;
	height: 15px;
	margin: 1px 10px 0 0;
	font-size: 10px;
	flex: 0 0 auto;
    float: left;
    background-image: url(../data/i/checkbox.png);
	background-position: -125px -50px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    transition: all 0s !important;
    content: '' !important;
    font-family: Arial, Helvetica, sans-serif;
}

.popup-form #newsletters-group span.enumList label.checkbox,
.popup-checkboxes span.enumList label.checkbox {
	padding: 0;
	margin: 0;
	min-height: auto;
}
.popup-form input#xFormFieldD258[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD259[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1432[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1701[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD2499[type="checkbox"] ~ label::before,
.checkbox-container input[type="checkbox"] ~ label::before,
.checkboxes-container input[type="checkbox"] ~ label::before {
	float: left;
}
.popup-form #newsletters-group input[type="checkbox"]:checked ~ label::before,
.popup-form .newsletters-group-container > input[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD258[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD259[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD1432[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD1701[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD2499[type="checkbox"]:checked ~ label::before,
.popup-checkboxes input:checked ~ span::before,
.popup-form .checkboxes-group input[type="checkbox"]:checked ~ label::before,
.checkbox-container input[type="checkbox"]:checked ~ label::before,
.checkboxes-container input[type="checkbox"]:checked ~ label::before,
.rmsRemember input[type="checkbox"]:checked ~ label::before {
	background-position: -100px -50px;
}
.popup-checkboxes-other {
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.3s, margin 0.3s;
	height: 0px;
	width: 0px;
	overflow: hidden;
	margin-top: 0px;
}
.popup-checkboxes input:checked ~ .popup-checkboxes-other {
	opacity: 1;
	transform: scale(1);
	height: auto;
	width: 100%;
	margin-top: 5px;
	overflow: visible;
}
.popup-checkboxes-other input[type="text"] {
	width: 100%;
	border: 1px solid #f2f2f2;
	background-color: #f2f2f2;
	padding: 10px;
}
.popup-checkboxes-other input[type="text"]:focus {
	box-shadow: none;
	outline: none;
}

.survey-container div.radio {
	width: 100%;
	display: block;
	float: none;
	padding: 0;
	margin: 0 0 5px;
}
.survey-container div.radio label input ~ span {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.survey-container div.radio label input ~ span::before {
	content: '';
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 13px;
	height: 13px;
	background-color: #ccc;
	border-radius: 50%;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
}
.survey-container div.radio label input:checked ~ span::before {
	background-color: #005cb9;
}
.survey-container div.radio label {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}
.survey-container div.radio label input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.survey-container textarea {
	background-color: #f5f5f5;
	border-radius: 0;
	border: 0 none;
	background-color: #f2f2f2;
	box-shadow: none;
	outline: none;
	padding: 10px 15px;
}
.survey-container textarea:focus {
	box-shadow: none;
	outline: none;
}
html.noiframe .popup-form.survey-container {
	width: 100%;
}
/* custom checkbox styling END */
/* =popup form END */
/* --------------------------------------------------------------------------------------- */

/* taskId.16816772 2019/12/10 update alignment */
.xformMultipart div.radio {
    padding: 0 0 15px;
}
.xformMultipart div.radio > label {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
}
.xformMultipart div.radio input[type="radio"] {
	/* margin-top: 2px;	*/
    margin: 0px 7px 0 0;
    transform: translateY(1px) ; /* !for(webkit) */
}

.xform-product-list {
	margin-top: 15px;
	clear: both;
	overflow: hidden;
}
.xform-product-list select {
	width: auto;
	max-width: 100%;
	display: inline;
	margin-left: 10px;
}

/* =dymamic placeholders START */
/* --------------------------------------------------------------------------------------- */
.dynamic-placeholders-box {
    max-width: 100%;
    width: 400px;
}
.dynamic-placeholders > div {
	position: relative;
	margin-bottom: 5px;
	display: flex;
	align-items: center;

	/* custom for olympus */
	x-width: 100%;
}
.dynamic-placeholders > div[xform-error] {
    flex-flow: row wrap;
}
.dynamic-placeholders *[xform-error] input[type="text"],
.dynamic-placeholders *[xform-error] input[type="tel"],
.dynamic-placeholders *[xform-error] input[type="email"],
.dynamic-placeholders *[xform-error] input[type="password"],
.dynamic-placeholders *[xform-error] select,
.dynamic-placeholders *[xform-error] textarea {
    background-color: #fdefef;
    border-color: #fdefef;
}
.xform-error-message {
    color: #B94A48;
    display: none;
}
.dynamic-placeholders.row-full-width > div {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}
.dynamic-placeholders.row-full-width input[type="text"],
.dynamic-placeholders.row-full-width select,
.dynamic-placeholders.row-full-width textarea {
	width: calc(100% - 7px);
}
@media (max-width: 479px) {
	.dynamic-placeholders.row-full-width input[type="text"],
	.dynamic-placeholders.row-full-width select,
	.dynamic-placeholders.row-full-width textarea {
		width: 100%;
	}
}
.dynamic-placeholders > div:empty {
	display: none;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select,
.dynamic-placeholders textarea {
	height: 45px;
	padding: 15px 10px 0px;
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	background-color: #f2f2f2;
	border-radius: 0;
	border: 1px solid #f2f2f2;
	box-shadow: none;
	outline: none;
}

.dynamic-placeholders input[type="text"]:focus,
.dynamic-placeholders input[type="email"]:focus,
.dynamic-placeholders input[type="password"]:focus,
.dynamic-placeholders select:focus,
.dynamic-placeholders textarea:focus {
	outline: none;
	box-shadow: none;
}
.dynamic-placeholders textarea {
	height: 150px;
	width: 100%;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 0px;
}
.dynamic-placeholders span.selectWrapper {
	display: block;
	width: 100%;
}
.dynamic-placeholders select {
	padding-left: 5px;
	padding-left: 10px ; /* !for(webkit edge ie) */
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
	/* padding-left: 9px !for(mac); */
}
.dynamic-placeholders input[type="checkbox"],
.dynamic-placeholders input[type="radio"] {
	margin: 0; padding: 0;
	margin-right: 10px;
}
.dynamic-placeholders label {
	margin: 0;
	position: absolute;
	left: 20px;
	top: 12px;
	transition: all 0.2s;
	pointer-events: none;
	color: #444;
	font-weight: normal;
	font-size: 14px;
}
.popup-form .dynamic-placeholders label {
	left: 10px;
}
.popup-form .dynamic-placeholders > div {
	margin-bottom: 10px;
}
.dynamic-placeholders label {
	/* display: none !important !for(ie9 ie8); */
}
.dynamic-placeholders input:focus ~ label,
.dynamic-placeholders .filled ~ label,
.dynamic-placeholders select ~ label,
.dynamic-placeholders .selectWrapper ~ label,
.dynamic-placeholders textarea:focus ~ label {
	font-size: 11px;
	top: 3px;
	opacity: 0.7;
}
.dynamic-placeholders input[type="checkbox"] ~ label {
	opacity: 1 !important;
}

.dynamic-placeholders input.filled:invalid ~ label,
.dynamic-placeholders input.clicked:invalid ~ label {
	color: #b94a48;
}
.dynamic-placeholders input.not-valid,
.dynamic-placeholders .not-valid select {
	border-color: #b94a48;
	background-color: #f9eded;
}
.dynamic-placeholders .not-valid ~ label,
.dynamic-placeholders .not-valid,
.dynamic-placeholders .not-valid select  {
	color: #b94a48;
}
.alert-danger {
	background-color: #f9eded;
	padding: 10px 15px;
	margin: 0 0 15px;
	color: #b94a48;
}
.dynamic-placeholders input[type="checkbox"] ~ label,
.dynamic-placeholders input[type="radio"] ~ label {
	pointer-events: inherit;
	font-size: 14px;
	position: static;
	color: #444;
	display: inline;
	cursor: pointer;
}
.dynamic-placeholders input[type="checkbox"].filled:invalid ~ label,
.dynamic-placeholders input[type="radio"].filled:invalid ~ label {
	color: #444;
}
/* set of checkboxes/radio buttons */
.dynamic-placeholders > div > div.radio,
.dynamic-placeholders > div > span.enumList {
	order: 2;
	padding: 0;
	margin: 0;
	/* remove width 100% if want options to float */
	width: 100%;
}
.dynamic-placeholders > div > div.radio label,
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > span.enumList label,
.dynamic-placeholders > div > span.enumList + label {
	pointer-events: inherit;
	font-size: 14px;
	position: static;
	color: #444;
	display: inline;
	cursor: pointer;
}
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > span.enumList + label {
	order: 1;
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}
.dynamic-placeholders > div > div.radio > label,
.dynamic-placeholders > div > span.enumList > label {
	display: flex;
	align-items: center;
}
/* file */
.dynamic-placeholders > div > .fmFileUpload,
.dynamic-placeholders > div > input[type="file"] {
	width: 100%;
	font-weight: normal;
	order: 2;
}
.dynamic-placeholders > div > .fmFileUpload + label,
.dynamic-placeholders > div > input[type="file"] + label {
	position: static;
	font-size: 14px;
	width: 100%;
	order: 1;
	font-weight: bold;
	margin-bottom: 5px;
}
/* remove placeholders */
.dynamic-placeholders ::-webkit-input-placeholder {
	color: transparent;
}
.dynamic-placeholders ::-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders :-ms-input-placeholder {
	color: transparent;
}
.dynamic-placeholders :-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders .form-error {
	display: none;
}
.dynamic-placeholders > div.company-division-field,
.dynamic-placeholders > div.city-field{
	display: none;
}
html[lang="ja-JP"] .dynamic-placeholders > div.company-division-field,
html[lang="ja-JP"] .dynamic-placeholders > div.city-field {
	display: block;
}

/* =dymamic placeholders END */
/* --------------------------------------------------------------------------------------- */

/* custom fields must be hidden by default in the global form and displayed only in camera migration gudie */
.xform .popup-form .row-current-camera,
.xform .popup-form .row-serial-number,
.xform .popup-form .row-user-choices,
.xform .popup-form .row-tac {
    display: none;
}

.popup-form h2,
html.iframe .popup-page h2,
html.iframe .popup-page .h2 {
	border-bottom: 1px solid #005cb9;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
}
html.iframe .popup-page .h2 {
	margin-top: 10px;
}

/* iPop START */
div.iPopBlock {
    z-index: 4004;
}
div.iPopBlock .iPopCloseBtn {
	background-image: none;
	width: 20px;
	height: 20px;
	color: #ccc;
	font-size: 20px;
    transition: all 0.2s ease-in-out;
}
div.iPopBlock .iPopCloseBtn::before {
    content: '';
	background-image: var(--sprite);
    background-repeat: no-repeat;
    background-position: -375px -75px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
div.iPopBlock.styled .iPopBox {
	background-color: #fff;
}
.xforms-antispam-popup .iPopCloseBtn {
	display: none !important;
}
/* iPop END */

/* antispam START */
.xforms-antispam-popup-contents label {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.xforms-antispam-popup-contents input[type="submit"] {
	background-color: #005cb9;
	color: #fff;
	border: 0 none;
	cursor: pointer;
	border-radius: 3px;
	padding: 6px 12px;
	line-height: 1.6em;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
background: #005cb9;
xbackground: -moz-linear-gradient(top, #d99333 0%, #a65c11 100%);
xbackground: -webkit-linear-gradient(top, #d99333 0%,#a65c11 100%);
xbackground: linear-gradient(to bottom, #d99333 0%,#a65c11 100%);
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99333', endColorstr='#a65c11',GradientType=0 );		
}
.xforms-antispam-popup-contents input[type="submit"]:hover,
.xforms-antispam-popup-contents input[type="submit"]:focus {
background: #d38417;
background: -moz-linear-gradient(top, #d38417 0%, #944b01 100%);
background: -webkit-linear-gradient(top, #d38417 0%,#944b01 100%);
background: linear-gradient(to bottom, #d38417 0%,#944b01 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d38417', endColorstr='#944b01',GradientType=0 );
}
html[lang="ja-JP"] .xform-antispam-buttons input[type="submit"] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.xforms-antispam-popup-contents input[type="checkbox"] {
	margin: 0;
	padding: 0;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.xforms-antispam-popup-contents input[type="checkbox"] ~ span {
	cursor: pointer;
	display: flex !important;
	flex-flow: row nowrap;
	align-items: flex-start;
}
.xforms-antispam-popup-contents input[type="checkbox"] ~ span::before {
	display: block;
	width: 15px;
	height: 15px;
	margin: 1px 10px 0 0;
	font-size: 10px;
	flex: 0 0 auto;
    float: left;
	background-image: url(../data/i/checkbox.png);
	background-position: -125px -50px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    transition: all 0s !important;
    content: '' !important;
    font-family: Arial, Helvetica, sans-serif;
    transform: translateY(1px);
}
.xforms-antispam-popup-contents input[type="checkbox"]:checked ~ span::before {
	background-position: -100px -50px;
}
/* antispam END */

/* taskId.16820076 2022/07/13 wysiwyg.css is loaded on Quote and Demo Thank yo page */
.onlyAdmin, .xformMultipart {border: 0 none !important;}
.xformMultipart::after {display: none !important;}

/* taskId.16820340 2022/10/12 custom order for contacts in China */
.regionCompanies {
	display: flex;
	flex-flow: column nowrap;
}
.regionCompany {
	order: 1000;
}
.regionCompany[company-id="58771927"] {order: 1;}
.regionCompany[company-id="58772061"] {order: 2;}
.regionCompany[company-id="58772057"] {order: 3;}

.popup-form:has(div.xform) > h2 {
	display: none;
}

/* apop START */
/* cover apop loader */
html.iframe .xform,
html.iframe .main-contact-form-container {
	background-color: #fff;
}

/* there are two loaders. 1. basic popup loader 2. form submit loader */
html.iframe .xform {
	position: relative;
}
html.iframe .lds-dual-ring-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.9);
	display: none;
}
html.iframe .xform.form-sending .lds-dual-ring-container,
html.iframe #contact-us-form-step.form-sending .lds-dual-ring-container {
	display: inline-block !important;
}
html.iframe .lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	z-index: 0;
}
html.iframe .lds-dual-ring::after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid var(--dark-grey);
	border-color: var(--dark-grey) transparent var(--dark-grey) transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

html.iframe .main-contact-form-container {
	min-height: 400px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	padding: 0 30px;
}
/* apop END */
/*** END ls20/empty-noplugins/common.css ***/
/* TIME: 0.0067877769470215 */