@charset "UTF-8";


/* -------------------------------------------------------------------------- **
**  PRODUCTS
** -------------------------------------------------------------------------- */
#products {}

#products .products-list {
	padding-top: 80px;
}
#products .products-list-content {
	position: relative;
	z-index: 1;
}
#products .products-list.personal {
	padding-top: 60px;
}
	#products .products-list h2 {
		position: relative;
		margin-bottom: 42px;
		color: #00aadd;
		font-family: 'Open Sans', Gothic, sans-serif;
		font-size: 2em;
		font-size: 3.2rem;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		z-index: 1;
	}
	#products .products-list.personal h2 { color: #00aadd; }
	#products .products-list.professional h2 { color: #0d57e5; }
	#products .products-list.public h2 { color: #04bcc7; }
		#products .products-list h2 i {
			margin-right: .2em;
		}
		#products .products-list h2 small {
			display: block;
			color: #333;
			font-size: .5em;
			font-size: 1.6rem;
		}
	#products .products-list .lead {
		position: relative;
		max-width: 600px;
		margin: auto auto 40px;
		text-align: left;
		text-justify: inter-ideograph;
		text-align: justify;
		z-index: 1;
	}
	#products .products-list .grid-row {
		position: relative;
		margin: 0 -20px 20px;
	}
	#products .products-list .grid-row:before,
	#products .products-list .grid-row:after {
		content: '';
		display: block;
	}
	#products .products-list .grid-row:before,
	#products .products-list .grid-row:after,
		#products .products-list .grid-row .grid-col {
			border: solid 0px #e7ebee;
			border: solid 0px rgba(20,61,81,.1);
		}
	#products .products-list .grid-row:before {
		position: absolute;
		top: 0;
		left: 50%;
		bottom: 20px;
		width: 1px;
		border-right-width: 1px;
	}
	#products .products-list .grid-row:after {
		height: 1px;
		margin: auto 30px;
		border-bottom-width: 1px;
	}
	
		#products .products-list .grid-row .grid-col {
			position: relative;
			padding: 20px 30px;
		}
		#products .products-list .grid-row .grid-col:nth-child(add) {
			padding-left: 20px;
		}
		#products .products-list .grid-row .grid-col:nth-child(even) {
			padding-right: 20px;
		}
		#products .products-list .grid-row .grid-col:nth-child(even) {
			-webkit-animation-delay: .2s;
			-moz-animation-delay: .2s;
			-o-animation-delay: .2s;
			animation-delay: .2s;
		}


	#products .products-list .products-list-content {
		padding-bottom: 40px;
	}
		#products .products-list .products-list-content a {
			display: block;
			color: inherit;
			text-decoration: none;
			-webkit-transition: -webkit-opacity .18s;
			-moz-transition: -moz-opacity .18s;
			-ms-transition: -ms-opacity .18s;
			-o-transition: -o-opacity .18s;
			transition: opacity .18s;
		}
		#products .products-list .products-list-content a:hover,
		#products .products-list .products-list-content a:focus,
		#products .products-list .products-list-content a:active,
		#products .products-list .products-list-content a.active {
			-webkit-opacity: .65;
			-moz-opacity: .65;
			-ms-opacity: .65;
			-o-opacity: .65;
			opacity: .65;
			filter: alpha(opacity=65);
			-ms-filter: "alpha(opacity=65)";
		}
		#products .products-list .products-list-content figure {
			float: left;
			width: 180px;
			height: 220px;
			margin-top: -40px;
			margin-left: 20px;
			background-position: center bottom;
			background-repeat: no-repeat;
			background-size: contain;
		}
		#products .products-list.public .products-list-content figure {
			margin-top: -20px;
		}
		#products .products-list .products-list-content .content-field {
			margin-left: 220px;
			text-justify: inter-ideograph;
			text-align: justify;
		}
		#products .products-list .products-list-content h3 {
			font-size: 1.25em;
			font-size: 2.0rem;
		}
		#products .products-list .products-list-content small {
			display: block;
			margin-bottom: 1.6em;
			color: #6d6e71;
			font-size: .75em;
			font-size: 1.2rem;
		}
		#products .products-list .products-list-content h3 {
			-webkit-animation-delay: .2s;
			-moz-animation-delay: .2s;
			-o-animation-delay: .2s;
			animation-delay: .2s;
		}
		#products .products-list .products-list-content small {
			-webkit-animation-delay: .6s;
			-moz-animation-delay: .6s;
			-o-animation-delay: .6s;
			animation-delay: .6s;
		}
		#products .products-list .products-list-content p {
			-webkit-animation-delay: .9s;
			-moz-animation-delay: .9s;
			-o-animation-delay: .9s;
			animation-delay: .9s;
		}




		#products .products-list .products-list-content .img-personal02 { width: 240px; margin-left: -20px; }
		#products .products-list .products-list-content .img-personal09 { width: 190px; margin-left: 10px; }

		#products .products-list .products-list-content .img-personal01 { background-image: url(../images/products/index/personal01.png?2021092800); }
		#products .products-list .products-list-content .img-personal02 { background-image: url(../images/products/index/personal02.png?2023032000); }
		#products .products-list .products-list-content .img-personal03 { background-image: url(../images/products/index/personal03.png); }
		#products .products-list .products-list-content .img-personal04 { background-image: url(../images/products/index/personal04.png); }
		#products .products-list .products-list-content .img-personal05 { background-image: url(../images/products/index/personal05.png?2023032000); }
		#products .products-list .products-list-content .img-personal06 { background-image: url(../images/products/index/personal06.png); }
		#products .products-list .products-list-content .img-personal07 { background-image: url(../images/products/index/personal07.png?2021032500); }
		#products .products-list .products-list-content .img-personal08 { background-image: url(../images/products/index/personal08.png); }
		#products .products-list .products-list-content .img-personal09 { background-image: url(../images/products/index/personal09.png); }
		#products .products-list .products-list-content .img-personal10 { background-image: url(../images/products/index/personal10.png); }
		#products .products-list .products-list-content .img-personal11 { background-image: url(../images/products/index/personal11.png?2023032000); }
		
		#products .products-list .products-list-content .img-professional01 { width: 202px; margin-left: 9px; }
		#products .products-list .products-list-content .img-professional05 { width: 194px; margin-left: 4px; }
		#products .products-list .products-list-content .img-professional06 { width: 200px; margin-left: 10px; }
		#products .products-list .products-list-content .img-professional11 { width: 200px; margin-left: 10px; }
		
		#products .products-list .products-list-content .img-professional01 { background-image: url(../images/products/index/professional01.png?2023032000); }
		#products .products-list .products-list-content .img-professional02 { background-image: url(../images/products/index/professional02.png); }
		#products .products-list .products-list-content .img-professional03 { background-image: url(../images/products/index/professional03.png); }
		#products .products-list .products-list-content .img-professional04 { background-image: url(../images/products/index/professional04.png); }
		#products .products-list .products-list-content .img-professional05 { background-image: url(../images/products/index/professional05.png); }
		#products .products-list .products-list-content .img-professional06 { background-image: url(../images/products/index/professional06.png?2023032000); }
		#products .products-list .products-list-content .img-professional07 { background-image: url(../images/products/index/professional07.png?2023032000); }
		
		#products .products-list .products-list-content .img-public04 { width: 200px; margin-left: 10px; }

		#products .products-list .products-list-content .img-public01 { background-image: url(../images/products/index/public01.png); }
		#products .products-list .products-list-content .img-public02 { background-image: url(../images/products/index/public02.png); }
		#products .products-list .products-list-content .img-public03 { background-image: url(../images/products/index/public03.png?2020062600); }
		#products .products-list .products-list-content .img-public04 { background-image: url(../images/products/index/public04.png); }
		

