/* 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/global/grid.css ***/
/* Grid */
table.grid,
table.grid > tbody,
table.grid > tbody > tr > * {
    display: block;    
	border: 0 none;
}
table.grid > tbody > tr[cols="1"] > *:only-child {
	width: 100%;
}
table.grid > tbody > tr[cols] {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
table.grid.justify-start > tbody > tr[cols] {
	justify-content: flex-start;
}
table.grid.valign-middle > tbody > tr[cols] {
	align-items: center;
}

table.grid tr[cols="2"] > * {width: calc(50% - 15px);}
table.grid tr[cols="3"] > * {width: calc(33.3333% - 15px);}
table.grid tr[cols="4"] > * {width: calc(25% - 15px);}
table.grid tr[cols="5"] > * {width: calc(20% - 15px);}
table.grid tr[cols="6"] > * {width: calc(16.6666% - 15px);}
@media (max-width: 979px) {
    table.grid tr[cols="2"] > * {width: 100%;}
    table.grid tr[cols="3"] > * {width: 100%;}
    table.grid tr[cols="4"] > * {width: 100%;}	
    table.grid tr[cols="5"] > * {width: 100%;}	
    table.grid tr[cols="6"] > * {width: 100%;}	
}
@media (min-width: 980px) {
    table.grid > tbody > tr > *[gridwidth="1"] {width: calc(8.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="2"] {width: calc(16.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="3"] {width: calc(25% - 15px);}
    table.grid > tbody > tr > *[gridwidth="4"] {width: calc(33.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="5"] {width: calc(41.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="6"] {width: calc(50% - 15px);}
    table.grid > tbody > tr > *[gridwidth="7"] {width: calc(58.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="8"] {width: calc(66.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="9"] {width: calc(75% - 15px);}
    table.grid > tbody > tr > *[gridwidth="10"] {width: calc(83.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="11"] {width: calc(91.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="12"] {width: calc(100% - 15px);}   
}
@media (max-width: 979px) {
    table.grid > tbody > tr > * {
        width: 100%;
    }
    table.grid.reverse-grid-on-mobile > tbody > tr {
        flex-flow: column-reverse nowrap;
    }
}

table.grid.align-center > tbody > tr {
	align-items: center;
}

/* bootstrap START */
/* ---------------------------------------------------------------------------------------------------------------- */
*, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
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;}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	box-sizing: border-box;
	margin: 0;
}

/* .row START */
.row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {

}
.col-xs-12 { width: 100%; }
.col-xs-11 { width: calc(91.66666667% - 15px); }
.col-xs-10 { width: calc(83.33333333% - 15px); }
.col-xs-9 { width: calc(75% - 15px); }
.col-xs-8 { width: calc(66.66666667% - 15px); }
.col-xs-7 { width: calc(58.33333333% - 15px); }
.col-xs-6 { width: calc(50% - 15px); }
.col-xs-5 { width: calc(41.66666667% - 15px); }
.col-xs-4 { width: calc(33.33333333% - 15px); }
.col-xs-3 { width: calc(25% - 15px); }
.col-xs-2 { width: calc(16.66666667% - 15px); }
.col-xs-1 { width: calc(8.33333333% - 15px); }

@media (min-width: 768px) {
.col-sm-12 { width: 100%; }
.col-sm-11 { width: calc(91.66666667% - 15px); }
.col-sm-10 { width: calc(83.33333333% - 15px); }
.col-sm-9 { width: calc(75% - 15px); }
.col-sm-8 { width: calc(66.66666667% - 15px); }
.col-sm-7 { width: calc(58.33333333% - 15px); }
.col-sm-6 { width: calc(50% - 15px); }
.col-sm-5 { width: calc(41.66666667% - 15px); }
.col-sm-4 { width: calc(33.33333333% - 15px); }
.col-sm-3 { width: calc(25% - 15px); }
.col-sm-2 { width: calc(16.66666667% - 15px); }
.col-sm-1 { width: calc(8.33333333% - 15px); }
}

@media (min-width: 992px) {
.col-md-12 { width: 100%; }
.col-md-11 { width: calc(91.66666667% - 15px); }
.col-md-10 { width: calc(83.33333333% - 15px); }
.col-md-9 { width: calc(75% - 15px); }
.col-md-8 { width: calc(66.66666667% - 15px); }
.col-md-7 { width: calc(58.33333333% - 15px); }
.col-md-6 { width: calc(50% - 15px); }
.col-md-5 { width: calc(41.66666667% - 15px); }
.col-md-4 { width: calc(33.33333333% - 15px); }
.col-md-3 { width: calc(25% - 15px); }
.col-md-2 { width: calc(16.66666667% - 15px); }
.col-md-1 { width: calc(8.33333333% - 15px); }
}

@media (min-width: 1200px) {
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: calc(91.66666667% - 15px); }
    .col-lg-10 { width: calc(83.33333333% - 15px); }
    .col-lg-9 { width: calc(75% - 15px); }
    .col-lg-8 { width: calc(66.66666667% - 15px); }
    .col-lg-7 { width: calc(58.33333333% - 15px); }
    .col-lg-6 { width: calc(50% - 15px); }
    .col-lg-5 { width: calc(41.66666667% - 15px); }
    .col-lg-4 { width: calc(33.33333333% - 15px); }
    .col-lg-3 { width: calc(25% - 15px); }
    .col-lg-2 { width: calc(16.66666667% - 15px); }
    .col-lg-1 { width: calc(8.33333333% - 15px); }
}
/* .row END */
/* ---------------------------------------------------------------------------------------------------------------- */


.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility;
}

/* bootstrap accordion */ 
/* /geoscience-infographic/ */
.panel-group .panel-heading {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  color:  #08107b;
  position: relative;
  padding: 0px;
  margin: 0;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
html[lang="ja-JP"] .panel-group .panel-heading {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.panel-group .panel-heading a {
	padding: 8px 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
}
.panel-group .panel-heading a::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-right: 10px;
	background-image: var(--sprite);
	background-repeat: no-repeat;
	background-position: -175px 0;
	transform: rotate(90deg);
	transition: transform 0.3s;
	flex: 0 0 auto;
}
.panel-group .panel-heading:hover a::before {
	background-position: -175px -25px;
}
.panel-group .panel-heading a.collapsed::before {
	background-position: -175px 0px;
	transform: rotate(0deg);
    transition: transform 0.3s;
}
.panel-group .panel-heading a.collapsed:hover::before {
	background-position: -175px -25px;
}

/* bootstrap END */
/* ---------------------------------------------------------------------------------------------------------------- */

.img-rounded {border-radius:6px;}
.img-circle {border-radius:50%;}

.form-group {
	margin-bottom: 15px;
}

label {
	display: inline-block;
	margin-bottom: 5px;
}

/* jQuery UI reset styles START */
/* -------------------------------------------------------------------------------------------------------------- */
/*.ui-widget-content {
	color: #444;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
.ui-widget-header {
	background: none;
	border: 0 none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #08107b;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	font-weight: normal;
	color: #444;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-tr, .ui-corner-tl {
	border-radius: 0;
}
.ui-helper-reset {
	line-height: 1.6em;	
	font-size: 14px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 0 none;
	background: none;
	font-weight: normal;
	color: #444;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
	font-weight: normal;
	color: #444;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 0 none;
	background: none;
	font-weight: normal;
	color: #444;
}


.ui-datepicker.ui-widget.ui-widget-content {
	border: 1px solid #e7e7e7;
	padding: 10px;
}*/
/* jQuery UI reset styles END */
/* -------------------------------------------------------------------------------------------------------------- */
/*** END ls20/global/grid.css ***/

/*** START ls20/global/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;
	
	--i-angle-right: "\276F";
	--i-angle-left: "\276E";
	--i-angle-right-2: "\276D";
	--i-angle-left-2: "\276C";
	--i-double-angle-right: "\00BB";
	--i-double-angle-left: "\00AB";
	--i-close: "\2716";
	--i-check: "\2714";	
}

/* =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;
	background-color: #fff;
}
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav {
	padding: 0;
}

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;
    position: relative;
	
	/* clear: both !for(ie); */
	
	/* kills dropdown */
	/* x-overflow: hidden !for(ie); */
}
.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 */

.ttn {text-transform: none !important;}
.ttu {text-transform: uppercase !important;}
.ttl {text-transform: lowercase !important;}

/* =HEADER */
/* ---------------------------------------------------------------------------------------------------------------- */
.logo-mobile {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 10px 0;
}
.logo-mobile a:first-child {
	margin-right: 15px;
}
.logo-mobile a:last-child {
	margin-left: 15px;
}
@media (min-width: 1024px) {
	.logo-mobile {
		display: none;
	}
	.header-placeholder {
		height: 108px;
		transition: all 0.3s;
		border-top: 2px solid transparent;
	}
    body.product-design .header-placeholder {
	display: none;
    }
	body.disabled-fixed-navbar .header-placeholder {
		display: none;
	}
	body.header-small:not(.product-design) .header-placeholder {
		height: 80px;
	}
	header {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		height: 108px;
		background-color: #fff;
		z-index: 101;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		transition: all 0.3s;
		border-top: 2px solid #08107b;
	}
	html.china-site header {
		border-color: #005cb9;
	}
	body.header-small:not(.product-design) header {
		height: 80px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
    body.product-design header {
	position: static;
    }
	body.disabled-fixed-navbar header {
		position: static;
	}
    body.product-design.product-fixed-title #body-page-title {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
    }
    body.product-design.product-fixed-title .cmsTabBox {
	margin-top: calc(109px + 30px);
    }
}
@media (max-width: 1023px) {
	body.show-main-nav.scrolled-bit header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #fff;
		z-index: 31;
	}
	
	.questionEvident {
	    display:none;
	}
}

header .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
	align-items: center;
	transition: all 0.3s;
}
@media (max-width: 1023px) {
	header {
		height: 110px;
		position: relative;
		padding: 10px 0 0;
	}
	body.page-ecs header {
		height: 170px;
	}
	header .container-header {
		display: flex;
		flex-flow: row-reverse nowrap;
		justify-content: space-between;
		align-items: center;
		transition: all 0.3s;
		padding: 10px 0;
		background-color: #f5f5f5;
		z-index: 1;
		border-top: 0;
	}
	body.landing-directory header .container-header {
		z-index: 92;
	}
	body.page-ecs header .container-header {
		position: static;
	}
}

.header-container-left {
	flex: 0 0 auto;
	padding-top: 10px;
}
@media (max-width: 1023px) {
	.header-container-left {
		z-index: 32;
		background-color: #fff;
	}
}

@media (min-width: 1024px) {
	.header-container-right {
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-end;
	}	
}

.header-container-right .logo {
	margin: 10px 0 20px;
	transition: all 0.3s;
}
.header-small .header-container-right .logo {
	margin: 5px 0 5px;
}

.header-container-left .navbar {
	margin-top: 10px;
}

.top-extra-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
	flex: 0 0 auto;
}
@media (max-width: 1199px ) {
	.top-extra-container {
		flex-flow: row-reverse nowrap;
	align-items: center;
		margin-bottom: 10px;
		transition: all 0.3s;
	}
	body.header-small:not(.product-design) .top-extra-container {
		margin-bottom: 0;
	}
	
	.questionEvident {
	    display:none;
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	body.header-small:not(.product-design) .top-extra-container {
		margin-top: 10px;
	}
}
@media (max-width: 1023px) {
	.top-extra-container {
		z-index: 33;
		margin-bottom: 0;
	}
}

/* top search */
@media (min-width: 1200px) {
	.top-search {
		position: fixed;
		top: 35px;
		height: 40px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		background-color: white;
		z-index: 101;
		overflow: hidden;
		opacity: 0;
		width: 0;
		left: calc(((100% - 1140px) / 2) + 1140px - 280px);
	}
	html.page-ready .top-search {
		transition: all 0.3s;
	}
	body.product-design .top-search {
		position: absolute;
	}
	body.header-small:not(.product-design) .top-search {
		top: 15px;
	}
	body.search-active .top-search {
		opacity: 1;
		width: calc(1140px - 300px - 280px);
        /* taskId.16815515 */
        width: 630px;
        /* width: 600px !for(ie);		 */
		left: calc(((100% - 1140px) / 2) + 300px);
	}
	html.page-ready .main-navbar {
		transition: opacity 0.3s;
	}
	body.search-active .main-navbar {
		opacity: 0;
	}
	.top-search-overlay {
		background-color: rgba(0,0,0,0.5);
		position: fixed;
		height: calc(100vh - 109px);
		left: 0;
		top: 109px;
		width: 100%;
	}
	html.page-ready .top-search-overlay {
		transition: all 0.3s;
	}
	body.product-design.search-active.scrolled-bit .top-search-overlay {
		display: none;
	}	
	body.header-small:not(.product-design) .top-search-overlay {
		height: calc(100vh - 69px);
		top: 69px;
	}
	body:not(.search-active) .top-search-overlay {
		opacity: 0;
		pointer-events: none;
	}
	.top-search form {
		display: flex;
		flex-flow: row nowrap;
		flex: 1 1 auto;
	}
	.top-search input[type="text"] {
		flex: 1 1 auto;
		border-radius: 0;
		border: 0 none;
		background-color: #f5f5f5;
		height: 100%;
		padding: 10px 15px;
		line-height: 1.6em;
	}
	.top-search input[type="text"]:hover,
	.top-search input[type="text"]:focus {
		box-shadow: none;
		outline: none;
	}
	.top-search button,
	.top-search button:hover,
	.top-search button:focus {
		width: 40px;
		height: 40px;
		background-image: var(--sprite);
		background-position: 0 -50px;
		cursor: pointer;
		border: 0 none;
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		margin: 0;
	}
    .top-search button span {
		display: none;
    }
	.top-search-close  {
		display: inline-block;
		margin: 0 30px;
		align-self: center;
		color: #000;
	}
	.top-search-close:hover {
		color: #666;
	}
}
@media (max-width: 1199px) {
	.top-search-close {
		display: none;
	}
	.top-search {
		background-color: rgba(0,0,0,0.7);
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		opacity: 0;
		transform: scale(0);
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		z-index: 1000;
	}
	html.page-ready .top-search {
		transition: opacity 0.3s linear;
	}
	.top-search-overlay {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 30;
	}
	.top-search-overlay::after {
		content: '';
        background-image: var(--sprite);
        background-position: -200px 0;
        width: 28px;
        height: 28px;
		position: absolute;
		right: 10px;
		top: 10px;
		background-color: transparent;
		border: 0 none;
		color: #fff;
		font-size: 40px;
		cursor: pointer;
		text-shadow: none;
	}
	.top-search .container,
	.top-search #ecsSearchContainer1 {
		z-index: 31;
		position: relative;
		width: auto;
		max-width: none;
	}
	.top-search .container::before, .top-search .container::after {
		display: none;
	}
	.search-active .top-search {
		opacity: 1;
		transform: scale(1);
	}
	.top-search form {
		width: 600px;
		max-width: calc(100% - 30px);
		top: 0px;
		margin-top: -500px;
		display: flex;
		flex-flow: row nowrap;
		position: relative;
		z-index: 30;
	}
	html.page-ready .top-search form {
		transition: all 0.3s linear;
	}
	.search-active .top-search form {
		margin-top: 0px;
	}
	.top-search input[type="text"] {
		background-color: #fff;
		border: 1px solid #fff;
		font-size: 24px;
		height: auto;
		padding: 10px 20px;
		color: #333333;
		font-weight: 400;
		width: 100%;
		line-height: 1.8em;
		border-radius: 0;
	}
	.top-search input[type="text"]:focus {
		box-shadow: none;
	}
	.top-search form button {
		padding: 0;
		margin: 0;
		background-image: var(--sprite);
		background-repeat: no-repeat;
		background-position: 0 -100px;
		border-radius: 0;
		width: 72px;
		height: 65px;
		border: 0 none;
		cursor: pointer;
		flex: 0 0 auto;
	}
    .top-search form button span {
		display: none;
    }
	.top-search ::-webkit-input-placeholder {
		color: #999;
		opacity: 1;
	}
	.top-search ::-moz-placeholder {
		color: #999;
		opacity: 1;
	}
	.top-search :-ms-input-placeholder {
		color: #999;
		opacity: 1;
	}
	.top-search :-moz-placeholder {
		color: #999;
		opacity: 1;
	}
}
@media (max-width: 1024px) {
    .top-search {
        justify-content: flex-start;
        padding-top: 80px;
    }
}
@media (max-width: 767px) {
    .top-search input[type="text"] {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .top-search input[type="text"] {
        max-width: calc(100% - 80px);
    }
}

.local-container {
	display: flex;
	flex-flow: column nowrap;
}
@media (max-width: 1199px) {
	.local-container {
		flex-flow: row-reverse nowrap;
		align-items: baseline;
        margin-right: 15px;
	}
}
@media (max-width: 1023px) {
	.local-container {
		display: none;
	}
}

.top-tagline {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #000;
}
.top-tagline a {
	color: #000;
}
.top-tagline a:hover,
.top-tagline a:focus {
	color: #005cb9;
}
html.page-ready .top-tagline {
	transition: all 0.3s;
}
@media (max-width: 1199px) {
	.top-tagline {
		margin-right: 10px;
	}
}
@media (max-width: 767px) {
	.top-tagline {
		position: absolute;
		top: 60px;
		left: 15px;
	}	
	body.show-main-nav .top-tagline {
		opacity: 0;
	}
}
@media (max-width: 349px) {
	.top-tagline {
		top: 53px;
	}
}

.language-selector {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	line-height: 1.6em;
}
html[lang="ja-JP"] .language-selector {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.top-country:not(:empty)::after {
	content: '|';
	margin-left: 10px;
	margin-right: 3px;
	display: inline-block;
	transform: translateY(-1px);
}
.top-lang select {
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;	
	border: 0 none;
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
	padding: 0px 20px 0px 5px;
    background-image: url(../data/i/caret.png);
    background-color: #fff;
	width: 45px;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;	
    
    /* resolve FF dotted focus */
    /* color: rgba(0,0,0,0) !for(firefox); */
    /* text-shadow: 0 0 0 #000 !for(firefox); */
}
html[lang="en-US"] .top-lang select {width: 79px;}
html[lang="ja-JP"] .top-lang select {width: 67px;}
html[lang="fr-FR"] .top-lang select {width: 88px;}
html[lang="zh-CN"] .top-lang select {width: 79px;}
html[lang="de-DE"] .top-lang select {width: 82px;}
html[lang="ru-RU"] .top-lang select {width: 82px;}
html[lang="pt-PT"] .top-lang select {width: 98px;}
html[lang="es-ES"] .top-lang select {width: 82px;}
html[lang="ko-KR"] .top-lang select {width: 66px;}

/* taskId.16815600 2019/05/30, original rquest taskId.16807832 */
.top-lang #chooseLangTop_ruRU {
    display: none;
}

.top-lang select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
.top-lang select:focus,
.top-lang select:hover {
    outline: none;
    box-shadow: none;
}
.top-lang select option {
	font-size: 14px;
	font-weight: normal;
}
@media (min-width: 1024px) {
    .local-container-mobile {
        display: none;
    }
}
@media (max-width: 1023px) {
	.main-navbar .language-selector,
	.main-navbar .top-lang select {
		font-size: 16px;
		font-weight: normal;
	}
	.main-navbar .language-selector {
		padding: 10px 0 10px 15px;
		
	}
	.main-navbar .top-lang select {
		width: 60px;
	}	
	html[lang="en-US"] .main-navbar .top-lang select {width: 104px;}
	html[lang="ja-JP"] .main-navbar .top-lang select {width: 87px;}
	html[lang="fr-FR"] .main-navbar .top-lang select {width: 118px;}
	html[lang="zh-CN"] .main-navbar .top-lang select {width: 99px;}
	html[lang="de-DE"] .main-navbar .top-lang select {width: 117px;}
	html[lang="ru-RU"] .main-navbar .top-lang select {width: 102px;}
	html[lang="pt-PT"] .main-navbar .top-lang select {width: 138px;}
	html[lang="es-ES"] .main-navbar .top-lang select {width: 112px;}
	html[lang="ko-KR"] .main-navbar .top-lang select {width: 86px;}	
	.top-extra-container .language-selector {
		display: none;
	}
}

@media (min-width: 1024px) {
    .local-container-mobile {
	display: none;
    }
}
@media (max-width: 1023px) {
	.logo {
		display: none;
	}
	.main-navbar .language-selector,
	.main-navbar .top-lang select {
		font-size: 16px;
		font-weight: normal;
	}
	.main-navbar .language-selector {
		padding: 10px 0 10px 15px;

	}
	.main-navbar .top-lang select {
		width: 60px;
	}
	.top-extra-container .language-selector {
		display: none;
	}
}

/* top language selector START */
.top-tagline {
	min-width: 67px;
}
@media (min-width: 1024px) {
	.top-country {
		display: none;
	}
}
.language-selector {
	position: relative;
}
.top-lang-selector {
	visibility: hidden;
	min-height: 15px;
}
body.show-top-lang-selector .top-lang-selector {
	visibility: visible;
}
.top-lang-selector .langSelectorInner {
	display: flex;
	flex-flow: column nowrap;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 1;
}
.top-lang-selector a {
	font-weight: normal;
	color: #444;
	font-size: 14px;
	white-space: nowrap;
}
.top-lang-selector a:hover,
.top-lang-selector a:focus {
	text-decoration: none;
}
.top-lang-selector .separator {
	display: none;
}
.top-lang-selector .activeLang {
	order: 1;
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
	padding: 0 0 5px;
}
.top-lang-selector .activeLang:hover,
.top-lang-selector .activeLang:focus,
body.open-lang-dropdown .top-lang-selector .activeLang {
	color: #08107b;
}
.top-lang-selector .activeLang::after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 7px;
	background: url(../data/i/caret.png) no-repeat;
	margin-left: 7px;
	transition: transform 0.1s;
}
.top-lang-selector .activeLang span {
	line-height: 1;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
.top-lang-selector .inactiveLang {
	display: none;
	order: 2;
	background-color: #fff;
	padding: 5px 15px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #e7e7e7;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
}
.top-lang-selector .inactiveLang:hover {
	color: #08107b;
}
body.open-lang-dropdown .top-lang-selector .inactiveLang {
	display: inline-block;
}
@media (max-width: 1023px) {
	.top-country {
		display: none;
	}
	.top-lang-selector .langSelectorInner {
		position: static;
		text-align: left;
	}
	.top-lang-selector .activeLang {
		justify-content: flex-start;
	}
	.top-lang-selector .activeLang span {
		font-size: 16px;
		font-weight: normal;
	}
	.main-navbar .language-selector {
		padding: 15px 0 100px 15px;
	}
}

/* top language selector END */

/* ------------------------------- header icons START ------------------------------- */
.header-icons {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	line-height: 1.6em;
}
.header-icons a {
    text-decoration: none;
    cursor: pointer;
}
.header-icons > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.header-icons > ul > li {
	padding: 0;
	margin: 0;
	position: relative;
}
@media (max-width: 1023px) {
	.header-icons {
		transform: translateY(3px);
	}
	.header-icons ul ul {
		right: -22px;
	}
}
body.top-account-active .header-icons ul a.top-account ~ ul,
body.top-cart-active .header-icons ul a.top-cart ~ ul,
body.top-aspire-account-active .header-icons ul a.top-aspire-account ~ ul {
	transform: translate(0,0);
	opacity: 1;
}

/* taskId.16816053 */
.header-icons .li-my-organization {
    display: none;
}
body.page-ois .header-icons .li-my-organization {
    display: block;
}


@media (max-width: 1199px) {
	.header-icons > ul > li:last-child > a {
		margin-right: 0;
	}
}

.top-search-trigger,
.top-cart,
.top-account,
.top-global,
.top-aspire-account {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: var(--sprite);
	background-repeat: no-repeat;
	margin-right: 20px;
}
@media (min-width: 1024px) and (max-width: 1199px) {
	.top-aspire-account {
		margin-right: 0;
	}
}
@media (max-width: 1023px) {
	.top-search-trigger,
	.top-cart,
	.top-account,
	.top-global,
	.top-aspire-account {
		margin-right: 15px;
	}	
}

.top-aspire-account {
     background-position: 0 -250px;   
}
.top-aspire-account:hover {
     background-position: -25px -250px;   
}
body.top-aspire-account-active .top-aspire-account {
    background-position: -200px -100px;
}

.top-cart {
	background-position: 0px -200px;
}
.top-cart:hover {
	background-position: -25px -200px;
}
.top-search-trigger {
	background-position: 0 -225px;
    height: 16px;
    transform: translate(0px,1px) ; /* !for(webkit ie) */
}
.top-search-trigger:hover {
	background-position: -25px -225px;
}
.search-active .top-search-trigger {
	background-position: -100px -225px;
}

.top-account {
	background-position: 0 -100px;
	background-position: 0 -850px;
	width: 26px;
	height: 19px;
}
.top-account:hover {
	background-position: -50px -100px;
	background-position: -50px -850px;
}
body.top-account-active .top-account {
	background-position: -50px -850px;
}
.top-global {
	background-position: 0 -275px;
}
.top-global:hover {
	background-position: -25 -275px;
}
.top-search-trigger span,
.top-cart span,
.top-account span,
.top-global span,
.top-aspire-account span {
	display: none;
}

/* taskId.16816053 */
.top-aspire-account[data-login-name] {
	background-image: none;
	width: 35px;
	height: 35px;
}
.top-aspire-account[data-login-name]::before {
	content: attr(data-login-name);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #005cb9;
	color: #fff;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -3px;
}
/* ------------------------------- header icons END ------------------------------- */

/* =CONTENT */
/* ---------------------------------------------------------------------------------------------------------------- */

code, .code {background-color: #f2f2f2; padding: 10px 15px; border: 1px solid #d7d7d7; border-radius: 3px; font-family: 'PT Mono', monospace; font-weight: normal; color: #180051; font-size: 12px;}
span.code, code {padding: 2px 5px;}
br + code {padding: 5px 10px; margin: 10px 0px; display: inline-block;}
p.code, div.code {max-height: 200px; overflow-y: auto; line-height: 1.3em;}

body.hide-page-title #body-page-title {
    display: none;
}

.docs-table {width: 100%; font-size: 12px;}
.docs-table tr:nth-child(odd):not(:only-child) {background-color: #f5f5f5;}
.docs-table tr:only-child td {padding: 0;}
.docs-table td {padding: 5px 10px;}
.docs-table td:first-child {font-weight: bold;}
.docs-table h6 {font-weight: bold; margin: 20px 0 10px; padding: 0 0 10px; color: #444; border-bottom: 1px solid #005cb9;}
.docs-table p {margin: 0;}

.noscript-alert {
    background-color: #E74B41;
    color: #fff;
    padding: 15px 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 20px;
}

/* 2022/08/05 taskId.16820143 */
.warning-banner {
	background-color: #005cb9;
	color: #fff;
	padding: 15px 30px 15px 100px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	line-height: 1.4em;
	margin: 0 0 10px;
}
.warning-banner::before{
	content: '';
	display: block;
	background: var(--sprite) no-repeat -375px 0;
	filter: grayscale(1.5) brightness(2.0);
	position: absolute;
	left: 30px;
	top: calc(50% - 20px);
	width: 43px;
	height: 41px;
}
.warning-banner a {
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid;
}
@media (max-width: 767px) {
	.warning-banner {
		padding: 15px;
		font-size: 16px;
	}
	.warning-banner::before {
		position: static;
		margin: 0 auto 10px;
	}
}

/* =FOOTER */
/* ---------------------------------------------------------------------------------------------------------------- */

.footer {
    background-color: #3F3F3F;
    padding: 50px 0;
	position: relative;
}
@media (max-width: 1023px) {
	.footer {
		padding: 15px 0;
	}
}
.footer::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 10px;
	width: 100%;
	display: block;
background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(63,63,63,0) 100%);
background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(63,63,63,0) 100%);
background: linear-gradient(to bottom, rgba(30,30,30,1) 0%,rgba(63,63,63,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#003f3f3f',GradientType=0 );	
}
.footer a {
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}

.footer-sitemap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.footer-sitemap > * {
	width: calc(25% - 30px);
}
.footer-sitemap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer-sitemap li {
	padding: 0;
	margin: 0;
}
.footer-sitemap a {
	display: block;
	color: #b7b7b7;
    font-size: 12px;
}
.footer-sitemap a:hover,
.footer-sitemap a:focus {
	text-decoration: underline;
}
.footer-sitemap ul ul ul {
	display: none;
}
.footer-sitemap > ul > li > a:hover,
.footer-sitemap > ul > li > a:focus {
    text-decoration: none;
}
@media (min-width: 1024px) {
	.footer-sitemap > ul > li {
		margin: 0 0 20px;
	}	
	.footer-sitemap > ul > li > a {
		font-weight: bold;
		font-size: 13px;
		border-bottom: 1px dotted #fff;
		padding: 0 0 10px;
		margin: 0 0 10px;
	}	
}
@media (max-width: 1023px) {
	.footer-sitemap a {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.footer-sitemap > ul > li {
		border-bottom: 1px dotted #fff;
	}
	.footer-sitemap > ul > li.open-menu {
		padding-bottom: 7px;
	}
	.footer-sitemap > ul > li > a {
		font-weight: bold;
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-sitemap > ul > li.open-menu > a {
		padding-bottom: 3px;
	}
	.footer-sitemap ul ul {
		display: none;
	}
	.footer-sitemap ul ul a {padding-left: 20px;}
	.footer-sitemap ul ul ul a {padding-left: 40px; color: #aaa;}
	.footer-sitemap ul ul ul ul a {padding-left: 60px;}
	.footer-sitemap ul ul ul ul ul a {padding-left: 60px;}
	
	.footer-sitemap > * {
		width: 100%;
	}
    .footer-sitemap a.dropdown-toggle {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .footer-sitemap a.dropdown-toggle .link-text {
        flex: 1 1 auto;
        padding-right: 10px;
    }
	.footer-sitemap .mobile-caret {
		background-image: var(--sprite);
		background-position: -400px -100px;
		background-repeat: no-repeat;
		display: block;
		width: 30px;
		height: 30px;
		flex: 0 0 auto;
	}
    .footer-sitemap li.open-menu > a.dropdown-toggle .mobile-caret {
        background-position: -450px -100px;
	}
    .footer-sitemap a.dropdown-toggle .mobile-caret i {
        display: none;
    }
    .footer-sitemap ul li.open-menu > ul {
        display: block;
    }
}
@media (max-width: 767px) {
	.footer-sitemap a {
		font-size: 14px;
	}
	.footer-sitemap > ul > li > a {
		font-size: 15px;
	}
}

.copyright {
    background-color: #363636;
    padding: 50px 0;
}
@media (max-width: 1023px) {
    .copyright {
        padding: 25px 0;
    }
}
.copyright * {
    color: #777;
	/* taskId.16817580 2020/05/28 */
	color: #aaa;
}
.copyright a:hover {
    color: #c9c9c9;
}

/* OneTrust taskId.16818637 2021/02/18 Cookies START */
/* ---------------------------------------------------------------------- */
/* footer button */
.copyright #ot-sdk-btn.ot-sdk-show-settings, 
.copyright #ot-sdk-btn.ot-sdk-show-settings:hover, 
.copyright #ot-sdk-btn.ot-sdk-show-settings:focus, 
.copyright #ot-sdk-btn.optanon-show-settings,
.copyright #ot-sdk-btn.optanon-show-settings:hover,
.copyright #ot-sdk-btn.optanon-show-settings:focus {
	background-color: transparent;
	color: #aaa;
	padding: 0;
	margin: 0;
	border: 0 none;
	font-size: 14px;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
}
.copyright #ot-sdk-btn.ot-sdk-show-settings:hover, 
.copyright #ot-sdk-btn.optanon-show-settings:hover {
	color: #fff;
}
html[lang="ja-JP"] .copyright #ot-sdk-btn.ot-sdk-show-settings, 
html[lang="ja-JP"] .copyright #ot-sdk-btn.ot-sdk-show-settings:hover, 
html[lang="ja-JP"] .copyright #ot-sdk-btn.ot-sdk-show-settings:focus, 
html[lang="ja-JP"] .copyright #ot-sdk-btn.optanon-show-settings,
html[lang="ja-JP"] .copyright #ot-sdk-btn.optanon-show-settings:hover,
html[lang="ja-JP"] .copyright #ot-sdk-btn.optanon-show-settings:focus{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;	
}
/* list of cookies */
.cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, 
.cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, 
.cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, 
.cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, 
.cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
/* popup */
body #onetrust-banner-sdk #onetrust-policy-text, 
body #onetrust-banner-sdk .ot-b-addl-desc, 
body #onetrust-banner-sdk .ot-gv-list-handler,
body #onetrust-banner-sdk #onetrust-accept-btn-handler, 
body #onetrust-banner-sdk #onetrust-reject-all-handler, 
body #onetrust-banner-sdk #onetrust-pc-btn-handler {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 14px;
	line-height: 1.6em;
	letter-spacing: normal;
}
/* list of cookies Japan */
html[lang="ja-JP"] .cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, 
html[lang="ja-JP"] .cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, 
html[lang="ja-JP"] .cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, 
html[lang="ja-JP"] .cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, 
html[lang="ja-JP"] .cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
/* popup Japan */
html[lang="ja-JP"] body #onetrust-banner-sdk #onetrust-policy-text, 
html[lang="ja-JP"] body #onetrust-banner-sdk .ot-b-addl-desc, 
html[lang="ja-JP"] body #onetrust-banner-sdk .ot-gv-list-handler,
html[lang="ja-JP"] body #onetrust-banner-sdk #onetrust-accept-btn-handler, 
html[lang="ja-JP"] body #onetrust-banner-sdk #onetrust-reject-all-handler, 
html[lang="ja-JP"] body #onetrust-banner-sdk #onetrust-pc-btn-handler {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}

/* popup button */
body #onetrust-consent-sdk #onetrust-accept-btn-handler, 
body #onetrust-banner-sdk #onetrust-reject-all-handler,
html[lang="ja-JP"] body #onetrust-consent-sdk #onetrust-accept-btn-handler, 
html[lang="ja-JP"] body #onetrust-banner-sdk #onetrust-reject-all-handler {
	color: #fff;
	background-color: #005cb9;
	border-color: #005cb9;
	padding: 6px 12px;
	line-height: 1.6em;
}
/* popup button link */
body #onetrust-consent-sdk #onetrust-pc-btn-handler, 
body #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link,
html[lang="ja-JP"] body #onetrust-consent-sdk #onetrust-pc-btn-handler, 
html[lang="ja-JP"] body #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
	color: #005cb9;
	padding: 6px 12px;
	line-height: 1.6em;
}

/* h3 */
.cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title,
body #onetrust-banner-sdk #onetrust-policy-title {
	font-size: 22px;
	line-height: 1.3em;	
	color: #08107b;
	font-weight: normal;
	text-transform: none;
}
/* h4 */
.cms-content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
	font-size: 18px;
	line-height: 1.4em;
	color: #08107b;
	font-weight: normal;
	text-transform: none;
}
/* OneTrust taskId.16818637 2021/02/18 Cookies END */
/* ---------------------------------------------------------------------- */

