@charset "UTF-8";

/* -------------------------------------------------------------------------- **
**  PRODUCTS
** -------------------------------------------------------------------------- */
.title1 {
	margin-bottom: 20px !important;
	padding: 17px 20px;
	background-color: #549EDE;
	color: #fff;
	font-size: 1.285714285714286em;
}
@media (max-width: 767px) {
	.title1 {
		margin-left: -20px;
		margin-right: -20px;
	}
}

.table-wrap { margin-bottom: 40px; }
.table { margin-bottom: 0; }
.table-wrap .table {
	border-collapse: separate;
	border: none;
}
.table-wrap .table thead th,
.table-wrap .table thead td {
	position: -webkit-sticky;
	position: sticky;
	border: solid 1px #fff;
	border-width: 0px 0px 1px 1px;
	vertical-align: middle;
	z-index: 10;
}
.table-wrap .table tbody th {
	border-width: 0px 0px 1px 1px;
}
.table-wrap .table tbody td {
	border-width: 0px 1px 1px 0px;
}
.table-wrap .table tbody tr td:first-of-type {
	border-width: 0px 1px 1px 1px;
}
.table .table-col1 {
	width: 38.77551%;
}
.table .table-col2 {
	width: 20.40816%;
}
.table tbody td {
	text-align: right;
}
@media (max-width: 767px) {
	.table-wrap .table {
		border-collapse: collapse;
	}
}



#products.index section {
	margin-bottom: 40px;
}
#products.index section hr {
	margin-bottom: 40px;
}

#products.index .title {
	margin-bottom: 1em;
}
#products.index .title small {
	font-size: 0.682em;
}


#products.index .content {
	margin: auto -20px;
}
	#products.index .content .content-col {
		float: left;
		width: 50%;
		padding: 0 20px 41.625px 20px;
	}
	#products.index .content .content-col:nth-child(odd) {
		clear: both;
	}
	#products.index .content .content-col .content-field {
		position: relative;
		margin-left: 220px;
	}
	#products.index .content .content-col figure {
		position: relative;
		float: left;
		width: 200px;
		height: 230px;
		background-color: #fff;
		border-radius: 3px;
		text-align: center;
		overflow: hidden;
	}
	#products.index .content .content-col figure:before {
		display: block;
		position: absolute;
		content: "";
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}


		#products.index .content .content-col figure img {
			position: relative;
			top: 50%;
			max-width: 100%;
			max-height: 100%;
			margin: -80px auto auto;
			text-align: center;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
			-webkit-user-drag: none;
			user-drag: none;
		}
		#products.index .content .content-col figure.fill img {
			margin: -115px auto auto;
		}
		.csstransforms #products.index .content .content-col figure img {
			position: absolute;
			left: 50%;
			margin: auto;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		
		.objectfit #products.index .content .content-col figure.fill img {
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			object-fit: cover;
		}
		.csstransforms.objectfit #products.index .content .content-col figure.fill img {
			top: 50%;
		}

		#products.index .content .content-col .content-field {
			min-height: 230px;
			padding-bottom: 92px;
			text-align: justify;
			text-justify: inter-ideograph;
		}
		#products.index .content .content-col .content-field:after { content: none; }
		#products.index .content .content-col .content-field h2 {
			margin-bottom: 0;
			font-size: 20px;
			line-height: 1.1;
		}
		#products.index .content .content-col .content-field small {
			display: block;
			margin-bottom: 1em;
			color: #777;
			font-size: 12px;
		}

		#products.index .content .content-col .buttons {
			position: absolute;
			bottom: -10px;
			width: 100%;
		}
		#products.index .content .content-col .buttons ul {
			list-style: none;
			margin: auto -5px;
			padding: 0;
		}
			#products.index .content .content-col .buttons ul li {
				float: left;
				width: 100%;
				padding: 0 5px 10px;
				text-align: center;
			}
				#products.index .content .content-col .buttons ul li a {
					display: block;
					border: solid 1px #0079b5;
					border-radius: 3px;
					color: #0079b5;
					font-size: 12px;
					font-weight: bold;
					line-height: 2.6667;
					text-decoration: none;
					-webkit-transition: all 0.25s ease-out;
					-moz-transition: all 0.25s ease-out;
					-ms-transition: all 0.25s ease-out;
					-o-transition: all 0.25s ease-out;
					transition: all 0.25s ease-out;
				}
				#products.index .content .content-col .buttons ul li a:hover,
				#products.index .content .content-col .buttons ul li a:focus,
				#products.index .content .content-col .buttons ul li a:active {
					-webkit-opacity: 0.65;
					-moz-opacity: 0.65;
					-ms-opacity: 0.65;
					-o-opacity: 0.65;
					opacity: 0.65;
				}
				#products.index .content .content-col .buttons ul li a span {
					padding: 5px 5px 5px 28px;
					background-position: 0px center;
					background-repeat: no-repeat;
					background-size: 20px auto;
					line-height: 20px;
				}
			#products.index .content .content-col .buttons ul li.graphic,
			#products.index .content .content-col .buttons ul li.cad {
				width: 50%;
			}
			#products.index .content .content-col .buttons ul li.graphic.wide,
			#products.index .content .content-col .buttons ul li.cad.wide {
				width: 100%;
			}
			#products.index .content .content-col .buttons ul li.corporate a {
				color: #007cff;
				border-color: #007cff;
			}

			#products.index .content .content-col .buttons ul li.graphic a span {
				background-image: url(../images/products/link-icon-graphic.png);
			}
			#products.index .content .content-col .buttons ul li.cad a span {
				background-image: url(../images/products/link-icon-cad.png);
			}
			#products.index .content .content-col .buttons ul li.corporate a span {
				padding: 5px 20px 5px 5px;
				background-image: url(../images/common/blank-blue.png);
				background-position: right center;
				background-size: 10px 10px;
			}
			.svg #products.index .content .content-col .buttons ul li.graphic a span {
				background-image: url(../images/products/link-icon-graphic.svg);
			}
			.svg #products.index .content .content-col .buttons ul li.cad a span {
				background-image: url(../images/products/link-icon-cad.svg);
			}
			.svg #products.index .content .content-col .buttons ul li.corporate a span {
				background-image: url(../images/common/blank-blue.svg);
			}

@media (max-width: 949px) {
		#products.index .content .content-col .content-field {
			padding-bottom: 132px;
		}
			#products.index .content .content-col .buttons ul li.graphic,
			#products.index .content .content-col .buttons ul li.cad {
				width: 100%;
			}
}

@media (max-width: 767px) {
	#products.index .content .content-col {
		float: none;
		width: 100%;
	}
			#products.index .content .content-col .buttons ul li.graphic,
			#products.index .content .content-col .buttons ul li.cad {
				width: 50%;
			}
}
@media (max-width: 480px) {
	#products.index .content .content-col figure {
		float: none;
		margin: auto auto 20px auto;
	}
	#products.index .content .content-col .content-field {
		margin-left: auto;
		padding-bottom: 0;
	}
		#products.index .content .content-col .buttons {
			position: static;
			padding-top: 20px;
		}
}