/* 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=video) ***/
/*** Skipping CSS Section common (only-param=video) ***/
/*** Skipping CSS Section navigation (only-param=video) ***/
/*** Skipping CSS Section buttons (only-param=video) ***/
/*** Skipping CSS Section slideshow (only-param=video) ***/
/*** Skipping CSS Section productsnavigation (only-param=video) ***/
/*** Skipping CSS Section sidebox (only-param=video) ***/
/*** Skipping CSS Section forms (only-param=video) ***/
/*** Skipping CSS Section resources (only-param=video) ***/
/*** Skipping CSS Section resources-temp (only-param=video) ***/
/*** Skipping CSS Section directory (only-param=video) ***/
/*** Skipping CSS Section boxes-slider (only-param=video) ***/
/*** Skipping CSS Section slider (only-param=video) ***/
/*** Skipping CSS Section homepage (only-param=video) ***/
/*** Skipping CSS Section subpages (only-param=video) ***/
/*** Skipping CSS Section landing (only-param=video) ***/
/*** Skipping CSS Section landingdirectory (only-param=video) ***/
/*** Skipping CSS Section landing-custom-styles (only-param=video) ***/
/*** Skipping CSS Section parallax (only-param=video) ***/
/*** Skipping CSS Section product (only-param=video) ***/
/*** Skipping CSS Section downloads (only-param=video) ***/
/*** Skipping CSS Section custom-windturbine (only-param=video) ***/
/*** Skipping CSS Section custom-coatingthickness (only-param=video) ***/
/*** Skipping CSS Section custom-aerospaceinspectionssolutions (only-param=video) ***/
/*** Skipping CSS Section custom-vanta (only-param=video) ***/
/*** Skipping CSS Section custom-vessel (only-param=video) ***/
/*** Skipping CSS Section custom-360 (only-param=video) ***/
/*** Skipping CSS Section configurator (only-param=video) ***/
/*** Skipping CSS Section industries (only-param=video) ***/
/*** Skipping CSS Section custom-blog (only-param=video) ***/
/*** Skipping CSS Section customunsubscribe (only-param=video) ***/
/*** Skipping CSS Section news (only-param=video) ***/
/*** Skipping CSS Section events (only-param=video) ***/
/*** Skipping CSS Section careers (only-param=video) ***/
/*** Skipping CSS Section search (only-param=video) ***/
/*** Skipping CSS Section custom-academic-research (only-param=video) ***/
/*** Skipping CSS Section custom-training-members (only-param=video) ***/
/*** Skipping CSS Section content-slideshow (only-param=video) ***/
/*** Skipping CSS Section solutions (only-param=video) ***/
/*** Skipping CSS Section metal (only-param=video) ***/
/*** Skipping CSS Section sitemap (only-param=video) ***/
/*** START ims20/global/video.css ***/
/* =========================================================================================================== */
/* =DIRECTORY.CSS in older designs */
/* =========================================================================================================== */

/* =VIDEO RESOURCES */
#multimedia-resources .mediaelement-current-item {
	display: none !important;
}

/* =BASIC DETAILS ICONS */
.basic-info-big {
	width: 280px;
	float: left;
	margin-right: 10px;
	padding-bottom: 40px;
}
.basic-info-big .basic-info-tile {
	width: 54px;
	height: 49px;
	background-image: url(../data/i/basic-icons-big.png);
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	margin-right: 2px;
	position: relative;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	word-wrap: break-word;
	line-height: 1.1em;
	padding-top: 53px;

}
.basic-info-big .basic-info-tile span {
	position: absolute;
	top: 100%;
	width: 100%;
	text-align: center;
}
.basic-info-big .basic-info-tile.field-objective_wd {background-position: -54px 0px;}
.basic-info-big .basic-info-tile.field-objective_magnifications {background-position: -108px 0px;}
.basic-info-big .basic-info-tile.field-objective_fn {background-position: -162px 0px;}
.basic-info-big .basic-info-tile.field-objective_na {background-position: -216px 0px;}
.basic-info-big .basic-info-tile.field-objective_immersion_liquid {background-position: 0px 0px;}