.footer-social ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
}
.footer-social li {
    padding: 0;
    margin: 0 10px 0 0;
}
.footer-social a {
    background-image: var(--sprite);
    background-repeat: no-repeat;
    display: block;
    width: 21px;
    height: 21px;
}
.footer-social a[href*="youtube"] {background-position: -50px 0; height: 23px;}
.footer-social a[href*="facebook"] {background-position: 0 0;}
.footer-social a[href*="twitter"] {background-position: -25px 0;}
.footer-social a[href*="linkedin"] {background-position: -75px 0;}
.footer-social a[href*="instagram"] {background-position: -100px 0;}
.footer-social a[href*="pinterest"] {background-position: -125px 0;}

.footer-social a[href*="youtube"]:hover {background-position: -50px -25px;}
.footer-social a[href*="facebook"]:hover {background-position: 0 -25px;}
.footer-social a[href*="twitter"]:hover {background-position: -25px -25px;}
.footer-social a[href*="linkedin"]:hover {background-position: -75px -25px;}
.footer-social a[href*="instagram"]:hover {background-position: -100px -25px;}
.footer-social a[href*="pinterest"]:hover {background-position: -125px -25px;}
.footer-social a span {
    display: none;
}

/* footer banners */
.footer-row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.footer-banners a {
	display: inline-block;
}
.footer-banners a + a {
	margin-left: 15px;
}
@media (max-width: 1023px) {
	.footer-row {
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: flex-start;
        text-align: center;
	}
	.footer-col {
		width: 100%;
	}
	.footer-banners {
		margin-top: 15px;
		width: 100%;
	}
    .footer-social ul {
        justify-content: center;
    }
}
@media (max-width: 767px) {
	.footer-banners {
		text-align: center;
	}
}
@media (max-width: 479px) {
	.footer-banners a,
	.footer-banners a + a {
		margin: 0 5px 10px 5px;
	}
}

#scrollUp {
	position: fixed;
    bottom: 5px;
    right: 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
	text-align: center;
	opacity: 0.5;
    color: transparent;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-position: -400px -150px;   
    display: block;
	z-index: 999;
	opacity: 0;
	transform: translateY(100px);
}
html.page-ready #scrollUp {
	transition: all 0.3s;
}
body.show-scroller #scrollUp {
	opacity: 1;
	transform: translateY(0);
}
#scrollUp:hover {
	opacity: 0.7;
}
#scrollUp:focus:hover {
	opacity: 1;
}

.section-assistance {
	padding: 50px 0;
	text-align: center;
	border-top: 1px solid #e7e7e7;
}
.section-assistance h2 {
	margin: 0 0 15px;
	font-size: 26px;
	font-weight: 500;
	color: #333;
}
.section-assistance .btn {
	background-color: #005cb9;
	
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 );
	color: #fff;
	border-radius: 3px;
	border: 0 none;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 20px 7px;
}
.section-assistance .btn:hover,
.section-assistance .btn:focus {
	border: 0 none;
	color: #fff;
	
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 );
}
@media (max-width: 767px) {
	.section-assistance {
		padding: 30px 0;
	}
	.section-assistance .btn {
		padding: 8px 20px;
	}
}

.gdpr {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0px;
	background-color: #CBDAEE;
	display: none;
	color: #000;
    z-index: 9999;
}
.gdpr .container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}
.gdpr p {
	margin: 0;
}
.gdpr a {
	color: #4887F4;
	font-weight: bold;
	text-decoration: underline;
}
.gdpr .btn {
	box-shadow: none;
	text-shadow: none;
	margin-left: 15px;
	padding: 5px 10px;
    cursor: pointer;
    white-space: nowrap;
}
.gdpr .btn,
.gdpr .btn:hover,
.gdpr .btn:focus {
	background-color: #4887F4;
	border-color: #4887F4;
	color: #fff;
}
@media (max-width: 1199px) {
	.gdpr .container {
		flex-flow: column nowrap;
		text-align: center;
	}
	.gdpr p {
		margin-bottom: 10px;
	}
	.gdpr .btn,
	.gdpr .btn:hover,
	.gdpr .btn:focus {
		margin-left: 0;
	}
}

.printlink {
	margin: 20px 0;
}
.printlink a {
	color: #aaa;
	/* taskId.16817580 2020/05/28 */
	color: #666;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	width: 70px;
}
.printlink a:hover {
	color: #444;
}
.printlink a::before {
	content: '';
	display: inline-block;
	background-image: var(--sprite);
	background-position: -300px -75px;
	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
	margin-right: 5px;
	flex: 0 0 auto;
}
.printlink a:hover::before {
	background-position: -325px -75px;
}

