/* 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 evident/empty-noplugins/common.css ***/
:root {
	--light-grey: #f3f3f3;
	--blue: #005cb9;
	--red: #b94a48;
	
	--c: #000000;
	--cLink: #005cb9;
	--cLInkHover: #005cb9;
	
	--c-h1: #005cb9;
	--c-h2: #000000;
	--c-h3: #000000;
	--c-h4: #000000;
	--c-h5: #000000;
	--c-h6: #000000;
	
	--fz: 16px;
	--ff: Arial, Helvetica, sans-serif;
	--ffJa: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
	--ffHeading: 'Roboto', Arial, Helvetica, sans-serif;
		
	--lh: 1.8em;	
	
	--fz-h1: 30px;
	--fz-h2: 25px;
	--fz-h3: 20px;
	--fz-h4: 18px;
	--fz-h5: 15px;
	--fz-h6: 14px;
	
	--fz-h1-tablet: 28px;
	--fz-h2-tablet: 25px;
	--fz-h3-tablet: 20px;
	--fz-h4-tablet: 18px;
	--fz-h5-tablet: 15px;
	--fz-h6-tablet: 14px;
	
	--fz-h1-mobile: 24px;
	--fz-h2-mobile: 20px;
	--fz-h3-mobile: 18px;
	--fz-h4-mobile: 16px;
	--fz-h5-mobile: 15px;
	--fz-h6-mobile: 14px;
	
	--sprite: url(../data/i/sprite.png?ver3);	
}

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


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

/* =GLOBAL styles START */
/* ==================================================================== */
html.iframe body {
	padding: 0 !important;
	border: 0 none !important;
	margin: 0 !important;
}
html.iframe article,
html.iframe .downloadDetailBox {
    width: 100%; /* IE8 problem in ipop */
}
html.iframe body {
    border: 0 none;
	background-color: transparent;
}

/* =GENERAL */
/* ---------------------------------------------------------------------------------------------------------------- */
html,
body {
    padding: 0;
    margin: 0;
}
body {
	background-color: transparent;
	color: var(--c);
	font-family: var(--ff);
	font-size: var(--fz);
	line-height: var(--lh);
}
html[lang="ja-JP"] body {
	font-family: var(--ffJa);
}
*,
*:hover,
*:focus {
	outline: none;
	box-shadow: none;
}
.body-container {
    display: block !important;
}
p {
    margin: 0 0 10px;
}
sup {
	font-size: 9px;
}
a {
    color: #005cb9;
    text-decoration: none;
}
a:hover {
    color: $yellow;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--ff);
}
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,
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: var(--ffJa);
	font-weight: normal;
}
html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4, html[lang="ru-RU"] h5, html[lang="ru-RU"] h6,
html[lang="ru-RU"] .h1, html[lang="ru-RU"] .h2, html[lang="ru-RU"] .h3,
html[lang="ru-RU"] .h4, html[lang="ru-RU"] .h5, html[lang="ru-RU"] .h6,

html[lang="pl-PL"] h1, html[lang="pl-PL"] h2, html[lang="pl-PL"] h3,
html[lang="pl-PL"] h4, html[lang="pl-PL"] h5, html[lang="pl-PL"] h6,
html[lang="pl-PL"] .h1, html[lang="pl-PL"] .h2, html[lang="pl-PL"] .h3,
html[lang="pl-PL"] .h4, html[lang="pl-PL"] .h5, html[lang="pl-PL"] .h6,

