/*-------------P R O D U C T S  G R I D--------------------*/

.custom_parent {
	display: grid;
	grid-template-columns: repeat(2, 30vw);
	grid-template-rows: repeat(7, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	background:none;
	width:60vw;
	position:absolute; 
	left:27vw; 
	top:15vw; 
	}

.custom_div1 { 
	grid-area: 1 / 2 / 2 / 3; 
	height:15vw; 
	background-color:#CCC;
	}

.custom_div2 { 
	grid-area: 2 / 1 / 3 / 3;  
	background-color:#FFF;
	padding-top:1.5vw;
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1.3vw;
	}

.custom_div3 { 
	grid-area: 3 / 1 / 4 / 2;
	border-bottom:1px #dcdcdc solid;
	background-color:#f1f1f1;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:1vw;
	padding-bottom:2.8vw;
	}

.custom_div4 { 
	grid-area: 3 / 2 / 4 / 3;  
	background-color:#f1f1f1;
	border-bottom:1px #dcdcdc solid;
	padding-right:3vw;
	padding-bottom:2.8vw;
	padding-top:1vw;
	}

.custom_div5 { 
	grid-area: 4 / 1 / 5 / 2;
	border-right:1px #dcdcdc solid;
	border-bottom:1px #dcdcdc solid;
	background-color:#f1f1f1;
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1.5vw;
	padding-top:1vw;
	}

.custom_div6 {	 /*Carbon & Resin*/
	grid-area: 4 / 2 / 5 / 3;  
	background-color:#f1f1f1;
	border-bottom:1px #dcdcdc solid;
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1.5vw;
	padding-top:1vw;
	}
	
.custom_div7 { 
	grid-area: 5 / 1 / 6 / 2; 
	border-right:1px #dcdcdc solid;
	background-color:#f1f1f1;
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1.5vw;
	padding-top:1vw;
	}

.custom_div8 { 
	grid-area: 5 / 2 / 6 / 3; 
	background-color:#f1f1f1;
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1.5vw;
	padding-top:1vw;
	}

.custom_div9 { 		/*Related*/ 
	grid-area: 6 / 1 / 7 / 3;
	background-color:#fff;
	padding-left:3vw;
	padding-top:2.5vw;
	vertical-align: middle;	
	}

.custom_div10 { 	/*Copyright*/
	grid-area: 7 / 1 / 8 / 3; 
	background-color:#ccc;
	height:5vw;
	padding-left:0;
	padding-top:3vw;
	}

.thumbnail {	
	object-fit: cover;
	width:100%;
	max-height:100%;
	margin:0;
	}

/*-------------------------T A B L E S / C H A R T S-------------------------*/

.chart {
	table-layout: auto;
	border-collapse: collapse;
	text-align: left;
	font-family: 'Titillium Web';
	font-weight:400;
	color:#999;
	margin:0;
	border: 0;
	line-height:165%;
	width:60%;
	}
	
.chart th { /*Table header*/
	text-align: left;
	color:#a23125;
	font-family: 'Titillium Web';
	font-weight:600;
	font-size:1.1vw;
	line-height:150%;
	letter-spacing:0.05vw;
	}	

.chart td {
	line-height:165%;
	font-size:1vw;
	letter-spacing:0.05vw;
	}	
		
.sup2 { 
	vertical-align: top; 
	position: relative; 
	top: -0.2em; 
	font-size:0.7vw;
	}

/*-------------------------T Y P O G R A P H Y-------------------------*/

.product_title {	/*Large product title*/
	font-family: 'Bungee';
	font-weight:400;
	font-size:4.2vw;
	letter-spacing:0.1vw;
	color:#333;
	text-align:left;
	padding-top:3.8vw;
	padding-left:3.8vw;
	line-height:105%;
	}

.product_description { /*Product description*/
	font-family: 'Titillium Web';
	font-size:1.5vw;
	width:27vw;
	padding-top: 0.8vw;
	padding-left:4vw;
	font-weight:400;
	letter-spacing:0.1vw;
	color:#666;
	}
	

.custom_title {
	text-align: left;
	font-family: 'Bungee';
	font-weight:400;
	letter-spacing:0.1vw;
	color:#333;
	line-height:150%;
	font-size:1.5vw;
	width:72%;
	}

.content {
	font-family: 'Titillium Web';
	font-weight:400;
	letter-spacing:0.05vw;
	color:#333;
	line-height:150%;
	font-size:1.1vw;
	}
	
.extra {
	color:#999;
	}
	
/*---------------R E L A T E D  P R O D U C T S------------------*/

.img_related {
  	vertical-align: middle;
	object-fit:cover; 
	height:8vw; 
	max-height:8vw;
	}
	
#related1 { 
	vertical-align:middle; 
	padding-top:1.8vw; 
	padding-bottom:1.2vw;
	}
	