@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
		#products .products-list .products-list-content .img-personal01 { background-image: url(../images/products/index/personal01_2x.png?2021092800); }
		#products .products-list .products-list-content .img-personal02 { background-image: url(../images/products/index/personal02_2x.png?2023032000); }
		#products .products-list .products-list-content .img-personal03 { background-image: url(../images/products/index/personal03_2x.png); }
		#products .products-list .products-list-content .img-personal04 { background-image: url(../images/products/index/personal04_2x.png); }
		#products .products-list .products-list-content .img-personal05 { background-image: url(../images/products/index/personal05_2x.png?2023032000); }
		#products .products-list .products-list-content .img-personal06 { background-image: url(../images/products/index/personal06_2x.png); }
		#products .products-list .products-list-content .img-personal07 { background-image: url(../images/products/index/personal07_2x.png?2021032500); }
		#products .products-list .products-list-content .img-personal08 { background-image: url(../images/products/index/personal08_2x.png); }
		#products .products-list .products-list-content .img-personal09 { background-image: url(../images/products/index/personal09_2x.png); }
		#products .products-list .products-list-content .img-personal10 { background-image: url(../images/products/index/personal10_2x.png); }
		#products .products-list .products-list-content .img-personal11 { background-image: url(../images/products/index/personal11_2x.png?2023032000); }
		
		#products .products-list .products-list-content .img-professional01 { background-image: url(../images/products/index/professional01_2x.png?2023032000); }
		#products .products-list .products-list-content .img-professional02 { background-image: url(../images/products/index/professional02_2x.png); }
		#products .products-list .products-list-content .img-professional03 { background-image: url(../images/products/index/professional03_2x.png); }
		#products .products-list .products-list-content .img-professional04 { background-image: url(../images/products/index/professional04_2x.png); }
		#products .products-list .products-list-content .img-professional05 { background-image: url(../images/products/index/professional05_2x.png); }
		#products .products-list .products-list-content .img-professional06 { background-image: url(../images/products/index/professional06_2x.png?2023032000); }
		#products .products-list .products-list-content .img-professional07 { background-image: url(../images/products/index/professional07_2x.png?2023032000); }
		
		#products .products-list .products-list-content .img-public01 { background-image: url(../images/products/index/public01_2x.png); }
		#products .products-list .products-list-content .img-public02 { background-image: url(../images/products/index/public02_2x.png); }
		#products .products-list .products-list-content .img-public03 { background-image: url(../images/products/index/public03_2x.png?2020062600); }
		#products .products-list .products-list-content .img-public04 { background-image: url(../images/products/index/public04_2x.png); }
	}