/* ipop customization START */
/* ----------------------------------------------------------------------- */
div.iPopBlock {
    z-index: 4004;
}
div.iPopBlock .iPopCloseBtn {
	background-image: none;
	width: 20px;
	height: 20px;
	color: #ccc;
	font-size: 20px;    
}
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;
}
div.iPopBlock .iPopBox h1:first-child,
div.iPopBlock .iPopBox h2:first-child,
div.iPopBlock .iPopBox h3:first-child,
div.iPopBlock .iPopBox h4:first-child,
div.iPopBlock .iPopBox h5:first-child,
div.iPopBlock .iPopBox h6:first-child {
	margin-top: 10px;
	padding-top: 0px;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
html.system-curtain-active body > *:not(#iPopStack):not(.system-curtain),
html.iPopActive body > *:not(#iPopStack):not(.system-curtain) {
    filter:blur(0px);
}
.iPopBlock.iframeType.loading,
.cmsTabBlock .loading {
	background-color: rgba(0,0,0,0.5) !important;
	background-image: none !important;
	color: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100% !important;
	height: 100% !important;
	transform: scale(0);
	opacity: 1;
	font-size: 50px;
	z-index: 9999;
	transform: scale(1);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
html.page-ready .iPopBlock.iframeType.loading,
html.page-ready .cmsTabBlock .loading {
	transition:
		opacity 0.5s linear,
		transform 0s linear 0.5s;	
}
.iPopBlock.iframeType.loading::before,
.cmsTabBlock .loading::before {
	content: '';
	width: 50px;
	height: 50px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../data/i/spinner-02.png);
	animation: spin 2s linear;
    animation-iteration-count: infinite;
	background-color: transparent;
	padding: 0px;
	margin: 0;
}
.cmsTabBlock .loading b {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline-block;
	margin-top: 10px;
}
html[lang="ja-JP"] .cmsTabBlock .loading b  {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.iPopBlock.iframeType.loading::after {
	content: 'loading';
	color: #fff;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.iPopBlock.iframeType.loading .iPopClose {
	display: none;
}
.iPopBlock.iframeType.loading .iPopBox {
	opacity: 0;
}
html.page-ready .iPopBlock.iframeType.loading .iPopBox {
	transition: all 0.3s;
}

.ipop-360 .iPopBox {
	border: 0 none !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
.ipop-360 .iPopData {
	overflow: hidden !important;
}

.ipop-rd-video.iPopBlock.styled .iPopBox {
	border: 0 none;
	border-color: transparent;
	/* taskId.16819693 2022/03/04 */
	background-color: #fff;
}
/* ipop customization END */
/* ----------------------------------------------------------------------- */

/* antispam START */
.xforms-antispam-popup .iPopCloseBtn {
	display: none !important;
}
.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 */

/* geo warning START */
/* ----------------------------------------------------------------------- */
.col-content .geo-warning-active,
.col-article .geo-warning-active,
/* taskId.16815045 2019/02/04 AM - synchronize styling of Geo Warning on product design with global styling */
.content-container .geo-warning-active,
.geo-warning-section,
.geo-warning-message {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
	font-weight: 400;
    color: #294160;
    line-height: 40px;
    background-image: url(../data/i/geo-warning.png);
    background-repeat: no-repeat;
    padding-left: 140px;
    min-height: 87px;
}
html[lang="ja-JP"] .col-content .geo-warning-active,
html[lang="ja-JP"] .col-article .geo-warning-active,
/* taskId.16815045 2019/02/04 AM - synchronize styling of Geo Warning on product design with global styling */
html[lang="ja-JP"] .content-container .geo-warning-active,
html[lang="ja-JP"] .geo-warning-section,
html[lang="ja-JP"] .geo-warning-message {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
@media (max-width: 767px) {
    .col-content .geo-warning-active,
	.col-article .geo-warning-active,
	/* taskId.16815045 2019/02/04 AM - synchronize styling of Geo Warning on product design with global styling */
	.content-container .geo-warning-active,
    .geo-warning-section,
	.geo-warning-message {
        padding-left: 0px;
        padding-top: 120px;
        background-position: center top;
        text-align: center;
        font-size: 30px;
        line-height: 1.3em;
    }
}
@media (max-width: 479px) {
    .col-content .geo-warning-active,
	.col-article .geo-warning-active,
	/* taskId.16815045 2019/02/04 AM - synchronize styling of Geo Warning on product design with global styling */
	.content-container .geo-warning-active,
    .geo-warning-section,
	.geo-warning-message {
        font-size: 24px;
    }
    .col-content .geo-warning-active br,
	.col-article .geo-warning-active br,
	/* taskId.16815045 2019/02/04 AM - synchronize styling of Geo Warning on product design with global styling */
	.content-container .geo-warning-active br,
    .geo-warning-section br,
	.geo-warning-message {
        display: none;
    }
}
h1.pageTitle .geo-warning-active + span {
    display: none;
}

.error {
    color: #b94a48;
}

/* taskId.16820138 */
.geo-warning-full-page.geo-warning-active {
	min-height: 100vh;
	min-width: 100vw;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-position: center center;
	padding: 50px 15px 15px;
	background: url(../data/i/geo.png) center center no-repeat white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1.3em;
	color: #444444;
	margin: 0;
}
.geo-warning-full-page.geo-warning-active::before {
	content: '';
	width: 44px;
	height: 41px;
	background: var(--sprite) no-repeat -375px 0;
	display: block;
	margin: 0 0 15px;
}
@media (max-width: 767px) {
	.geo-warning-full-page.geo-warning-active {
		font-size: 24px;
	}
}

/* geo warning END */
/* ----------------------------------------------------------------------- */

/* ----------------- alternative tabs design for sub & landing pages START ---------------- */
.page-tabs ul.cmsTabs {
	display: flex;
	flex-flow: row nowrap;
	padding: 0;
	margin: 25px 0 0;
	list-style-type: none;
}
.page-tabs ul.cmsTabs > li {
	padding: 0;
	margin: 0;
	display: flex;
}
.page-tabs ul.cmsTabs > li > a {
	display: flex;
}
.page-tabs .cmsTabBlock .cmsPanel .popup-form {
	width: 600px;
	max-width: 100%;
}
.page-tabs .cmsTabBlock .cmsPanel .learn-more {
    font-size: 18px; 
    line-height:20px;
    text-decoration: none;
    color: #fff;
    background-color: #0253A2;
    padding: 12px 18px;
    margin: 15px 0 0px;
    display: inline-block;
    cursor: pointer;
    text-align: center; 
    width: 270px;
}
@media (max-width: 1024px) {
    .page-tabs .cmsTabBlock .cmsPanel .learn-more {
        width: auto;
        font-size: 16px;
    }
}
@media (min-width: 1025px) {
    .page-tabs .cmsTabBlock .cmsTabs .cmsTab a {
        background-color: #c7c7c7;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 20px;
        padding: 10px 30px;
		line-height: 1.6em;
    }
    .page-tabs .cmsTabBlock .cmsTabs .cmsTab a span {
        color: #222;
    }
    .page-tabs .cmsTabBlock .cmsTabs .cmsTab.ui-tabs-active a {
        background-color: #777777;	
    }
    .page-tabs .cmsTabBlock .cmsTabs .cmsTab.ui-tabs-active a span {
        color: #fff;
    }
    .page-tabs .cmsTabBlock .ui-widget-header {
        border: 0 none;
        margin-bottom: 0;
    }
    .page-tabs .cmsTabBlock .cmsPanel {
        background-color: #C6C6C6;   
        position: relative;
        padding: 30px;
		margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.6em;
        color: #000;
        background: #777777;
        background: -moz-linear-gradient(top, #777777 0%, #c6c6c6 40%);
        background: -webkit-linear-gradient(top, #777777 0%,#c6c6c6 40%);
        background: linear-gradient(to bottom, #777777 0%,#c6c6c6 40%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#c6c6c6',GradientType=0 );  
    }
    .page-tabs .cmsTabBlock .cmsPanel h2,
    .page-tabs .cmsTabBlock .cmsPanel h3 {
        color: #fff;
    } 
    .page-tabs .cmsTabBlock .cmsPanel h2 {
        font-size: 24px;
    }
    .page-tabs .cmsTabBlock .cmsPanel h3 {
        font-size: 30px;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.page-tabs .cmsTabBlock .cmsTabs .cmsTab a {
		font-size: 16px;
		padding: 10px 20px;
	}
    .page-tabs .cmsTabBlock .cmsPanel h3 {
        font-size: 24px;
    }	
	.page-tabs .cmsTabBlock .cmsPanel {
		font-size: 14px;
	}
}
/* reset styling for contact form inside of tabs */
.page-tabs .cmsTabBlock .cmsPanel .xform {
	font-size: 14px;
	line-height: 1.6em;
}
.page-tabs .cmsTabBlock .cmsPanel div + div > .xform,
.page-tabs .cmsTabBlock .cmsPanel table + div > .xform {
	margin-top: 30px;
}
/* taskId.16813484 hide breadcrumbs */
.page-tabs .breadcrumb {
	display: none;
}
/* taskId.16813484 hide main navigation */
.page-tabs .navbar {
	display: none;
}
.page-tabs .container-top {
	padding-bottom: 15px;
}
.page-tabs .cmsTabBlock .cmsPanel iframe.responsive-iframe {
	width: 600px;
	max-width: 100%;
}
.page-tabs .cmsTabBlock .cmsPanel iframe.iframe-local {
	width: 600px;
	max-width: 100%;
	margin-left: 0;
}
.iframe-container {
	width: 600px;
	max-width: 100%;
}
@media (min-width: 510px) {
	.iframe-container {
		margin-left: -25px;
	}
}
@media (max-width: 509px) {
	.iframe-container {
		margin-left: -15px;
	}
}
.cmsTabs .ui-widget input,
.cmsTabs .ui-widget select,
.cmsTabs .ui-widget textarea,
.cmsTabs .ui-widget button {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.page-tabs .subpage-slideshow-container {
	border: 0 none;
}
.page-tabs .body-page-title {
	border: 0 none;
}
/* ----------------- alternative tabs design for sub & landing pages END ---------------- */

/* taskId.16811685 */
.icn_blu {list-style:none; float:left; margin:2px; padding: 0px; background-color: #5280A4; color: #fff; width:120px; font-size: 12px; text-align:center;}
.icn_gry {list-style:none; float:left; margin:2px; padding: 0px; background-color: #666666; color: #fff; width:120px; font-size: 12px; text-align:center;}
.icn_gry_l {list-style:none; float:left; margin:2px; padding: 0px 4px; background-color: #666666; color: #fff; width:auto; font-size: 12px; text-align:center;}
.plus {list-style:none; float:left; margin:2px; padding: 0px; width:30px; font-size: 14px; text-align:center;}
.icn_clr {clear:both; margin-left:0px; padding-left:0px;}

/* taskId.16812357 START */
.ot-button-01 a {display:inline-block; color:#ffffff; background-color:#e49900; padding: 5px 15px; margin-left: 15px;}
.ot-button-01 span {color:#ffffff;}
.ot-button-02 a {display:inline-block; border-radius: 15px; background-color:#dddddd; padding: 5px 15px; margin-left: 15px;}
.ot-button-02 a:hover{background-color:#999999;}
/* taskId.16812357 END */

/* =NEW COMPLEX SLICER */
.accord h3,
.accord h4 {
    clear: both;
}
.subaccord > div {
    display: none;
    clear: both;
    overflow: hidden;
}
.subaccord h3,
.subaccord h4 {
    cursor: pointer;
    border-top: 1px solid #c7c7c7;
    padding: 0px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    position: relative;
    clear: both;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.subaccord h3 a,
.subaccord h4 a,
.accord h3 a,
.accord h4 a {
    text-decoration: underline;
}
.subaccord h4 {
    border-top: 0 none;
    font-size: 16px;
}
.subaccord h3:hover,
.subaccord h3:hover {
    background-color: #F0F0F0;
}
.subaccord h3.accord-active:hover,
.subaccord h4.accord-active:hover {
    background-color: #fff;
}
.subaccord h3:first-child {
    border-top: 1px solid #fff;
}
.subaccord h3::before,
.subaccord h4::before {
    margin-right: 8px;
    content: '';
    background: var(--sprite) -175px 0px no-repeat;
    width: 8px;
    height: 14px;
    display: inline-block;
    flex: 0 0 auto;
}
html.page-ready .subaccord h3::before,
html.page-ready .subaccord h4::before {
    transition: transform 0.3s;
}
.subaccord h4::before {
    background-position: -150px -50px;
    width: 6px;
    height: 10px;
}
.subaccord h3.accord-active::before,
.subaccord h4.accord-active::before {
    transform: rotate(90deg);
}

/* datepicker START */
/* ------------------------------------------------------------------ */

.ui-datepicker {
	padding: 10px;
	border: 1px solid #e7e7e7 !important;
	background-color: #fff;
}
.ui-datepicker table {
	font-size: 11px;
	table-layout: fixed;
}
.ui-datepicker .ui-datepicker-header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	background-color: #f5f5f5;
	padding: 5px 10px;
	border: 1px solid #e7e7e7;
}
.ui-datepicker .ui-datepicker-prev {
	order: 1;
}
.ui-datepicker .ui-datepicker-title {
	order: 2;
	flex: 1 1 auto;
	margin: 0;
	font-size: 11px;
}
.ui-datepicker .ui-datepicker-next {
	order: 3;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
	background: var(--sprite) no-repeat -350px -300px;
	width: 13px;
	height: 13px;
	cursor: pointer;
	position: static;
	flex: 0 0 auto;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:focus {
	background-position: -300px -300px;
}
.ui-datepicker .ui-datepicker-prev {
	transform: scaleX(-1);
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none;
}
.ui-datepicker th,
.ui-datepicker td {
	background-color: #fff;
	text-align: center;
}
.ui-datepicker td a,
.ui-datepicker td span {
	background-color: #f5f5f5;
	border: 1px solid #e7e7e7; 
	color: #000;
	text-align: center;
	font-size: 11px;
	padding: 1px;
}
.ui-datepicker td a:hover {
	color: #005cb9;
}
.ui-datepicker td span {
	color: #999;
	cursor: default;
}
.ui-datepicker td.ui-datepicker-today a {
	background-color: #005cb9;
	border: 1px solid #005cb9;
	color: #fff;
}
/* datepicker END */
/* ------------------------------------------------------------------ */

.cms-content figure.figure {
    overflow: hidden;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 5px;
    position: relative;
	/* width: 100% !for(ie); */
}
.cms-content figure.figure img {
    margin: 0;
}
html.page-ready .cms-content figure.figure img {
    transition: transform 0.5s;
}
.cms-content figure.figure:hover img {
    transform: scale(1.1);
}
.cms-content figure.figure figcaption {
    x-background-color: rgba(0,0,0,0.6);
	
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
	
    padding: 20px 10px 5px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.cms-content figure.figure a,
.cms-content figure.figure a:hover,
.cms-content figure.figure a:focus {
	text-decoration: none;
}

/* =miscrosite slideshow START */
/* ========================================================================================= */
/* moved from micro.css  taskId.16817888 2020/08/06 */
.microscopy-slideshow {
	position: relative;	
	border-radius: 5px;
	overflow: hidden;	
	display: flex;
	flex-flow: row nowrap;
}
.microscopy-slideshow-paging {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	overflow: hidden;
	background-color: #f5f5f5;	
	display: flex;
	flex-flow: column nowrap;	
	justify-content: space-between;
	width: 237px;
	font-size: 13px;
}
.microscopy-slideshow-paging a {
	color: #444;
	text-decoration: none;	
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
}
.microscopy-slideshow-paging p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 10px;
	cursor: pointer;
	flex: 1 1 auto;
}
html.page-ready .microscopy-slideshow-paging p {
	transition: all 0.5s;	
}
.microscopy-slideshow-paging p a::before {
	margin-right: 7px;	
	opacity: 0;
	background: var(--sprite) no-repeat -100px -275px;
	width: 8px;
	height: 9px;
	content: '';
	display: inline-block;
	flex: 0 0 auto;
}
html.page-ready .microscopy-slideshow-paging p a::before {
	transition: all 0.5s;
}
.microscopy-slideshow-paging p:first-child {
	padding-top: 9px;	
}
.microscopy-slideshow-paging p.active a {
	color: #005cb9;
}
.microscopy-slideshow-paging p.active a::before {
	opacity: 1;
}
.page2717 .cms-content .microscopy-slideshow img {
	margin: 0;
}
#microscopy-slideshow {
	width: calc(100% - 237px);
}
html.page-ready #microscopy-slideshow {
	transition: all 0.5s;
}
@media (min-width: 980px) {
	#microscopy-slideshow img + span,
	#microscopy-slideshow a + span {
		position: absolute;
		left: 0px;
		bottom: 0px;
		background-color: rgba(0,0,0,0.5);
		color: #fff;	
		padding: 15px;
		width: 100%;
		display: block;
	}	
}

#microscopy-slideshow.theatre-responsive-filmstrip .theatre-actor {
	position: relative;	
}
.microscopy-slideshow-controls i {
	position: absolute;
	top: calc(50% - 15px);
	font-size: 30px;
	color: #fff;
	cursor: pointer;	
}
.microscopy-slideshow-controls i.fa-angle-left {
	left: 10px;	
}
.microscopy-slideshow-controls i.fa-angle-right {
	right: 10px;	
}
.cms-content .microscopy-slideshow p span {
	display: block;
	margin: 5px 0 0;
	padding: 0 10px 0 0;
	font-size: 13px;
}
@media (max-width: 1199px) {
	#microscopy-slideshow {
		width: calc(100% - 189px);
	}	
	.microscopy-slideshow-paging {
		width: 189px;
	}
	.microscopy-slideshow-paging p {
		font-size: 13px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 10px;
	}	
}
@media (max-width: 1024px) {
	.microscopy-slideshow {
		display: flex;
		flex-flow: column nowrap;	
	}	
	.microscopy-slideshow-paging {
		position: static;
		width: 100%;
		font-weight: bold;
		height: auto;
		background-color: transparent;
	}
	#microscopy-slideshow {
		width: 100%;	
	}
	#microscopy-slideshow.theatre-responsive-filmstrip .theatre-actor {
		width: 100%;	
	}
	.page2717 .cms-content .microscopy-slideshow img {
		width: 100%;
	}	
	.microscopy-slideshow-paging {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		margin: 10px 0 0;
	}
	.microscopy-slideshow-paging p:not(.active),
	.microscopy-slideshow-paging p.active a::before {
		x-display: none;
	}
	.microscopy-slideshow-paging p a {
		display: none;
	}
	.microscopy-slideshow-paging p {
		font-size: 20px;	
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 300;
		padding: 0; 
		margin: 0 0 10px;
		width: 15px;
		height: 15px;
		flex: 0 0 auto;
		border-radius: 50%;
		display: block;
		background-color: #ccc;
		margin: 0 8px;
	}
	.microscopy-slideshow-paging p.active {
		background-color: #005cb9;
	}
	.microscopy-slideshow-paging p.active a {
		color: #005cb9;
		text-decoration: underline;		
	}	
}
@media (min-width: 980px) {
	.microscopy-slideshow-controls {
		display: none;
	}	
}
@media (max-width: 599px) {
	.microscopy-slideshow-controls i {
		top: 30%;
	}	
	#microscopy-slideshow img + span {
		position: static;
		background-color: transparent;
		color: #444;	
		padding: 10px 0px 0px;
	}	
}
@media (max-width: 479px) {
	.microscopy-slideshow-controls i {
		top: 25%;
	}		
}
/* =miscrosite slideshow END */
/* ========================================================================================== */

/* taskId.16816822 2020/01/02 wrap columns START */
/* after optimization need to move to subpages */
/* /laser-scanning/fv3000/#!cms[tab]=%2Flaser-scanning%2Ffv3000%2Fapplied-technologies */
.wrap-columns h1:first-child, .wrap-columns h2:first-child, .wrap-columns h3:first-child, .wrap-columns h4:first-child, .wrap-columns h5:first-child, .wrap-columns h6:first-child,
.wrap-columns .h1:first-child, .wrap-columns .h2:first-child, .wrap-columns .h3:first-child, .wrap-columns .h4:first-child, .wrap-columns .h5:first-child, .wrap-columns .h6:first-child {
    margin-top: 15px;
    margin-bottom: 10px !important;
}
.wrap-columns p {
    margin: 0 !important;
}
@media (min-width: 980px) {
    .wrap-columns tr {
        display: flex;
        flex-flow: row wrap !important;
    }
}
@media (max-width: 979px) {
	.wrap-columns tbody,
	.wrap-columns td,
	.wrap-columns {
		display: block;
	}
    .wrap-columns tr {
        display: flex;
        flex-flow: column wrap !important;
    }
    .wrap-columns tr[cols="2"] > *:nth-child(1) {order: 1 !important;}
    .wrap-columns tr[cols="2"] > *:nth-child(2) {order: 3 !important;}
    .wrap-columns tr[cols="2"] > *:nth-child(3) {order: 2 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="2"] > *:nth-child(4) {order: 4 !important; margin-bottom: 20px;}
    
    .wrap-columns tr[cols="3"] > *:nth-child(1) {order: 1 !important;}
    .wrap-columns tr[cols="3"] > *:nth-child(2) {order: 3 !important;}
    .wrap-columns tr[cols="3"] > *:nth-child(3) {order: 5 !important;}
    .wrap-columns tr[cols="3"] > *:nth-child(4) {order: 2 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="3"] > *:nth-child(5) {order: 4 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="3"] > *:nth-child(6) {order: 6 !important; margin-bottom: 20px;}
    
    .wrap-columns tr[cols="4"] > *:nth-child(1) {order: 1 !important;}
    .wrap-columns tr[cols="4"] > *:nth-child(2) {order: 3 !important;}
    .wrap-columns tr[cols="4"] > *:nth-child(3) {order: 5 !important;}
    .wrap-columns tr[cols="4"] > *:nth-child(4) {order: 7 !important;}
    .wrap-columns tr[cols="4"] > *:nth-child(5) {order: 2 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="4"] > *:nth-child(6) {order: 4 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="4"] > *:nth-child(7) {order: 6 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="4"] > *:nth-child(8) {order: 8 !important; margin-bottom: 20px;}
    
    .wrap-columns tr[cols="6"] > *:nth-child(1) {order: 1 !important;}
    .wrap-columns tr[cols="6"] > *:nth-child(2) {order: 3 !important;}
    .wrap-columns tr[cols="6"] > *:nth-child(3) {order: 5 !important;}
    .wrap-columns tr[cols="6"] > *:nth-child(4) {order: 7 !important;}
    .wrap-columns tr[cols="6"] > *:nth-child(5) {order: 9 !important;}
    .wrap-columns tr[cols="6"] > *:nth-child(6) {order: 11 !important;}
    .wrap-columns tr[cols="6"] > *:nth-child(7) {order: 2 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="6"] > *:nth-child(8) {order: 4 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="6"] > *:nth-child(9) {order: 6 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="6"] > *:nth-child(10) {order: 8 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="6"] > *:nth-child(11) {order: 10 !important; margin-bottom: 20px;}
    .wrap-columns tr[cols="6"] > *:nth-child(12) {order: 12 !important; margin-bottom: 20px;}
}

/* taskId.16816822 2020/01/02 wrap columns END */

/* tabs START */
/* -------------------------------------------------------------------------- */
/* tabs */
.tabs-table-container.ui-tabs.ui-widget-content,
.tabs-table-container.ui-tabs.ui-widget-content .ui-widget-header,
.tabs-table-container.ui-tabs.ui-widget-content  ul.ui-tabs-nav li,
.tabs-table-container.ui-tabs.ui-widget-content .ui-tabs-anchor,
.tabs-table-container.ui-tabs.ui-widget-content .ui-tabs-panel{
    padding: 0;
    margin: 0;
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8em;
    opacity: 1;
}
.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
@media (max-width: 1199px) {
	.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav > li {
		white-space: normal;
	}
}
@media (max-width: 767px) {
	.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav {
		overflow: auto;
	}
	.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav > li {
		display: flex;
	}	
}

.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li {
    flex: 1 1 auto;  
    display: flex;
}
.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li:last-child {
    margin-right: 0;
}
.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active {
     
}
.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-default a {
    padding: 10px 15px;
    display: block;
    width: 100%;
    text-align: center;   
    color: #fff; 
	background-color: #363636;
	border-top: 1px solid #363636;
	border-right: 1px solid #363636;
	border-left: 1px solid #363636;
	line-height: 1.3em;
	transition: all 0.3s;
}

/* taskId.16815121 2019/02/20 AM - enable rich formatting (reset paragraph styles) */
.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-default a * {
	display: inline;
	margin: 0;
	padding: 0;
}

.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active a {
    background-color: #fff;
	color: #363636;
}
.tabs-table-container.ui-tabs.ui-widget-content .ui-tabs-panel {
    padding: 15px;
    background-color: #fff;
	border: 1px solid #363636;
	margin-top: -1px;
}
@media (min-width: 768px) {
     .tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav a {
        padding: 10px 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;      
    }  
    .tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li:not(:first-child) {
        margin-left: 10px;
    }    
}
@media (max-width: 767px) {
	.tabs-table-container.ui-tabs.ui-widget-content .ui-tabs-panel {
		border: 0 none;
		position: relative;
	}
	.tabs-table-container.ui-tabs.ui-widget-content .ui-tabs-panel::before {
		content: '';
		width: 100%;
		height: 15px;
		display: block;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
		position: absolute;
		top: 0;
		left: 0;
	}
	.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-default a {
		background-color: #333;
		border-color: #333;
		color: #bbb;
		border-bottom: 5px solid #333;
		font-weight: normal;
		white-space: nowrap;
		/* Ja characters could wrap one by one */
		X-min-width: 100px;
	}
	.tabs-table-container.ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active a {
		background-color: #333;
		border-color: #333;		
		font-weight: normal;
		opacity: 1;
		color: #fff;
		border-bottom: 5px solid #fff;
	}
}


body.product-design .cmsTabBox .cmsTabs,
body.product-design .cmsTabBox .ui-tabs-panel::before {
    display: none;
}
body.product-design .cmsTabBox .ui-tabs-panel {
    padding: 0;
    border: 0 none;
}

/* tabs END */
/* -------------------------------------------------------------------------- */

/* taskId.16820144 2022/08/05 list content START */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
@media (min-width: 1024px) {
	.nav-list-content-table-container {
		display: flex;
		flex-flow: row nowrap;
	}
	.nav-list-content {
		width: 250px;
		display: flex;
		flex-flow: column nowrap;
		border-top: 1px solid var(--bdc);
		padding: 0;
		margin: 0;
		list-style-type: none;
		background-color: #f7f7f7;
	}
	.nav-list-content li {
		padding: 15px;
		margin: 0;
		cursor: pointer;
		border-bottom: 1px solid var(--bdc);
		border-right: 1px solid var(--bdc);
		border-left: 4px solid var(--bdc);
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		flex: 0 1 auto;
		background-color: #f7f7f7;
	}
	.nav-list-content li.active {
		border-right-color: #fff;
		border-left-color: #005cb9;
		background-color: #fff;
	}
	.nav-list-content li a {
		color: #666;
		text-decoration: none;
	}
	.nav-list-content li.sub a {
		padding-left: 20px;
	}
	.nav-list-content li.active a {
		color: #005cb9;
	}
	.nav-list-content-table-container .tab-content {
		width: calc(100% - 250px);
		padding: 30px 0 0 30px;
		border-top: 1px solid var(--bdc);
		border-bottom: 1px solid var(--bdc);
		border-right: 1px solid var(--bdc);
	}
	.nav-list-content-table-content {
		display: none;
	}
	.nav-list-content-table-content.active {
		display: block;
	}
	.nav-list-content-table-content .h2 {
		display: none;
	}	
}
@media (max-width: 1023px) {
	.nav-list-content {
		display: none;
	}
	.nav-list-content-content {
		display: none;
	}	
	.nav-list-content-table-content.active .nav-list-content-content {
		display: block;
	}
	.nav-list-content-table-content.sub .nav-list-content-content {
		padding-left: 20px;
	}
	.nav-list-content-table-content.active[mobile-collapsed] .nav-list-content-content {
		display: none;
	}
	.nav-list-content-table-container .tab-content {
		border-bottom: 1px solid var(--bdc);
	}
	.nav-list-content-table-content {
		border: 1px solid var(--bdc);
		border-bottom: 0 none;
		padding: 15px;
		background-color: #f7f7f7;
	}
	.nav-list-content-table-content.active {
		background-color: transparent;
	}
	.nav-list-content-table-content.active[mobile-collapsed] {
		background-color: #f7f7f7;
	}
	.nav-list-content-table-content .h2 {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 0;
		padding: 0;
		cursor: pointer;
		font-size: 18px;
		color: var(--c);
	}
	.nav-list-content-table-content.sub .h2 {
		font-size: 16px;
		padding-left: 20px;
		color: var(--c);
	}
	.nav-list-content-table-content.active .h2 {
		color: var(--yellow);
		margin: 0 0 15px;
		transition: all 0.3s;
	}
	.nav-list-content-table-content.active[mobile-collapsed] .h2 {
		color: var(--c);
		margin: 0;
	}
	.nav-list-content-table-content .h2::after {
		content: var(--i-angle-right);
		transform: rotate(90deg);
		display: block;
		color: var(--c);
		font-size: 20px;
		transition: all 0.3s;
	}
	.nav-list-content-table-content.active .h2::after {
		transform: rotate(-90deg);
		flex: 0 0 auto;
		color: var(--yellow);
	}
	.nav-list-content-table-content.active[mobile-collapsed] .h2::after {
		transform: rotate(90deg);
		color: var(--c);
	}

}

.list-content-boxes,
.list-content-boxes tr,
.list-content-boxes td,
.list-content-boxes th {
	display: block;
	border: 0 none;
	padding: 0;
	margin: 0;
}
.list-content-boxes tbody {
	display: flex;
	flex-flow: row wrap;
}
.list-content-boxes tr {
	width: calc(33.3333% - 30px);
	box-shadow: 0 0 0 rgba(0,0,0,0.1);
	position: relative;
	margin: 0 30px 30px 0;
	overflow: hidden;
}
@media (max-width: 1199px) {
	.list-content-boxes tr {
		width: calc(50% - 30px);
	}
}
@media (max-width: 479px) {
	.list-content-boxes tr {
		width: 100%;
		margin: 0 0 15px;
	}
}
.list-content-boxes td {
	position: absolute;
	background-color: rgba(255,255,255,0.95);
	bottom: 0;
	left: 0;
	width: calc(100% - 50px);
	padding: 10px;
	font-size: 13px;
}
.list-content-boxes h4 {
	margin: 0;
}
.list-content-boxes p {
	margin: 0;
}
.list-content-boxes img {
	width: 100%;
	transition: all 0.5s;
}
.list-content-boxes a {
    color: #005cb9;
}
.list-content-boxes td > p:last-child a {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
.list-content-boxes td > p:last-child a::before {
	content: '';
	background: var(--sprite) no-repeat -50px -51px;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin: 0 5px 0 0;
}
@media (min-width: 1025px) {
	.list-content-boxes tr:hover img {
		transform: scale(1.1);
	}	
}
	
.list-content-boxes td p {
	display: none;
}

@media (max-width: 1024px) {
	/* on mobile devices there is no mouseover */
	.list-content-boxes tr {
		display: flex;
		flex-flow: column nowrap;
		box-shadow: 0 0 0 transparent;
	}
	.list-content-boxes td {
		flex: 1 1 auto;
		position: static;
		background-color: #f5f5f5;
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		padding: 15px;
	}
	.list-content-boxes td p,
	.list-content-boxes td p[style*="none"] {
		display: block !important;
		height: auto !important;
	}
	.list-content-boxes td > *:last-child {
		margin-top: auto;
	}
}

/* taskId.16820144 2022/08/05 list content END */
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/*** END ls20/global/common.css ***/

/*** START ls20/global/navigation.css ***/
/* @import url("taskId.16817666.css"); */
/* taskId.16817666 navbar curtain */
/* Using .menu-open to don't conflict with .open and dropdown-open CSS and scripts */
.menu-open > ul.dropdown-menu {
    display: block;
}

/* Navigation */
.main-navbar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.main-navbar li {
	padding: 0;
	margin: 0;
}
@media (min-width: 1200px) {
    .main-navbar li[data-page-class*="careers-main-nav-redirect"] {
        display: none;
    }
}
.main-navbar > ul > li > a {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
@media (min-width: 1024px) {
	.main-navbar > ul > li:first-child > a {
		padding-left: 0;
	}	
}
.main-navbar ul ul {
	display: none;
}
.main-navbar > ul > li {
	position: relative;
}
.main-navbar a {
	display: block;
}
@media (min-width: 1024px) {
    .mobile-caret {
		display: none;
    }
    .main-navbar-toggle {
		display: none;
    }
	.main-navbar a:hover {
		color: #005cb9;
	}
	.main-navbar li.open > a {
		color: #005cb9;
	}
    .main-navbar > ul {
		display: flex;
		flex-flow:  row nowrap;
		justify-content: flex-end;
    }
    .main-navbar > ul > li > a {
		padding: 10px;
    }
	.main-navbar li.open > ul {
		display: block;
	}
	.main-navbar ul ul {
		position: absolute;
		left: 0px;
		top: 100%;
		background-color: #fff;
		z-index: 33;
	}

	/* ie fix */
	.main-navbar ul,
	.main-navbar ul li,
	.main-navbar ul ul,
	.main-navbar ul ul li,
	.main-navbar ul ul ul,
	.main-navbar ul ul ul li,
	.main-navbar ul ul ul ul,
	.main-navbar ul ul ul ul li {
		/* list-style-type: none !for(ie); */
		/* list-style: none !for(ie); */
		/* list-style-image: none !for(ie); */
	list-style-image: url(data:0);
		list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	}

	.main-navbar ul ul a {
		background-color: #fff;
		padding: 10px 15px;
		border-bottom: 1px solid #555;
		font-size: 14px;
		color: #000;
	min-width: 250px;
	max-width: 250px;
	}
	.main-navbar ul ul li:last-child > a {
		border-bottom: 0 none;
	}

    /* the 2nd level */
    .main-navbar > ul > li > ul > li {
	position: static;
    }
    .main-navbar > ul > li > ul > li > a {
	background-color: #404040;
	color: #fff;
    }
    .main-navbar > ul > li > ul > li > a:hover {
	background-color: #fff;
	color: #555;
    }

    /* the 3rd level */
    .main-navbar ul ul ul {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 100%;
	right: auto;
	min-height: 100%;
    }
    .main-navbar > ul > li > ul > li > ul > li > a {
	border-color: #fff;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .main-navbar > ul > li:first-child > a {
		padding-left: 0px;
    }
    .main-navbar > ul > li:last-child > a {
		padding-right: 15px;
    }
}
@media (min-width: 1024px) and (max-height: 768px) {
    .main-navbar ul ul a {
	padding: 5px 10px;
    }
}
@media (min-width: 1024px) and (max-height: 499px) {
    .main-navbar ul ul a {
	padding: 1px 10px;
	font-size: 13px;
    }
}
@media (min-width: 1200px) {
    html[lang="ja-JP"][geo-cc="US"] .main-navbar > ul > li > a,
    html[lang="fr-FR"][geo-cc="US"] .main-navbar > ul > li > a,
    html[lang="de-DE"][geo-cc="US"] .main-navbar > ul > li > a {
		padding-left: 5px;
		padding-right: 5px;
    }
}
@media (max-width: 1023px) {
	.main-navbar {
		position: fixed;
		width: 100%;
		left: 0;
		opacity: 0;
		top: -100vh;
		background-color: #fff;
		z-index: 33;
		transition: all 0.3s;
		height: calc(100vh - 60px);
		overflow-y: auto;
	}
    .main-navbar > ul {
		margin-top: 10px;
    }
    .main-navbar a {
		font-weight: normal;
		font-size: 14px;
		display: block;
		padding: 10px 15px;
		color: #000;
    }
    .main-navbar ul ul a {padding-left: 35px; padding-top: 5px; padding-bottom: 5px;}
    .main-navbar ul ul ul a {padding-left: 55px;}
    .main-navbar ul ul ul ul a {padding-left: 75px;}

	body.show-main-nav .main-navbar {
		top: 108px;
		opacity: 1;
	}
	.main-navbar::before {
		content: '';
		opacity: 0;
		height: 10px;
		width: 100%;
		transition: all 0s;
	position: fixed;
	display: block;
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00ffffff',GradientType=0 );
	}
	body.show-main-nav.page-ecs .main-navbar {
		top: 170px;
		height: calc(100vh - 170px);
	}
	body.show-main-nav .main-navbar::before {
		opacity: 1;
		transition: all 0.3s ease-in-out 0.3s;
	}
    .main-navbar > ul > li {
		border-bottom: 1px solid #e7e7e7;
    }
	.main-navbar > ul > li > a {
		font-weight: normal;
	}
    .main-navbar a.dropdown-toggle {
		padding-top: 5px;
		padding-bottom: 5px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
    }
    .main-navbar li.open-menu > a.dropdown-toggle {
		color: #005cb9;
    }
    .main-navbar a.dropdown-toggle .link-text {
		flex: 1 1 auto;
		padding-right: 10px;
    }
    .main-navbar a.dropdown-toggle .mobile-caret {
		display: block;
		width: 30px;
		height: 30px;
		background-image: var(--sprite);
		background-position: -350px -100px;
		flex: 0 0 auto;
    }
    .main-navbar li.open-menu > a.dropdown-toggle .mobile-caret {
		background-position: -300px -100px;
    }
    .main-navbar a.dropdown-toggle .mobile-caret i {
	display: none;
    }
    .main-navbar ul li.open-menu > ul {
	display: block;
    }
	/* taskId.16818283 2020/11/11 https://www.screencast.com/t/FqgFynhO3IG */
	.main-navbar li:not(.dropdown):not(.dropdown-submenu) .mobile-caret {
		display: none;
	}
}

.products-navigation {
    display: none;
}

/* =NAVBAR TOGGLE START */
/* -----------------------------------------------------------------*/
.main-navbar-toggle,
.main-navbar-toggle:hover,
.main-navbar-toggle:focus {
	padding: 5px 0px;
	margin: 0 0 6px;
	box-shadow: none;
	outline: none;
	border: 0 none;
	border-radius: 3px;
	display: block;
	color: transparent;
	font-size: 0;
	cursor: pointer;
    position: static;
	z-index: 31;
    background-color: transparent;
    background-image: none;
    display: inline-block;
}
.main-navbar-toggle span {
	width: 27px;
	height: 3px;
	margin-bottom: 4px;
	display: block;
	background-color: #525255;
	transition: all 0.3s ease-in-out 0.2s;
    border-radius: 4px;
}
.main-navbar-toggle span:last-child {
	margin-bottom: 0;
}
.main-navbar-toggle.expanded span:nth-child(1) {
	transform:
		rotate(45deg)
		translate(5px,5px);
	background-color: #005cb9;
}
.main-navbar-toggle.expanded span:nth-child(2) {
	opacity: 0;
	transition: all 0.2s;
}
.main-navbar-toggle.expanded span:nth-child(3) {
	transform:
		rotate(-45deg)
		translate(5px,-5px);
		background-color: #005cb9;
}
@media (min-width: 1024px) {
	.li-navbar-toggle,
	.main-navbar-toggle {
		display: none;
	}
}
@media (max-width: 1023px) {
    body.show-main-nav {
		overflow: hidden;
    }
	.header-icons > ul > li.li-navbar-toggle {
		margin: 0 15px;
	}	
}

/* =NAVBAR TOGGLE END */
/* -----------------------------------------------------------------*/

/* ------------------------------ =DROPDOWN START ------------------------------ */
.main-navbar .dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0;
    border: 0 none;
    margin-top: 0px;
}
.main-navbar .dropdown-menu > li a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	transition: all 0.2s ease-in-out;
}
@media (max-height: 700px) and (min-width: 1024px) {
	.main-navbar .dropdown-menu > li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}
@media (max-height: 550px) and (min-width: 1024px) {
	.main-navbar .dropdown-menu > li a {
		padding: 3px 10px;
		font-size: 12px;
	}
}
@media (max-height: 800px) and (min-width: 1024px) and (max-width: 1199px) {
	.main-navbar .dropdown-menu > li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}
@media (max-height: 650px) and (min-width: 1024px) and (max-width: 1199px) {
	.main-navbar .dropdown-menu > li a {
		padding: 3px 10px;
		font-size: 12px;
	}
}
.main-navbar .dropdown-menu > li > a:hover,
.main-navbar .dropdown-menu > li > a:focus {
    background-color: transparent;
}
.main-navbar .dropdown-menu > li > a:focus {
    color: #000;
}

html[lang="ja-JP"] .main-navbar .dropdown-menu > li a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}

@media (max-width: 1023px) {
	.main-navbar .dropdown-menu > li a {
		font-size: 14px;
	}
}

.main-navbar .dropdown-menu > li > ul {
    background-color: #ffffff;
    border-radius: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}
.main-navbar .dropdown-menu > li > ul a {
    color: #555555;
    border: 0 none;
}
.main-navbar .dropdown-menu > li.dropdown-open > ul {
    display: block;
}
.main-navbar .dropdown-menu > li.dropdown-open > a,
.main-navbar .dropdown-menu > li.active.dropdown-open > a,
.main-navbar .dropdown-menu > li.active.dropdown-open > a:hover,
.main-navbar .dropdown-menu > li.active.dropdown-open > a:focus {
    color: #555555;
    background-color: #ffffff;
    background-image: none;
}
.main-navbar .dropdown-menu > li.dropdown-open > ul > li > a:hover {
    color: #005cb9;
}


/* the 2nd level of dropdown */
.navbar-collapse ul ul a.clicked-nav-parent {

}
.navbar-collapse ul ul a.clicked-nav-parent:hover {
    background-color: transparent;
    color: #e49900;
}
.navbar-collapse ul ul ul {
    position: absolute;
    border: 0 none;
    width: 100%;
    top: 0px;
    left: 100%;
    min-height: 100%;
}
.navbar-collapse ul,
.navbar-collapse ul:hover,
.navbar-collapse ul:focus {
    box-shadow: none !important;
}
/* reduct sub sub navigatio width for JA taskId.16804616 */
html[lang="ja-JP"] .navbar-collapse ul ul ul {
	width: 230px;
}
.navbar-collapse ul ul ul a {
    text-transform: none;
    display: block;
    padding-right: 15px;
    white-space: inherit;
}

/* images */
.dropdown-menu > li > ul {
    border-radius: 0;
    box-shadow: none;
}
.dropdown-menu > li > ul > li > a + div {
    display: none;

    position: absolute;
    left: 100%;
    top: 0px;
    width: 300px;
    min-height: 100%;
    background-color: #fff;
    vertical-align: middle;
    padding: 30px 15px 0px;
}
.dropdown-menu > li > ul > li > a:hover + div {
    display: block;
}
.dropdown-menu a.has-menu-image {
    position: static;
}
.dropdown-menu .menu-image-container {
    position: absolute;
    top: 0px;
    left: 100%;
    height: 100%;
    display: block;
    background-color: white;
    display: none;
    /* width: 350px !for(ie8); */
    /* taskId.16815600 blind fix */
    margin-left: -1px !important;
}
.navbar-nav ul ul ul a:hover span {
    /* display: block !for(ie8); */
}
.dropdown-menu a:hover > .menu-image-container {
    display: block;
	/* images was not displaying in ff and edge */
	/* width: 100% !for(firefox edge); */
}
.dropdown-menu > li > ul > li img {
    /* max-width: 100% !for(-webkit); */
	max-width: 250px ; /* !for(webkit) */
    max-height: 100%;
    height: auto;
	
}

.navbar-header .navbar-toggle:focus,
.navbar-header .navbar-toggle:hover {
	box-shadow: none;
	outline: none;
}

@media (min-width: 1024px) {
	/* taskId.16804378 */
    /*.navbar-collapse > ul > li:first-child > .dropdown-menu {
	min-height: 350px;
    }*/
    .main-navbar .navbar-collapse ul ul a {
		padding-left: 15px;
    }
    .main-navbar .dropdown-menu > li > a {
		border-bottom: 1px solid #555;
		max-width: 250px;
		min-width: 250px;
    }

    /* align menu items to parent when custom settings checkbox is checked */
    .main-navbar .dropdown-menu > li.align-dropdown {
	position: relative;
    }
    .main-navbar .dropdown-menu > li.align-dropdown .menu-image-container {
	min-height: 350px;
    }
    .main-navbar .dropdown-menu > li.align-dropdown ul {
	min-height: 350px;
    }

    /* fill space below menu aligned from bottom */
    .main-navbar .dropdown-menu > li.align-dropdown .menu-image-container {
	height: 350px;
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	z-index: -1000;
	box-shadow: 5px 0px 5px rgba(0,0,0,0.2);
	width: 200%;
    }

    /* fixing image overflowing text */
    .main-navbar .dropdown-menu > li.align-dropdown .menu-image-container {width: 600px;}
    html[lang="ja-JP"] .dropdown-menu > li.align-dropdown .menu-image-container {width: 630px;}

    /* direct dropdown items to top taskId.16803372 */
    .main-navbar .dropdown-menu > li.align-dropdown ul {
		top: auto;
		bottom: 0;
		min-height: 100%;
    }
}
@media (min-width: 1200px) {
	.main-navbar .dropdown-menu > li > a {
		min-width: 330px;
		max-width: 330px;
	}
}
@media (max-width: 1023px) {
    .main-navbar .dropdown-menu > li > a {padding-left: 35px !important;}
	.main-navbar .dropdown-menu > li > ul > li > a {padding-left: 55px !important;}
	.main-navbar .dropdown-menu > li > ul > li > ul > li > a {padding-left: 75px !important;}
	.main-navbar .dropdown-menu > li > ul > li > ul > li > ul > li > a {padding-left: 95px !important;}
}


/* taskId.16815600 2019/05/29 trick fix some half transparent 1px line https://www.screencast.com/t/sb3lJhK2DYdq */
@media (min-width: 1024px) {
    .main-navbar .navbar-collapse ul ul ul:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: white;
    }
}

@media (min-width: 1024px) {
	.li-navbar-toggle,
	.main-navbar-toggle {
		display: none;
	}
}
/* ------------------------------ =DROPDOWN END ------------------------------ */
@media (max-width: 1023px) {
	body.page-alt-nav .main-navbar-curtain {
		display: none;
	}
	body.page-alt-nav .main-navbar li.menu-open > a.dropdown-toggle .mobile-caret {
		background-position: -300px -100px;
		
	}
	body.page-alt-nav .main-navbar a.dropdown-toggle {
		align-items: center;
	}
	body.page-alt-nav .main-navbar .dropdown-menu > li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

@media (min-width: 1024px) {
	body.page-alt-nav .main-navbar:not(.active) .main-navbar-curtain {
		display: none;
	}	
	body.page-alt-nav .main-navbar.active .main-navbar-curtain {
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		background: rgba(0, 0, 0, 0.1);
	}		
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle {
		display: flex;
		flex-flow: row nowrap;
		align-items: stretch;
		justify-content: space-between;
		padding: 0;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle .link-text {
		border-right: 1px solid #555;
		padding: 10px 15px;
		height: 100%;
		flex: 1 1 auto;
		transition: all 0.3s;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle .link-text:hover {
		background-color: #fff;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle:hover .link-text,
	body.page-alt-nav .main-navbar > ul > li > ul > li.menu-open > a.dropdown-toggle .link-text {
		border-color: #eee;
		background-color: #fff;
		color: #555;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle .mobile-caret {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;

		flex: 0 0 auto;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #404040;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle .mobile-caret i {
		color: transparent;
		background: var(--sprite) no-repeat -275px -250px;
		width: 8px;
		height: 14px;
		display: block;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle .mobile-caret,
	body.page-alt-nav .main-navbar > ul > li > ul > li.dropdown-open > a.dropdown-toggle .mobile-caret {
		transition: all 0.3s;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle .mobile-caret:hover,
	body.page-alt-nav .main-navbar > ul > li > ul > li.menu-open > a.dropdown-toggle .mobile-caret {
		background-color: #fff;
	}
	body.page-alt-nav .main-navbar > ul > li > ul > li > a.dropdown-toggle .mobile-caret:hover i,
	body.page-alt-nav .main-navbar > ul > li > ul > li.menu-open > a.dropdown-toggle .mobile-caret i {
		background-position: -250px -250px;
		opacity: 0.8;
	}
	body.page-nav-alt .main-navbar ul > li.dropdown-open > ul {
		display: block;
	}
}
/*** END ls20/global/navigation.css ***/

/*** START ls20/global/forms.css ***/
.text-nowrap {
	white-space: nowrap;
}
.radio-blocks {
	display: flex;
	flex-flow: column nowrap;
}
input[type="checkbox"],
input[type="radio"] {
	margin-right: 5px;
}
/* taskId.16816627 2019/11/08 - show different links on mobile/desktop */
@media (min-width: 1025px) {
    .mobile-link {display: none !important;}
}
@media (max-width: 1024px) {
    .desktop-link {display: none !important;}
}

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,
.rd-search-fields select,
.rd-search-form input[type="text"],
.form-filter input[type="text"],
.form-filter select,
.journals-search input[type="text"],
.journals-search select,
.rd-search-form 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 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;
	border-radius: 3px;
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 );	
}
.xform button:hover, 
.xform button:focus,
.xform input[type="submit"]:hover,
.xform input[type="submit"]:focus,
.rd-search-form input[type="submit"]:hover, 
.rd-search-form input[type="submit"]:focus,
.popup-form input[type="submit"]:hover, 
.popup-form input[type="submit"]:focus,
.cms-content input[type="submit"]:hover, 
.cms-content 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 );	
}

/* contact info above contact us form */
.contactUsTable {border-bottom: 1px solid #d7d7d7; margin-bottom: 25px;}
.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;}

html.iframe .contactUsTable {
	border: 0 none;
	padding: 0;
	margin: 0;
}
html.iframe .contactUsTable tr {
	display: block;
}
html.iframe .contactUsTable tr > div,
html.iframe .contactUsTable tr > * {
	padding-bottom: 10px;
	width: 100%;
}
html.iframe .contactUsTable tr > * + * {
	padding-bottom: 0px;
}

#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;
    }
}



.cms-content button, .cms-content button:hover, .cms-content button:focus {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
	background-color: #005cb9;
	border-color: #005cb9;
}
.cms-content button i.fa-envelope {
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-position: -375px -50px;
    width: 15px;
    height: 11px;
    display: inline-block;
}

div.radio {
	position: relative;
	padding: 0;
}
div.radio input {
	position: absolute;
	left: 0;
	top: 3px;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
div.radio input ~ span {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	cursor: pointer;
}
div.radio input ~ span::before {
	content: '';
	width: 13px;
	height: 13px;
	display: block;
	margin: 3px 10px 0 0;
    flex: 0 0 auto;
    background-image: url(../data/i/radio.png);
    background-repeat: no-repeat;

}
div.radio:hover input ~ span::before {
    background-position: -26px 0;
}
div.radio input:checked ~ span::before {
	background-position: -13px 0;
}


/* =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: 100%;
	max-width: 600px;
}
.popup-form .row,
.popup-form tr {
	clear: both;
	overflow: hidden;
}
.popup-form .row > div,
.popup-form tr > * {
	float: left;
	width: calc(50% - 5px);
}
.popup-form .row > div:only-child,
.popup-form tr  > *: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"] {
	text-shadow: 0 none;
	padding: 6px 12px;
	border-radius: 3px;
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 .submit-container input[type="submit"]:hover, 
.popup-form .submit-container input[type="submit"]:focus, 
.popup-form .submit-container button:hover, 
.popup-form .submit-container button:focus, 
#contact-us-form-step input[type="submit"]:hover,
#contact-us-form-step input[type="submit"]:focus {
background: #005cb9;
xbackground: -moz-linear-gradient(top, #d38417 0%, #944b01 100%);
xbackground: -webkit-linear-gradient(top, #d38417 0%,#944b01 100%);
xbackground: linear-gradient(to bottom, #d38417 0%,#944b01 100%);
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d38417', endColorstr='#944b01',GradientType=0 );
}
.popup-form .dynamic-placeholders input[type="text"],
.popup-form .dynamic-placeholders input[type="email"] {
	width: 100%;
	max-width: 100%;
}

/* taskId.16819044 */
.popup-form .dynamic-placeholders select[multiple] {
	height: 150px;
	margin-top: 20px;
	padding-top: 5px;
}
.popup-form .dynamic-placeholders .multiple {
	padding-top: 20px;
}
.popup-form .dynamic-placeholders .multiple .selectWrapper ~ label {
	top: -5px;
	left: 0;
}
/* taskId.16819044 dropdownchecklist plugin START */
.ui-dropdownchecklist-selector-wrapper {
	display: block !important;
	background: #e5e5e5;
}
.ui-dropdownchecklist-selector {
	display: block !important;
	width: 100% !important;
	background-color: #f2f2f2;
	border: 0 none;
	min-height: 45px;
	transition: all 0.3s;
	cursor: pointer;
	
	padding: 12px 30px 12px 10px;
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
    -webkit-appearance: none;
       -moz-appearance: none;
	    appearance: none;	
}
.uploader-area:hover .ui-dropdownchecklist-selector {
	background-color: #e5e5e5;
}
.ui-dropdownchecklist-text {
	display: block !important;
	width: 100% !important;
	text-overflow: ellipsis;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 14px;
}

.ui-dropdownchecklist {
	max-width: 100%;
}
.ui-dropdownchecklist-dropcontainer {
	padding: 5px 10px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	max-height: 250px;
	overflow-y: auto;
}
.ui-dropdownchecklist-item {
	background-color: transparent !important;
	background-image: none !important;
	display: flex !important;
	flex-flow: row nowrap;
	align-items: center;
	border: 0 none !important;
	position: relative;
	padding: 1px 0;
}
.ui-dropdownchecklist-item label {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.ui-dropdownchecklist-item input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.ui-dropdownchecklist-item input ~ label {
	cursor: pointer !important;
	display: flex !important;
	flex-flow: row nowrap;
	align-items: center;
}
.ui-dropdownchecklist-item input ~ label::before {
	display: block;
	width: 15px;
	height: 15px;
	margin: 1px 10px 0 0;
	font-size: 10px;
	flex: 0 0 auto;
    float: left;
    background-image: var(--sprite);
	background-position: -125px -50px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    transition: all 0s !important;
    content: '' !important;
    font-family: Arial, Helvetica, sans-serif;
}
.ui-dropdownchecklist-item input:checked ~ label::before {
	background-position: -100px -50px;
}
.ui-dropdownchecklist-item input ~ label::after {
    display: none;
}
/* taskId.16819044 dropdownchecklist plugin END */

.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: 20px 10px;
	}
}
@media (min-width: 480px) {
	/* align bottom when there is unven number of items in columns */
	.popup-form .row {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-end;
	}
}
@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: var(--sprite);
	background-position: -125px -50px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    transition: all 0s !important;
    content: '' !important;
    font-family: Arial, Helvetica, sans-serif;
}
#F1254 .popup-form input[type="checkbox"]:not(:checked) ~ label::before,
#F1254 .popup-form input[type="checkbox"]:not(:checked) ~ span::before{
    background-position: -100px -50px;
}
.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;
}
#F1254 .dynamic-placeholders input[type="text"],
#F1254 .dynamic-placeholders input[type="email"],
#F1254 .dynamic-placeholders input[type="password"],
#F1254 .dynamic-placeholders select,
#F1254 .dynamic-placeholders textarea {
    background-color: #efefef;
    border: 1px solid #efefef;
}
.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: 10px;
	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 */
/* --------------------------------------------------------------------------------------- */


.no-labels-form .row > div {
	margin-bottom: 10px;
}
.no-labels-form .row > div.col-lg-6:first-child,
.no-labels-form .row > .col-city {
	padding-right: 3px;
}
.no-labels-form .row > div.col-lg-6:last-child,
.no-labels-form .row > .col-zip {
	padding-left: 3px;
}
.no-labels-form .row > div.col-state,
.no-labels-form .row > div.col-other-state {
	padding-left: 3px;
	padding-right: 3px;
}

/* make calendar smaller */
/*#ui-datepicker-div.ui-datepicker {width: 200px;}
#ui-datepicker-div.ui-datepicker table {font-size: 11px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title {font-size: 11px; font-weight: bold;}
#ui-datepicker-div.ui-datepicker td span,
#ui-datepicker-div.ui-datepicker td a {line-height: 1.6em;}
#ui-datepicker-div.ui-datepicker th {line-height: 1.6em;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {top: 0px;}*/

/* for some reason didn't work from sidebar boxes.css */
/* #demo-request-link .requestDemoBoxDesc {display: none !for(ie8);} */

#F1167 table {
    width: auto;
}
#F1167 input[type="text"],
#F1167 input[type="email"],
#F1167 input[type="password"],
#F1167 select,
#F1167 textarea {
    border-radius: 0;
    border: 1px solid #d7d7d7;
    height: auto;
    padding: 5px;
    width: 250px;
    max-width: 100%;
}
#F1167 input[type="checkbox"] {
    margin-right: 5px;
}
@media (max-width: 767px) {
    #F1167 input[type="text"],
    #F1167 input[type="email"],
    #F1167 input[type="password"],
    #F1167 select,
    #F1167 textarea {
	width: 180px;
    }
}
@media (min-width: 480px) {
    #F1167 td,
    #F1167 th {
	padding: 5px 0px;
    }
    #F1167 th {
	padding-right: 10px;
    }
}
@media (max-width: 479px) {
    #F1167 table,
    #F1167 tbody,
    #F1167 tr,
    #F1167 td,
    #F1167 th {
	display: block; padding: 0; margin: 0;
    }
}