#related2 { 
	vertical-align:middle; 
	padding-bottom:1.2vw;
	}

#related3 { 
	vertical-align:middle; 
	padding-bottom:1.2vw;
	}	
	
#related4 { 
	vertical-align:middle; 
	padding-bottom:2.8vw;
	}	

#related_title {
	color:#a23125;
	font-family: 'Titillium Web';
	font-weight:600;
	font-size:1.8vw;
	letter-spacing:0.05vw;
	}	
	
.related_product {
	font-family: 'Bungee';
	font-weight: 400;
	letter-spacing: 0.1vw;
	font-size: 1.1vw;
	padding-left: 0.5vw;
	}	
	
.related_description {
	font-family: 'Titillium Web';
	font-weight:400;
	font-size: 1.1vw;
	letter-spacing: 0.05vw;
	padding-left: 0.5vw;
	}

.related_link {
	color:#333;
	}

.related_link:hover{
	color:#a23125;
	}
	
/*------------------------------S V Gs----------------------------------*/
	
.link_icon {	/*">" svg icon*/
	width: 1.3vw;
	height: 1.3vw;
	margin-left: -0.2vw;
	margin-top: -0.3vw;
	vertical-align: middle;	
	}
	
.link_icon:hover {
	filter: invert(0) saturate(0) sepia(0.1) hue-rotate(0deg) brightness(1);                                 
	}	
		


	
/*-------------------------M E D I A-----------------------------------*/

@media screen and (max-width: 1200px) and (min-width: 800px){

/*----------P R O D U C T S  G R I D--------*/

.custom_parent {
	grid-template-columns: repeat(2, 35vw);
	width:70vw;
	left:23vw; 
	top:17vw; 
	}

.custom_div1 { 
	height:17vw; 
	}

.custom_div2 { 
	padding-left:3vw;
	padding-right:3vw;
	padding-top:1.4vw;
	padding-bottom:1.6vw;
	}

.custom_div3 { 
	padding-left:3vw;
	padding-right:3vw;
	padding-top:0;
	padding-bottom:3.5vw;
	}

.custom_div4 { 
	padding-right:3vw;
	padding-bottom:3.5vw;
	padding-top:0;
	}

.custom_div5 { 
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1vw;
	padding-top:0;
	}

.custom_div6 { 
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1vw;
	padding-top:0;
	}
	
.custom_div7 { 
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1.4vw;
	padding-top:0;
	}

.custom_div8 { 
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:1.4vw;
	padding-top:0;
	}

.custom_div9 { 		/*Related*/ 
	padding-left:3vw;
	padding-top:3.3vw;
	padding-bottom:3.3vw;
	}

.custom_div10 { 	/*Copyright*/
	height:7vw;
	padding-top:3.5vw;
	padding-left:0;
	}

.thumbnail {	
	width: 100%;
	max-height: 100%;
	padding-bottom:0.5vw;
	}

/*-----------T A B L E S / C H A R T S---------------*/

.chart {
	line-height:165%;
	width:60%;
	}
	
.chart th { /*Table header*/
	font-size:1.6vw;
	line-height:150%;
	letter-spacing:0.05vw;
	}	

.chart td {
	line-height:150%;
	font-size:1.5vw;
	letter-spacing:0.05vw;
	}	
		
.sup2 { 
	top: -0.2em; 
	font-size:1.1vw;
	}

/*-----------T Y P O G R A P H Y-----------*/

.product_title {	/*Large product title*/
	font-size:5vw;
	padding-top:4.2vw;
	padding-left:4.2vw;
	width:30vw;
	}

.product_description { /*Product description*/
	font-size:1.8vw;
	padding-top: 0.6vw;
	padding-left:4.5vw;
	letter-spacing:0.1vw;
	}

.custom_title {
	letter-spacing:0.05vw;
	line-height:140%;
	font-size:2.5vw;
	width:100%;
	}

.content {
	letter-spacing:0.05vw;
	line-height:160%;
	font-size:1.6vw;
	}
	
.extra {
	color:#999;
	}
	
/*---------------R E L A T E D  P R O D U C T S---------------*/

.img_related {
  	vertical-align: middle;
	object-fit:cover; 
	height:10vw; 
	max-height:10vw;
	padding-right:0.5vw;
	}
	
#related1 { 
	vertical-align:middle; 
	padding-top:0.3vw; 
	padding-bottom:2vw;
	}
	