.basic-info-small {
	width: 195px;
	float: left;
	margin-bottom: 30px;
}
.basic-info-small .basic-info-tile {
	display: block;
	font-family: Arial, Tahoma, sans-serif;;
	font-size: 8px;
	font-weight: bold;
	height: 23px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	width: 30px;
	color: #555;
	text-shadow: 1px 1px 0px #fff;
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
	cursor: pointer;

background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 0%, #bababa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#bababa));
background: -webkit-linear-gradient(top, #e2e2e2 0%,#bababa 100%);
background: -o-linear-gradient(top, #e2e2e2 0%,#bababa 100%);
background: -ms-linear-gradient(top, #e2e2e2 0%,#bababa 100%);
background: linear-gradient(to bottom, #e2e2e2 0%,#bababa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#bababa',GradientType=0 );
}
html[lang="ja-JP"] .basic-info-tile {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.basic-info-small .basic-info-tile.active-tile {
	color: #fff;
	text-shadow: none;

background: #3d5d8c;
background: -moz-linear-gradient(top, #3d5d8c 0%, #0f2a57 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d5d8c), color-stop(100%,#0f2a57));
background: -webkit-linear-gradient(top, #3d5d8c 0%,#0f2a57 100%);
background: -o-linear-gradient(top, #3d5d8c 0%,#0f2a57 100%);
background: -ms-linear-gradient(top, #3d5d8c 0%,#0f2a57 100%);
background: linear-gradient(to bottom, #3d5d8c 0%,#0f2a57 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d5d8c', endColorstr='#0f2a57',GradientType=0 );
}
.basic-info-small .basic-info-tile span {
	display: none;
}

.basic-info-small .basic-info-tile.field-objective_brightfield:before {content: 'BF';}
.basic-info-small .basic-info-tile.field-objective_darkfield:before {content: 'DF';}
.basic-info-small .basic-info-tile.field-objective_fluorescence_bg:before {content: 'FL';}
.basic-info-small .basic-info-tile.field-objective_dic:before {content: 'DIC';}
.basic-info-small .basic-info-tile.field-objective_uv_fluorescence:before {content: 'IR';}
.basic-info-small .basic-info-tile.field-objective_tirf:before {content: 'TIRF';}
.basic-info-small .basic-info-tile.field-objective_multiphoton:before {content: 'MPE';}
.basic-info-small .basic-info-tile.field-objective_phase_contrast:before {content: 'PH';}
.basic-info-small .basic-info-tile.field-objective_polarized_light:before {content: 'PO';}
.basic-info-small .basic-info-tile.field-objective_relief_contrast:before {content: 'RC';}
.basic-info-small .basic-info-tile.field-objective_uv_fluorescence:before {content: 'UV';}
.basic-info-small .basic-info-tile.field-objective_cytorgy:before {content: 'CY';}

.etClose {display: none !important;}

/* =POPUP VIDEO GALLERY */
.popup-video.iPopBlock.styled .iPopBox {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
.popup-video.iPopBlock.styled .iPopCloseBtn {
	right: 25px;
	top: 15px;
}
.multimedia-popup .mediaelement-current-item {
	display: none !important;
}

/* ------------------ training members END ------------------ */
.info-panel {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px solid #e7e7e7;
	padding: 0px 0px 20px 20px;       
}
@media (max-width: 767px) {
    .info-panel {
        flex-flow: column nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        
        /* taskId.16816735 2019/12/04 center on mobile */
		margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
.video-share-icons {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline; 
}

.more-info-on {
	display: flex;
	flex-flow: row wrap;
}
@media (max-width: 767px) {
    /* taskId.16816735 2019/12/04 center on mobile */
    .more-info-on {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .more-info-on {
        flex-flow: column nowrap;
        align-self: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
}
.more-info-on label {
	margin: 0;
	padding: 7px 0px 5px 15px;
	line-height: 1.6em;
	font-family: Arial, Tahoma, sans-serif;;
	font-size: 13px;
    /* taskId.16816735 2019/12/04 text color should be default to inherit custom text color */
    /* color: #444; */

}

.more-info-on select {
	padding: 7px 30px 5px 12px;
	margin: 0 10px;
	line-height: lineHeight;
	cursor: pointer;
	border: 0 none;
	background-color: #f5f5f5;
	font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

	/* padding: 7px 5px 5px !for(ie); */
	background-image: url(../data/i/caret.png) ; /* !for(-ie) */
	background-repeat: no-repeat ; /* !for(-ie) */
	background-position: right center ; /* !for(-ie) */
}
@media (max-width: 767px) {
    .more-info-on select {
        width: 100%;
        min-width: 100%;
        padding: 10px 30px 10px 15px;
    }
}
.more-info-on button,
.more-info-on button:hover,
.more-info-on button:focus {
	background-image: none;
	background-color: #E49900;
	color: #fff;
	border-radius: 0;
	border: 0 none;
	padding: 7px 12px 5px 12px;
	line-height: 1.6em;
	font-weight: normal !important;
	text-shadow: none;
	text-transform: uppercase;
	font-size: 13px;
	display: none;
}
.more-info-on select:focus,
.more-info-on button:focus {
	outline: none;
	box-shadow: none;
	border: 0 none;
}
@media (max-width: 767px) {
	.more-info-on label {
		width: 100%;
        /* taskId.16816735 2019/12/04 center on mobile */
		margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;        
	}
	.more-info-on select {
        max-width: calc(100% - 60px);
		padding-left: 8px;
        
        /* taskId.16816735 2019/12/04 center on mobile */
		margin-left: 0px;
        margin-right: 10px;
	}
    .more-info-on button,
    .more-info-on button:hover,
    .more-info-on button:focus {
        margin-top: 10px;
    }
}
.video-gallery-wrapper .video-desc {
    padding: 0 20px 10px 0px;
}
.video-gallery-wrapper .video-contact {
    padding: 0 20px 20px 20px;
}
.video-gallery-wrapper .video-contact .btn,
.video-gallery-wrapper .video-contact .btn:hover,
.video-gallery-wrapper .video-contact .btn:focus {
    border-radius: 0;
    background-color: #005cb9;
    color: #fff;
    box-shadow: none;
    border: 0 none;
}
@media (max-width: 767px) {
    .video-gallery-wrapper .video-contact {
        padding-left: 0;
        padding-bottom: 0;
    }
}

/* =========================================================================================================== */
/* =MEDIAPLAYER.CSS in older designs */
/* =========================================================================================================== */

/* Ol videos are 4:3 - set new default */
body .mediaelement-player .mediaelement-aspect {
	/* padding-top: 56.25%; 16:9 ratio - padding-top in % is relative to the width! */
	padding-top: 75%; /* 4:3 */
}

.mediaelement .mediaelement-player {
	transition: all 0.3s ease-in-out;
}
/* add spacing for player in popup iframe */
#page3847 .mejs-video,
#page3847 .video-gallery-playlist {
	margin-left: 15px;
}

/* custom styles for video player */
.mejs-container .mejs-controls {
background: rgb(253,253,253);
background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 49%, rgba(229,230,231,1) 50%, rgba(222,223,224,1) 100%);
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(245,245,245,1) 49%,rgba(229,230,231,1) 50%,rgba(222,223,224,1) 100%);
background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(245,245,245,1) 49%,rgba(229,230,231,1) 50%,rgba(222,223,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dedfe0',GradientType=0 );
}

/* move controls below the video taskId.16811785 START */
.multimedia-player-simple .mediaelement-player {
	margin-bottom: 30px !important;
}
.multimedia-player-simple .mejs-container .mejs-controls {
	top: 100% !important;
	opacity: 1 !important;
	bottom: auto !important;
}
/* move controls below the video taskId.16811785 END */

/* remove related videos */
.multimedia-player-simple .mediaelement-list  {
	display: none;
}

.mejs-controls .mejs-button button,
.mejs-controls .mejs-button button:hover,
.mejs-controls .mejs-button button:focus {
	background-image: url(../data/i/player-sprite.png);
    background-color: transparent;
    padding: 7px 5px;
}
.no-svg .mejs-controls .mejs-button button,
.no-svg .mejs-controls .mejs-button button:hover,
.no-svg .mejs-controls .mejs-button button:focus {
	background-image: url(../data/i/player-sprite.png);
    background-color: transparent;
}
.mejs-container .mejs-controls .mejs-time span {
	color: #333;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: rgb(85,85,85);
background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(51,51,51,1) 50%, rgba(85,85,85,1) 100%);
background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(51,51,51,1) 50%,rgba(85,85,85,1) 100%);
background: linear-gradient(to bottom, rgba(85,85,85,1) 0%,rgba(51,51,51,1) 50%,rgba(85,85,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#555555',GradientType=0 );
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: rgb(136,136,136);
background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(102,102,102,1) 50%, rgba(136,136,136,1) 100%);
background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(102,102,102,1) 50%,rgba(136,136,136,1) 100%);
background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(102,102,102,1) 50%,rgba(136,136,136,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#888888',GradientType=0 );
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: rgb(204,204,204);
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}

/* play button */
.mejs-overlay-button {
	background-image: url(../data/i/player-play.png);
	top: calc(50% - 15px);
}

/* captions */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	display: inline-block;
	margin: 0; padding: 0;
	width: auto;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	margin-left: 3px;
}
.mejs-container-fullscreen .mejs-captions-layer {
	font-size: 200%;
	line-height: 1.1em;
}

/* Replace CC with "Subtitles" */
.mejs-controls .mejs-captions-button {
	width: 80px !important;
}
.mejs-controls .mejs-captions-button button {
	width: inherit;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: none !important;
	text-shadow: none;
}
.mejs-controls .mejs-captions-button button:after {
	content: "Subtitles";
	display: inline-block;
	padding-top: 8px;
	font-size: 12px;
	color: #333;
	font-family: Helvetica,Arial;
}
html[lang="ja-JP"] .mejs-controls .mejs-captions-button button:after {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
	content: "字幕";
	font-size: 13px;
}
.mejs-controls .mejs-captions-enabled button:after {
	content: "Subtitles ON";
}

 /* ------------------------ RESPONSIVE VIDEO GALLERY PLAYER START ------------------------ */
.video-gallery-wrapper .productNamePopUp a {
	position: static; top: auto; right: auto;
	float: right;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
}
.video-gallery-wrapper {
	position: relative;
	max-width: 850px;
	clear: both;
}
/* compensate .container padding on iframe popup video */
html.iframe .video-gallery-wrapper {
	margin-left: -15px;
	margin-right: -15px;
}
h5.related-video-title {
	position: absolute;
	left: 75%;
	top: 0px;
	color: #444;
	font-size: 20px;
	background-color: #fff;
	margin: 0;
	padding: 5px 0px;
}
.multimedia-video-gallery {

}
.video-gallery-current-item {
	width: 100%;
}
.video-gallery-player {
	width: 71%;
	float: left;
}
.no-playlist .video-gallery-player {
	width: 100%;
	float: none;
}
.video-gallery-playlist {
	width: 25%;
	float: left;
	overflow: auto;
	clear: none;
	margin-left: 15px;
}
.video-gallery-current-item h4 {
	color: #262c85;
	font-size: 20px;
}
.video-gallery-current-item h4 small {
	display: none;
}
.video-gallery-current-item .media-desc {
	display: none;
}
.video-gallery-playlist .mediaelement-list-inner {
	padding-right: 15px;
}
.featured-popup-playlist .mediaelement-list-inner {
	padding-top: 0px;	
}
.video-gallery-playlist .mediaelement-item h4 {
	height: auto;
	margin: 5px 10px;
	color:  #464eb6;
	font-size: 13px;
	font-weight: normal;
}
.video-gallery-playlist .mediaelement-item h4 small {
	font-size: 12px;
	color: #444;
	display: block;
	line-height: 1.3em;
	margin-top: 5px;
}
.video-gallery-playlist .mediaelement-item h4 small ~ small {
	display: none;	
}
.video-gallery-playlist .mediaelement-details {
	margin-bottom: 15px;
}
.video-gallery-player {
	margin: 0% 2%;
}
.video-gallery-current-item .mediaelement-details {
	padding-left: 15px;
	padding-right: 15px;
}

.video-gallery-playlist .mediaelement-item {
	/* border: 1px solid #ccc !for(ie8); */
	/* margin-bottom: 7px !for(ie8); */
	/* width: 100% !for(ie8); */
	/* float: none !for(ie8); */
}
.video-gallery-playlist .mediaelement-item img {
	/* width: 100% !for(ie8); */
}
.productNamePopUp a {
	color: #005cb9;	
}
.mediaelement-details .media-desc {
	display: none;	
	color: red;
}
@media (min-width: 768px) {
	.video-gallery-playlist .mediaelement-item {
		border: 1px solid #ccc;
		margin-bottom: 7px;
		width: 100%;
		float: none;
	}
	.header-thumbnails .mediaelement-list-inner {
		padding-top: 0px;
	}
	.video-gallery-playlist .mediaelement-list-inner {
		padding-right: 0px;	
	}
}
@media (max-width: 767px) {
	.mediaelement-list.video-gallery-playlist .mediaelement-list-inner {
		padding-left: 15px;
	}
	.mediaelement-current-item.video-gallery-current-item,
	.mediaelement-player.video-gallery-player,
	.mediaelement-list.video-gallery-playlist {
		width: 100%;
		float: none;
	}
	.video-gallery-playlist {
		/* rewrite js defined height */
		height: auto !important;
	}
	.video-gallery-playlist:before {
		content: 'Related Videos';
		display: block;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 15px;
		font-size: 20px;
		color: #444;
	}
	.video-gallery-playlist .mediaelement-item {
		width: 33.3333%;
		float: left;
	}
	.video-gallery-playlist .mediaelement-item h4 {
		margin-left: 0px;
	}
}
@media (max-width: 659px) {
	.video-gallery-playlist .mediaelement-item {
		width: 50%;
	}
}
@media (max-width: 439px) {
	.video-gallery-playlist .mediaelement-item {
		width: 100%;
		float: none;
	}
}
/* ------------------------ RESPONSIVE VIDEO GALLERY PLAYER END ------------------------ */

/* ----------------------- ONE VIDEO START -------------------------- */
.product .mediaelement-player.one-video-player {
	width: 500px;
	max-width: 100%;
}
.mediaelement-player.one-video-player {
	/*width: 70%;*/
	max-width: 480px;
	margin-bottom: 15px;
}
@media (max-width: 767px) {
	.mediaelement-player.one-video-player {
		width: 100%;
		max-width: 480px;
	}
}
/* ----------------------- ONE VIDEO END  -------------------------- */

/*-----------------------  =HOME FEATURED VIDEOS START ----------------------- */
.featured-videos-title {
	margin-top: 5px;
	margin-bottom: 2px;	
	font-weight: bold;
}
.featured-popup-playlist {
	position: relative;
}
.featured-popup-playlist .mediaelement-item {
	width: 100%;
	float: none;
}
.featured-popup-playlist .play-btn {
	position: absolute;
	left: 43%;
	top: 50px;
}
.ipop-featured-video.iPopBlock.styled div.iPopBox {
	padding: 0;
}
@media (max-height: 549px) {
	.ipop-featured-video.iPopBlock.styled div.iPopBox {
		overflow-x: hidden;
		overflow-y: auto;
	}	
}
/*-----------------------  =HOME FEATURED VIDEOS END ----------------------- */

.mejs-controls .mejs-captions-button .mejs-captions-selector {
	width: 150px;	
}
@media (max-width: 767px) {
	.mejs-controls .mejs-captions-button .mejs-captions-selector li,
	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}
	.mejs-controls .mejs-captions-button .mejs-captions-selector li > label,
	.mejs-controls .mejs-captions-button .mejs-captions-selector li > input[type="radio"],
	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label,
	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input[type="radio"] {
		line-height: 10px;	
		height: 10px;
	}
}

/* taskId.16811522 patch for shaking video */
.mediaelement-player.video-gallery-player {
	width: 600px ;	 /* !for(webkit) */
	max-width: 100% ; /* !for(webkit) */
}

/* taskId.16811622 */
.video-popup-text-link {
	color:  #464eb6;
}
.video-popup-text-link:hover {
	color: #005cb9;
}

/* taskId.16815887 2020/01/31 related videos START */
/* -------------------------------------------------------------------------------------- */
/* for videos only */
html.iframe, 
html.iframe body {
    /* taskId.16817007 2020/02/06 it cannot be overflow: visible as videos are shaking */
    /* overflow: visible; */
    
}
html.iframe .container {padding-left: 0; padding-right: 0;}

.video-gallery-wrapper[data-related-count] .info-panel,
.video-gallery-wrapper[data-related-count] .video-contact {
    padding-left: 0;
}
.video-gallery-wrapper[data-related-count] .info-panel,
.video-gallery-wrapper:not([data-related-count]) .info-panel {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.video-gallery-wrapper[data-related-count] .video-contact,
.video-gallery-wrapper:not([data-related-count]) .video-contact {
    padding-bottom: 0;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item,
.video-gallery-wrapper:not([data-related-count]) .video-gallery-playlist .mediaelement-item {
    border: 0 none;
} 
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4,
.video-gallery-wrapper:not([data-related-count]) .video-gallery-playlist .mediaelement-item h4 {
    font-family: Arial, Tahoma, sans-serif;;
    margin: 0 0 0 10px;
}
html[lang="ja-JP"] .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4,
html[lang="ja-JP"] .video-gallery-wrapper:not([data-related-count]) .video-gallery-playlist .mediaelement-item h4 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4 small {
    display: none;
}
.video-gallery-wrapper[data-related-count],
.video-gallery-wrapper:not([data-related-count]) {
    width: 870px;
    max-width: 100%;
}
.video-gallery-wrapper:not([data-related-count]) {
    width: 850px;
}
html .video-gallery-wrapper.no-playlist:not([data-related-count]) .mediaelement-player {
    width: 850px;
    max-width: 100%;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item:last-child,
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item:last-child .mediaelement-details {
    margin: 0;
}
.video-gallery-wrapper[data-related-count] .mediaelement-main-block {
    display: flex;
    flex-flow: row nowrap;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist {
    width: 350px;
    margin: 0;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-details > div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    padding-right: 5px;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item.mediaelement-active .mediaelement-details > div::before {
    content: '';
    width: 25px;
    height: 28px;
    display: inline-block;
    background: url(../data/i/playlist-play.png) 0 0 no-repeat;
    position: absolute;
    left: 62px;
    top: 29px;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-details > div > img {
    width: 150px;
    height: auto;
    flex: 0 0 auto;
    align-self: flex-start;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4 {
    color: #444;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item.mediaelement-active h4 {
    color: #005cb9;
}
.video-gallery-wrapper[data-related-count] .video-gallery-playlist::before {
    display: none;
}
.video-gallery-wrapper[data-related-count] .mediaelement-main-spacer-1 {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
}    
.video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-details {
    margin-bottom: 10px;
}
html.iframe .video-gallery-wrapper[data-related-count],
html.iframe .video-gallery-wrapper:not([data-related-count]) {
    padding: 10px;
    /* x-padding: 0 !for(firefox); */
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 850px) {
    .video-gallery-wrapper[data-related-count] .mediaelement-player.video-gallery-player {
        width: 490px;
        max-width: 100%;
    }    
}
@media (min-width: 768px) and (max-width: 849px) {
    .video-gallery-wrapper[data-related-count] .mediaelement-main-block {
        width: 100%;
    }   
    .video-gallery-wrapper[data-related-count] .mediaelement-player.video-gallery-player {
        width: calc(100% - 180px);
        flex: 0 0 auto;
    } 
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item {
        width: 100%;
    }
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist,
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-details > div > img {
        width: 170px;
    }    
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-details > div {
        flex-flow: column nowrap;
    }    
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4 {
        margin: 5px 0 0;
    }     
}
@media (max-width: 767px) {
    .video-gallery-wrapper[data-related-count] .mediaelement-main-block {
        width: 100%;
    }
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist {
        max-height: 290px;
        overflow-y: auto;
        width: 100%;
    }
    .video-gallery-wrapper[data-related-count] .mediaelement-main-block {
        flex-flow: column nowrap;
    }
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item {
        width: 100%;
    }
    .video-gallery-wrapper[data-related-count] .mediaelement-list.video-gallery-playlist .mediaelement-list-inner {
        padding-left: 0;
    }
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-details > div {
        align-items: flex-start;
        justify-content: flex-start;
    }      
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4 {
        align-self: center;
    } 
    .video-gallery-wrapper[data-related-count] .mediaelement-player.video-gallery-player {
        width: 100%;
    }
}
@media (max-width: 349px) { 
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-details > div {
        flex-flow: column nowrap;
    }    
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4 {
        align-self: flex-start;
    }     
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item h4 {
        margin: 5px 0 0;
    }
    .video-gallery-wrapper[data-related-count] .video-gallery-playlist .mediaelement-item {
        margin-bottom: 15px;
    }
}

/* taskId.16815887 2020/01/31 related videos END */
/* -------------------------------------------------------------------------------------- */

/* taskId.16818215 2020/10/21 "play-popup" design START */
.design-popup-play figure {
	position: relative;
}
.design-popup-play .play-btn {
	background: url(../data/i/player-play.png) no-repeat;
	width: 98px;
	height: 98px;
	position: absolute;
	left: calc(50% - 49px);
	top: calc(50% - 49px);
}
.design-popup-play:hover .play-btn {
	background-position: 0 -100px;
}
.design-popup-play h4 {
	margin-bottom: 10px;
	margin-top: 20px;
}
/* taskId.16818215 2020/10/21 "play-popup" design END */

.geo-no-video {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #f5f5f5;
	padding: 100px;
	font-size: 24px;
	color: #999;
	margin: 30px 0 0;
	line-height: 1.6em;
}
.geo-no-video::before {
	content: '';
	width: 43px;
	height: 40px;
	background: var(--sprite) no-repeat -375px 0px;
	margin: 0 0 30px;
}
@media (max-width: 1024px) {
	.geo-no-video {
		padding: 50px;
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.geo-no-video {
		padding: 30px;
		font-size: 14px;
	}
}

/* taskId.16820140 */
*[data-template="playVideoSimple"] .video-playlist {
    display: none !important
}
/*** END ims20/global/video.css ***/

/*** Skipping CSS Section ecs-configurator (only-param=video) ***/
/*** Skipping CSS Section ecs (only-param=video) ***/
/*** Skipping CSS Section ecs-home (only-param=video) ***/
/*** Skipping CSS Section ecs-sub (only-param=video) ***/
/*** Skipping CSS Section specifications-table (only-param=video) ***/
/*** Skipping CSS Section specifications-table-product (only-param=video) ***/
/*** Skipping CSS Section training (only-param=video) ***/
/*** Skipping CSS Section dir-list-dynamic (only-param=video) ***/
/* TIME: 0.0081717967987061 */