/* 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;
}

/* old statement box */
.softwareBox, .statementBox {
	border: 1px solid #D5D5D5;
	font-size: 11px;
	height: 150px;
	overflow: auto;
	padding: 0 10px 10px;

	-webkit-overflow-scrolling: touch;

	/* padding-left: 0px !for(ipad iphone android); */
	/* padding-right: 0px !for(ipad iphone android); */
	/* border: 0 none !for(ipad iphone android); */
	/* height: auto !for(ipad iphone android); */
}
.page-privacy .softwareBox,
.page-privacy .statementBox {
    font-size: 14px;
    border: 0 none;
    height: auto;
    padding: 0;
}
form #cover-agree,
form #cover-agree-2,
form .coverAgree,
form .coverAgree2 {
	/* display: none !for(ipad iphone android); */
}
@media (max-width: 767px) {
	.softwareBox, .statementBox {
		padding-left: 0px;
		padding-right: 0px;
		border: 0 none;
		height: auto;
	}
	.cover-agree, .cover-agree-2 {
		/* don't disallow checking agree checkbox when can't scroll */
		display: none !important;
	}
}

.radios-inline-container {
	display: flex;
	flex-flow: row wrap;
}
.radios-inline-container .enumList,
.radios-inline-container .enumList *,
.radios-inline-container .enumList label,
.radios-inline-container .enumList input[type="radio"] {
	margin: 0 5px 0 0;
	padding: 0;
	position: static;
}
.radios-inline-container > * {
	display: inline-block;
}
.xformMultipart .enumList {
	margin-right: 30px;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: baseline;
}
.enumList label {
	display: flex;
	align-items: baseline;
}
.enumList input[type="radio"] {
	margin-right: 5px;
}