#related2 { 
	vertical-align:middle; 
	padding-bottom:2vw;
	}

#related3 { 
	vertical-align:middle; 
	padding-bottom:2vw;
	}	
	
#related4 { 
	vertical-align:middle; 
	padding-bottom:1vw;
	}		

#related_title {
	font-size:2.4vw;
	letter-spacing:0.1vw;
	display:block;
	padding-bottom:2vw;
	}	
	
.related_product {
	letter-spacing: 0.1vw;
	font-size: 1.6vw;
	padding-left: 0.5vw;
	}	
	
.related_description {
	font-size: 1.6vw;
	letter-spacing: 0.05vw;
	padding-left: 0.5vw;
	}

.related_link {
	color:#333;
	}

.related_link:hover{
	color:#a23125;
	}
	
/*--------S V Gs--------------*/
	
.link_icon {	/*">" svg icon*/
	width: 2vw;
	height: 2vw;
	margin-left: -0.2vw;
	margin-top: -0.3vw;
	vertical-align: middle;	
	}
}


@media (max-width: 800px) {
	
/*-------------P R O D U C T S  G R I D--------------------*/

.custom_parent {
	grid-template-columns: repeat(2, 45vw);
	grid-auto-rows: minmax(auto);
	left:5vw; 
	top:18vw;
	width:90%;
	}
	
.custom_div1 { 
	grid-area: 1 / 2 / 2 / 3; 
	height:18vw; 
	margin-left:-9vw;
	}

.custom_div2 { 
	grid-area: 2 / 1 / 3 / 3;  
	background-color:#FFF;
	padding-left:5vw; 
	padding-right:5vw;
	}

.custom_div3 { 
	grid-area: 3 / 1 / 4 / 2;
	border-bottom:1px #dcdcdc solid;
	padding-left:5vw; 
	padding-right:5vw;
	padding-bottom:4vw;
	}

.custom_div4 { 
	grid-area: 3 / 2 / 4 / 3;  
	background-color:#f1f1f1;
	border-bottom:1px #dcdcdc solid;
	padding-right:5vw;
	padding-bottom:4vw;
	}

.custom_div5 { 
	grid-area: 4 / 1 / 5 / 2;
	border-right:1px #dcdcdc solid;
	border-bottom:1px #dcdcdc solid;
	background-color:#f1f1f1;
	padding-left:5vw; 
	padding-right:5vw;
	padding-bottom:2vw;
	}

.custom_div6 { 
	grid-area: 4 / 2 / 5 / 3;  
	background-color:#f1f1f1;
	border-bottom:1px #dcdcdc solid;
	padding-left:5vw; 
	padding-right:5vw;
	padding-bottom:2vw;
	}
	
.custom_div7 { 
	grid-area: 5 / 1 / 6 / 2; 
	border-right:1px #dcdcdc solid;
	background-color:#f1f1f1;
	padding-left:5vw; 
	padding-right:5vw;
	padding-bottom:2vw;
	}

.custom_div8 { 
	grid-area: 5 / 2 / 6 / 3; 
	background-color:#f1f1f1;
	padding-left:5vw; 
	padding-right:5vw;
	padding-bottom:2vw;
	}

.custom_div9 { 		/*Related*/ 
	grid-area: 6 / 1 / 7 / 3;
	padding-left:5vw;
	padding-top:4vw;
	padding-bottom:4vw;
	}

.custom_div10 { 	/*Copyright*/
	grid-area: 7 / 1 / 8 / 3; 
	background-color:#ccc;
	height:7vw;
	padding-left:5vw;
	padding-top:2vw;
	}

.thumbnail {	
	object-fit: cover;
	width: 100%;
	max-height: 100%;
	padding-bottom:0.5vw;
	}
	
/*-------------------------T A B L E / C H A R T-------------------------*/

.chart {
	width:70%;
	}

.chart th { /*Table header*/
	font-size:2vw;
	letter-spacing:0.1vw;
	}
		
.chart td {
	line-height:165%;
	font-size:1.8vw;
	}	
	

/*-------------------------T Y P O G R A P H Y-------------------------*/

.product_title {	/*Large product title*/
	font-size:4.5vw;
	letter-spacing:0.2vw;
	padding-top:5vw;
	padding-left:5vw;
	line-height:105%;
	}

.product_description { /*Product description*/
	font-size:2.3vw;
	width:40vw;
	padding-top:0.8vw;
	padding-left:5vw;
	letter-spacing:0.1vw;
	}
	
.custom_title {
	font-size:3vw;
	letter-spacing:0;
	width:100%;
	}

.content {
	letter-spacing:0.05vw;
	font-size:2vw;
	line-height:150%;
	}
	
.extra {
	color:#999;
	}
	
/*---------------R E L A T E D  P R O D U C T S-------------------------*/

.img_related {
  	vertical-align: middle;
	object-fit:cover; 
	height:15vw; 
	max-height:15vw;
	}	
	
#related1 { 
	vertical-align:middle; 
	padding-top:0.3vw; 
	padding-bottom:2vw;
	}
	