@media (max-width: 868px) {
	#products .products-list .grid-row {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
	}
	#products .products-list .grid-row:before,
	#products .products-list .grid-row:after { border: none;}
	#products .products-list .grid-row .grid-col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		flex-flow: wrap;
		justify-content: space-around;
		float: none;
		clear: both;
		width: 100%;
		max-width: 540px;
		margin: auto;
		margin-bottom: 20px;
		padding: 0 0 40px;
		border-bottom-width: 1px;
	}
	#products .products-list .grid-row .grid-col:nth-child(odd),
	#products .products-list .grid-row .grid-col:nth-child(even) {
		padding-left: 0;
		padding-right: 0;
	}
	#products .products-list .products-list-content a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		flex-flow: wrap;
	}
	#products .products-list .products-list-content .content-field {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	#products .products-list .products-list-content figure {
		width: 50% !important;
		margin: -20px auto auto !important;
		margin-left: auto !important;
	}
	#products .products-list.public .products-list-content figure {
		margin-top: auto !important;
	}
}
@media (max-width: 480px) {
	#products .products-list .products-list-content .content-field {
		width: auto;
		margin-left: auto;
	}
	#products .products-list .products-list-content figure {
		float: none;
		width: 100% !important;
		margin: auto auto 20px !important;
	}
}