.depends-on-master-checkbox-container-01,
.depends-on-master-checkbox-container-02,
.depends-on-master-checkbox-container-03,
.depends-on-master-checkbox-container-04,
.depends-on-master-checkbox-container-05,
.depends-on-master-checkbox-container-06,
.master-checkbox-container-07.master-checked ~ .depends-on-master-checkbox-container-07 {
	display: none;
}
.master-checkbox-container-01.master-checked ~ .depends-on-master-checkbox-container-01,
.master-checkbox-container-02.master-checked ~ .depends-on-master-checkbox-container-02,
.master-checkbox-container-03.master-checked ~ .depends-on-master-checkbox-container-03,
.master-checkbox-container-04.master-checked ~ .depends-on-master-checkbox-container-04,
.master-checkbox-container-05.master-checked ~ .depends-on-master-checkbox-container-05,
.master-checkbox-container-06.master-checked ~ .depends-on-master-checkbox-container-06,
.depends-on-master-checkbox-container-07 {
	display: block;
}
.depends-on-master-checkbox-container-01 {
	margin-top: 10px;
}
.depends-on-master-checkbox-container-02,
.depends-on-master-checkbox-container-03,
.depends-on-master-checkbox-container-04,
.depends-on-master-checkbox-container-05 {
	padding-left: 25px;
	x-margin-top: 5px;
	margin-bottom: 5px;
}
.depends-on-master-checkbox-container-02 textarea,
.depends-on-master-checkbox-container-03 textarea,
.depends-on-master-checkbox-container-04 textarea,
.depends-on-master-checkbox-container-05 textarea {
	height: 63px;
	margin-top: 2px;
}
.master-checkbox-container-02 label,
.master-checkbox-container-03 label,
.master-checkbox-container-04 label,
.master-checkbox-container-05 label {
	margin-bottom: 0;
}
#F5 .master-checkbox-container-02 input[type="checkbox"]:checked ~ label::after,
#F5 .master-checkbox-container-03 input[type="checkbox"]:checked ~ label::after,
#F5 .master-checkbox-container-04 input[type="checkbox"]:checked ~ label::after,
#F5 .master-checkbox-container-05 input[type="checkbox"]:checked ~ label::after {
	content: '*';
	margin-left: 5px;
	color: #B94A48;
}
.depends-on-master-checkbox-container-07 input[required] ~ label::after,
.depends-on-master-checkbox-container-07 .selectWrapper ~ label::after {
	content: '*';
	display: inline-block;
	margin-left: 5px;
	color: #B94A48;
}

/* taskId.16816213 */
#C28 .popup-form .depends-on-01 {
    display: none;
}
#C28 .popup-form .master-checkbox-container-01.master-checked ~ .depends-on-01 {
	display: block;
}
#C28 .depends-on-01 textarea[required] ~ label::after {
	content: '*';
	color: darkred;
	margin-left: 5px;
}

/* taskId.16817922 2020/08/17 */
#C35 .depends-on,
.layout-c35 .depends-on {
	display: none;
	margin: 5px 0px 15px;
}
#C35 .master-checkbox-container-01.master-checked ~ .depends-on-01,
.layout-c35 .master-checkbox-container-01.master-checked ~ .depends-on-01 {
	display: block;
}
#C35 .depends-on label::after,
.layout-c35 .depends-on label::after {
	content: '*';
	margin-left: 3px;
	color: firebrick;
}

.uploads-container {
    padding-bottom: 15px;
}
.upload-container {
	padding: 10px 0px;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
    border-bottom: 1px solid #e7e7e7;
}
.upload-container .form-error {
    display: none;
}
.upload-container label {
    order: 1;
    margin-right: 10px;
}
.upload-container .fmFileUpload {
    order: 2;
}

.uploader-area {
    border-radius: 0;
    margin: 15px 0;
    cursor: pointer;
    transition: all 0.5s;
    border: 2px dashed #e7e7e7;
    padding: 30px;
}
@media (max-width: 479px) {
    .uploader-area {
		padding: 15px;
    }
}
.uploader-thumbnails {
    width: 100%;
}
.uploader-area:hover {
    background-color: #f9f9f9;
	border-color: #d9d9d9;
}
.uploader-area:hover input[type="text"],
.uploader-area:hover input[type="email"],
.uploader-area:hover input[type="phone"],
.uploader-area:hover select,
.uploader-area:hover textarea {
	background-color: #e5e5e5;
	border-color: #e5e5e5;
}
.uploader-area input[type="text"],
.uploader-area input[type="email"],
.uploader-area input[type="phone"],
.uploader-area select,
.uploader-area textarea {
	transition: all 0.3s;
}

.uploader-area .btn {
    border-radius: 0;
    background-color: #f2f2f2;
    transition: all 0.5s;
    border: 0 none;
	color: #444;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
.uploader-area:hover .btn {
    background-color: #e5e5e5;
}
.uploader-area .btn:hover,
.uploader-area .btn:focus {
    background-color: #fff;
	border: 0 none;
	color: #444;
}
.uploader-area .btn::before {
	background: var(--sprite) no-repeat -400px -275px;
	width: 12px;
	height: 12px;
	content: '';
	display: inline-block;
	margin-right: 5px;
	opacity: 0.7;
}
.uploader-area[data-count-files="3"] .uploader-instructions {
    display: none;
}
.uploads-container {
    display: none; /* taskId.16817710 - IE patch */
}
[template-clone="uploader-error"] {
    color: darkred;
}
[template-clone="uploader-thumbnail"] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 15px;
    border: 1px solid #e7e7e7;
    margin: 10px 0 10px;
    transition: all 0.5s;
}
[template-clone="uploader-thumbnail"]:hover {
    background-color: #fff;
}
[template-clone="uploader-thumbnail"] .uploader-preview-img {
    flex: 0 0 auto;
}
[template-clone="uploader-thumbnail"] div[z-var*="name"] {
    flex: 1 1 auto;
    padding-left: 15px;
}
[template-clone="uploader-thumbnail"] .uploader-remove {
    position: static;
    flex: 0 0 auto;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
[template-clone="uploader-thumbnail"] .uploader-remove span {
    display: none;
}
[template-clone="uploader-thumbnail"] .uploader-remove::before {
    position: static;
    padding-left: 15px;
    align-self: stretch;

	background: var(--sprite) no-repeat -350px -325px;
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	opacity: 0.5;
}
[template-clone="uploader-thumbnail"]:hover .uploader-remove::before {
    background-position: -450px -200px;
	transform: translateX(-1px);
	opacity: 1;
}
[template-clone="uploader-thumbnail"] .uploader-filename {
    text-overflow: ellipsis;
    width: 430px;
    white-space: nowrap;
    overflow: hidden;
}
@media (max-width: 767px) {
    [template-clone="uploader-thumbnail"] .uploader-filename {
	width: 200px;
    }
}

/* taskId.16819112 2021/08/05 */
#C50 div.depends-on-select-01, #C50 div.depends-on-select-02,
#C42 div.depends-on-select-01, #C42 div.depends-on-select-02 {
	display: none;
}
#C50 div.master-select-01[value*="Others"] ~ div.depends-on-select-01, 
#C50 div.master-select-02[value*="Others"] ~ div.depends-on-select-02,
#C42 div.master-select-01[value*="Others"] ~ div.depends-on-select-01, 
#C42 div.master-select-02[value*="Others"] ~ div.depends-on-select-02 {
	display: block;
}

.uploader-position {
    white-space: nowrap;
}


/* reloaded form */
.xform.reloaded img[src*=".svg"] {
    display: none;
}
.xform.reloaded [template-clone="uploader-thumbnail"] .uploader-filename {
    text-align: left;
}
.xform.reloaded [template-clone="uploader-thumbnail"] img[src*=".svg"] ~ .uploader-filename {
    padding-left: 0;
}

/* taskId.16815538 */
#C12 input[disabled="disabled"] {
    cursor: not-allowed;
    background-color: #fff;
    font-weight: bold;
    color: #999;
}
#C12 .calc-block > div:nth-child(2) input[disabled="disabled"] {
    max-width: calc(100% - 17px);
}
#C12 #xFormFieldD324 {
    font-weight: bold;
}
#C12 .master-checkbox-container-01.master-checked ~ .depends-on-01 {
    display: none;
}
#C12 .depends-on-01 input[required] ~ label::after {
    content: '*';
    margin-left: 3px;
    color: #B94A48;
}

.calc-block {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.calc-block > div {
    width: calc(33.3333% - 5px);
}
.calc-block > div:nth-child(1)::after {
    content: 'x';
    margin-left: 10px;
}
.calc-block > div:nth-child(2)::after {
    content: '=';
    margin-left: 10px;
}
.part-calc {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .calc-block {
	flex-flow: column nowrap;
    }
    .calc-block > div {
	width: 100%;
    }
    .calc-block > div:nth-child(1)::after,
    .calc-block > div:nth-child(2)::after {
	display: block;
	margin-right: 10px;
    }
}
.parts .calc-block {
    border-bottom: 0 none;
    margin-bottom: 0;
}
.part-add,
.part-add:hover,
.part-add:focus,
.part-remove,
.part-remove:hover,
.part-remove:focus {
    color: #000;
    cursor: pointer;
    text-decoration: none;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
.part-add .fa,
.part-remove .fa {
	display: inline-block;
	background: var(--sprite) no-repeat -400px -250px;
	width: 13px;
	height: 12px;
}
.part-remove .fa {
    background-position: -425px -250px;
}
.part-add {
    margin-right: 15px;
}
.add-remove-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    justify-content: flex-start;
    padding-left: 1px;
}

/* taskId.16815906 */
.login-register-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
	font-weight: normal;
}
.login-register-link p {
    margin: 0;
}
.xform .password-recovery-link {
	margin-top: 15px;
	text-align: center;
}
input ~ .fa-eye,
input ~ .fa-eye-slash {
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-position: -450px -150px;
    width: 21px;
    height: 16px;
}
input ~ .fa-eye:hover {
    background-position: -475px -150px;
}
input ~ .fa-eye-slash,
input ~ .fa-eye-slash:hover {
    background-position: -475px -175px;
}
input[type="text"] ~ .fa-eye,
input[type="password"] ~ .fa-eye-slash {
    display: none;
}
#myAccountpassword1 td, 
#myAccountpassword2 td {
    position: relative;
}
#myAccountpassword2, 
#myAccountuserName {
    display: none;
}
#myAccountpassword1 input ~ .fa-eye, 
#myAccountpassword1 input ~ .fa-eye-slash {
    right: 25px; 
    top: 15px;
}
@media (max-width: 767px) {
    html.noiframe #F1172 h2 {
	display: none;
    }
    html.noiframe #F1160 h2,
    html.noiframe #C5 h2 {
	margin-top: 20px;
    }
    html.noiframe #F1172 h2,
    html.noiframe #F1160 h2,
    html.noiframe #C5 h2,
    html.noiframe #F1184 h2,
    html.noiframe .popup-form h2 {
	margin-top: 20px;
	font-size: 20px;
    }
    html.noiframe .contactUsTable {
	margin-top: 20px;
    }
}

/* /software-download */
.multiple-checkboxes {
	display: flex;
	flex-flow: row wrap;
}
.multiple-checkboxes > * {
	width: calc(50% - 30px);
}
@media (max-width: 767px) {
	.multiple-checkboxes > * {
		width: 100%;
		margin-right: 0;
	}
}

.blog-subscribe-form-container .dynamic-placeholders > div {
	width: 100%;
}
.blog-subscribe-form-container input[type="text"],
.blog-subscribe-form-container input[type="email"] {
	width: 100%;
}
.blog-subscribe-form-container .h4 {
	border-bottom: 1px solid #005cb9;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 0;
	padding-top: 0;
}
.blog-subscribe-form-container .dynamic-placeholders label {
	left: 10px;
}

/* taskId.16817710 2020/07/02 */
.uploader-area {
	padding: 10px 10px;
}
*[template-clone="uploader-thumbnail"]:first-child {
	margin-top: 0;
}
.depends-on-upload {
	display: none;
	margin-bottom: 10px;
	border-bottom: 2px dashed #eee;
	transition: all 0.3s;
}
.uploader-area:hover .depends-on-upload {
	border-color: #d9d9d9;
}

.uploader-area[data-count-files="1"] ~ .depends-on-upload-01 {
	display: block;
}
.uploader-area[data-count-files="2"] ~ .depends-on-upload-01,
.uploader-area[data-count-files="2"] ~ .depends-on-upload-02 {
	display: block;
}
.uploader-area[data-count-files="3"] ~ .depends-on-upload-01,
.uploader-area[data-count-files="3"] ~ .depends-on-upload-02,
.uploader-area[data-count-files="3"] ~ .depends-on-upload-03 {
	display: block;
}
.depends-on-upload label::after {
	content: '*';
	color: firebrick;
	margin-left: 1px;
}
.depends-on-upload input[id*="xFormFieldmaterials_science_and_engineering"] ~ label {
    cursor: text;
}
.depends-on-upload input[id*="xFormFieldmaterials_science_and_engineering"] ~ label::after {
    display: none;
}
.depends-on-upload input[id*="xFormFieldmaterials_science_and_engineering"] ~ label::before {
    cursor: pointer;
}
/*
.template-clone::before {
	content: 'Image 1:';
	display: block;
	white-space: nowrap;
	margin-right: 10px;
}
.template-clone:nth-child(2)::before {
	content: 'Image 2:';
}
.template-clone:nth-child(3)::before {
	content: 'Image 3:';
}
*/

/* taskId.16817710 2020/07/02 */

/* START: Danny changed css 2020/08/28 */
.uploader-area {
	padding: 10px 10px;
}
*[template-clone="uploader-thumbnail"]:first-child {
	margin-top: 0;
}
.depends-on-upload {
	display: none;
	margin-bottom: 10px;
	border-bottom: 2px dashed #eee;
}

.depends-on-upload {display: none;} /* hide by default */
/* display when image at given position is visible too */
.uploader-area[data-active-positions~="1"] .depends-on-upload-01,
.uploader-area[data-active-positions~="2"] .depends-on-upload-02,
.uploader-area[data-active-positions~="3"] .depends-on-upload-03 {
	display: block;
}
.uploader-already-uploaded {
	margin-bottom: 10px;
}
/* Enforce correct order */
.uploader-thumbnails {display: flex; flex-direction: column;}
.uploader-to-upload[data-field-position="1"], .uploader-already-uploaded[data-field-position="1"] {order: 1}
.depends-on-upload-01 {order: 2}
.uploader-to-upload[data-field-position="2"], .uploader-already-uploaded[data-field-position="2"] {order: 3}
.depends-on-upload-02 {order: 4}
.uploader-to-upload[data-field-position="3"], .uploader-already-uploaded[data-field-position="3"] {order: 5}
.depends-on-upload-03 {order: 6}
/* END: Danny changed css 2020/08/28 */


.regionCompany {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 15px;
	margin-top: 15px;
}
.regionCompany h3 {
	margin-top: 0;
	font-size: 18px;
}
.contactPersonName {
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}
.contactPersonName img {
    margin-right: 5px;
}

/* taskId.16819315 2021/09/13 */
.page-epci-form .xform th {
	font-weight: normal;
}
.page-epci-form .master-radio-container-01:not(.master-checked) ~ .depends-on-01 {display: none !important;}
@media (max-width: 767px) {
	.page-epci-form .xform table,
	.page-epci-form .xform tr,
	.page-epci-form .xform tbody,
	.page-epci-form .xform td,
	.page-epci-form .xform th {
		display: block;
		padding: 0;
		margin: 0;
		border: 0 none;
		text-align: left !important;
		width: 100%;
	}	
	.page-epci-form .xform tr {
		margin: 0 0 15px;
	}
	.page-epci-form .xform input[type="text"],
	.page-epci-form .xform input[type="email"],
	.page-epci-form .xform input[type="password"],
	.page-epci-form .xform input[type="text"],
	.page-epci-form .xform select,
	.page-epci-form .xform textarea {
		max-width: 100%;
		width: 400px;
	}
}
.tr-radio td > span {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.tr-radio td > span > span:not(:last-child) {
	margin-right: 10px;
}

.reporting-form tr {
	border-bottom: 1px solid #e7e7e7 !important;
	padding: 10px 0 !important;
	align-items: baseline;
}
@media (min-width: 980px) {
    .reporting-form th {
    	text-align: right;
    }
}
.reporting-form th label {
	font-weight: bold;
}
.reporting-form td span:empty::after {
    content: 'No field was generated';
    color: red;
}
.reporting-form fieldset {
	padding: 30px;
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	margin: 0 0 30px;
}
.reporting-form legend {
	background-color: #005cb9;
	padding: 10px 30px;
	border-radius: 30px;
	color: #fff;
	font-weight: bold;
}
.reporting-form .enumList {
    width: calc(50% - 30px);
}

/* float form */
@media (min-width: 480px) {
	.popup-form-float .dynamic-placeholders {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.popup-form-float .dynamic-placeholders > div {
		width: calc(50% - 5px);
	}
}
.popup-form-float .dynamic-placeholders > div.fullwidth {
	width: 100%;
}
.popup-form-float .submit-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.popup-form-float *[required] ~ label::after,
.popup-form-float *[data-required="true"] label::after {
	content: '*';
	color: #b94a48;
	margin: 0 0 0 5px;
}
.popup-form-float .xFormError {
	display: none;
}
.popup-form-float .xFormError ~ input {
	background-color: #F9EDED;
	border-color: #F9EDED;
}
.popup-form-float .xFormError ~ label {
	color: #b94a48;
}
.newsletter-choose-message {
	color: #b94a48;
}
.popup-form-float .dynamic-placeholders select {
	width: 100%;
}

/* taskId.16819792 2022/04/06 */  
.label-text-province,
.label-text-postal-code,
body[country-selected="CA"] .label-text-state,
body[country-selected="CA"] .label-text-zip {
    display: none;
}
body[country-selected="CA"] .label-text-province,
body[country-selected="CA"] .label-text-postal-code {
	display: inline;
}

/* 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;}

/* apop START */
:root {
	--i-close: '\2716';
}
.apop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	z-index: 9999;	
}
.apop .popup-overlay {
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	animation: fadein 2s;
}
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.apop .popup-container {
	width: 680px;
	max-width: 100%;
	position: relative;
	z-index: 1;
	padding: 20px;
	animation: scrolldown 2s;
}
@keyframes scrolldown {
	0% {transform: translateY(-100vh);}
	100% {transform: translateY(0);}
}
.apop .popup-container-in {
	background-color: #fff;
	width: calc(100% - 40px);
	margin-left: 20px;
	position: relative;
}
@media (max-width: 767px) {
	.apop .popup-container-in {
		margin-left: 0;
		width: 100%;
	}
}
.apop .popup-close {
	font-size: 0;
	color: transparent;
	color: #fff;
	z-index: 2;
	position: relative;
	text-align: right;
	line-height: 1em;
	margin: 0 0 5px;
}
.apop .popup-close::before {
	content: var(--i-close);
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	background: var(--sprite) no-repeat -400px -75px;
	width: 17px;
	height: 16px;
	content: '';
}
.apop iframe {
	max-height: calc(100vh - 60px);
	transition: all 0.5s;
	z-index: 1;
	position: relative;
}
.apop .lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	z-index: 0;
}
.apop .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);
	}
}
.apop .timer {
	position: absolute;
	left: calc(50% - 19px);
	top: calc(50% - 10px);
}
.apop.default-height :is(.popup-container, .popup-container-in, iframe.default-height) {
	overflow: hidden;
}
/* apop END */
/*** END ls20/global/forms.css ***/

/*** Skipping CSS Section tsg (autoinclude=false) ***/
/*** START ls20/global/buttons.css ***/
/* Buttons */
.btn, .btn:hover, .btn:focus,
.btn i, .btn:hover i, .btn:focus i {
	line-height: 1.6em;
	border-radius: 3px;
}