html[lang="cs-CZ"] h1, html[lang="cs-CZ"] h2, html[lang="cs-CZ"] h3,
html[lang="cs-CZ"] h4, html[lang="cs-CZ"] h5, html[lang="cs-CZ"] h6,
html[lang="cs-CZ"] .h1, html[lang="cs-CZ"] .h2, html[lang="cs-CZ"] .h3,
html[lang="cs-CZ"] .h4, html[lang="cs-CZ"] .h5, html[lang="cs-CZ"] .h6 {
	font-family: Arial, Helvetica, sans-serifRu;
	font-weight: 300;
}
h1, .h1 {color: #005cb9; font-size: 30px; line-height: 1.1em; margin-top: 20px; margin-bottom: 10px;}
h2, .h2 {color: #000000; font-size: 25px; line-height: 1.2em; margin-top: 10px; margin-bottom: 10px;}
h3, .h3 {color: #000000; font-size: 20px; line-height: 1.3em; margin-top: 20px; margin-bottom: 10px;}
h4, .h4 {color: #000000; font-size: 18px; line-height: 1.4em; margin-top: 20px; margin-bottom: 10px;}
h5, .h5 {color: #000000; font-size: 15px; line-height: 1.5em; margin-top: 20px; margin-bottom: 10px;}
h6, .h6 {color: #000000; font-size: 14px; line-height: 1.6em; margin-top: 20px; margin-bottom: 10px;}
@media (min-width: 980px) {
	html[lang="ja-JP"] h1, html[lang="ja-JP"] .h1,
	html[lang="zh-CN"] h1, html[lang="zh-CN"] .h1 {
		font-size: 30px;
	}
}

@media (max-width: 991px) {
	h1, .h1 {font-size: $h1-font-size-991;}
	h2, .h2 {font-size: $h2-font-size-991;}
	h3, .h3 {font-size: $h3-font-size-991;}
	h4, .h4 {font-size: $h4-font-size-991;}
	h5, .h5 {font-size: $h5-font-size-991;}
	h6, .h6 {font-size: $h6-font-size-991;}
}
@media (max-width: 767px) {
	h1, .h1 {font-size: 30px;}
	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 {
		font-size: 30px;
		/* taskId.16807016 */
		/* margin-top: 25px; */
	}
	html[lang="ja-JP"] h1.pageTitle {font-size: 24px;}
	html[lang="ja-JP"] .short-description {font-size: 15px;}
}
@media (max-width: 479px) {
	h1, .h1 {font-size: 20px; margin-bottom: 0px;}
	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 {
		font-size: 24px;
	}
	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 {color: #005cb9;}
h2 a, h2 a:hover, h2 a:focus {color: #005cb9;}
h3 a, h3 a:hover, h3 a:focus {color: #005cb9;}
h4 a, h4 a:hover, h4 a:focus {color: #005cb9;}
h5 a, h5 a:hover, h5 a:focus {color: #005cb9;}
h6 a, h6 a:hover, h6 a:focus {color: #005cb9;}

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

figure * {line-height: var(--lh);}
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 */

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

.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {padding: 0; margin: 0;}

html.iframe .popup-form h2 {
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid #000;
}

.container {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.text-center {text-align: center;}
table {border-collapse: collapse; border-spacing: 0;}
th {text-align: left;}

/* =GLOBAL styles END */
/* ==================================================================== */

/* =COPY OF forms.css START */
/* ==================================================================== */
/* Forms */
input[disabled], select[disabled], textarea[disabled] {
	cursor: not-allowed;
}
.formRequired {
	color: #b94a48;
}
.xform input[type="text"], 
.xform input[type="email"], 
.xform input[type="number"], 
.xform input[type="password"], 
.xform select, 
.xform textarea {
	background-color: var(--light-grey);
	padding: 10px 15px;
	border: 0 none;
	font-family: var(--ff);
	font-size: 13px;
	line-height: var(--lh);
}
.xform select {
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px 30px 10px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
html[lang="ja-JP"] .xform select,
html[lang="ja-JP"] .xform textarea {
	font-family: var(--ffJa);
}
.xform select::-ms-expand {
	display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}

html.noiframe .popup-form {
	width: 600px;
	max-width: 100%;
}

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

.checkbox-container {
	position: relative;
	margin: 10px 0 0;	
}
.checkbox-container input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}
.checkbox-container input ~ label {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	cursor: pointer;
	line-height: 1.2em;
}
.checkbox-container input ~ label::before {
	content: '';
	width: 17px;
	height: 17px;
	display: inline-block;
	background: var(--sprite) 0 -25px;
	cursor: pointer;
	margin: 0 10px 0 0;
	flex: 0 0 auto;
}
.checkbox-container input:checked ~ label::before {
	background-position: -25px -25px;
}

.submit-container {
	text-align: right;
	padding: 10px 0;
}

/* =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%;
}
@media (max-width: 479px) {
	.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;
}

.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;
}
.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: var(--c);
	font-weight: normal;
	font-size: 14px;
}
.popup-form .dynamic-placeholders label {
	left: 10px;
}
.popup-form .dynamic-placeholders > div {
	margin-bottom: 10px;
}
.popup-form .dynamic-placeholders input[type="text"],
.popup-form .dynamic-placeholders input[type="email"],
.popup-form .dynamic-placeholders input[type="password"] {
	width: 100%;
}
.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: 1px;
	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 {
	color: var(--red);
}
.dynamic-placeholders input[type="checkbox"] ~ label, 
.dynamic-placeholders input[type="radio"] ~ label {
	pointer-events: inherit;
	font-size: var(--fz);
	position: static;
	color: var(--c);
	display: inline;
	cursor: pointer;
}
.dynamic-placeholders input[type="checkbox"].filled:invalid ~ label, 
.dynamic-placeholders input[type="radio"].filled:invalid ~ label {
	color: var(--c);
}
/* 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: var(--fz);
	position: static;
	color: var(--c);
	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: var(--fz);
	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;
}
/* =dymamic placeholders END */
/* --------------------------------------------------------------------------------------- */


/* 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 *[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%;
}
/* =COPY OF forms.css END */
/* ==================================================================== */

header {
	padding: 10px 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
header:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
html.iframe header {
	display: none;
}
header .container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.back,
button[type="submit"].btn,
.xforms-antispam-popup-contents input[type="submit"] {
	background-color: #005cb9;
	color: #ffffff;
	border: 2px solid #005cb9;
	display: inline-block;
	padding: 6px 30px;
	border-radius: 30px;
	font-weight: bold;
	font-size: var(--fz);
	font-family: var(--ff);
	transition: box-shadow 0.3s;
	line-height: var(--lh);
	cursor: pointer;
}
button[type="submit"].btn:hover,
button[type="submit"].btn:focus {
	text-decoration: none;
	background-color: #005cb9;
	color: #ffffff;
	border-color: #005cb9;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
html[lang="ja-JP"] .btn {
	font-family: var(--ffJa);
}

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

/* antispam START */
.xforms-antispam-popup .iPopCloseBtn {
	display: none !important;
}
.xforms-antispam-popup-contents label {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.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: baseline;
}
.xforms-antispam-popup-contents input[type="checkbox"] ~ span::before {
	display: block;
	width: 17px;
	height: 17px;
	margin: 1px 10px 0 0;
	font-size: 10px;
	flex: 0 0 auto;
    float: left;
	background-image: url(../data/i/checkbox.png);
	background-position: 0px -25px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    transition: all 0s !important;
    content: '' !important;
    font-family: var(--ff);
    transform: translateY(1px);
}
.xforms-antispam-popup-contents input[type="checkbox"]:checked ~ span::before {
	background-position: -25px -25px;
}
/* antispam END */

/* old agree START */
.agree-block {
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
}
.cover-agree {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	text-decoration: none;
	padding-top: 15px;
}
@media (max-width: 575px) {
	.cover-agree {
		display: none;
	}
}
.cover-agree:is(:hover,:focus) {
	text-decoration: none;
}
.cover-agree span {
	display: none;
	background-color: #999;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 14px;
	padding: 3px 10px;
	height: 100%;
}
.agree-block input[type="checkbox"] {
	display: block;
}
.cover-agree:hover span {
	display: block;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.statementBox {
	border: 1px solid #D5D5D5;
	font-size: 11px;
	height: 150px;
	overflow: auto;
	padding: 0 10px 10px;
	line-height: 1.5em;
	
	-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);
 */
}
.statementBox :is(ol,ul) {
    padding-left: 10px;
}
#cover-agree {
	/* display: none !for(ipad iphone android);
 */
}
.statementBox :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
	margin: 10px 0 5px;
	font-weight: normal;
	font-size: 14px;
}
@media (max-width: 575px) {
	.statementBox {
		padding: 0;
		border: 0 none;
		height: auto;
	}
}
/* old agree END */

/* ------------------------- uploader START ------------------------- */
.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:is([type="text"], [type="email"], [type="phone"]),
.uploader-area:hover select,
.uploader-area:hover textarea {
	background-color: #e5e5e5;
	border-color: #e5e5e5;
}
.uploader-area input:is([type="text"], [type="email"], [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: #000000;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 6px 12px;
}
.uploader-area:hover .btn {
    background-color: #e5e5e5;
}
.uploader-area .btn:hover,
.uploader-area .btn:focus {
    background-color: #fff;
	border: 0 none;
	color: #000000;
}
.uploader-area .btn::before {
	background: var(--sprite) no-repeat -350px 0px;
	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 -50px -150px;
	content: '';
	width: 13px;
	height: 13px;
	display: inline-block;
	opacity: 0.5;
}
[template-clone="uploader-thumbnail"]:hover .uploader-remove::before {
    background-position: 0px -150px;
	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;
    }
}

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

/* taskId.16820572 */
html[lang="ko-KR"] form#C73 :is(.container-zip,.placeholder) {display: none !important;}


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

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