#related2 { 
	vertical-align:middle; 
	padding-bottom:2vw;
	}

#related3 { 
	vertical-align:middle; 
	padding-bottom:2vw;
	}	
	
#related4 { 
	vertical-align:middle; 
	padding-bottom:1vw;
	}		
	
#related_title {
	font-size:3.4vw;
	letter-spacing:0.1vw;
	display:block;
	padding-bottom:2vw;
	}	
	
.related_product {
	letter-spacing: 0.1vw;
	font-size: 2vw;
	padding-left: 0.5vw;
	}	
	
.related_description {
	font-size: 2vw;
	letter-spacing: 0.05vw;
	padding-left: 0.5vw;
	}

.related_link {
	color:#333;
	}

.related_link:hover{
	color:#a23125;
	}
	
/*---------S V G s-------------*/
	
.link_icon {	/*">" svg icon*/
	width: 3.5vw;
	height: 3.5vw;
	margin-left: -0.2vw;
	margin-top: -0.3vw;
	vertical-align: middle;	
	}
}

/*Portrait phones*/
@media screen and (max-width: 550px) and (orientation: portrait) {

/*-------------P R O D U C T S  G R I D--------------------*/

.custom_parent {
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(auto);
	left:5vw; 
	top:45vw;
	width:90vw;
	}

.custom_div1 { 
	grid-area: 1 / 1 / 2 / 2; 
	height:27vw; 
	margin-left:0;
	}

.custom_div2 { 		/*Intro text*/
	grid-area: 2 / 1 / 3 / 2; 
	background-color:#FFF;
	padding-left:8vw; 
	padding-right:8vw;
	padding-top:4vw;
	padding-bottom:3vw;
	}

.custom_div3 { 		/*ROM image*/
	grid-area: 3 / 1 / 4 / 2;
	border-bottom: 0px;
	padding-left:8vw; 
	padding-right:8vw;
	padding-bottom:4vw;
	padding-top:7vw;
	z-index:50;
	}

.custom_div4 { 		/*ROM text*/
	grid-area: 4 / 1 / 5 / 2;  
	background-color:#f1f1f1;
	border-bottom:1px #dcdcdc solid;
	padding-right:8vw;
	padding-bottom:6vw;
	padding-left:8vw;
	margin-top:-14vw;
	z-index:20;
	}

.custom_div5 { 		/*TRO*/
	grid-area: 5 / 1 / 6 / 2;
	border-right:0px;
	border-bottom:1px #dcdcdc solid;
	background-color:#f1f1f1;
	padding-left:8vw;
	padding-right:8vw;
	padding-bottom:4vw;
	padding-top:7vw;
	}

.custom_div6 { 		/*Carbon*/
	grid-area: 6 / 1 / 7 / 2;  
	background-color:#f1f1f1;
	border-bottom:1px #dcdcdc solid;
	padding-left:8vw;
	padding-right:8vw;
	padding-bottom:4vw;
	padding-top:7vw;
	}
	
.custom_div7 { 		/*FULL SCALE SPIRAL SYSTEMS*/
	grid-area: 7 / 1 / 8 / 2; 
	border-right:0px;
	background-color:#f1f1f1;
	border-bottom:1px #dcdcdc solid;
	padding-left:8vw;
	padding-right:8vw;
	padding-bottom:4vw;
	padding-top:7vw;
	}

.custom_div8 { 		/*FULL SCALE TUBULAR SYSTEMS*/
	grid-area: 8 / 1 / 9 / 2; 
	background-color:#f1f1f1;
	padding-left:8vw;
	padding-right:8vw;
	padding-bottom:4vw;
	padding-top:7vw;
	}

.custom_div9 { 		/*Related*/ 
	grid-area: 9 / 1 / 10 / 2;
	padding-left:8vw;
	padding-top:6vw;
	padding-bottom:8vw;
	}

.custom_div10 { 	/*Copyright*/
	grid-area: 10 / 1 / 11 / 2;
	height:10vw;
	padding-left:0;
	padding-top:5vw;
	padding-bottom:2vw;
	}

.thumbnail {	
	object-fit: cover;
	width: 70%;
	max-height: 70%;
	padding-bottom:0.5vw;
	padding-top:0;
	}
	
/*-----------T A B L E / C H A R T-----------*/

.chart {
	width:80%;
	}

.chart th { /*Table header*/
	font-size:3.3vw;
	letter-spacing:0.15vw;
	}
		
.chart td {
	line-height:165%;
	font-size:3vw;
	letter-spacing:0.15vw;
	}	
	
.sup2 { 
	top: -0.2em; 
	font-size:2vw;
	}
	

/*-------------------------T Y P O G R A P H Y-------------------------*/

.product_title {	/*Large product title*/
	font-size:6vw;
	letter-spacing:0.2vw;
	padding-top:8vw;
	padding-left:8vw;
	line-height:105%;
	width:70vw;
	padding-bottom:1.4vw;	
	}

.product_description { /*Product description*/
	font-size:3.5vw;
	width:70vw;
	padding-top:0;
	padding-left:8vw;
	letter-spacing:0.1vw;
	}
	
.content {
	letter-spacing:0.1vw;
	line-height:160%;	
	font-size:3.3vw;
	}

.custom_title {
	font-size:4vw;
	margin:0;
	padding-bottom:4vw;
	letter-spacing:0.2vw;
	}
	
.extra {
	color:#999;
	}
	
/*---------------R E L A T E D  P R O D U C T S-------------------------*/

.img_related {
	display:none;
	}
	
#related1 { 
	vertical-align:middle; 
	padding-top:1vw; 
	padding-bottom:6.4vw;
	}
	
#related2 { 
	vertical-align:middle; 
	padding-bottom:6.4vw;
	}

#related3 { 
	vertical-align:middle; 
	padding-bottom:6.4vw;
	}	
	
#related4 { 
	vertical-align:middle; 
	padding-bottom:0;
	}		

#related_title {
	font-size:4vw;
	letter-spacing:0.1vw;
	display:block;
	padding-bottom:3.2vw;
	}	
	
.related_product {
	letter-spacing: 0.2vw;
	font-size: 2.6vw;
	padding-left: 0.5vw;
	}	
	
.related_description {
	font-size: 2.8vw;
	letter-spacing: 0.15vw;
	padding-left: 0.5vw;
	}

	
/*----S V Gs----------*/
	
.link_icon {	/*">" svg icon*/
	width: 3vw;
	height: 3vw;
	margin-left: -0.2vw;
	margin-top: -0.6vw;
	vertical-align: middle;	
	}

}