.btn 			{background-color: #08107b; 			border: 1px solid #08107b;				color: #ffffff;}
.btn-default 	{background-color: #08107b;	border: 1px solid #08107b;		color: #ffffff;}
.btn-primary 	{background-color: #08107b;	border: 1px solid #08107b;		color: #ffffff;}
.btn-success 	{background-color: #5cb85c;	border: 1px solid #5cb85c;		color: #ffffff;}
.btn-info 		{background-color: #5bc0de;		border: 1px solid #5bc0de;		color: #ffffff;}
.btn-warning 	{background-color: #f0ad4e;	border: 1px solid #f0ad4e;		color: #ffffff;}
.btn-danger 	{background-color: #d9534f;		border: 1px solid #d9534f;		color: #ffffff;}

.btn:hover, .btn:focus 					{background-color: #ffffff; 			border: 1px solid #ffffff-hover; 			color: #08107b;}
.btn-default:hover, .btn-default:focus 	{background-color: #ffffff;	border: 1px solid #ffffff-hover;	color: #08107b;}
.btn-primary:hover, .btn-primary:focus 	{background-color: #ffffff;	border: 1px solid #ffffff-hover;	color: #08107b;}
.btn-success:hover, .btn-success:focus 	{background-color: #4cae4c;	border: 1px solid #4cae4c;	color: #ffffff;}
.btn-info:hover, .btn-info:focus 		{background-color: #46b8da;		border: 1px solid #46b8da;		color: #ffffff;}
.btn-warning:hover, .btn-warning:focus 	{background-color: #eea236;	border: 1px solid #eea236;	color: #ffffff;}
.btn-danger:hover, .btn-danger:focus 	{background-color: #d43f3a;	border: 1px solid #d43f3a;	color: #ffffff;}

.btn 			{border: 1px solid #08107b}
.btn-default 	{border: 1px solid var(--blue);}
.btn-primary 	{border: 1px solid var(--blue);}
.btn:hover, .btn:focus 					{border: 1px solid var(--blue);}
.btn-default:hover, .btn-default:focus 	{border: 1px solid var(--blue);}
.btn-primary:hover, .btn-primary:focus 	{border: 1px solid var(--blue);}

.btn-link, 
.btn-link:hover, 
.btn-link:focus {
	background-color: transparent; 
	border-color: transparent; 
	color: var(--c-link);
}
.btn {
    display: inline-block;
	padding: 6px 12px;
    cursor: pointer;
}

.btn-main,
.btn-compare-selected,
.objective-selector-table .btn {
	text-shadow: 1px 1px 0px #b07600;
	cursor: pointerborder: 0 none;
	color: #fff;
	border-radius: 0px;
	border: 0 none;
	padding: 6px 12px;
	font-size: var(--fz);
	line-height: 1.6em;
	font-weight: normal;
	cursor: pointer;
	border-radius: 3px;
	
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 );	
}
.objective-selector-table .btn {
	background-color: transparent;
	border: 1px solid #777;
	color: #333;
	background-image: none;
	text-shadow: none;
	
	/* or blue */
	background-color: var(--blue);
	border: 1px solid var(--blue);
	color: #fff;
}
.objective-selector-table .btn.dir-dynamic-search-reset {
	background-color: transparent;
	border: 1px solid #777;
	color: #333;
}
.btn-main:hover,
.btn-main:focus,
.btn-compare-selected:hover,
.btn-compare-selected:focus,
.objective-selector-table .btn:hover,
.objective-selector-table .btn:focus {
    border: 0 none;
    color: #fff;
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 );	
}
.objective-selector-table .btn:hover,
.objective-selector-table .btn:focus {
	color: #fff;
	background-color: #777;
	background-image: none;
	border: 1px solid #777;
	
	/* or blue */
	background-color: transparent;
	color: var(--blue);
	border-color: var(--blue);
}
.objective-selector-table .btn.dir-dynamic-search-reset:hover,
.objective-selector-table .btn.dir-dynamic-search-reset:focus {
	background-color: #777;
	color: #fff;
	border-color: #777;
}
.objective-selector-table .btn-link {
	font-weight: bold;
	background-image: none;
	background-color: transparent;
	text-shadow: none;
}
.objective-selector-table .btn-link:hover,
.objective-selector-table .btn-link:focus {
	background-image: none;
}

.dir-dynamic-filters .btn {
	background-image: none;
	background-color: #f5f5f5;
	text-shadow: none;
	color: #444;
}

a.more,
.show-more {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    color: #005cb9;
	/* taskId.16817580 2020/05/28 */
	color: var(--yellow-dark);
	color: var(--blue);
    font-size: 12px;
	font-weight: normal;
}
a.more:hover,
.show-more:hover {
    text-decoration: underline;
}
a.more::before,
.show-more::before {
    content: '';
    display: block;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-position: -50px -50px;
	/* taskId.16817580 2020/05/28 */
	background-position: -450px -250px;
	background-position: -75px -50px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
	flex: 0 0 auto;
}
.products-list a.more::before {
	transform: translateY(-1px);
}
/* resources */
.show-more,
.show-more:hover,
.show-more:focus {
    color: var(--c-link);
}
.show-more::before,
.show-more:hover::before,
.show-more:focus::before {
    transform: translateY(-1px);
    background-position: -75px -50px;
}

@media (min-width: 1024px) {
	.slide-contact {
		position: absolute;
		top: -50px;
		right: 15px;		
	}	
}
@media (min-width: 1920px) {
	.slide-contact {
		top: -25px;	
	}	
}
.slide-contact-container p {
	display: inline-block;
	margin: 0;	
}
.slide-contact {
	font-size: 20px;
	font-weight: bold;
	display: inline-flex;
    flex-flow: row nowrap;
	align-items: center;
	text-decoration: none;
	text-transform: none;
	padding: 18px 25px 18px 25px;
	color: #fff;
	z-index: 24;
	border-radius: 3px;
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 );
}
.slide-contact:hover,
.slide-contact:focus {
	color: #fff;
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 );	
}

.slide-contact i {
 border-left: 1px solid #fff;
 padding-left: 10px;
 margin-left: 12px;
}

.slide-contact::after {
    content: '';
    display: block;
    width: 22px;
    height: 17px;
    background-image: var(--sprite);
    xxbackground-position: -400px -200px;
    background-position: -47px -75px;
    background-repeat: no-repeat;
	display: inline-block;
	margin-left: 10px;
}
.slide-contact-top-container {
	display: none;
}
@media (min-width: 1024px) {
	.slide-contact-top-container {
		display: none;
	}
}
@media (max-width: 1023px) {
	.slide-contact-bottom-container {
		display: none;
	}
	.slide-contact-top-container {
		display: inline-block;
		z-index: 10000;
		padding-right: 15px;
		position: absolute;
		right: 0px;
		top: 0px;
	}	
	.slide-contact {
		font-size: 14px;
		font-weight: 300;
		padding: 8px 15px 7px;
		/* padding: 7px 15px !for(edge); */
		text-transform: uppercase;
		text-transform: none;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;		
	}	
	.slide-contact i {
		display: none;
	}
}
.slide-contact-mobile {
    position: absolute;
    right: 15px;
    top: 10px;
}    
.slide-contact-mobile .slide-contact {
    font-size: var(--fz);
    font-family: var(--ff);
    font-weight: 300;
    padding: 7px 20px;
    margin: 0;
    text-transform: uppercase;   
    text-transform: none;
    border-radius: 3px;
    font-weight: bold;
	white-space: nowrap;
}
.slide-contact-mobile .slide-contact:hover,
.slide-contact-mobile .slide-contact: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"] .slide-contact-mobile .slide-contact {
    font-family: var(--ff-ja);
}
.slide-contact-mobile p {
    margin: 0;
}
.slide-contact-mobile .slide-contact i,
.slide-contact-mobile .slide-contact::after {
    display: none;
}
@media (min-width: 1024px) {
    .slide-contact-mobile {
        display: none;
    }    
}
@media (max-width: 479px) {
    html[lang="ja-JP"] .slide-contact-mobile .slide-contact {
        font-size: 12px;
        padding: 5px 10px;
    }
}

.golden-btn {
	font-size: 17px;
	font-weight: 300;
	font-family: var(--ff-heading);
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	border-radius: 3px;
	
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 );
}
.golden-btn:hover,
.golden-btn:focus {
	color: #fff;
	text-decoration: none;
	
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"] .golden-btn {
	font-family: var(--ff-ja);		
}
.golden-btn::after {
	display: inline-block;
	content: '';	
	background: var(--sprite) no-repeat -275px -250px;
	width: 8px;
	height: 13px;
	margin-left: 10px;
	flex: 0 0 auto;
}
/* blue button */
.blue-btn,
.btn-blue,
.btn-blu {
	font-size: 17px;
	font-weight: 300;
	font-family: var(--ff-heading);
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	background-color: var(--blue);
	border-radius: 3px;
	
	color: #333;
	border: 1px solid #777;
	background-color: transparent;
	
	/* or blue */
	border: 1px solid var(--blue);
	background-color: var(--blue);
	color: #fff;
}
.col-aside .blue-btn {
	border-top: 1px dotted #fff;
}
.blue-btn:hover,
.blue-btn:focus,
.btn-blue:hover,
.btn-blue:focus,
.btn-blu:hover,
.btn-blu:focus {
	color: #fff;
	background-color: #777;
	
	/* or blue */
	background-color: #fff;
	color: var(--blue);
}
html[lang="ja-JP"] .blue-btn,
html[lang="ja-JP"] .btn-blue,
html[lang="ja-JP"] .btn-blu {
	font-family: var(--ff-ja);		
}
.blue-btn::after,
.btn-blue::after,
.btn-blu::after {
	display: inline-block;
	content: '';	
	background: var(--sprite) no-repeat -250px -250px;
	width: 8px;
	height: 14px;
	margin-left: 10px;
	flex: 0 0 auto;
	opacity: 0.7;
	
	/* or blue */
	background: var(--sprite) no-repeat -275px -250px;
	opacity: 1;	
}
.blue-btn:hover::after,
.btn-blue:hover::after,

.btn-blu:hover::after {
	background-position: -275px -250px;
	opacity: 1;
	
	/* or blue */
	background: var(--sprite) no-repeat -225px -250px;
	opacity: 1;
}

a.landing-large-button,
a.large-button {
	/* background-color: #E49900; */
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 );	
	font-size: 16px;
	font-weight: bold;
	padding: 12px 15px 12px 20px;
	margin-top: 10px;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	text-transform: none;
	border-radius: 3px;
	text-transform: none;
	position: relative;
	line-height: 1.6em;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}
a.landing-large-button:hover,
a.large-button:hover {
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 ); );	
}
@media (max-width: 767px) {
	a.landing-large-button,
	a.large-button {
		padding-left: 15px;
		font-size: 14px;
		
		/* taskId.16814945 2019/01/21 AM - "...Can the top spacing match the spacing that is before the "Contact an Expert" button..." */
		margin-top: 15px;
	}	
}
a.landing-large-button:hover,
a.landing-large-button:focus,
a.large-button:hover,
a.large-button:focus {
	text-decoration: none;
}
a.landing-large-button i,
a.large-button i,
a.landing-large-button span.fa,
a.large-button span.fa {
	border-left: 1px solid #d3961c;
	margin-left: 15px;
}
a.landing-large-button i::before,
a.large-button i::before,
a.landing-large-button span.fa::before,
a.large-button span.fa::before {
	content: '';
	font-size: 25px;
	line-height: 1.2em;
	width: 10px;
	height: 11px;
	background: var(--sprite) -175px -75px no-repeat;
	display: inline-block;
	padding: 0;
	margin: 0 0 0 15px;
}

.simple-btn {
	background-color: #F0F0F0;
	color: var(--blue);
	display: block;
	padding: 8px 15px;
	font-weight: 500;
	text-decoration: none;
	font-size: 15px;
	font-family: var(--ff-heading);
	border-radius: 3px;
}
.simple-btn:hover,
.simple-btn:focus {
	color: var(--blue);
	background-color: #e7e7e7;
}
.simple-btn::after {
	background: var(--sprite) no-repeat -125px -275px;
	width: 8px;
	height: 9px;
	display: inline-block;
	content: '';
	margin-left: 7px;	
	margin-right: 7px;
}

.btn-download {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
}
.btn-download i.fa-download {
    background: var(--sprite) -325px -225px no-repeat;
    width: 12px;
    height: 13px;
    display: inline-block;
    margin-right: 3px;
}

a.back,
.btn-back {
	color: #005cb9;
	/* taskId.16817580 2020/05/28 */
	color: var(--yellow-dark);
	color: var(--blue);
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
a.back:hover,
a.back:focus,
.btn-back:hover,
.btn-back:focus {
	color: #005cb9;
	/* taskId.16817580 2020/05/28 */
	color: var(--yellow-dark);
	color: var(--blue);
	text-decoration: none;
}
.btn-back,
.btn-back:hover,
.btn-back:focus {
	margin-bottom: 15px;
}
a.back i.fa-chevron-circle-left {
	width: 14px;
	height: 16px;
	background: var(--sprite) no-repeat -50px -50px;
	/* taskId.16817580 2020/05/28 */
	background-position: -450px -250px;
	background-position: -75px -50px;
	display: inline-block;
	transform: scaleX(-1);
}
.btn-back::before {
	content: '';
	width: 13px;
	height: 12px;
	display: inline-block;
	background: var(--sprite) no-repeat -300px -300px;
	transform: scaleX(-1);
	margin-right: 5px;
}

.btn-remove {
	color: #c11010;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
.btn-remove::before {
	content: '';
	width: 12px;
	height: 11px;
	background: var(--sprite) no-repeat -450px -200px;
	display: inline-block;
	margin-right: 5px;
}


.btn-back-to-resources {
	display: none;	
}

/* taskId.16816642, taskId.16817192, taskId.16817760 */
/* .aside-contact-us-container is a temporary object that is hidden by default */
.aside-contact-us-container {
    display: none;
}
@media (min-width: 1200px) {
	body.side-contact .aside-contact-us-container {
		display: block;
	}
	body.side-contact .body-page-title .product-buttons {
		display: none;
	}	
}
.requestDemoBoxDesc {
    display: none;
}
.aside-contact-us {
    display: inline-block;
    position: fixed;
    top: calc(50% - 100px);
    right: 0; 
    right: -1px ; /* !for(webkit) */
    transform: translateX(100%);
    margin: 0;
    padding: 0 0 0 40px;
    z-index: 90;
}
.aside-contact-us .contact-us-trigger {
    transform: rotate(-90deg);
    transform-origin: left top;
    color: #fff;
    text-transform: uppercase;
    text-transform: none;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 15px;
    display: inline-block;
    margin: 0 0 0 0px;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 100%;
    height: 40px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    min-width: 138px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
body.show-contact-us .aside-contact-us:hover .contact-us-trigger {
    color: #444; 
    text-shadow: 0 0 3px #fff;
}
.aside-contact-us .contact-us-trigger::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: -1;
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 );     
}
body.show-contact-us .aside-contact-us:hover .contact-us-trigger::before {
    opacity: 0;
}

body.show-contact-us .aside-contact-us {
    margin: 0 40px 0 0;
}
body.show-contact-us .aside-contact-us:hover {
    transform: translateX(0px);
    margin: 0 0px 0 0;
}

.aside-contact-us a {
    color: #fff;
    font-size: 20px;
    padding: 10px 15px;
    margin: 0 0 3px;
    white-space: nowrap;
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    font-family: var(--ff-heading);
    font-weight: 300;
    
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
    
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 );    
}
.aside-contact-us a:last-child {
    margin-bottom: 0;
}
.aside-contact-us a:hover {
background: #a65c11;
background: -moz-linear-gradient(top, #a65c11 0%, #a65c11 100%);
background: -webkit-linear-gradient(top, #a65c11 0%,#a65c11 100%);
background: linear-gradient(to bottom, #a65c11 0%,#a65c11 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65c11', endColorstr='#a65c11',GradientType=0 );   
}
html[lang="ja-JP"] .aside-contact-us a {
    font-family: var(--ff-ja);
}
.aside-contact-us a,
.aside-contact-us a:hover,
.aside-contact-us a:focus {
    text-decoration: none;
}
.aside-contact-us span {
    font-size: 16px;
    margin-left: 7px;
}
@media (min-width: 1200px) {
    .page6257 .product-buttons {
        /* taskId.16817192 2020/03/05 estore the 3 CTAs on top right */
        X-display: none;
    }    
}
@media (max-width: 1199px) {
    .aside-contact-us {
        display: none;
    }
}

.pdf-link {
	margin-bottom: 10px;
	text-align: center;
}
.pdf-link a.btn, .pdf-link a.btn:hover, .pdf-link a.btn:focus {
	background-color: #005cb9;
	border: 0 none;
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 );  	

	display: inline-flex;
	align-items: center;
	flex-flow: row nowrap;	
}
@media (max-width: 575px) {
	.pdf-link {
		text-align: center;
	}
}
.pdf-link a.btn::before {
	content: '';
	background: var(--sprite) -325px -225px no-repeat;
    width: 12px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;	
}

.button-1,
.button-2 {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 10px 20px;
	background-color: transparent;
	border-radius: 3px;
	border: 1px solid #777;
	color: #333;
	text-decoration: none;
	font-size: 16px;
	
	/* or blue */
	background-color: var(--blue);
	border: 1px solid var(--blue);
	color: #fff;
}
/* product page fix */
.cmsTabBlock a.button-1 {
    color: #fff;
}
.cmsTabBlock a.button-1:hover,
.cmsTabBlock a.button-2:hover {
    color: var(--blue);
}
.button-2 {
	background-color: #777;
	color: #fff;
	
	/* or blue */
	background-color: transparent;
	color: var(--blue);
}
.blog-aside .button-1,
.blog-aside .button-2 {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 30px;
	width: 400px;
	max-width: 100%;
}
.button-1:hover,
.button-1:focus {
	color: #fff;
	background-color: #777;
	
	/* or blue */
	background-color: transparent;
	color: var(--blue);
}
.button-2:hover,
.button-2:focus {
	color: #333;
	background-color: #fff;
	
	/* or blue */
	color: #fff;
	background-color: var(--blue);
}
.button-1::after,
.button-2::after {
	display: inline-block;
	flex: 0 0 auto;
	content: '';
	width: 8px;
	height: 14px;
	background: var(--sprite) no-repeat -250px -250px;
	margin-left: 15px;
}
.button-1::after {
	opacity: 0.7;
	
	/* or blue */
	background: var(--sprite) no-repeat -275px -250px;
	opacity: 1;
}
.button-2::after {
	background: var(--sprite) no-repeat -275px -250px;
	opacity: 1;
	
	/* or blue */
	background: var(--sprite) no-repeat -225px -250px;
}
.button-1:hover::after {
	background-position: -275px -250px;
	opacity: 1;
	
	/* or blue */
	background-position: -225px -250px;
}
.button-2:hover::after {
	background-position: -250px -250px;
	opacity: 0.7;
	
	/* or blue */
	background-position: -275px -250px;
	opacity: 1;
}
.side-boxes .button-1, 
.side-boxes .button-2 {
	white-space: normal;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 17px;
	line-height: 1.4em;
	display: flex;
	justify-content: space-between;
}
html[lang="ja-JP"] .side-boxes .button-1, 
html[lang="ja-JP"] .side-boxes .button-2 {
	font-size: 14px;
}
@media (max-width: 767px) {
	.side-boxes .button-1, 
	.side-boxes .button-2 {
		display: flex;
	}	
}

.rounded,
.rounded:hover,
.rounded:focus {
	border-radius: 50px;
}

.do-not-show-again {
	border-top: 1px solid #e7e7e7;
	margin: 20px 0;
	padding: 20px 0 0;
	text-align: center;
}
.do-not-show-again button, .do-not-show-again button:hover, .do-not-show-again button:focus {
	color: #fff;
	border: 0 none;
	padding: 6px 12px;
	border-radius: 3px;
	cursor: pointer;
	line-height: 1.6em;
	font-weight: bold;
	font-size: var(--fz);
	font-family: var(--ff);
	
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 );  	
}

/* taskId.16819612 */
.btn-yellow,
.btn-yellow:hover,
.btn-yellow:focus {
	background-color: #E8B126;
	border: 0 none;
	color: #fff;
	font-weight: bold;
	padding: 10px 25px;
	font-family: var(--ff);
	font-size: var(--fz);
	display: inline-block;
	cursor: pointer;
}
.btn-yellow:hover,
.btn-yellow:focus {
	color: var(--blue);
}
html[lang="ja-JP"] .slide-contact-mobile .btn-yellow, 
html[lang="ja-JP"] .slide-contact-mobile .btn-yellow:hover, 
html[lang="ja-JP"] .slide-contact-mobile .btn-yellow:focus {
    font-family: var(--ff-ja);
}

/* taskId.16820523 2022/12/21 */
.btn-arrow-yellow, 
.btn-arrow-blue {
	color: var(--blue);
	font-weight: bold;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
.btn-arrow-yellow::before,
.btn-arrow-blue::before {
	content: '\27F6';
	color: var(--yellow);
	font-weight: normal;
	font-size: 40px;
	margin: 0 10px 0 0;
	display: inline-block;
	transform: translateY(-2px);
}
.btn-arrow-blue::before {
	color: var(--blue);
}
/*** END ls20/global/buttons.css ***/

/*** START ls20/global/side-boxes.css ***/
/* =ASIDE BOXES */
.side-box-1 li:empty {
	display: none;
}
.side-box-1 li.contact {
	display: none;	
}
.side-box-1 li:empty + li.contact {
	display: block;	
}
/* ie8 fix */
.side-box-1 li.contact.contact-show {
	display: block;	
}
/* do not show border, as it is not really the last item */
.side-box-1 li:empty + li.contact a {
	border-bottom: 0 none;	
}
.side-box-1,
.side-box-4 {
	margin-top: 20px;
	border-radius: 3px;	
}
/* hide bookmark btn on bookmark page taskId.16803328 */
#page228 .side-box .side-bookmark {display: none;}

.hideContactBox .side-box-1 {
	display: none;	
}
@media (max-width: 767px) {
	body.product .side-box-1 {
		display: none;
	}
}
.QuoteRequestHide #quote-request-link {display: none;}
.QuestionsBoxHide #contact-request-link, .QuestionsBoxHide .contact {display: none;}
.requestDemoBoxHide #demo-request-link {display: none;}

.side-box-1 big,
.side-box-4 big {
	color: #fff;
	font-size: 26px;
	padding: 15px 15px 20px;	
	line-height: 1em;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
html[lang="ja-JP"] .side-box-1 big,
html[lang="ja-JP"] .side-box-4 big {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;		
	font-size: 22px;
}
.side-box-1 ul,
.side-box-4 ul {
	list-style-type: none; padding: 0; margin: 0;	
}
.side-box-1 li,
.side-box-4 li {
	padding: 0; margin: 0;	
}
.side-box-1 ul li::before,
.side-box-4 ul li::before {
	content: '';
	display: block;
	border-top: 1px solid #fff;
}
.side-box-1 ul li:first-child::before,
.side-box-4 ul li:first-child::before,
.side-box-1 ul li.contact.contact-show::before {
    border-top: 0 none;
}

.side-box-1 ul a,
.side-box-4 ul a {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	padding: 10px 35px 10px 15px;
	margin: 0 0 5px;
	display: block;
	position: relative;
	border-radius: 3px;
	
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 );
} 
.side-box-1 ul a:hover,
.side-box-1 ul a: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 );	
}
.side-box-4 ul a {
	background-color: #fff;
	border: 1px solid #777;
	color: #333;
	background-image: none;
}
.side-box-4 ul a:hover,
.side-box-4 ul a:focus {
	background-color: #777;
	color: #fff;	
}
.side-box-1 ul li:only-child a {
	border: 0 none;
}

html[lang="ja-JP"] .side-box-1 ul a,
html[lang="ja-JP"] .side-box-4 ul a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;		
	font-size: 14px;
}
.side-box-1 ul a::after,
.side-box-4 ul a::after {
    background-image: var(--sprite);
    background-position: -275px -250px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    width: 8px;
    height: 14px;
	position: absolute;
	right: 15px;
	top: calc(50% - 7px);
	color: #fff;
}
html[lang="ja-JP"] .side-box-1 ul a::after, 
html[lang="ja-JP"] .side-box-4 ul a::after {
	font-size: 20px;
}
.side-box-4 ul a::after {
	background: var(--sprite) no-repeat -250px -250px;
	opacity: 0.7;
}
.side-box-4 ul a:hover::after {
	background: var(--sprite) no-repeat -275px -250px;
	opacity: 1;
}

.side-box-2 {
	padding: 10px 15px;
	margin-top: 30px;
	color: #fff;
	font-size: 11px;
background: rgb(66,98,143);
background: -moz-linear-gradient(top, rgba(66,98,143,1) 0%, rgba(59,90,135,1) 10%, rgba(20,47,90,1) 42%, rgba(9,34,77,1) 56%, rgba(9,34,77,1) 100%);
background: -webkit-linear-gradient(top, rgba(66,98,143,1) 0%,rgba(59,90,135,1) 10%,rgba(20,47,90,1) 42%,rgba(9,34,77,1) 56%,rgba(9,34,77,1) 100%);
background: linear-gradient(to bottom, rgba(66,98,143,1) 0%,rgba(59,90,135,1) 10%,rgba(20,47,90,1) 42%,rgba(9,34,77,1) 56%,rgba(9,34,77,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42628f', endColorstr='#09224d',GradientType=0 );
}
.side-box-2 a {
	color: #fff;	
}
.side-box-2 p {
	margin-bottom: 0px;	
}

.side-box-3 {
	margin-top: 30px;	
}
.side-box-3 img {
	width: 100%;
	height: auto;
}
.side-box-3 .side-box-content {
	padding: 15px;
	color: #fff;
	
background: rgb(132,132,132);
background: -moz-linear-gradient(top, rgba(132,132,132,1) 0%, rgba(128,128,128,1) 41%, rgba(124,124,124,1) 64%, rgba(117,117,117,1) 100%);
background: -webkit-linear-gradient(top, rgba(132,132,132,1) 0%,rgba(128,128,128,1) 41%,rgba(124,124,124,1) 64%,rgba(117,117,117,1) 100%);
background: linear-gradient(to bottom, rgba(132,132,132,1) 0%,rgba(128,128,128,1) 41%,rgba(124,124,124,1) 64%,rgba(117,117,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#757575',GradientType=0 );
	
	/* taskId.16817580 2020/05/28 */ 
background: rgb(85,85,85);
background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(68,68,68,1) 100%);
background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 100%);
background: linear-gradient(to bottom, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 );	
}
.side-box-3 .side-box-content h2 {
	font-size: 16px;
	font-family: 'HelveticaNeueLTPro-Bd', Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;		
	font-weight: 300;	
	color: #fff;
	padding: 0; margin: 0;
	margin-bottom: 5px;
}
html[lang="ja-JP"] .side-box-3 .side-box-content h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;	
}
.side-box-3 .side-box-content h2 a {
	color: #fff;	
}
.side-box-3 small {
	font-size: 10px;
	text-transform: uppercase;	
	color: #c9c9c9;
}
/* taskId.16817580 2020/05/28 */
.side-box-content a.more, 
.side-box-content .show-more {
	color: #ffca5e !important;
}
.side-box-content a.more::before, 
.side-box-content .show-more::before {
	background-position: -50px -50px;
	/* taskId.16817580 2020/05/28 */
	background-position: -475px -250px;
}

/* -----------------------horizontal layout START -----------------------*/
.side-box-3[data-horizontal="1"] {
	display: flex;
	flex-flow: row nowrap;
	margin-top: 10px;
	margin-bottom: 20px;
}
.side-box-3[data-horizontal="1"] img {
	margin: 0;
}
.side-box-3[data-horizontal="1"] .side-box-content {
	width: 215px;
}
.side-box-3[data-horizontal="1"] .side-box-content * {
	line-height: 1.3em;
}
.side-box-3[data-horizontal="1"] .side-box-content h2 {
	font-size: 16px;
	text-align: left;
	margin: 0 0 5px;
}
.side-box-3[data-horizontal="1"] .side-box-content p {
	margin: 0;
}
.side-box-3[data-horizontal="1"] .side-box-content a:hover,
.side-box-3[data-horizontal="1"] .side-box-content a:focus {
	text-decoration: none;
}
@media (min-width: 480px) {
	.side-box-3[data-horizontal="1"][data-align="center"] {
		justify-content: center;
		width: 100%;
	}
	.side-box-3[data-horizontal="1"][data-align="right"] {
		justify-content: flex-end;
		width: 100%;
	}	
}
@media (max-width: 479px) {
	.side-box-3[data-horizontal="1"] {
		flex-flow: column nowrap;
		width: 204px !important;
	}
	.side-box-3[data-horizontal="1"] .side-box-content {
		width: 204px !important;
	}	
}
/* -----------------------horizontal layout END -----------------------*/

.side-box-5 {
	margin-top: 30px;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 22px;
	padding-right: 12px;
	background-color: #f9f9f9;
	box-shadow: 
		-3px -3px 12px rgba(0, 0, 0, 0.05) inset, 
		3px 3px 12px rgba(0, 0, 0, 0.05) inset;
}
.side-box-5 .more, 
.side-box-5 .more:hover, 
.side-box-5 .more:focus {
	padding: 0; margin: 0; background-image: none; text-decoration: none;
	color: #08107b;
}
.side-box-5 .more:hover {
	color: #005cb9;	
}
.side-box-5 .more:before {
	font-family: 'FontAwesome';
	font-size: 14px;
	content: '\f138';	
	margin-right: 5px;
}

@media (max-width: 767px) {
	.side-boxes {
		display: flex;
		flex-flow: row wrap;	
        flex-flow: column nowrap;
	}
	.side-box {
		width: 100%;
		float: left;
		margin-top: 0px;
		margin-bottom: 30px;
	}	
	.side-boxes-2 {
		display: block;
		width: 204px;	
		margin: 0 auto;
	}
}
@media (max-width: 479px) {
	.side-box,
	.side-box:nth-child(odd),
	.side-box:nth-child(even) {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;	
	}	
}
#demo-request-link span+span, #demo-request-link span:last-child {
	display: none;	
}

@media (min-width: 768px) {
	.module-side-content {
		margin: 20px 0 0;
	}
}
@media (max-width: 767px) {
	.side-boxes .golden-btn {
		width: 100%;
		justify-content: space-between;
	}
}
/*** END ls20/global/side-boxes.css ***/

/*** START ls20/global/specifications-table.css ***/
/* taskId.16817817 2020/07/21 fix chrome not displaying nicely center aligned lists */
.specifications-table ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.specifications-table li {
	padding: 0;
	margin: 0;
}
.specifications-table li::before {
	content: "\2022";
	margin-right: 5px;
	display: inline;
	font-size: 18px;
}

/* comparison START */
/* ---------------------------------------------------------------------------------------------- */
[data-bgcolor="#f5f5f5"] .table-responsive > .table {
	background-color: transparent;
}
/* 
changes for using on product design https://www.olympus-lifescience.com/en/ot-sample/
originally implemented on landing directory design on lsdevel https://lsdevel1.aspiresoft.com/en/test-specification-table/
taskId.16814842
*/
body .comparison-table tbody > tr > th,
body .comparison-table thead > tr > th,
body .comparison-table tbody > tr > td,
body .comparison-table thead > tr > td {
	font-size: 14px;
    /* taskId.16814739 keep font-size increased (14px) */
    /*font-size: 12px;*/
	padding: 8px;
	border-top: 1px solid #ddd;
}
body .comparison-table tr > *:not(:first-child)::before, 
body .comparison-table.no-left-th tr > *::before {
    /* taskId.16814739 keep font-size increased (14px) */
    /*font-size: 12px;*/
}
[data-bgcolor="#f5f5f5"] .table-responsive > .table,
.landing-directory-fullwidth[data-sep="alt"] .landing-section:nth-child(2n) .table-responsive > .table {
	background-color: transparent;
}
@media (min-width: 768px) {
	body .comparison-table tbody > tr > th,
	body .comparison-table thead > tr > th,
	body .comparison-table tbody > tr > td,
	body .comparison-table thead > tr > td {
		line-height: 1.3em;
	}
	body .comparison-table tbody > tr > th,
	body .comparison-table thead > tr > th {
		background-color: #f5f5f5;
		font-weight: normal;
	}
	body [data-bgcolor="#f5f5f5"] .comparison-table tbody > tr > th,
	body [data-bgcolor="#f5f5f5"] .comparison-table thead > tr > th,
    body .landing-directory-fullwidth[data-sep="alt"] .landing-section:nth-child(2n) .comparison-table tbody > tr > th,
	body .landing-directory-fullwidth[data-sep="alt"] .landing-section:nth-child(2n) .comparison-table thead > tr > th {
		background-color: #e6e6e6;		
	}
	body .comparison-table thead > tr > th,
	body .comparison-table thead > tr > td,
	body .comparison-table tbody > tr:first-child > th {
		background-color: #f5f5f5;	
		vertical-align: top !important;
		border-top: 0 none;
	}
	body [data-bgcolor*="#f5f5f5"] .comparison-table thead > tr > th,
	body [data-bgcolor*="#f5f5f5"] .comparison-table thead > tr > td,
	body [data-bgcolor*="#f5f5f5"] .comparison-table tbody > tr:first-child > th,
    body .landing-directory-fullwidth[data-sep="alt"] .landing-section:nth-child(2n) .comparison-table thead > tr > th,
	body .landing-directory-fullwidth[data-sep="alt"] .landing-section:nth-child(2n) .comparison-table thead > tr > td,
	body .landing-directory-fullwidth[data-sep="alt"] .landing-section:nth-child(2n) .comparison-table tbody > tr:first-child > th {
		background-color: #e6e6e6;
	}
	body .comparison-table tbody > tr > td:not(:last-child),
	body .comparison-table tbody > tr > th:not(:last-child) {
		border-right: 1px solid #d7d7d7;
	}

}
@media only screen and (max-width: 767px) {
    /* taskId.16814739 - draws double border /landing/objectives/research/superresolution/ */
	/*
    body .comparison-table {
		border: 1px solid #d7d7d7;
	}
    */
	body .comparison-table tbody > tr > th,
	body .comparison-table thead > tr > th {
		font-weight: normal;
	}
	body .comparison-table:not(.no-left-th) tr > :first-child {
		background-color: #f5f5f5;
		border-bottom: 1px solid #d7d7d7;
	}
	body [data-bgcolor*="#f5f5f5"] .comparison-table:not(.no-left-th) tr > :first-child
	/*,
    body .landing-directory-fullwidth[data-sep="alt"] .landing-section:nth-child(2n) tr > :first-child */ {
		background-color: #e6e6e6;
	}
	body .comparison-table:not(.no-left-th) tr > :not(:first-child) {
		margin-left: 0px;
	}
	body .comparison-table.table-responsive {
		border-top: 0 none;
	}
    
	/* rewrite global styles */
	body .comparison-table:not(.no-left-th) tr > *:first-child {
        /* taskId.16816620 2019/11/11 - remove this customization */
		x-font-size: 14px;
	}
}
/* comparison END */
/* ---------------------------------------------------------------------------------------------- */

/* SPECIFICATIONS */

/* moved from product.css */
.specifications-table:not(.specifications-table-hardcoded) td:first-child, 
.specifications-table:not(.specifications-table-hardcoded) th:first-child {
	border-left: 0 none;
}
@media (min-width: 768px) {
	.specifications-table-hardcoded {
		/* overflow left dark border of the cells */
		border-left: 1px solid #f5f5f5;
	}	
}

.specifications-table p {
	margin: 0;
}
.specifications-table .popup-gallery-thumb {
	margin: 0;
}
.specifications-table a {
	color: #005cb9;
}
.specifications-table a.more {
	color: #08107b;
}
.specifications-table {
	margin-bottom: 15px;
}
.specifications-table,
.specifications-table td,
.specifications-table th {
	word-break: break-word;
	/* word-break: break-all !for(ie); */
}
.specifications-table td,
.specifications-table th {
	border-left: 1px solid #c7c7c7;
}

/* taskId.16816504 2019/10/24 */
@media (min-width: 480px) {
	/* taskId.16816820 2019/12/22, taskId.16816702 make the change to be on horizontal AND vertical tables */
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > td.table-spacer:empty {
		display: none;
	}

    .specifications-table[data-cols] {
	table-layout: fixed;
    }
    .specifications-table[data-cols="2"] th, .specifications-table[data-cols="2"] td {width: 50%;}
    .specifications-table[data-cols="3"] th, .specifications-table[data-cols="3"] td {width: 33.3333%;}
    .specifications-table[data-cols="4"] th, .specifications-table[data-cols="4"] td {width: 25%;}
    .specifications-table[data-cols="5"] th, .specifications-table[data-cols="5"] td {width: 20%;}
    .specifications-table[data-cols="6"] th, .specifications-table[data-cols="6"] td {width: 16.66666%;}
    /* if there is a table spacer and the only TD, hide .table-spacer and make the only TD take its full width */
    .specifications-table[data-table-spacer] .table-spacer {display: none;}
    .specifications-table[data-cols="3"] th + td.table-spacer + td:last-child {width: 33.3333%;}
	.specifications-table[data-cols="4"] th + td.table-spacer + td:last-child {width: 50%;}
    .specifications-table[data-cols="5"] th + td.table-spacer + td:last-child {width: 40%;}
    .specifications-table[data-cols="6"] th + td.table-spacer + td:last-child {width: 33.3333%;}

    /* taskId.16816702 2019/12/12 hardcoded colspans */
    .specifications-table[data-cols="4"] th[colspan="2"], .specifications-table[data-cols="4"] td[colspan="2"] {width: 50%;}
    .specifications-table[data-cols="4"] th[colspan="3"], .specifications-table[data-cols="4"] td[colspan="3"] {width: 75%;}
    .specifications-table[data-cols="6"] th[colspan="2"], .specifications-table[data-cols="6"] td[colspan="2"] {width: 33.3333%;}
    .specifications-table[data-cols="6"] th[colspan="3"], .specifications-table[data-cols="6"] td[colspan="3"] {width: 50%;}
}

/*
* Danny: commented out because you cannot rely on :first-child or [rowspan] as those selectors do not match things you want: taskId.16804422
* using outline dirty hack to do it easily - simply white border that overlays the gray underneath...
*/
.specifications-table {
	outline: 1px solid white;
	outline-offset: -1px;
}
/* taskId.16803645 */
/* .specifications-table th.split-cell:first-child, */
/* .specifications-table th[rowspan]:first-child, */
/* .specifications-table td:first-child, */
/* taskId.16804422 https://www.olympus-lifescience.com/en/software/cellsens/ */
/* remove left border from the first th */
/* .specifications-table th:first-child { */
/*	border-left: 0 none; */
/* } */
/* taskId.16804422 https://www.olympus-lifescience.com/en/software/cellsens/ */
/* but if it has colspan attr, show left border */
/* .specifications-table th[colspan]:first-child { */
/*	border-left: 1px solid #c7c7c7; */
/* } */

.specifications-table td.table-spacer,
.specifications-table th.table-spacer {
	padding: 0; margin: 0;
	border-left: 0 none;
}
.specifications-table th.split-cell-empty,
.specifications-table th:empty {
	border-left: 0 none;
}
.specifications-table th,
.specifications-table td,
.specifications-table thead > tr > th,
.specifications-table thead > tr > td,
.specifications-table tbody > tr > th,
.specifications-table tbody > tr > td,
.specifications-table tfoot > tr > th,
.specifications-table tfoot > tr > td {
	padding: 8px 5px;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 1.3em;
	border-top: 1px solid #c7c7c7;
	
	/* fix background-color covering border example: /software/cellsens/ */
	background-clip: padding-box;
}
@media only screen and (min-width: 479px) and (max-width: 767px) {
	.cmsPanelContents .cms-content > .specifications-table th, .specifications-table td, 
	.cmsPanelContents .cms-content > .specifications-table thead > tr > th, 
	.cmsPanelContents .cms-content > .specifications-table thead > tr > td, 
	.cmsPanelContents .cms-content > .specifications-table tbody > tr > th, 
	.cmsPanelContents .cms-content > .specifications-table tbody > tr > td, 
	.cmsPanelContents .cms-content > .specifications-table tfoot > tr > th, 
	.cmsPanelContents .cms-content > .specifications-table tfoot > tr > td {
		padding: 8px 5px;
	}
}
html[lang="ja-JP"] .specifications-table th,
html[lang="ja-JP"] .specifications-table td,
html[lang="ja-JP"] .specifications-table thead > tr > th,
html[lang="ja-JP"] .specifications-table thead > tr > td,
html[lang="ja-JP"] .specifications-table tbody > tr > th,
html[lang="ja-JP"] .specifications-table tbody > tr > td,
html[lang="ja-JP"] .specifications-table tfoot > tr > th,
html[lang="ja-JP"] .specifications-table tfoot > tr > td {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.specifications-table tbody > tr > th.split-cell-duplicate {
	border-top: 0 none;
}

/* taskId.16803337 - /microscopes/upright/bx63/ (Specifications) */
/* using also js http://screencast.com/t/F7hBdng7cU
/* http://screencast.com/t/dRarh56OjZ */
.specifications-table tbody > tr > th.split-cell-empty {
	border-top: 1px solid #c7c7c7;
}
/* http://screencast.com/t/EzfQvcCfc7kb */
.specifications-table tbody > tr > th.split-cell-header + th.split-cell-with-hidden {
	border-top: 1px solid #c7c7c7;
}


.specifications-table tbody > tr:first-child > th,
.specifications-table tbody > tr:first-child > td {
	border-top: 0 none;
}
.specifications-table th,
.specifications-table thead > tr > th,
.specifications-table tbody > tr > th,
.specifications-table tfoot > tr > th {
	vertical-align: top;
}
.specifications-table td,
.specifications-table thead > tr > td,
.specifications-table tbody > tr > td,
.specifications-table tfoot > tr > td {
	vertical-align: middle;
	text-align: center;
}
.specifications-table ul {
	margin-top: 0;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
.specifications-table p {
	margin: 0;
}
html[lang="ja-JP"] .specifications-table th,
html[lang="ja-JP"] .specifications-table td {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.specifications-table th {
	background-color: #f5f5f5;
}
.specifications-table .dt-multienum ul {padding: 0; margin: 0; list-style-type: none;}
.specifications-table .dt-multienum li {padding: 0; margin: 0;}
.specifications-table .dt-multienum li::before {display: none;}
@media only screen and (max-width: 767px) {
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr {
		border-bottom: 1px solid #d7d7d7;
	}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.specifications-table:not(.desktop-view-on-mobile),
	.specifications-table:not(.desktop-view-on-mobile) > tbody,
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr,
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > td,
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th {
		background-color: #fff;
	}	
}
@media only screen and (max-width: 479px) {
	.specifications-table:not(.desktop-view-on-mobile),
	.specifications-table:not(.desktop-view-on-mobile) > tbody,
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr,
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > td,
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th {
		display: block;
		padding: 0;
		margin: 0;
		background-color: #fff;
		border: 0 none;
		text-align: center;
	}
	.specifications-table:not(.desktop-view-on-mobile) {
		margin: 10px 0 0;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr {
		border-bottom: 1px solid #d7d7d7;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th {
		background-color: #f5f5f5;
		padding: 5px;
		font-weight: bold;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th:empty {
		display: none;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th.split-cell-with-hidden .hidden {
		display: block !important;
		visibility: visible !important;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th ~ th {
		font-weight: normal;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th + th {
		padding-left: 15px;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > th + th + th {
		padding-left: 25px;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > td,
	.cmsPanelContents .cms-content > .specifications-table:not(.desktop-view-on-mobile) > tbody > tr > td {
		padding: 10px 5px;
	}
	.specifications-table:not(.desktop-view-on-mobile) > tbody > tr > td.table-spacer:empty {
		display: none;
	}
	#page5634 .container.content-block {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* taskId.16816702 2019/12/11 new layout for specifications table START */
/* ----------------------------------------------------------------------------------------- */

/* taskId.16816820 2019/12/22 the iframe size for /objective-finder/ is increased from 600 to 800px - need to show the table full width */
html.iframe .col-content {
	width: 100%;
}

.specifications-table thead > tr > * {
    text-align: center;
    border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
    .specifications-table-hardcoded tbody th,
	.specifications-table tbody th,
	.specifications-table thead th {
		x-border-right: 1px solid #ccc;
		x-border-left: 0 none;
    }
	.specifications-table {
		background-color: #f5f5f5;
	}
	.specifications-table > thead > tr > td,
	.specifications-table > tbody > tr > td,
	.cms-content .specifications-table > thead > tr > td,
	.cms-content .specifications-table > tbody > tr > td,
	.cmsPanelContents .cms-content .specifications-table > thead > tr > td,
	.cmsPanelContents .cms-content .specifications-table > tbody > tr > td {
		background-color: #fff;
	}
}
@media only screen and (max-width: 767px) {
	.specifications-table thead *:empty + * {
		border-left: 0 none;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* original styles activate the change on the vertical mobile only */
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) > tbody > tr > td,
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) > tbody > tr > th {
	display: block;
	border-left: 0 none;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) > tbody > tr > th {
	background-color: #f5f5f5;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th {
	text-align: center !important;
    }
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) ul {
		padding: 0;
		margin: 0 0 0 20px;
        /* taskId.16817107 2020/03/04 /microscopes/inverted/ixplore-spinsr/ text should be also centered on horizontal mobile */
		x-text-align: left !important;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) ul li {
		padding: 0;
		margin: 0;
	}
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) > tbody > tr > th:empty {
	display: none;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th ~ th {
	border-top: 0 none;
    }
    .specifications-table[data-td-cols] {
	margin-bottom: 0;
    }
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th:not([auto-labels-count]):first-child ~ th {
	padding-top: 8px;
    }
}
@media only screen and (max-width: 767px) {
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) thead > tr > th[split-cell]:empty {
        display: none;
    }
    .specifications-table:not(.desktop-view-on-mobile) thead > tr > * {
	    background-color: transparent;
    }
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) {
		display: block;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) thead,
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody {
		display: block;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tr {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) thead > tr > *,
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody td {
		display: block;
		flex: 1 1 auto;
	padding-left: 2px;
	padding-right: 2px;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th:first-child {
	font-weight: bold;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th:not(:first-child) .hidden {
	x-display: block !important;
	x-visibility: visible !important;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) thead > tr > * {
	border-top: 0 none;
    }
	.specifications-table[data-td-cols="2"]:not(.desktop-view-on-mobile) thead > tr > *,
	.specifications-table[data-td-cols="2"]:not(.desktop-view-on-mobile) tbody td {
		width: 50%;
	}

    /* multiply width of TD with colspan */
    .specifications-table[data-td-cols="2"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="2"],
    .specifications-table[data-td-cols="2"]:not(.desktop-view-on-mobile) tbody td[colspan="2"] {
	width: 100%;
    }
    .specifications-table[data-td-cols="3"]:not(.desktop-view-on-mobile) thead > tr > *,
	.specifications-table[data-td-cols="3"]:not(.desktop-view-on-mobile) tbody td {
		width: 33.3333%;
	}
    .specifications-table[data-td-cols="3"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="2"],
    .specifications-table[data-td-cols="3"]:not(.desktop-view-on-mobile) tbody td[colspan="2"] {
	    width: 66.6666%;
    }
    .specifications-table[data-td-cols="3"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="3"],
    .specifications-table[data-td-cols="3"]:not(.desktop-view-on-mobile) tbody td[colspan="3"] {
	    width: 100%;
    }
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) thead > tr > *,
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) tbody td {
	    width: 25%;
    }
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="2"],
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) tbody td[colspan="2"] {
	    width: 50%;
    }
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="3"],
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) tbody td[colspan="3"] {
	    width: 75%;
    }
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="4"],
    .specifications-table[data-td-cols="4"]:not(.desktop-view-on-mobile) tbody td[colspan="4"] {
	    width: 100%;
    }
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) thead > tr > *,
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) tbody td {
	    width: 20%;
    }
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="2"],
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) tbody td[colspan="2"] {
	    width: 40%;
    }
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="3"],
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) tbody td[colspan="3"] {
	    width: 60%;
    }
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="4"],
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) tbody td[colspan="4"] {
	    width: 80%;
    }
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="5"],
    .specifications-table[data-td-cols="5"]:not(.desktop-view-on-mobile) tbody td[colspan="5"] {
	    width: 100%;
    }
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) thead > tr > *,
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) tbody td {
	    width: 16.6666%;
    }
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="2"],
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) tbody td[colspan="2"] {
	width: 33.3333%;
    }
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="3"],
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) tbody td[colspan="3"] {
	    width: 50%;
    }
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="4"],
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) tbody td[colspan="4"] {
	    width: 66.6666%;
    }
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="5"],
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) tbody td[colspan="5"] {
	    width: 83.33332%;
    }
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) thead > tr > *[colspan="6"],
    .specifications-table[data-td-cols="6"]:not(.desktop-view-on-mobile) tbody td[colspan="6"] {
	    width: 100%;
    }

	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody td:not(:last-child) {
		border-right: 1px solid #ccc;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th {
		padding-left: 5px;
		padding-right: 5px;

	/* !important for overwriting hardcoded width, e.g. /laser-scanning/fv3000/ */
		width: 100% !important;
	}
    .table-responsive,
    .content-container,
    .cms-content {
	overflow: auto !important;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) thead > tr > * {
	font-weight: bold;

	/* position sitkcy doesn't work so far */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
    }
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) thead > tr > *.split-cell-header {
		display: none;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th:first-child {
		background-color: #ddd;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th.split-cell-duplicate:first-child {
		display: none;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th ~ th ~ th {
		padding-top: 0;
	font-weight: normal;
	font-style: italic;
	}
    /* sometimes there is even the 4th level /laser-scanning/fvmpe-rs/ */
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody th ~ th ~ th ~ th {
	color: #999;
    }
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tbody td {
	border-top: 1px solid #ccc;
    }

    /* hardcoded */
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) .mobile-auto-header-list {
	x-color: red;
	position: relative;
	font-style: normal;
	display: block !important;
    }
    /* hide automatic header for the 1st level... */
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) .mobile-auto-header {
	display: none;
    }
    /* ...but show for the 2nd */
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) .mobile-auto-header ~ .mobile-auto-header {
	display: block;
    }
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) thead td[colspan] {
	display: none;
    }
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th {
	font-weight: normal;
    }
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th ~ th {
	padding-top: 0;
    }
    /* The 2nd th after the 1st level th: add top padding */
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th:not([auto-labels-count]):first-child ~ th {
	padding-top: 5px;
    }
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th:not([auto-labels-count]):first-child ~ th ~ th {
	padding-top: 0;
    }
    /* The 1st th of the 1st level: bold */
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th:not([auto-labels-count]):first-child {
	font-weight: bold;
    }
    /* The 1st th of the 2nd or the 3rd level: normal, lightest grey */
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th[auto-labels-count]:first-child {
	background-color: #f5f5f5;
	font-weight: normal;
    }
    /*
	italic:
	- the third level;
	- the 2nd level if there is only one auto-labels
	- th when there are 2 auto labels
    */
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th ~ th ~ th,
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th[auto-labels-count="1"] ~ th,
    .specifications-table.specifications-table-hardcoded:not(.desktop-view-on-mobile) tbody th[auto-labels-count="2"] {
	font-style: italic;
    }

    /* hide repeating header 1 */

}
@media only screen and (max-width: 479px) {
    .specifications-table[data-td-cols]:not(.desktop-view-on-mobile) > tbody > tr > td {
	padding-left: 2px;
	padding-right: 2px;
    }
}

