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

/*** Skipping CSS Section grid (only-param=training) ***/
/*** Skipping CSS Section common (only-param=training) ***/
/*** Skipping CSS Section navigation (only-param=training) ***/
/*** Skipping CSS Section buttons (only-param=training) ***/
/*** Skipping CSS Section slideshow (only-param=training) ***/
/*** Skipping CSS Section productsnavigation (only-param=training) ***/
/*** Skipping CSS Section sidebox (only-param=training) ***/
/*** Skipping CSS Section forms (only-param=training) ***/
/*** Skipping CSS Section resources (only-param=training) ***/
/*** Skipping CSS Section resources-temp (only-param=training) ***/
/*** Skipping CSS Section directory (only-param=training) ***/
/*** Skipping CSS Section boxes-slider (only-param=training) ***/
/*** Skipping CSS Section slider (only-param=training) ***/
/*** Skipping CSS Section homepage (only-param=training) ***/
/*** Skipping CSS Section subpages (only-param=training) ***/
/*** Skipping CSS Section landing (only-param=training) ***/
/*** Skipping CSS Section landingdirectory (only-param=training) ***/
/*** Skipping CSS Section landing-custom-styles (only-param=training) ***/
/*** Skipping CSS Section parallax (only-param=training) ***/
/*** Skipping CSS Section product (only-param=training) ***/
/*** Skipping CSS Section downloads (only-param=training) ***/
/*** Skipping CSS Section custom-windturbine (only-param=training) ***/
/*** Skipping CSS Section custom-coatingthickness (only-param=training) ***/
/*** Skipping CSS Section custom-aerospaceinspectionssolutions (only-param=training) ***/
/*** Skipping CSS Section custom-vanta (only-param=training) ***/
/*** Skipping CSS Section custom-vessel (only-param=training) ***/
/*** Skipping CSS Section custom-360 (only-param=training) ***/
/*** Skipping CSS Section configurator (only-param=training) ***/
/*** Skipping CSS Section industries (only-param=training) ***/
/*** Skipping CSS Section custom-blog (only-param=training) ***/
/*** Skipping CSS Section customunsubscribe (only-param=training) ***/
/*** Skipping CSS Section news (only-param=training) ***/
/*** Skipping CSS Section events (only-param=training) ***/
/*** Skipping CSS Section careers (only-param=training) ***/
/*** Skipping CSS Section search (only-param=training) ***/
/*** Skipping CSS Section custom-academic-research (only-param=training) ***/
/*** Skipping CSS Section custom-training-members (only-param=training) ***/
/*** Skipping CSS Section content-slideshow (only-param=training) ***/
/*** Skipping CSS Section solutions (only-param=training) ***/
/*** Skipping CSS Section metal (only-param=training) ***/
/*** Skipping CSS Section sitemap (only-param=training) ***/
/*** Skipping CSS Section video (only-param=training) ***/
/*** Skipping CSS Section ecs-configurator (only-param=training) ***/
/*** Skipping CSS Section ecs (only-param=training) ***/
/*** Skipping CSS Section ecs-home (only-param=training) ***/
/*** Skipping CSS Section ecs-sub (only-param=training) ***/
/*** Skipping CSS Section specifications-table (only-param=training) ***/
/*** Skipping CSS Section specifications-table-product (only-param=training) ***/
/*** START ims20/global/training.css ***/
/* are activated with standalone tag mentioned in CMS START */
/* ============================================================================ */
.subpage-slideshow-container {border-color: transparent; background-color: transparent; margin-bottom: 30px;}
.sitePath {display: none;}
@media (min-width: 1200px) {.page-title-container h1.pageTitle {margin-left: 30px; margin-top: 30px;}}
@media (min-width: 768px) {#body-page-title {border-color: transparent; background-color: transparent;}}
@media (max-width: 767px) {.subpage-slideshow-container {margin-bottom: 0;} #body-page-title {border-color: transparent;}}

table.login-register,
table.login-register > tbody,
table.login-register > tbody > tr > *{
	display: block;
}
table.login-register > tbody > tr {
	display: flex; flex-flow: row nowrap; justify-content: space-between;
}
table.login-register > tbody > tr > * {
	width: calc(50% - 15px);
}
@media (max-width: 575px) {
	table.login-register > tbody > tr {
		display: block;
	}
	table.login-register > tbody > tr > * {
		width: 100%;
	}
}
.global-login input[type="submit"] {
	margin-top: 10px;
}
/* are activated with standalone tag mentioned in CMS END */
/* ============================================================================ */

.training-search,
.training-search > tbody,
.training-search > tbody > tr > * {
	display: block;
	padding: 0;
	margin: 0;
}
.training-search {
	padding: 0 0 20px;
	margin: 0px;
	border-bottom: 1px solid #e7e7e7;
	width: calc(100% - 30px);
}
@media (min-width: 768px) and (max-width: 991px) {
	.training-search {
		width: calc(100% - 15px);
	}
}
@media (max-width: 767px) {
	.training-search {
		width: 100%;
	}
}
.training-search > tbody > tr {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.training-search > tbody > tr > * {
	width: calc(33.3333% - 15px);
	padding: 0;
	margin: 0 0 15px;
}
.training-search > tbody > tr > *:last-child {
	margin-bottom: 0;
}
@media (max-width: 991px) {
	.training-search > tbody > tr > * {
		width: calc(50% - 10px);
	}
	@media (max-width: 991px) {
		.training-search > tbody > tr > *:last-child label {
			display: none;
		}
	}	
}
@media (max-width: 767px) {
	.training-search > tbody > tr > * {
		width: calc(50% - 5px);
	}
}
@media (max-width: 479px) {
	.training-search > tbody > tr > * {
		width: 100%;
	}
}
.training-search select {
	border: 0 none;
	line-height: 1.6em;
	background-color: #f2f2f2;
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px 30px 10px 15px;
	width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;	
}
.training-search select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
.search-chosen {
	background-color: #f2f2f2;
	padding: 10px 15px 10px 20px;
	line-height: 1.6em;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	cursor: pointer;
}
.search-chosen .icon {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: var(--sprite) no-repeat -75px -375px;
	flex: 0 0 auto;
	margin-left: auto;
	transform: translateX(5px);
}
.search-chosen:hover .icon {
	background-position: 0 -375px;
}
.training-search input[type="submit"] {
	padding: 10px 15px;
	border: 0 none;
	line-height: 1.6em;
}
.training-search label {
	padding: 0;
	margin: 0 0 5px;
	font-weight: normal;
	display: block;
}
.training-search .button-reset {
	padding: 10px 15px 10px 0px;
	border: 0 none;
	line-height: 1.6em;
}

.training-container > tbody > tr {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.training-container > tbody > tr > td:first-child {
	width: calc(100% - 300px);
}
.training-container > tbody > tr > td:last-child {
	width: 300px;
}
@media (max-width: 1199px) {
	.training-container > tbody > tr > td:first-child {
		width: calc(100% - 250px);
	}
	.training-container > tbody > tr > td:last-child {
		width: 250px;
	}	
}
@media (max-width: 991px) {
	.training-container > tbody > tr > td:first-child {
		width: calc(100% - 200px);
	}
	.training-container > tbody > tr > td:last-child {
		width: 200px;
	}	
}
@media (max-width: 767px) {
	.training-container > tbody > tr {
		display: block;
	}
	.training-container > tbody > tr > td:first-child {
		width: 100%;
	}
	.training-container > tbody > tr > td:last-child {
		width: 100%;
		padding-top: 30px;
	}	
}
/* sidebox */
.training-side-box {
	background-color: #f5f5f5;
	border-bottom: 3px solid #e7e7e7;
	padding: 30px;
	margin: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.training-side-box {
		padding: 15px;
		margin: 0 0 15px;
	}
}
.training-side-box h3 {
	margin-top: 0;
}
.training-side-box > *:last-child {
	margin-bottom: 0;
}
.training-side-btn {
	margin-bottom: 20px;
}
.training-side-btn .btn {
	text-decoration: none;
	background-color:  #464eb6;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	padding: 10px 12px;
}
.training-side-box .btn {
	margin-top: 10px;
}
html[lang="ja-JP"] .training-side-btn .btn {
	font-family: $fontFamiliyJa;
}

.training-section {
	margin-top: 40px;
}
@media (max-width: 991px) {
	.training-section {
		margin-top: 15px;
	}
}
.training-section[data-count="0"] {
	display: none;
}
.training-section h2 {
	color: #777;
	padding: 0 0 10px;
	margin: 0 0 20px;
	border-bottom: 1px solid #005cb9;
	cursor: pointer;
	width: calc(100% - 30px);
}
@media (min-width: 768px) and (max-width: 991px) {
	.training-section h2 {
		width: calc(100% - 15px);
	}
}
@media (max-width: 767px) {
	.training-section h2 {
		width: 100%;
	}
}

@media (min-width: 576px), (max-width: 319px) {
	.training-section[data-count="1"] h2,
	.training-section[data-count="2"] h2,
	.training-section[data-count="3"] h2 {
		cursor: text;
	}
}
@media (min-width: 320px) and (max-width: 575px) {
	.training-section[data-count="1"] h2,
	.training-section[data-count="2"] h2 {
		cursor: text;
	}
}
.training-section h2::after {
	content: '';
	background: var(--sprite) -250px -75px no-repeat;
	width: 8px;
	height: 14px;
	margin-left: 10px;
	flex: 0 0 auto;
	display: inline-block;
}
@media (min-width: 576px), (max-width: 319px) {
	.training-section[data-count="1"] h2::after,
	.training-section[data-count="2"] h2::after,
	.training-section[data-count="3"] h2::after {
		display: none;
	}
}
@media (min-width: 320px) and (max-width: 575px) {
	.training-section[data-count="1"] h2::after,
	.training-section[data-count="2"] h2::after {
		display: none;
	}	
}
.training-section.expanded h2::after {
	transform: rotate(90deg);
}
@media (max-width: 767px) {
	
}
.training-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
@media (max-width: 575px) {
	.training-list {
		justify-content: space-between;
	}
}
.training-item,
.training-item-empty {
	width: calc(33.3333% - 30px);
	text-align: center;
	margin: 0 30px 30px 0px;
}
.training-item-empty {
	margin: 0;
	visibility: hidden;
	padding: 0;
	order: 1000000;
}
.training-item.nomatch {
	display: none;
}
@media (min-width: 576px) and (max-width: 991px) {
	.training-item,
	.training-item-empty {
		width: calc(33.3333% - 10px);
		margin: 0 10px 10px 0px;
	}	
}
@media (max-width: 575px) {
	.training-item,
	.training-item-empty {
		width: calc(50% - 10px);
		margin-right: 0;
		margin-bottom: 15px;
	}	
}
@media (max-width: 479px) {
	.training-item,
	.training-item-empty {
		width: calc(50% - 5px);
	}		
}
@media (max-width: 319px) {
	.training-item,
	.training-item-empty {
		width: 100%;
		margin-right: 0;
	}		
}
.training-item figure {
	margin: 0 0 10px;
}
.training-item figure.video-poster a {
	position: relative;
	display: block;
}
.training-item figure.video-poster a::after {
	z-index: 1;
	content: '';
	width: 58px;
	height: 58px;
	background: var(--sprite) -25px -400px no-repeat;
	display: inline-block;
	position: absolute;
	left: calc(50% - 29px);
	top: calc(50% - 29px);
}


@media (min-width: 576px), (max-width: 319px) {
	.training-section[data-count="1"] .more,
	.training-section[data-count="2"] .more,
	.training-section[data-count="3"] .more {
		display: none;
	}	
	.training-section:not(.expanded) .training-item:nth-child(n+4) {
		display: none;
	}	
}
@media (min-width: 320px) and (max-width: 575px) {
	.training-section[data-count="1"] .more,
	.training-section[data-count="2"] .more {
		display: none;
	}
	.training-section:not(.expanded) .training-item:nth-child(n+3) {
		display: none;
	}	
}
.training-section.expanded .more {
	display: none;
}
.training-section .less {
	display: none;
}
.training-section.expanded .less {
	display: inline-flex;
}
@media (min-width: 576px), (max-width: 319px) {
	.training-section[data-count="1"].expanded .less,
	.training-section[data-count="2"].expanded .less,
	.training-section[data-count="3"].expanded .less {
		display: none;
	}	
}
@media (min-width: 320px) and (max-width: 575px) {
	.training-section[data-count="1"].expanded .less,
	.training-section[data-count="2"].expanded .less {
		display: none;
	}
}

html.iframe .video-gallery-wrapper[data-related-count], 
html.iframe .video-gallery-wrapper:not([data-related-count]) {
	padding: 0;
	padding-bottom: 10px ; /* !for(webkit) */
}

/*** END ims20/global/training.css ***/

/*** Skipping CSS Section dir-list-dynamic (only-param=training) ***/
/*** Skipping CSS Section globalstyles (only-param=training) ***/
/*** Skipping CSS Section print (only-param=training) ***/
/* TIME: 0.0057549476623535 */