/* Products Tree */

.pt_buttons_wrapper.mobile { display: none !important; }

.pt_buttons_wrapper {
	display: flex; align-items: flex-start; justify-content: center;
	margin-bottom: 32px;
	height: 164px;
}


.pt_buttons_wrapper ul {
	display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
	width: 100%; max-width: 1200px;
}
.pt_buttons_wrapper ul li {
	display: flex; align-items: center; justify-content: center;
	width: calc(100% / 8); height: 60px;
	font: 300 14px/15px "Inter", serif; color: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	padding: 8px;
}
	.pt_buttons_wrapper ul li:hover { cursor: pointer; }

	.pt_buttons_wrapper li.pt_1,.pt_buttons_wrapper li.pt_8 { color: #767575; }

.pt_buttons_wrapper li[data-status="active"] { font-weight: 600; box-shadow: none; }





.pt_buttons_wrapper[data-color="pt_1"],
.pt_buttons_wrapper ul li.pt_1 { background: #fff; }

.pt_buttons_wrapper[data-color="pt_2"],
.pt_buttons_wrapper ul li.pt_2 { background: #9CCD95; }

.pt_buttons_wrapper[data-color="pt_3"],
.pt_buttons_wrapper ul li.pt_3 { background: #33AA4B; }

.pt_buttons_wrapper[data-color="pt_4"],
.pt_buttons_wrapper ul li.pt_4 { background: #A0A39F; }

.pt_buttons_wrapper[data-color="pt_5"],
.pt_buttons_wrapper ul li.pt_5 { background: #767575; }

.pt_buttons_wrapper[data-color="pt_6"],
.pt_buttons_wrapper ul li.pt_6 { background: #D398A0; }

.pt_buttons_wrapper[data-color="pt_7"],
.pt_buttons_wrapper ul li.pt_7 { background: #6EB3AC; }

.pt_buttons_wrapper[data-color="pt_8"],
.pt_buttons_wrapper ul li.pt_8 { background: #E7E3DA; }


.pt_content {
	display: none;
	width: 100%; max-width: 1200px; margin: 0 auto;
	
	
}
.pt_content[data-status="active"] { display: block; }


.pt_content h2 {
	display: block;
	font: 700 32px/34px "Inter", serif; color: #fff;
	margin-bottom: 32px; margin-top: -82px;
}

	.pt_content[data-id="pt_1"] h2,
	.pt_content[data-id="pt_2"] h2,
	.pt_content[data-id="pt_3"] h2,
	.pt_content[data-id="pt_4"] h2,
	.pt_content[data-id="pt_5"] h2,
	.pt_content[data-id="pt_6"] h2,
	.pt_content[data-id="pt_7"] h2,
	.pt_content[data-id="pt_8"] h2 { color: #767575; }

.pt_content .prod { display: block; }
.pt_content .prod:not(:first-of-type) { margin-top: 48px; }

.pt_content .prod .legend {
	display: block; margin: 16px 0 0 0; 
}
.pt_content .prod .legend .green { font-weight: 700; color: #40A44A; }

.pt_content h3 {
	display: block;
	font: 700 24px/26px "Inter", serif; color: #14AF28;
	margin-bottom: 16px;
}
.pt_content p {
	display: block;
	font: 400 20px/24px "Inter", serif; color: #767575;
	margin-bottom: 32px;
}

.pt_content .prod_details { display: flex; align-items: center; justify-content: flex-start; }
.pt_content .prod_details .pdi { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 64px; }
.pt_content .prod_details .pdi .desktop { max-width: 200px; }

.pt_content table {
	width: 50%;
	border: 0; border-collapse: collapse;
}
.pt_content table th {
	background: #2DA947;
	border: 1px solid #767575;
	font: 300 14px/14px "Inter", serif; color: #fff;
	padding: 8px;
}
.pt_content table td {
	border: 1px solid #767575;
	font: 400 14px/14px "Inter", serif; color: #767575;
	padding: 8px; text-align: center;
}
	.pt_content table td.colspanned { border: 0; font-weight: 700; }
	.pt_content table tr.green td { font-weight: 700; color: #40A44A; }


.pt_content .prod_more {
	display: flex; align-items: center; justify-content: center;
	width: 205px; height: 32px; margin: 32px auto;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	font: 400 18px/18px "Inter", serif;
}

.pt_content[data-id="pt_1"] .prod_more { background: #fff; color: #767575; }
.pt_content[data-id="pt_2"] .prod_more { background: #9CCD95; color: #fff; }
.pt_content[data-id="pt_3"] .prod_more { background: #33AA4B; color: #fff; }
.pt_content[data-id="pt_4"] .prod_more { background: #A0A39F; color: #fff; }
.pt_content[data-id="pt_5"] .prod_more { background: #767575; color: #fff; }
.pt_content[data-id="pt_6"] .prod_more { background: #D398A0; color: #fff; }
.pt_content[data-id="pt_7"] .prod_more { background: #6EB3AC; color: #fff; }
.pt_content[data-id="pt_8"] .prod_more { background: #E7E3DA; color: #767575; }



@media screen and (max-width: 992px) {
	.pt_buttons_wrapper.desktop { display: none !important; }
	.pt_buttons_wrapper.mobile { display: flex !important; }
	.pt_content .prod_details .pdi { margin-left: inherit;}
	
	.pt_content .prod_details { flex-direction: column-reverse; }
	.pt_buttons_wrapper li[data-status="active"] { outline: 1px solid #fff; }
	.pt_buttons_wrapper li.pt_1[data-status="active"] { background: #f1f1f1; outline: 1px solid #ddd; }
	.pt_buttons_wrapper li.pt_2[data-status="active"] { background: #96C48F; }
	.pt_buttons_wrapper li.pt_3[data-status="active"] { background: #2E9E45; }
	.pt_buttons_wrapper li.pt_4[data-status="active"] { background: #989B96; }
	.pt_buttons_wrapper li.pt_5[data-status="active"] { background: #6C6A6A; }
	.pt_buttons_wrapper li.pt_6[data-status="active"] { background: #C98F97; }
	.pt_buttons_wrapper li.pt_7[data-status="active"] { background: #69ABA5; }
	.pt_buttons_wrapper li.pt_8[data-status="active"] { background: #DEDAD1; outline: 1px solid #bbb; }
}