/* taskId.16816702 2019/12/11 new layout for specifications table END */
/* ----------------------------------------------------------------------------------------- */

.list {
	margin-bottom: 15px;
	border: 1px solid #d7d7d7;
}
.list th,
.list td {
	border: 1px solid #d7d7d7;
	padding: 5px;
}
.list p,
.list-boldheader p {
	margin: 0;
}
.list tr:first-child th {
	padding-bottom: 5px;
	padding-top: 5px;
}
.list thead > tr > th,
.list tbody > tr > th,
.list tfoot > tr > th,
.list thead > tr > td,
.list tbody > tr > td,
.list tfoot > tr > td {
    padding: 8px;
}
.list thead > * {
	background-color: #f5f5f5;
}
.list a {
	color: #005cb9;
}
.list thead ~ tbody > * {
	background-color: transparent;
}

/* pdf START */
/* ====================================================================== */
@media not screen {
	.body-page-title {
		background-color: transparent !important;
		padding: 0;
		margin: 0;
	}
	h1.pageTitle, .h1.pageTitle {
		padding: 0 !important;
		margin: 0 !important;
	}
	.container {
		width: 100% !important;
		margin-top: 30px !important;
	}
	.col-content {
		width: 100% !important;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) {
		display: table;
		table-layout: fixed !important;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tr {
		display: table-row;
	}
	.specifications-table[data-td-cols]:not(.desktop-view-on-mobile) tr > * {
		display: table-cell;
	}
	.specifications-table[data-td-cols="2"] > tbody > tr > * {
		width: 50% !important;
	}
	
    html, body {
        background: transparent !important;
    }
    html.pdf-header {
        margin: 0px;
        padding: 0px;
    }
    * {
        animation: none !important;
    }
    header, footer {
        height: auto !important;
    }
    header {
        padding: 0px !important;
        margin-bottom: 2em;
    }
    footer {
        padding-top: 0px !important;
        margin-top: 2em;
    }
    
    .page-break-after {
        page-break-after: always;
        break-after: always;
    }
    /* hide footer/header on first page */
    html[data-page-number="0"] header,
    html[data-page-number="0"] footer {
        visibility: hidden !important;
    }	
}
/* pdf END */
/* ====================================================================== */
/*** END ls20/global/specifications-table.css ***/

/*** Skipping CSS Section blog (autoinclude=false) ***/
/*** Skipping CSS Section home (autoinclude=false) ***/
/*** Skipping CSS Section sub (autoinclude=false) ***/
/*** START ls20/global/slider.css ***/
/* =SLIDER */
.slider {
	background-color: #E2E2E2;
	border-left: 15px solid #E2E2E2;
	border-top: 15px solid #E2E2E2;
	border-bottom: 15px solid #E2E2E2;
	margin-left: 0px;
	margin-top: 30px;
}
.slider-block-outer {
	display: none;	
}
.slider-block-outer.active {
	display: block;	
}
.col-slider-content {
	background-color: #fff;	
	padding-left: 0px;
}
.slider-img-block {
	margin-right: 15px;	
}
.slider-desc-block {
	padding-top: 40px;
	padding-right: 15px;
	min-height: 267px;	
}

.slider-desc-block p {
	margin: 0;	
}
.slider-desc-block small {
    color: #444444;
    font-size: 10px;
    text-transform: uppercase;
}
.slider-desc-block h5 {
    font-size: 26px;
	margin: 0px 0px 10px;
}
.col-slider-buttons  {
	padding-left: 0px;	
}
.slider-button {
	cursor: pointer;
	background-image: url(../data/i/original/car1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.slider-button-in {
	min-height: 89px;	
	border-bottom: 1px dotted #444444;
	margin-left: 10px;
	padding-left: 15px;
	padding-top: 10px;
}
.slider-button:last-child .slider-button-in {
	border: 0 none;	
}
.slider-button.active {
	background-color: #F0F0F0;	
	background-position: left top;
}
.slider-button span {
	color: #08107b;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
html[lang="ja-JP"] .slider-button span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;		
}
.slider-button em {
	font-style: normal;	
	display: block;
}
.sm-show {
	display: none;	
}
@media (max-width: 991px) {
	.slider {
		margin-bottom: 30px;	
	}
	.slider-img-block img {
		width: 130px;	
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 15px;
	}
	.slider-desc-block {
		padding: 15px;	
		padding-top: 40px;
		min-height: 285px;
	}
	.slider-long-desc {
		clear: both;
		overflow: hidden;	
		padding-top: 15px;
	}
	.slider-desc-block h5 {
		font-size: 18px;
		margin: 0;	
	}
	.slider-button.active {
		background-repeat: repeat-y;
		background-position: left 5px;	
	}
	.slider-button-in {
		min-height: 95px;	
	}	
	.sm-show {
		display: block;	
	}
	.sm-hide {
		display: none;	
	}
}
@media (max-width: 767px) {
	.slider-desc-block {
		padding: 15px;	
		line-height: 1.4em;
	}
}
@media (max-width: 539px) {
	.slider-button {
		background-image: none;	
	}
	.slider-button-in {
		margin-left: 0px;	
		padding-left: 10px;
	}
	.slider-img-block img {
		width: 90px;	
	}
}
@media (max-width: 479px) {
	.sm-show {
		display: none;	
	}
	.sm-hide {
		display: block;	
	}
	.slider {
		border: 0 none;	
	}	
	.slider-img-block {
		margin-right: 0px;	
	}
	.slider-img-block img {
		width: auto;
		max-width: 100%;
		margin-left: 0px;
		margin-top: 0px;	
		margin-right: 0px;
	}
	.slider-desc-block {
		padding-left: 0px;
		padding-right: 0px;	
	}
}

/* =SUBPAGE SLIDESHOW */
#subpage-slideshow {
	position: relative;	
}
.subpage-slideshow {
	position: relative;	
}
.subpage-slideshow h1.pageTitle {
	position: absolute;	
	top: 32px;
	left: 20px;
	white-space: pre-wrap;
	font-weight: normal;
}
.subpage-slideshow h1.pageTitleBottom {
	top: auto;
	bottom: 10px;	
}
.subpage-slide {
	display: none;	
}
.subpage-slide.fading-out {
	position: absolute;	
	left: 0px;
	top: 0px;
	width: 100%;
}
.subpage-slide.active {
	display: block;	
}
.subpage-slide-button img {
	border: 3px solid #fff;
	margin-right: 10px;
	cursor: pointer;
}
.subpage-slide-button.active img {
	border: 3px solid #f7ba00;	
}
.subpage-slideshow-paging {
	position: absolute;
	left: 0px;
	bottom: 20px;	
}
.subpage-slideshow-container {
	position: relative;
}

.subpage-slideshow-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-size: 100% 100% ; /* !for(webkit) */
}

@media (max-width: 1199px) {
	.subpage-slideshow-container .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.subpage-slideshow-paging {
		padding-left: 15px;	
	}
}
@media (max-width: 767px) {
	.subpage-slideshow-paging {
		bottom: 10px;	
	}
}
@media (max-width: 479px) {

}
@media (min-width: 400px) {
	.img-slideshow-item-lg {display: inline;}
	.img-slideshow-item-sm {display: none;}
}
@media (max-width: 399px) {
	.subpage-slideshow h1.pageTitle {
		top: 10px;	
	}
	.subpage-slideshow h1.pageTitleBottom {
		top: auto;
		bottom: 10px;	
	}	
	
	.img-slideshow-item-lg {display: none;}
	.img-slideshow-item-sm {display: inline;}	
}

/* POPUP GALLERY THUMBNAILS */
.popup-gallery-thumb {
	position: relative;
	display: block;	
	width: 172px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.pupup-gallery-link-text {
	width: auto;
	padding: 0; 
	margin: 0;
	margin-right: 3px;
	display: inline-block;
}
.header-overlay .popup-gallery-thumb {
	width: 70px;
}
.popup-gallery-thumb i {
	font-size: 20px;	
	position: absolute;
	bottom: 10px;
	right: 5px;
	color: #444;
	text-shadow: 1px 1px 1px #fff;
	background-image: url(../data/i/product-gallery-plus.png);
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	display: block;	
}
.header-overlay .popup-gallery-thumb i {
	display: none;	
}
.popup-gallery-thumb img {
    border: 3px solid #fff;
    cursor: pointer;
    margin-right: 10px;
}
@media (max-width: 767px) {
	.page-title-container {
		position: static;	
	}
}
@media (max-width: 479px) {
	.popup-gallery-thumb {margin-bottom: 5px;}
}
/*** END ls20/global/slider.css ***/

/*** Skipping CSS Section product (autoinclude=false) ***/
/*** Skipping CSS Section product-child (autoinclude=false) ***/
/*** Skipping CSS Section landing (autoinclude=false) ***/
/*** Skipping CSS Section landing-directory (autoinclude=false) ***/
/*** START ls20/global/slideshow.css ***/
/* home slideshow */
.home-slideshow {
	position: relative;	
	margin-bottom: 20px;
}
.home-slideshow a,
.home-slideshow a:hover,
.home-slideshow a:focus {
	text-decoration: none;
}
.page2VMJB1OR .home-slideshow {
	margin-bottom: 0px;
}
@media (min-width: 1920px) {
	.home-slideshow {
		width: 1920px;
		max-width: 100%; 
		margin: 0 auto;		
	}	
}
.home-slide {
	position: relative;	
}
.home-slideshow-caption {
	position: absolute;	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.home-slideshow-caption * {
	color: #fff;	
}

.dark-text * {
	color: #000;
}
.home-slideshow-caption .btn {
	background-color: transparent;
	border: 2px solid;
	padding: 6px 20px;
	margin-top: 15px;
	font-size: 17px;
	font-family: var(--ff);
	font-weight: normal;
	line-height: var(--lh);
	border-radius: 3px;
}
@media (max-width: 1023px) {
	.home-slideshow-caption .btn {
		font-size: 16px;
		padding: 3px 10px;
		margin-top: 10px;
	}
}

.home-slideshow-caption .btn::after {
	margin-left: 7px;
	content: '';
	background: var(--sprite) -175px -75px no-repeat;
	width: 10px;
	height: 11px;
	display: inline-block;
}
.dark-text.home-slideshow-caption .btn {
	color: #08107b;
}
.dark-text.home-slideshow-caption .btn::after {
	background-position: -125px -75px;
}
.light-text.home-slideshow-caption .btn {
	color: #fff;
}
.light-text.home-slideshow-caption .btn::after {
	background-position: -175px -75px;
}
.dark-text.home-slideshow-caption .btn:hover,
.dark-text.home-slideshow-caption .btn:focus,
.home-slideshow-caption .btn:hover,
.home-slideshow-caption .btn:focus {
	color: var(--yellow);
	opacity: 1;
}
.dark-text.home-slideshow-caption .btn:hover::after,
.dark-text.home-slideshow-caption .btn:focus::after,
.home-slideshow-caption .btn:hover::after,
.home-slideshow-caption .btn:focus::after {
	background-position: -100px -75px;
}

.home-slideshow img {
	width: 100%;
	height: auto;	
}
.slide-lg {
	display: block;	
}
.slide-sm {
	display: none;	
}
.slideshow-paging {
	width: 100%;
	bottom: 10px;
	left: 0px;	
	text-align: center;
	z-index: 24;
	margin-top: 10px;
}
.slideshow-paging[data-overlay="1"] {
	position: absolute;	
	margin-top: 0px;
}
.slideshow-paging span {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.9);
	background-color: #ccc;
	margin-right: 10px;
	cursor: pointer;
	border: 0 none;
}
@media (max-width: 767px) {
	.slideshow-paging span {
		width: 15px;
		height: 15px;
	}
}
.slideshow-paging span.active {
	background-color: #666;
	cursor: default;
}
.home-slideshow-caption-container {
	padding: 30px 30px 15px;	
	width: 60%;
}
html[lang="ja-JP"] .home-slideshow-caption-container {
	width: 100%;
}


.home-slideshow-caption .h1 {font-size: 30px; margin-top: 0px; margin-bottom: 0px;}
.home-slideshow-caption .h2 {font-size: 17px; margin-bottom: 0px; margin-top: 5px;}
.home-slideshow[data-ar="ar-5-2-1200-480"] .home-slideshow-caption .h1 {font-family: var(--ff); font-weight: 400;}
@media (min-width: 1200px) {
	.home-slideshow-caption .h1 {font-size: 36px;}
	.home-slideshow-caption .h2 {font-size: 20px;}
}
@media (max-width: 979px) {
	.home-slideshow-caption .h1 {font-size: 24px;}
	.home-slideshow-caption .h2 {font-size: 15px;}
	.home-slideshow-caption-container {
		padding: 20px 20px 10px;
	}
}
/* font size for fullwidth slideshow */
.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h1 {font-size: 40px; margin-bottom: 10px;}
.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h2 {font-size: 20px;}
@media (max-width: 979px) {
	.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h1 {font-size: 30px;}
	.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h2 {font-size: 18px;}		
}

@media (max-width: 559px) {
	.slide-lg {
		display: none;	
	}
	.slide-sm {
		display: block;	
	}	
} 
@media (max-width: 767px) {
	.home-slideshow-caption {
		position: static;
	}
	.home-slideshow-caption-container {		
		width: 100%;
		background-color: #000;
		color: #fff;
		padding: 15px;
		min-height: 80px;
	}
	.dark-text .home-slideshow-caption-container {
		background-color: #fff;
		color: #000;
	}	
}

/* custom text position */
.home-slide[data-caption-position="lb"] .home-slideshow-caption,
.home-slide[data-caption-position="rb"] .home-slideshow-caption,
.home-slide[data-caption-position="rt"] .home-slideshow-caption {
	display: flex;
	flex-flow: column nowrap;
}
.home-slide[data-caption-position="lb"] .home-slideshow-caption {
	justify-content: flex-end;
}
.home-slide[data-caption-position="rb"] .home-slideshow-caption {
	justify-content: flex-end;
	align-items: flex-end;
	text-align: right;
}
.home-slide[data-caption-position="rt"] .home-slideshow-caption {
	align-items: flex-end;
	text-align: right;
}

.home-slide[data-caption-position="lb"] .home-slideshow-caption-container,
.home-slide[data-caption-position="rb"] .home-slideshow-caption-container {
	padding: 15px 40px 40px;
}
@media (max-width: 979px) {
	.home-slide[data-caption-position="lb"] .home-slideshow-caption-container,
	.home-slide[data-caption-position="rb"] .home-slideshow-caption-container{
		padding: 10px 30px 30px;
	}	
}

@media (min-width: 1200px) {
	.home-slideshow[data-fullwidth="1"] .home-slideshow-caption-container {
		padding-left: 30;
		padding-right: 0;
	}	
}
@media (max-width: 1199px) {
	.home-slideshow[data-fullwidth="1"] .container {
		padding-left: 30;
		padding-right: 0;
	}
}

@media (min-width: 1200px) {
	.home-slideshow {
		overflow: hidden;
	}
	#home-slideshow {
		overflow: visible;
	}
	.slide-bg-left,
	.slide-bg-right {
		position: absolute;
		top: 0;
		height: 100%;
		width: 50%;
		width: calc((100vw - 1155px)/2);
		background-repeat: repeat-x;
		background-size: auto 100%;
	}
	.slide-bg-left {
		right: 100%;
	}
	.slide-bg-right {
		left: 100%;
	}	
}

.home-slideshow .fa-angle-left,
.home-slideshow .fa-angle-right {
	position: absolute;
	top: calc(50% - 20px);
	cursor: pointer;
	display: inline-block;
	z-index: 21;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-position: -475px -50px;
    opacity: 0.1;
    transition: opacity 0.5s;
    width: 17px;
    height: 29px;
}
.home-slideshow .fa-angle-right {
    transform: rotate(180deg);
}
.home-slideshow:hover .fa-angle-left,
.home-slideshow:hover .fa-angle-right {
    opacity: 0.3;
}
.home-slideshow .fa-angle-left:hover,
.home-slideshow .fa-angle-right:hover {
	opacity: 0.5;
}
.home-slideshow .fa-angle-right {right: 30px;}
.home-slideshow .fa-angle-left {left: 30px;}

@media (max-width: 767px) {
	.home-slideshow .fa-angle-left,
	.home-slideshow .fa-angle-right	{
		font-size: 30px;
	}
	.home-slideshow .fa-angle-right {right: 15px;}
	.home-slideshow .fa-angle-left {left: 15px;}	
}
/*** END ls20/global/slideshow.css ***/

/*** Skipping CSS Section news (autoinclude=false) ***/
/*** Skipping CSS Section events (autoinclude=false) ***/
/*** Skipping CSS Section resources (autoinclude=false) ***/
/*** Skipping CSS Section micro (autoinclude=false) ***/
/*** Skipping CSS Section museum (autoinclude=false) ***/
/*** Skipping CSS Section product-gallery (autoinclude=false) ***/
/*** Skipping CSS Section search (autoinclude=false) ***/
/*** Skipping CSS Section objective-finder (autoinclude=false) ***/
/*** Skipping CSS Section content-slideshow (autoinclude=false) ***/
/*** Skipping CSS Section microscopes-configurator (autoinclude=false) ***/
/*** Skipping CSS Section related-applications (autoinclude=false) ***/
/*** Skipping CSS Section grayed-out (autoinclude=false) ***/
/*** Skipping CSS Section downloads (autoinclude=false) ***/
/*** Skipping CSS Section bioscapes (autoinclude=false) ***/
/*** Skipping CSS Section camera-selection (autoinclude=false) ***/
/*** Skipping CSS Section camera-migration-guide (autoinclude=false) ***/
/*** Skipping CSS Section video (autoinclude=false) ***/
/*** Skipping CSS Section compare (autoinclude=false) ***/
/*** Skipping CSS Section empty (autoinclude=false) ***/
/*** Skipping CSS Section my-account (autoinclude=false) ***/
/*** START ls20/global/print.css ***/
/* Print */
@media print {
    html {
	    text-align: left !important;    
    }
	* {
		overflow: visible !important;
	}

	html:not(.pdf-maker) footer,
	html:not(.pdf-maker) .footer,
	aside,
	html:not(.pdf-maker) header,
	.copyright,
	.superstage,
	.navbar,
	.more,
	.domexternal,
	.print,
	.slider-buttons,
	.content-area-1,
	.products-list td:last-child,
	.product-search-form,
	.top-social,
	.col-aside,
	.top-block,
	.logo-box,
	#scrollUp,
	.bookmark,
	.section-assistance {
		display: none !important;	
	}
	.container,
	.blog-article,
	.col-content {
		width: 100% !important;
		margin: 0 !important;
	}
	.logo-box img,
	.logo-inline img{
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	.page-title-container {
		position: static !important;	
	}

	.slider-block-outer,
	.accord > div > div,
	.subaccord > div {
		display: block !important;	
		visibility: visible !important;
	}
	body {
		text-align: justify;		
		border: 0 none;
	}
	.col-content {
		width: 100%;	
	}
	.slider {
		padding: 0; margin: 0; border: 0 none;
	}
	.col-slider-content {
		width: 100%;
		float: none;	
	}
	.slider-desc-block {
		min-height: inherit;	
	}	
	.clr, .clear {
		overflow: inherit;	
	}
	#small-blocks.home-table > .row > div {
		width: 25%;	
	} 
	.cmsTabBlock .ui-tabs .ui-tabs-nav li a {
		opacity: 0.5;
	}
	.cmsTabBlock .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
		font-weight: bold;	
		opacity: 1;
	}
    a[href]:after {
        content: "";
    }	
	.subaccord > div {
			
	}
	
	.collapse,
	.cmsPanel[aria-expanded="true"],
	.cmsPanel[aria-hidden="false"],
	.cmsPanel[aria-hidden="false"] > .cmsPanelContents {
		display: block !important;
		height: auto !important;
		visibility: visible !important;
		width: 100% !important;
		height: auto !important;
		opacity: 1 !important;
	}	
	
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow: visible;
		border: 0 none;
	}

	.row > div.col-sm-6 {
		width: 100% !important;
		float: none !important;
		text-align: left !important;
	}
	
	.mediaelement-player .mediaelement-player-inner {
		position: static !important;
	}
	.mediaelement {
		width: 100% !important;
		height: auto !important;
	}
	.mejs-mediaelement,
	.mejs-overlay,
	.mejs-controls,
	.mediaelement-aspect,
	.mejs-time {
		display: none !important;
	}
	.mejs-poster {
		position: static !important;
		display: block !important;
	}
	.mejs-layers .mejs-poster img {
		display: block !important;
		width: 550px !important;
		max-width: 100% !important;
		height: auto !important;
	}
	.mejs-container {
		width: 100% !important;
		height: auto !important;
	}
	.app-products-list-container h3,
	.app-products-list-container p,
	.app-products-list-container form,
	.app-products-list-container div,
	.app-products-list-container h3,
	.app-products-list-container table,
	.app-products-list-container tbody,
	.app-products-list-container tr,
	.app-products-list-container td,
	.app-products-list-container th {
		display: inline-block !important;
		width: 100% !important;
		page-break-after: avoid !important;
		break-after: avoid !important;
	}
	

	.app-products-list-container * {
		
		-moz-page-break-before: avoid !important;
		-moz-break-before: avoid !important;
		page-break-before: avoid !important;
		break-before: avoid !important;
		-moz-page-break-after: avoid !important;
		-moz-break-after: avoid !important;
		page-break-after: avoid !important;
		break-after: avoid !important;
		-moz-page-break-inside: avoid !important;
		-moz-break-inside: avoid !important;
		page-break-inside: avoid !important;
		break-inside: avoid !important;
		-moz-column-break-before: avoid;
		column-break-before: avoid; 
	}	
    
    /* taskId.16815524 2019/05/13 - not replicatable in Chrome Emulator and FF but thead is not displayed in Chrome Print version */
    div.comparison-table .table-compare thead {
        display: none !important;
    }
    div.comparison-table .table-compare tbody tr:first-child .split-cell-header {
        color: transparent !important;
    }
    div.comparison-table .table-compare tbody tr:first-child td[header]::before {
        content: attr(header) !important;
        display: block !important;
        font-weight: bold !important;
    }
    div.comparison-table .table-compare .btn-remove {
        display: none !important;
    }
}

/*** END ls20/global/print.css ***/

/*** Skipping CSS Section service-provider (autoinclude=false) ***/
/*** Skipping CSS Section ecs (autoinclude=false) ***/
/*** Skipping CSS Section ecs-home (autoinclude=false) ***/
/*** Skipping CSS Section ecs-sub (autoinclude=false) ***/
/*** Skipping CSS Section sitemap (autoinclude=false) ***/
/*** Skipping CSS Section dir-list-dynamic (autoinclude=false) ***/
/*** Skipping CSS Section sub-slideshow (autoinclude=false) ***/
/*** Skipping CSS Section objective-finder-legacy (autoinclude=false) ***/
/* TIME: 0.037612915039062 */