/* Header - TopNav */

/*	For Green that I liked? 
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(160deg);
	filter: grayscale(100%) sepia(100%) hue-rotate(160deg)
	OR
-webkit-filter: hue-rotate(90deg);
  filter: hue-rotate(90deg)
*/

/* This was what used to get the blue-ish look that I particularly liked on the Facebook icon???
-webkit-filter: brightness(50%) grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(200%);
filter: brightness(50%) grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(200%)
*/

#pghdr_tpnv_wrap {
	position: absolute;
	height: 80px;
	top: 5px;
}

/* ************** OLD (BUT WITH ERROR OF OLD CORRECTED) TOP NAV OFFSET SETTINGS IN CASE THE FOUR PART SETTING BELOW FAILS *************** */
/* ************************************************************************************ */
/*
@media screen and (max-width: 319px) {
  #pghdr_tpnv_wrap {
    right: var(--rightOffset-headerAdjustment1-ofSmallestVal);
  }
}

@media screen and (min-width: 320px) and (max-width: 389px) {
  #pghdr_tpnv_wrap {
    right: calc(var(--rightOffset-headerAdjustment1-ofSmallestVal) + calc(var(--rightOffset-headerAdjustment1-ofLargestVal-numberOnly) - var(--rightOffset-headerAdjustment1-ofSmallestVal-numberOnly))*(calc(100vw - var(--fluidVals-screenWidth2-ofSmallestVal)) / calc(var(--fluidVals-screenWidth2-ofLargestVal-numberOnly) - var(--fluidVals-screenWidth2-ofSmallestVal-numberOnly))));
  }
}

@media screen and (min-width: 390) {
  #pghdr_tpnv_wrap {
    right: var(--rightOffset-headerAdjustment1-ofLargestVal);
  }
}
*/


/* ************** NEWER TOP NAV OFFSET SETTINGS (SEE ABOVE IF THIS FAILS???) *************** */
/* ***************************************************************************************** */
@media screen and (max-width: 320px) {
  #pghdr_tpnv_wrap {
    right: var(--rightOffset-headerAdjustment1-ofMidVal);
  }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  #pghdr_tpnv_wrap {
    right: calc(var(--rightOffset-headerAdjustment1-ofMidVal) + calc(var(--rightOffset-headerAdjustment1-ofSmallestVal-numberOnly) - var(--rightOffset-headerAdjustment1-ofMidVal-numberOnly))*(calc(100vw - var(--fluidVals-screenWidth2-ofSmallestVal)) / calc(var(--fluidVals-screenWidth2-ofMidVal-numberOnly) - var(--fluidVals-screenWidth2-ofSmallestVal-numberOnly))));
  }
}

@media screen and (min-width: 361px) and (max-width: 389px) {
  #pghdr_tpnv_wrap {
    right: calc(var(--rightOffset-headerAdjustment1-ofSmallestVal) + calc(var(--rightOffset-headerAdjustment1-ofLargestVal-numberOnly) - var(--rightOffset-headerAdjustment1-ofSmallestVal-numberOnly))*(calc(100vw - var(--fluidVals-screenWidth2-ofMidVal)) / calc(var(--fluidVals-screenWidth2-ofLargestVal-numberOnly) - var(--fluidVals-screenWidth2-ofMidVal-numberOnly))));
  }
}

@media screen and (min-width: 390px) {
  #pghdr_tpnv_wrap {
    right: var(--rightOffset-headerAdjustment1-ofLargestVal);
  }
}



/* ***************************** SCALING OF TOP NAV FOR SMALLER SCREEN ********************* */
/* ***************************************************************************************** */
/* Note: I tried to do a formula method for much of the passage from 320px to 360px, but I never succeeded in getting it to work. Hence a LOT of media queries below. */
#pghdr_tpnv_wrap {
	transform-origin: bottom right;
}

@media screen and (max-width: 320px) {
  #pghdr_tpnv_wrap {
    transform: scale(var(--scalVal-headerAdjustment1-ofSmallestVal));
  }
}

@media screen and (min-width: 360px) {
  #pghdr_tpnv_wrap {
    transform: scale(var(--scalVal-headerAdjustment1-ofLargestVal));
  }
}

@media screen and (min-width: 321px) and (max-width: 322px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.8575);
  }
}

@media screen and (min-width: 323px) and (max-width: 324px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.865);
  }
}

@media screen and (min-width: 325px) and (max-width: 326px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.8725);
  }
}

@media screen and (min-width: 327px) and (max-width: 328px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.88);
  }
}

@media screen and (min-width: 329px) and (max-width: 330px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.8875);
  }
}

@media screen and (min-width: 331px) and (max-width: 332px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.895);
  }
}

@media screen and (min-width: 333px) and (max-width: 334px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.9025);
  }
}

@media screen and (min-width: 335px) and (max-width: 336px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.91);
  }
}

@media screen and (min-width: 337px) and (max-width: 338px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.9175);
  }
}

@media screen and (min-width: 339px) and (max-width: 340px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.925);
  }
}

@media screen and (min-width: 341px) and (max-width: 342px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.93);
  }
}

@media screen and (min-width: 343px) and (max-width: 344px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.9375);
  }
}

@media screen and (min-width: 345px) and (max-width: 346px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.945);
  }
}

@media screen and (min-width: 347px) and (max-width: 348px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.9525);
  }
}

@media screen and (min-width: 349px) and (max-width: 350px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.96);
  }
}

@media screen and (min-width: 351px) and (max-width: 352px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.9675);
  }
}

@media screen and (min-width: 353px) and (max-width: 354px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.975);
  }
}

@media screen and (min-width: 355px) and (max-width: 356px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.985);
  }
}

@media screen and (min-width: 357px) and (max-width: 359px) {
  #pghdr_tpnv_wrap {
	  transform: scale(.9925);
  }
}
/* End Top Nav Scale Adjustment Section */



@media (min-width: 1190px) {
	#pghdr_tpnv_wrap {
		width: 675px;
	}
	#pghdr_tpnv_rectangle3,
	#pghdr_tpnv_rectangle2,
	#pghdr_tpnv_square4 {
		display: block;
	}
}

@media (max-width: 1189px) and (min-width: 1070px) {
	#pghdr_tpnv_wrap {
		width: 555px;
	}
	#pghdr_tpnv_rectangle3 {
		display: none;
	}
	#pghdr_tpnv_rectangle2,
	#pghdr_tpnv_square4 {
		display: block;
	}
}

@media (max-width: 1069px) and (min-width: 950px) {
	#pghdr_tpnv_wrap {
		width: 425px;
	}
	#pghdr_tpnv_rectangle2,
	#pghdr_tpnv_rectangle3 {
		display: none;
	}
	#pghdr_tpnv_square4 {
		display: block;
	}
}

@media (max-width: 949px) and (min-width: 870px) {
	#pghdr_tpnv_wrap {
		width: 425px;
	}
	#pghdr_tpnv_rectangle2,
	#pghdr_tpnv_rectangle3 {
		display: none;
	}
	#pghdr_tpnv_square4 {
		display: block;
	}
}

@media (max-width: 869px) {
	#pghdr_tpnv_wrap {
		width: 350px;
	}
	#pghdr_tpnv_rectangle2,
	#pghdr_tpnv_rectangle3,
	#pghdr_tpnv_square4 {
		display: none;
	}
}


#pghdr_tpnv_wrap {
	z-index: 50;
}



#pghdr_tpnv_container {
/*	width: var(--tpnv-container); */
	width: 100%; 
/*	padding-top: 2px; */
	margin-right: 0;
	margin-bottom: 0;
/*	height: 84px; */
	height: 80px;
	position: absolute;
	right: 0;
/*	top: 1px; */
	top: 0px;
/*	margin-top: 2px; */
	margin-right: 0;
	margin-bottom: 0;
/*	z-index: 9998; */
}

#pghdr_tpnv_rectangle1,
#pghdr_tpnv_rectangle2,
#pghdr_tpnv_rectangle3,
#pghdr_tpnv_square1,
#pghdr_tpnv_square2,
#pghdr_tpnv_square3,
#pghdr_tpnv_square4 {
	box-sizing: border-box;	
	position: absolute;
}

#pghdr_tpnv_rectangle1,
#pghdr_tpnv_rectangle2,
#pghdr_tpnv_rectangle3,
#pghdr_tpnv_square1,
#pghdr_tpnv_square2,
#pghdr_tpnv_square3,
#pghdr_tpnv_square4 {
	top: 0;
}

#pghdr_tpnv_rectangle3_animation_wrap,
#pghdr_tpnv_rectangle2_animation_wrap,
#pghdr_tpnv_rectangle1_animation_wrap,
#pghdr_tpnv_square1_animation_wrap,
#pghdr_tpnv_square2_animation_wrap,
#pghdr_tpnv_square3_animation_wrap,
#pghdr_tpnv_square4_animation_wrap {
	box-sizing: border-box;
	position: relative;
	right: 0;
	top: 0;
}

/*
#pghdr_tpnv_rectangle1 {
	top: 2px;
}
*/

#pghdr_tpnv_rectangle1_animation_wrap {
	transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0); 	
}

#pghdr_tpnv_square3_animation_wrap {
	transform: translate3d(0, var(--tpnvAnm-topOffset-home-square3), 0); 	
}

#pghdr_tpnv_rectangle3_animation_wrap,
#pghdr_tpnv_rectangle2_animation_wrap,
#pghdr_tpnv_rectangle1_animation_wrap {
	height: 70px;
	width: 115px;
}

#pghdr_tpnv_square1_animation_wrap,
#pghdr_tpnv_square2_animation_wrap,
#pghdr_tpnv_square3_animation_wrap,
#pghdr_tpnv_square4_animation_wrap {
	height: 70px;
	width: 70px;
}


#pghdr_tpnv_rectangle1 {
	right: var(--tpnv-rect1-home-rghtOffset);
}

#pghdr_tpnv_rectangle2 {
	right: var(--tpnv-rect2-home-rghtOffset);
}

#pghdr_tpnv_rectangle3 {
	right: var(--tpnv-rect3-home-rghtOffset);
}

#pghdr_tpnv_square1 {
	right: var(--tpnv-sqr1-home-rghtOffset);
}

#pghdr_tpnv_square2 {
	right: var(--tpnv-sqr2-home-rghtOffset);
}

#pghdr_tpnv_square3 {
	right: var(--tpnv-sqr3-home-rghtOffset);
}

#pghdr_tpnv_square4 {
	right: var(--tpnv-sqr4-home-rghtOffset);
}


/* #pghdr_tpnv_square4 {
	margin-right: 14px;
} */



#pghdr_tpnv_rectangle1 a,
#pghdr_tpnv_rectangle2 a,
#pghdr_tpnv_rectangle3 a,
#pghdr_tpnv_square1 a,
#pghdr_tpnv_square2 a,
/* #pghdr_tpnv_square3 a, */
#pghdr_tpnv_square4 a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

#pghdr_tpnv_rectangle1 a {
	display: block;
	outline: 0 none;
	position: relative;
	z-index: 150;
}

/*
#pghdr_tpnv_fecrivel,
#pghdr_tpnv_fecreible,
#pghdr_tpnv_crediblefaith,
#pghdr_tpnv_foicredible,
#pghdr_tpnv_begruendeterglaube,
#pghdr_tpnv_razumnayavera {
	height: 70px;
	width: 105px;}
*/
	
#pghdr_tpnv_rectangle2,
#pghdr_tpnv_rectangle3,
#pghdr_tpnv_rectangle1_item1,
#pghdr_tpnv_rectangle1_item2,
#pghdr_tpnv_rectangle1_item3,
#pghdr_tpnv_rectangle1_item4,
#pghdr_tpnv_rectangle1_item5,
#pghdr_tpnv_rectangle1_item6 {
	height: 73px;
	width: 115px;
}

.pghdr_tpnv_square3_submenu_txticns_type1 {
	height: 56px;
	width: 92px;
}

.pghdr_tpnv_square3_submenu_txticns_type1 img {
	height: 100%;
	width: 100%;
}


#pghdr_tpnv_rectangle1 {
	height: 73px;
	width: 131px;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0;
}



/*
.pghdr_tpnv_submenu_txticns {
	height: 84px;
	width: 138px;
}

.pghdr_tpnv_submenu_txticns {
	height: 100%;
	width: 100%;
}
*/

#pghdr_tpnv_square1,
#pghdr_tpnv_square2,
/* #pghdr_tpnv_square3, */
#pghdr_tpnv_square4 {
	height: 70px;
	width: 70px;
}

#pghdr_tpnv_square3 {
	height: 73px;
	width: 89px;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0;
}

#pghdr_tpnv_fecreible_img, 
#pghdr_tpnv_fecrivel_img, 
#pghdr_tpnv_crediblefaith_img, 
#pghdr_tpnv_foicredible_img,
#pghdr_tpnv_begruendeterglaube_img,
#pghdr_tpnv_razumnayavera_img,
#pghdr_tpnv_rectangle1_img,
#pghdr_tpnv_rectangle2_img,
#pghdr_tpnv_rectangle3_img,
#pghdr_tpnv_rectangle4_img,
#pghdr_tpnv_square1_img,
#pghdr_tpnv_square2_img,
#pghdr_tpnv_square3_img,
#pghdr_tpnv_square4_img {
	height: 100%;
	width: 100%;
}	

#pghdr_tpnv_square1_img,
#pghdr_tpnv_square2_img,
#pghdr_tpnv_square3_img,
#pghdr_tpnv_square4_img,
#pghdr_tpnv_rectangle1_img,
#pghdr_tpnv_rectangle2_img,
#pghdr_tpnv_rectangle3_img,
/* .tpnv_square3_container1_item_img */
#tpnv_square3_container1_item1_flipobject,
#tpnv_square3_container1_item2_flipobject, {
	box-shadow: 1px 1px 10px #999;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

#pghdr_tpnv_crediblefaith_img, 
#pghdr_tpnv_fecreible_img, 
#pghdr_tpnv_fecrivel_img,
#pghdr_tpnv_foicredible_img,
#pghdr_tpnv_begruendeterglaube_img,
#pghdr_tpnv_razumnayavera_img {
	box-shadow: 1px 1px 10px #999;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#pghdr_tpnv_rectangle1_title,
#pghdr_tpnv_rectangle1:hover #pghdr_tpnv_rectangle1_title,
#pghdr_tpnv_square3_title,
#pghdr_tpnv_square3:hover #pghdr_tpnv_square3_title {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.menutitle_active_rect1,
.menutitle_active_square3,
#pghdr_tpnv_rectangle1_title.mouse_in_menugroup,
#pghdr_tpnv_square3_title.mouse_in_menugroup {
/*#pghdr_tpnv_rectangle1:hover #pghdr_tpnv_rectangle1_title */
	border-top-color: #D3D3D3;
	border-top-width: 1px;
	border-top-style: solid;

	border-right-color: #D3D3D3;
	border-right-width: 1px;
	border-right-style: solid;
	
	border-left-color: #D3D3D3;
	border-left-width: 1px;
	border-left-style: solid;

	background-color: #542A18;	
	z-index: 250;
}

#pghdr_tpnv_rectangle1_title {
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-top: 5px;
	height: 70px;
	width: 115px;
}

#pghdr_tpnv_square3_title {
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-top: 5px;
	height: 70px;
	width: 70px;
}

/*
#pghdr_tpnv_rectangle1_item1,
#pghdr_tpnv_rectangle1_item2,
#pghdr_tpnv_rectangle1_item3,
#pghdr_tpnv_rectangle1_item4,
#pghdr_tpnv_rectangle1_item5,
#pghdr_tpnv_rectangle1_item6 {
	float: left;
}
*/




#pghdr_tpnv_rectangle1_dropdown_wrap.closed_dropdown {
	display: none;
}


/* #pghdr_tpnv_rectangle1_title:hover ~ #pghdr_tpnv_rectangle1_dropdown_wrap */
#pghdr_tpnv_rectangle1_dropdown_wrap.animation_in_progress,
#pghdr_tpnv_rectangle1_dropdown_wrap.menu_active {
	color: #542A18;
	display: grid;
	z-index: 99;
	grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	justify-items: center;
}

#pghdr_tpnv_rectangle1_dropdown_wrap {
	background: -webkit-linear-gradient(#542A18, #321A13);
	background: -o-linear-gradient(#542A18, #321A13);
	background: -moz-linear-gradient(#542A18, #321A13);
	background: linear-gradient(#542A18, #321A13);
	border-style: solid;
	border-width: 1px;
	border-color: #D3D3D3;
	margin: 0px auto;
	padding: 10px;
	position: absolute;
	text-align: left;
	overflow: hidden;
	width: 250px;
	right: -12px;
	border-radius: 5px 0 5px 5px;
	top: 75px;
	height: 236px;
}


#pghdr_tpnv_rectangle1_dropdown_wrap.closed_dropdown {
	display: none;
}

#pghdr_tpnv_rectangle1 {
	border: medium none;
	z-index: 150;
}

#pghdr_tpnv_rectangle1 > a {
	outline: 0 none;
}

.pghdr_tpnv_rect1_txticns_img,
.pghdr_tpnv_square3_txticns_img {
	box-shadow: 1px 1px 10px #999;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
	height: 100%;
	width: 100%;
}


.tpnv_square3_container2_item_img {
	box-shadow: 1px 1px 10px #999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
	border-radius: 9px;	
}

/*
.tpnv_square3_container3_subcontainer1_item_img,
.tpnv_square3_container3_subcontainer2_item_img,
.tpnv_square3_container3_subcontainer3_item_img,
.tpnv_square3_container3_subcontainer4_item_img,
.tpnv_square3_container3_subcontainer5_item_img,
.tpnv_square3_container3_subcontainer6_item_img,
.tpnv_square3_container3_subcontainer7_item_img,
.tpnv_square3_container4_subcontainer1_item_img
*/
.tpnv_square3_c3s01_item_img,
.tpnv_square3_c3s02_item_img,
.tpnv_square3_c3s03_item_img,
.tpnv_square3_c3s04_item_img,
.tpnv_square3_c3s05_item_img,
.tpnv_square3_c3s06_item_img,
.tpnv_square3_c3s07_item_img,
.tpnv_square3_c3s08_item_img,
.tpnv_square3_c3s09_item_img,
.tpnv_square3_c3s10_item_img,
.tpnv_square3_c3s11_item_img,
.tpnv_square3_c3s12_item_img,
.tpnv_square3_c3s13_item_img,
.tpnv_square3_c3s14_item_img,
.tpnv_square3_c3s15_item_img,
.tpnv_square3_c3s16_item_img,
.tpnv_square3_c3s17_item_img,
.tpnv_square3_c3s18_item_img,
.tpnv_square3_c3s19_item_img,
.tpnv_square3_c3s20_item_img,
.tpnv_square3_c3s21_item_img,
.tpnv_square3_c3s22_item_img,
.tpnv_square3_c3s23_item_img,
.tpnv_square3_c3s24_item_img,
.tpnv_square3_c3s25_item_img,
.tpnv_square3_c3s26_item_img,
.tpnv_square3_c3s27_item_img,
.tpnv_square3_c3s28_item_img {
	box-shadow: 1px 1px 10px #999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
	border-radius: 9px;	
}


#pghdr_tpnv_rectangle1 a,
#pghdr_tpnv_rectangle2 a,
#pghdr_tpnv_rectangle3 a,
#pghdr_tpnv_square1 a,
#pghdr_tpnv_square2 a,
#pghdr_tpnv_square3_title,
#pghdr_tpnv_square4 a,
#pghdr_mnnv_wrap a,
#header_cfbranding a {
	display: inline-block;
	height: 100%;
	width: 100%;
}


/* ************************ HEADER TOPNAV SQUARE 3 ************************ */
/* ************************************************************************ */
/*
#pghdr_tpnv_square3_dropdown_wrap *,
#pghdr_tpnv_wrap * {
	border: 1px solid red;
}
*/

#pghdr_tpnv_square3_dropdown_wrap.animation_in_progress,
#pghdr_tpnv_square3_dropdown_wrap.menu_active {
	color: #542A18;
	display: grid;
	z-index: 99;
	grid-template-columns: calc(100% - 6px);
	grid-template-rows: auto;
	grid-column-gap: 5px;
	grid-row-gap: 3px; 
	justify-content: center;
	padding-top: 4px;
}

.tpnv_square3_container1_item_img,
.tpnv_square3_container2_item_img,
.tpnv_square3_container1_item a,
.tpnv_square3_container2_item a,
.tpnv_square3_c3s01_item_img,
.tpnv_square3_c3s02_item_img,
.tpnv_square3_c3s03_item_img,
.tpnv_square3_c3s04_item_img,
.tpnv_square3_c3s05_item_img,
.tpnv_square3_c3s06_item_img,
.tpnv_square3_c3s07_item_img,
.tpnv_square3_c3s08_item_img,
.tpnv_square3_c3s09_item_img,
.tpnv_square3_c3s10_item_img,
.tpnv_square3_c3s11_item_img,
.tpnv_square3_c3s12_item_img,
.tpnv_square3_c3s13_item_img,
.tpnv_square3_c3s14_item_img,
.tpnv_square3_c3s15_item_img,
.tpnv_square3_c3s16_item_img,
.tpnv_square3_c3s17_item_img,
.tpnv_square3_c3s18_item_img,
.tpnv_square3_c3s19_item_img,
.tpnv_square3_c3s20_item_img,
.tpnv_square3_c3s21_item_img,
.tpnv_square3_c3s22_item_img,
.tpnv_square3_c3s23_item_img,
.tpnv_square3_c3s24_item_img,
.tpnv_square3_c3s25_item_img,
.tpnv_square3_c3s26_item_img,
.tpnv_square3_c3s27_item_img,
.tpnv_square3_c3s28_item_img,
.tpnv_square3_c3s01_item a,
.tpnv_square3_c3s02_item a,
.tpnv_square3_c3s03_item a,
.tpnv_square3_c3s04_item a,
.tpnv_square3_c3s05_item a,
.tpnv_square3_c3s06_item a,
.tpnv_square3_c3s07_item a,
.tpnv_square3_c3s08_item a,
.tpnv_square3_c3s09_item a,
.tpnv_square3_c3s10_item a,
.tpnv_square3_c3s11_item a,
.tpnv_square3_c3s12_item a,
.tpnv_square3_c3s13_item a,
.tpnv_square3_c3s14_item a,
.tpnv_square3_c3s15_item a,
.tpnv_square3_c3s16_item a,
.tpnv_square3_c3s17_item a,
.tpnv_square3_c3s18_item a,
.tpnv_square3_c3s19_item a,
.tpnv_square3_c3s20_item a,
.tpnv_square3_c3s21_item a,
.tpnv_square3_c3s22_item a,
.tpnv_square3_c3s23_item a,
.tpnv_square3_c3s24_item a,
.tpnv_square3_c3s25_item a,
.tpnv_square3_c3s26_item a,
.tpnv_square3_c3s27_item a,
.tpnv_square3_c3s28_item a {
	height: 100%;
	width: 100%;
}

#pghdr_tpnv_square3_dropdown_wrap {
    background: -webkit-linear-gradient(#542a18, #321a13);
    background: -o-linear-gradient(#542a18, #321a13);
    background: -moz-linear-gradient(#542a18, #321a13);
    background: linear-gradient(#542a18, #321a13);
/*	background: linear-gradient(180deg, #542A18 0%, #321A13 100%); */
	border-style: solid;
	border-width: 1px;
	border-color: #D3D3D3;
	margin: 0px auto;
/*	padding: 10px; */
	position: absolute;
/*	text-align: left; */
	overflow: hidden;
	width: 350px;
	left: 0px;
	border-radius: 0 5px 5px 5px;
	top: 75px;
	height: 530px;
}

#tpnv_square3_dropdown_container1,
#tpnv_square3_dropdown_container2,
#tpnv_square3_dropdown_container3,
#tpnv_square3_dropdown_container4,
#tpnv_square3_dropdown_container5,
#tpnv_square3_dropdown_container6 {
	position: relative;
	box-sizing: border-box;
}

#tpnv_square3_dropdown_container1 {
	height: 70px;
	width: 344px;
	border-radius: 15px;
}

/*
#tpnv_square3_container3_text_label_container {
	margin-top: 7px;
}

#tpnv_square3_container4_text_label_container {
	margin-top: 1px;
}
*/

#tpnv_square3_dropdown_container2 {
	height: 130px;
	width: 344px;
	border-radius: var(--borderRadius3);
	display: grid;
	grid-template-columns: 304px 36px;
	grid-template-rows: 100%;
	grid-column-gap: 3px;
	grid-row-gap: 0px;
}

#tpnv_square3_container2_item_container01 {
	display: grid;
	grid-template-columns: repeat(3, 92px);
	grid-template-rows: repeat(auto-fill, 56px);
	grid-column-gap: 8px;
	grid-row-gap: 10px;
	justify-items: center;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	width: 100%;
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 3px;
	box-sizing: border-box;
	scrollbar-width: none;
}


.tpnv_square3_container2_item {
	height: 56px;
	width: 92px;
	perspective: 600px;
	perspective-origin: center;
}

.tpnv_square3_container2_item {
	transform-style: preserve-3d;
}


.tpnv_square3_container2_item_wrap {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
/*	padding-left: 5px; 
	padding-right: 5px; */
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	z-index: 8;
/*    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1px repeat(23, 138px) 1px;
    grid-template-rows: 93px;
	overflow-x: scroll;
	overflow-y: hidden;
	height: 100%;
	align-items: center;
	width: 100%;
	position: relative;
	scrollbar-width: none;
	z-index: 7; */
}

#tpnv_square3_container2_subcontainer01_background01,
#tpnv_square3_container2_subcontainer02_background01,
#tpnv_square3_container2_background01,
#tpnv_square3_container3_background01,
.tpnv_square3_container3_subcontainer_background {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;	
}
/*
.tpnv_square3_container3_subcontainer_split_background {
	height: 90px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;	
}
*/

.tpnv_square3_container4_subcontainer_background {
	z-index: 4;
}

#tpnv_square3_container4_label_wrap02,
.tpnv_square3_container2_label_wrap {
	z-index: 5;
}

#tpnv_square3_container2_subcontainer02_background01 {
	box-sizing: border-box;
	
}

#tpnv_square3_container3_background01,
.tpnv_square3_container3_subcontainer_background {
	background-color: white;	
}



.tpnv_square3_container2_subcontainer_wrap,
#tpnv_square3_container2_background01,
#tpnv_square3_container2_subcontainer01_wrap,
#tpnv_square3_container2_subcontainer01_wrap::before,
#tpnv_square3_container2_subcontainer01_background01,
#tpnv_square3_container2_subcontainer01_background01::before,
#tpnv_square3_container2_subcontainer02_background01,
#tpnv_square3_container2_subcontainer02_background01::before {
	border-radius: var(--borderRadius3);
}

#tpnv_square3_container3_background01 {
	border-top-left-radius: calc(var(--borderRadius3) + 2px);
	border-bottom-left-radius: calc(var(--borderRadius3) + 2px);
	border-top-right-radius: var(--borderRadius4);
	border-bottom-right-radius: var(--borderRadius4);
}

/* .tpnv_square3_container3_subcontainer_split_background  */
.tpnv_square3_container3_subcontainer_background {
	border-top-left-radius: var(--borderRadius3);
	border-bottom-left-radius: var(--borderRadius3);
	border-top-right-radius: var(--borderRadius4);
	border-bottom-right-radius: var(--borderRadius4);
}



#tpnv_square3_container2_background01::before,
#tpnv_square3_container3_background01::before,
.tpnv_square3_container3_subcontainer_background::before {
  border-radius: var(--borderRadius3);
}

.tpnv_square3_container3_subcontainer_sidebar_background::before,
.tpnv_square3_container3_subcontainer_sidebar_split_background::before {
    border-radius: var(--borderRadius4);
}

/* .tpnv_square3_container3_subcontainer_split_background::before */
.tpnv_square3_container3_subcontainer_background::before {
	mix-blend-mode: normal;
}

/* #tpnv_square3_container2_background01::before, */
#tpnv_square3_container2_subcontainer01_wrap::before,
#tpnv_square3_container2_subcontainer01_background01::before,
#tpnv_square3_container2_subcontainer02_background01::before,
#tpnv_square3_container3_background01::before,
.tpnv_square3_container3_subcontainer_sidebar_background::before,
.tpnv_square3_container3_subcontainer_sidebar_split_background::before,
.tpnv_square3_container3_subcontainer_background::before,
#tpnv_square3_container4_subcontainer03_background01::before,
#tpnv_square3_container4_subcontainer02_wrap::before,
#tpnv_square3_container4_subcontainer01_wrap::before {
  content: "";
  background: url("/images/modules/entries/tileable-texture-from-header-background-300x266.jpg");
  background-position: center; 
  background-repeat: repeat;
/*  opacity: 0.25; */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 5;
}

#tpnv_square3_container2_item_end_spacer {
	height: 84px;
	width: 1px;
}

/* .tpnv_square3_container3_subcontainer_wrap */
#tpnv_square3_dropdown_container3 {
	height: 180px;
	width: 344px;
	border-top-right-radius: var(--borderRadius4);
	border-bottom-right-radius: var(--borderRadius4);
	border-bottom-left-radius: var(--borderRadius3);
	border-top-left-radius: var(--borderRadius3);
}

.tpnv_square3_container3_subcontainer_sidebar_background,
.tpnv_square3_container3_subcontainer_sidebar_split_background {
/*	background-color: rgba(0,0,0,.2); */
	background-color: white;
}

/*
#tpnv_square3_container3_subcontainer01_background01 {
	background-color: blue;
}

#tpnv_square3_container3_subcontainer02_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer03_background01 {
	background-color: yellow;
}

#tpnv_square3_container3_subcontainer04_background01 {
	background-color: purple;
}

#tpnv_square3_container3_subcontainer05_background01 {
	background-color: orange;
}

#tpnv_square3_container3_subcontainer06_background01 {
	background-color: green;
}

#tpnv_square3_container3_subcontainer07_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer08_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer09_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer10_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer11_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer12_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer13_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer14_background01 {
	background-color: red;
}

#tpnv_square3_container3_subcontainer15_background01 {
	background-color: red;
}
*/


#tpnv_square3_dropdown_container4 {
	height: 130px;
	width: 344px;
	border-radius: var(--borderRadius3);
}

.tpnv_square3_container1_item {
	height: 70px;
}

#tpnv_square3_container1_item1  {
	width: 115px;
	left: 0;
}

#tpnv_square3_container1_item2 {
	right: 155px;
}

#tpnv_square3_container1_item3 {
	right: 80px;
}

#tpnv_square3_container1_item4 {
	right: 5px;
}

#tpnv_square3_container1_item1,
#tpnv_square3_container1_item2,
#tpnv_square3_container1_item3,
#tpnv_square3_container1_item4 {
	position: absolute;
	top: 0;
}

#tpnv_square3_container1_item2,
#tpnv_square3_container1_item3,
#tpnv_square3_container1_item4 {
	width: 70px;
}
.tpnv_square3_container2_label_wrap,
.tpnv_square3_container3_subcontainer_sidebar_background,
.tpnv_square3_container3_index_wrap,
.tpnv_square3_container3_split_index_wrap,
.tpnv_square3_container4_label_wrap
/* .tpnv_square3_container4_sidebar_background */ {
	position: absolute;
	top: 0;
	right:0;
	height: 100%;
	width: 40px;
/*	border-top-right-radius: var(--borderRadius3);
	border-bottom-right-radius: var(--borderRadius3);	*/
	border-radius: var(--borderRadius4);
}

.tpnv_square3_container3_subcontainer_sidebar_split_background {
	position: absolute;
	right:0;
	height: 49%;
	width: 40px;
	border-radius: var(--borderRadius4);	
}

#tpnv_square3_container3_subcontainer22_sidebar_split_background01 {
	top: 0;
}

#tpnv_square3_container3_subcontainer22_sidebar_split_background02 {
	bottom: 0;
}


.tpnv_square3_container2_subcontainer_sidebar_background,
.tpnv_square3_container3_subcontainer_sidebar_background,
.tpnv_square3_container3_subcontainer_sidebar_split_background {
	z-index: 5;
}

#tpnv_square_container3_subcontainer22_index_subwrap01,
#tpnv_square_container3_subcontainer22_index_subwrap02 {
	height: 49%;
	width: 100%;
	border-radius: var(--borderRadius4);
}

.tpnv_sq3c3_index_bible_reference_chapters_list {
	height: 100%;
	width: 100%;
	border-radius: var(--borderRadius4);
}

.tpnv_square3_container3_index_wrap,
#tpnv_square_container3_subcontainer22_index_subwrap01,
.active_bottom_index_container {
	display: grid;
}

.tpnv_square3_container3_index_wrap,
#tpnv_square_container3_subcontainer22_index_subwrap01,
.tpnv_sq3c3_index_bible_reference_chapters_list {
	grid-template-columns: 38px;
	grid-auto-rows: min-content;
	padding-top: 1px;
	padding-bottom: 2px;
	grid-row-gap: 9px; 
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-webkit-scrollbar-width: none;
	justify-content: center;	
	border-radius: var(--borderRadius4);
}

.tpnv_square3_container3_index_wrap {
	height: 100%;
	z-index: 11;
}

.tpnv_square3_container3_split_index_wrap {
	z-index: 11;
	height: 100%;
/*	border-top-right-radius: var(--borderRadius3);
	border-bottom-right-radius: var(--borderRadius3);	*/
}

.square3_container3_split_index_top_item.active_index_item {
	background-color: green;
	background-blend-mode: lighten;
}

.square3_container3_split_index_top_item {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear;
}

.square3_container3_index_item,
.square3_container3_split_index_top_item {
	height: 38px;
	width: 38px;
	box-sizing: border-box;
	background: url("/images/modules/entries/tileable-texture-from-header-background-300x266.jpg");
	clip-path: circle(50%);
	-webkit-clip-path: circle(50%);
}

.square3_container3_index_item a,
.square3_container3_split_index_top_item a {
	display: block;
	height: 100%;
	width: 100%;
}

.square3_container3_index_item_label_container,
.square3_container3_index_item_label_container_3characters,
.square3_container3_index_item_label_container_4characters {
	width: 100%;
	height: 100%;
	max-height: 100%;
	display: flex;	
	justify-content: center;
	align-items: center;
	overflow: hidden;
	padding-top: 1px;
}

.square3_container3_index_item_label_container p,
.square3_container3_index_item_label_container_3characters p,
.square3_container3_index_item_label_container_4characters p {
	text-decoration: none;
	color: #ffffff;
	max-height: 100%;
	line-height: 1.2;
}

.square3_container3_index_item_label_container p {
	font-size: 28px;
}

.square3_container3_index_item_label_container_4characters p {
	font-size: 22px;
}

.square3_container3_index_item_label_container_3characters p {
	font-size: 24px;
}




.square3_container3_index_item text,
.square3_container3_split_index_top_item text {
	text-anchor: middle;
	fill: white;
	font-size: 30px;
	font-family: "League Gothic", "Steelfish";
}

.square3_container3_index_item circle,
.square3_container3_split_index_top_item circle {
	fill: blue;
}

.tpnv_square3_container2_label_wrap,,
.tpnv_square3_container4_label_wrap {
	z-index: 11;	
}

.square3_container3_index_spacer {
	height: 1px;
	width: 38px;
}

/*
.tpnv_square3_container3_sidebar_background {
	z-index: 9;
}
*/

/*
.tpnv_square3_container4_sidebar_background {
	z-index: 9;
}
*/


/*
#tpnv_square3_container2_text_wrap {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 30px;
	z-index: 6;
}


.tpnv_square3_container2_background_current {
	background-color: rgba(0,0,0,.2);
}
*/


/*
#tpnv_square3_container4_subcontainer03_background01 {
	background-color: rgba(0,0,0,.2);
}
*/


/*
#tpnv_square3_container2_topbar_background01,
.tpnv_square3_container2_topbar_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	z-index: 5;	
}
*/

/*
#tpnv_square3_container2_text_wrap,
#tpnv_square3_container2_topbar_background01,
.tpnv_square3_container2_topbar_background {
	border-top-left-radius: var(--borderRadius3);
	border-top-right-radius: var(--borderRadius3);	
}
*/

.tpnv_square3_dropdown_container4_background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;	
}

#tpnv_square3_dropdown_container4_background1 {
	background-color: linear-gradient(180deg, yellow 0%, gray 100%);
}

#tpnv_square3_dropdown_container4_background2 {
	background-color: linear-gradient(180deg, green 0%, gray 100%);
}

#tpnv_square3_dropdown_container4_background3 {
	background-color: linear-gradient(180deg, blue 0%, gray 100%);
}

#tpnv_square3_dropdown_container4_background4 {
	background-color: linear-gradient(180deg, red 0%, gray 100%);
}

#tpnv_square3_dropdown_container4_background5 {
	background-color: linear-gradient(180deg, purple 0%, gray 100%);
}

#tpnv_square3_dropdown_container4_background6 {
	background-color: linear-gradient(180deg, orange 0%, gray 100%);
}

.tpnv_square3_container2_text_label_container p,
.tpnv_square3_container4_text_label_container p {
	writing-mode: vertical-lr;
}


/*
.tpnv_square3_container3_subcontainer1_item,
.tpnv_square3_container3_subcontainer2_item,
.tpnv_square3_container3_subcontainer3_item,
.tpnv_square3_container3_subcontainer4_item,
.tpnv_square3_container3_subcontainer5_item,
.tpnv_square3_container3_subcontainer6_item,
.tpnv_square3_container4_subcontainer1_item, */ 
.tpnv_square3_subcontainer_item {
	height: 56px;
	width: 92px;
}

.tpnv_square3_container3_item_wrap {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	z-index: 8;
}


#tpnv_square3_container4_subcontainer02_wrap .tpnv_square3_container4_item_wrap {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	z-index: 8;
}

#tpnv_square3_container4_subcontainer01_wrap .tpnv_square3_container4_item_wrap {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
	z-index: 8;
}

.tpnv_square3_container3_item_container {
	display: grid;
	grid-template-columns: repeat(3, 92px);
	grid-template-rows: repeat(auto-fill, 56px);
	grid-column-gap: 8px;
	grid-row-gap: 10px; 
	justify-items: center;	
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	width: 100%;
	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 3px;
	box-sizing: border-box;
	scrollbar-width: none;
}

#tpnv_square3_dropdown_container4 {
	display: grid;
	grid-template-columns: 98px 196px 36px;
	grid-template-rows: 100%;
	grid-column-gap: 4px;
	grid-row-gap: 0px;
	box-sizing: border-box;
	padding-left: 4px;
}

#tpnv_square3_container4_item_container01 {
	display: grid;
	grid-template-columns: 92px;
	grid-template-rows: repeat(auto-fill, 56px);
	grid-column-gap: 8px;
	grid-row-gap: 6px; 
	justify-items: center;	
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: none;
	height: 100%;
	width: 100%;
/*	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 3px; */
	box-sizing: border-box;
}

#tpnv_square3_container4_item_container02 {
	display: grid;
	grid-template-columns: repeat(2, 92px);
	grid-template-rows: repeat(auto-fill, 56px);
	grid-column-gap: 4px;
	grid-row-gap: 6px; 
	justify-items: center;	
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: none;
	height: 100%;
	width: 100%;
/*	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 3px; */
	box-sizing: border-box;
}


.tpnv_square3_container3_subcontainer {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	position: relative;
}

#tpnv_square3_dropwdown_container3_background1,
#tpnv_square3_dropwdown_container3_background2,
#tpnv_square3_dropwdown_container3_background3,
#tpnv_square3_dropwdown_container3_background4,
#tpnv_square3_dropwdown_container3_background5,
#tpnv_square3_dropwdown_container3_background6 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 4;
}

#tpnv_square3_dropwdown_container3_background1 {
	background-color: linear-gradient(180deg, yellow 0%, gray 100%);
}

#tpnv_square3_dropwdown_container3_background2 {
	background-color: linear-gradient(180deg, green 0%, gray 100%);
}

#tpnv_square3_dropwdown_container3_background3 {
	background-color: linear-gradient(180deg, blue 0%, gray 100%);
}

#tpnv_square3_dropwdown_container3_background4 {
	background-color: linear-gradient(180deg, red 0%, gray 100%);
}

#tpnv_square3_dropwdown_container3_background5 {
	background-color: linear-gradient(180deg, purple 0%, gray 100%);
}

#tpnv_square3_dropwdown_container3_background6 {
	background-color: linear-gradient(180deg, orange 0%, gray 100%);
}



/* ************************* SQUARE 3 TEXT LABELS ************************* */
/* ************************************************************************ */

#tpnv_square3_dropdown_container1 a,
.tpnv_square3_container2_item_wrap .tpnv_square3_container2_item a, 
.tpnv_square3_container3_item_wrap .tpnv_square3_subcontainer_item a,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer_item a {
	height: 100%;
	width: 100%;
	display: inline-block;
	justify-content: center;
	align-items: center;
}

.tpnv_square3_c3s01_item_label,
.tpnv_square3_c3s02_item_label,
.tpnv_square3_c3s03_item_label,
.tpnv_square3_c3s04_item_label,
.tpnv_square3_c3s05_item_label,
.tpnv_square3_c3s06_item_label,
.tpnv_square3_c3s07_item_label,
.tpnv_square3_c3s08_item_label,
.tpnv_square3_c3s09_item_label,
.tpnv_square3_c3s10_item_label,
.tpnv_square3_c3s11_item_label,
.tpnv_square3_c3s11_item_label,
.tpnv_square3_c3s12_item_label,
.tpnv_square3_c3s13_item_label,
.tpnv_square3_c3s14_item_label,
.tpnv_square3_c3s15_item_label,
.tpnv_square3_c3s16_item_label,
.tpnv_square3_c3s17_item_label,
.tpnv_square3_c3s18_item_label,
.tpnv_square3_c3s19_item_label,
.tpnv_square3_c3s20_item_label,
.tpnv_square3_c3s21_item_label,
.tpnv_square3_c3s22_item_label,
.tpnv_square3_c3s23_item_label,
.tpnv_square3_c3s24_item_label,
.tpnv_square3_c3s25_item_label,
.tpnv_square3_c3s26_item_label,
.tpnv_square3_c3s27_item_label,
.tpnv_square3_c3s28_item_label,
.tpnv_square3_container2_item_label {
	z-index: 2;
	position: relative;
	display: grid;
	grid-template-columns: 80px;
	grid-template-rows: minmax(10px, 50px);
	justify-content: center;
	align-items: center;
	padding: 4px;
}

/*
.tpnv_square3_container2_item_label {
	z-index: 2;
	position: relative;
	display: grid;
	grid-template-columns: 122px;
	grid-template-rows: 74px;
	justify-content: center;
	align-items: center;
	padding: 7px;
}
*/

.tpnv_square3_container1_item_label {
	z-index: 2;
	position: relative;
	display: grid;
	grid-template-columns: 115px;
	grid-template-rows: 62px;
	justify-content: center;
	align-items: center;
	padding: 4px;
	box-sizing: border-box;
	backface-visibility: hidden;
	-webkit-backface-visbility: hidden;
}

.tpnv_square3_container1_item_icon {
	z-index: 2;
	position: relative;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.tpnv_square3_container2_item_label_fontsize_3rows_type p {
	font-size: 20px;
}

.tpnv_square3_container1_item_label p,
.tpnv_square3_container2_item_label p,
.tpnv_square3_c3s01_item_label p,
.tpnv_square3_c3s02_item_label p,
.tpnv_square3_c3s03_item_label p,
.tpnv_square3_c3s04_item_label p,
.tpnv_square3_c3s05_item_label p,
.tpnv_square3_c3s06_item_label p,
.tpnv_square3_c3s07_item_label p,
.tpnv_square3_c3s08_item_label p,
.tpnv_square3_c3s09_item_label p,
.tpnv_square3_c3s10_item_label p,
.tpnv_square3_c3s11_item_label p,
.tpnv_square3_c3s11_item_label p,
.tpnv_square3_c3s12_item_label p,
.tpnv_square3_c3s13_item_label p,
.tpnv_square3_c3s14_item_label p,
.tpnv_square3_c3s15_item_label p,
.tpnv_square3_c3s16_item_label p,
.tpnv_square3_c3s17_item_label p,
.tpnv_square3_c3s18_item_label p,
.tpnv_square3_c3s19_item_label p,
.tpnv_square3_c3s20_item_label p,
.tpnv_square3_c3s21_item_label p,
.tpnv_square3_c3s22_item_label p,
.tpnv_square3_c3s23_item_label p,
.tpnv_square3_c3s24_item_label p,
.tpnv_square3_c3s25_item_label p,
.tpnv_square3_c3s26_item_label p,
.tpnv_square3_c3s27_item_label p,
.tpnv_square3_c3s28_item_label p,
.tpnv_square3_container4_text_label_container p {
	text-align: center;
	line-height: 90%;
}

.tpnv_square3_container2_item {
	position: relative;
}

/*
.tpnv_square3_container1_item_img {
	backface-visibility: hidden;
	-webkit-backface-visbility: hidden;
}
*/

.tpnv_square3_container1_item_img,
.tpnv_square3_container2_item_img,
.tpnv_square3_c3s01_item_img,
.tpnv_square3_c3s02_item_img,
.tpnv_square3_c3s03_item_img,
.tpnv_square3_c3s04_item_img,
.tpnv_square3_c3s05_item_img,
.tpnv_square3_c3s06_item_img,
.tpnv_square3_c3s07_item_img,
.tpnv_square3_c3s08_item_img,
.tpnv_square3_c3s09_item_img,
.tpnv_square3_c3s10_item_img,
.tpnv_square3_c3s11_item_img,
.tpnv_square3_c3s12_item_img,
.tpnv_square3_c3s13_item_img,
.tpnv_square3_c3s14_item_img,
.tpnv_square3_c3s15_item_img,
.tpnv_square3_c3s16_item_img,
.tpnv_square3_c3s17_item_img,
.tpnv_square3_c3s18_item_img,
.tpnv_square3_c3s19_item_img,
.tpnv_square3_c3s20_item_img,
.tpnv_square3_c3s21_item_img,
.tpnv_square3_c3s22_item_img,
.tpnv_square3_c3s23_item_img,
.tpnv_square3_c3s24_item_img,
.tpnv_square3_c3s25_item_img,
.tpnv_square3_c3s26_item_img,
.tpnv_square3_c3s27_item_img,
.tpnv_square3_c3s28_item_img {
	position: absolute;
	top: 0;
	z-index: 1;
}

/* .tpnv_square3_container2_item_label  */
.tpnv_square3_container2_text_label_container,
.tpnv_square3_container3_text_label_container,
.tpnv_square3_container4_text_label_container {
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%;
	align-items: center;
	padding-left: 1px;
}

/*
.tpnv_square3_container3_text_label_container {
	align-items: baseline;
}
*/

.tpnv_square3_container1_item_label p,
#tpnv_square3_dropdown_container2 p,
#tpnv_square3_dropdown_container3 p,
#tpnv_square3_dropdown_container4 p,
.tpnv_square3_container2_item_label p {
	font-family: "League Gothic", "Steelfish";
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}
/*	letter-spacing: 3px; */

.tpnv_square3_container2_item_wrap p,
.tpnv_square3_container1_item_label p,
.tpnv_square3_subcontainer_item p,
.tpnv_square3_container2_item_label p {
	color: #ffffff;
}

#tpnv_square3_container4_label_wrap02 p,
.tpnv_square3_container2_text_label_container p {
	color: #542a18;
}


#pghdr_tpnv_square3 a {
	outline: 0 none;
	position: relative;
}

/* #tpnv_square3_container2_background01::before, */
#tpnv_square3_container2_subcontainer01_wrap::before,
/* #tpnv_square3_container2_subcontainer02_wrap::before, */
#tpnv_square3_container2_subcontainer01_background01::before,
#tpnv_square3_container2_subcontainer02_background01::before,
#tpnv_square3_container3_background01::before,
.tpnv_square3_container3_subcontainer_sidebar_background::before,
.tpnv_square3_container3_subcontainer_sidebar_split_background::before,
#tpnv_square3_container4_subcontainer03_background01::before {
  mix-blend-mode: difference;
  -webkit-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
  -moz-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
  -o-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
  -ms-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
  filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container4_subcontainer01_wrap::before {
  mix-blend-mode: overlay;
  border-radius: var(--borderRadius3);
  -webkit-filter: grayscale(100%) sepia(100%) hue-rotate(260deg) saturate(100%) brightness(100%);
  -moz-filter: grayscale(100%) sepia(100%) hue-rotate(260deg) saturate(100%) brightness(100%);
  -o-filter: grayscale(100%) sepia(100%) hue-rotate(260deg) saturate(100%) brightness(100%);
  -ms-filter: grayscale(100%) sepia(100%) hue-rotate(260deg) saturate(100%) brightness(100%);
  filter: grayscale(100%) sepia(100%) hue-rotate(260deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container4_subcontainer02_wrap::before {
  mix-blend-mode: overlay;
  border-radius: var(--borderRadius3);
  -webkit-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
  -moz-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
  -o-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
  -ms-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
  filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
}

/* .tpnv_square3_container3_subcontainer_background::before, */
#tpnv_square3_container2_item01.active_category,
#tpnv_square3_container3_subcontainer01_background01::before,
#tpnv_square3_container3_item_container01 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer01_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item02.active_category,
#tpnv_square3_container3_subcontainer02_background01::before,
#tpnv_square3_container3_item_container02 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer02_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(340deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(340deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(340deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(340deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(340deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item03.active_category,
#tpnv_square3_container3_subcontainer03_background01::before,
#tpnv_square3_container3_item_container03 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer03_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item04.active_category,
#tpnv_square3_container3_subcontainer04_background01::before,
#tpnv_square3_container3_item_container04 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer04_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(64deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(64deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(64deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(64deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(64deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item05.active_category,
#tpnv_square3_container3_subcontainer05_background01::before,
#tpnv_square3_container3_item_container05 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer05_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(172deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(172deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(172deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(172deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(172deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item06.active_category,
#tpnv_square3_container3_subcontainer06_background01::before,
#tpnv_square3_container3_item_container06 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer06_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(352deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(352deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(352deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(352deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(352deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item07.active_category,
#tpnv_square3_container3_subcontainer07_background01::before,
#tpnv_square3_container3_item_container07 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer07_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(256deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(256deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(256deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(256deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(256deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item08.active_category,
#tpnv_square3_container3_subcontainer08_background01::before,
#tpnv_square3_container3_item_container08 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer08_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(76deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(76deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(76deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(76deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(76deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item09.active_category,
#tpnv_square3_container3_subcontainer09_background01::before,
#tpnv_square3_container3_item_container09 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer09_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(184deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(184deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(184deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(184deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(184deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item10.active_category,
#tpnv_square3_container3_subcontainer10_background01::before,
#tpnv_square3_container3_item_container10 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer10_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(6deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(6deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(6deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(6deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(6deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item11.active_category,
#tpnv_square3_container3_subcontainer11_background01::before,
#tpnv_square3_container3_item_container11 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer11_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(268deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(268deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(268deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(268deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(268deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item12.active_category,
#tpnv_square3_container3_subcontainer12_background01::before,
#tpnv_square3_container3_item_container12 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer12_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(88deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(88deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(88deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(88deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(88deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item13.active_category,
#tpnv_square3_container3_subcontainer13_background01::before,
#tpnv_square3_container3_item_container13 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer13_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(196deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(196deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(196deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(196deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(196deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item14.active_category,
#tpnv_square3_container3_subcontainer14_background01::before,
#tpnv_square3_container3_item_container14 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer14_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(18deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(18deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(18deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(18deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(18deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item15.active_category,
#tpnv_square3_container3_subcontainer15_background01::before,
#tpnv_square3_container3_item_container15 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer15_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(280deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(280deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(280deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(280deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(280deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item16.active_category,
#tpnv_square3_container3_subcontainer16_background01::before,
#tpnv_square3_container3_item_container16 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer16_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(100deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item17.active_category,
#tpnv_square3_container3_subcontainer17_background01::before,
#tpnv_square3_container3_item_container17 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer17_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(208deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(208deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(208deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(208deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(208deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item18.active_category,
#tpnv_square3_container3_subcontainer18_background01::before,
#tpnv_square3_container3_item_container18 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer18_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(30deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(30deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(30deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(30deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(30deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item19.active_category,
#tpnv_square3_container3_subcontainer19_background01::before,
#tpnv_square3_container3_item_container19 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer19_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(292deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(292deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(292deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(292deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(292deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item20.active_category,
#tpnv_square3_container3_subcontainer20_background01::before,
#tpnv_square3_container3_item_container20 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer20_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(112deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(112deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(112deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(112deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(112deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item21.active_category,
#tpnv_square3_container3_subcontainer21_background01::before,
#tpnv_square3_container3_item_container21 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer21_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(220deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(220deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(220deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(220deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(220deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item22.active_category,
#tpnv_square3_container3_subcontainer22_background01::before,
#tpnv_square3_container3_item_container22 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer22_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(42deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(42deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(42deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(42deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(42deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item23.active_category,
#tpnv_square3_container3_subcontainer23_background01::before,
#tpnv_square3_container3_item_container23 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer23_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(304deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(304deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(304deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(304deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(304deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item24.active_category,
#tpnv_square3_container3_subcontainer24_background01::before,
#tpnv_square3_container3_item_container24 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer24_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(124deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(124deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(124deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(124deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(124deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item25.active_category,
#tpnv_square3_container3_subcontainer25_background01::before,
#tpnv_square3_container3_item_container25 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer25_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(232deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(232deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(232deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(232deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(232deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item26.active_category,
#tpnv_square3_container3_subcontainer26_background01::before,
#tpnv_square3_container3_item_container26 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer26_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(54deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(54deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(54deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(54deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(54deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item27.active_category,
#tpnv_square3_container3_subcontainer27_background01::before,
#tpnv_square3_container3_item_container27 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer27_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(316deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(316deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(316deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(316deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(316deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item28.active_category,
#tpnv_square3_container3_subcontainer28_background01::before,
#tpnv_square3_container3_item_container28 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer28_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(136deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(136deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(136deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(136deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(136deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item29.active_category,
#tpnv_square3_container3_subcontainer29_background01::before,
#tpnv_square3_container3_item_container29 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer29_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(244deg) saturate(100%) brightness(100%);
}

#tpnv_square3_container2_item30.active_category,
#tpnv_square3_container3_subcontainer30_background01::before,
#tpnv_square3_container3_item_container30 .tpnv_square3_subcontainer_item.filter_selected,
.tpnv_square3_container4_item_wrap .tpnv_square3_subcontainer30_item {
	-webkit-filter: grayscale(100%) sepia(100%) hue-rotate(66deg) saturate(100%) brightness(100%);
	-moz-filter: grayscale(100%) sepia(100%) hue-rotate(66deg) saturate(100%) brightness(100%);
	-o-filter: grayscale(100%) sepia(100%) hue-rotate(66deg) saturate(100%) brightness(100%);
	-ms-filter: grayscale(100%) sepia(100%) hue-rotate(66deg) saturate(100%) brightness(100%);
	filter: grayscale(100%) sepia(100%) hue-rotate(66deg) saturate(100%) brightness(100%);
}


.tpnv_square3_container3_subcontainer_wrap {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 5;
	position: absolute;	
}

.tpnv_square3_container2_subcontainer_wrap {
	position: relative;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 5;
}

#tpnv_square3_container4_subcontainer01_wrap {
	height: 100%;
	width: 98px;
	background-color: rgba(153, 0, 0, 1);
	border-radius: var(--borderRadius3);
	position: relative;
	box-sizing: border-box;
/*	filter: url(#svg_filter_roughpaper01); */
}

#tpnv_square3_container4_subcontainer02_wrap {
	height: 100%;
	width: 196px;
	background-color: #008000;
	border-radius: var(--borderRadius3);
	position: relative;
	box-sizing: border-box;
}

/* #tpnv_square3_container2_subcontainer02_background01, */
#tpnv_square3_container4_subcontainer03_wrap,
#tpnv_square3_container4_subcontainer03_background01 {
	height: 100%;
	width: 36px;
	border-radius: var(--borderRadius3);
	position: relative;
	box-sizing: border-box;
}

#tpnv_square3_container2_subcontainer02_background01::before,
#tpnv_square3_container4_subcontainer03_background01::before {
	height: 100%;
	width: 36px;
	border-radius: var(--borderRadius3);
	box-sizing: border-box;	
}

/*
#tpnv_square3_container2_subcontainer02_wrap,
#tpnv_square3_container4_subcontainer03_wrap {
	background-color: #008000;
}
*/

#tpnv_square3_container2_subcontainer01_background01,
#tpnv_square3_container2_subcontainer02_background01,
#tpnv_square3_container4_subcontainer03_background01 {
	background-color: white;
}


#tpnv_square3_container4_subcontainer03_background_graphic01 {
	height: 24px;
	width: 24px;
	position: absolute;
	top: 3px;
	left: 6px;
}

#tpnv_square3_container4_subcontainer03_background_graphic02 {
	height: 24px;
	width: 24px;
	position: absolute;
	bottom: 3px;
	left: 7px;
}

#tpnv_square3_container4_subcontainer01_background_graphic01,
#tpnv_square3_container4_subcontainer02_background_graphic01 {
	box-sizing: border-box;
	position: absolute;
}

#tpnv_square3_container4_subcontainer01_background_graphic01 {
	height: 86px;
	width: 86px;
	left: 6px;
	top: 22px;
	z-index: 6;
}

#tpnv_square3_container4_subcontainer02_background_graphic01 {
	height: 86px;
	width: 86px;
	left: 55px;
	top: 22px;
	z-index: 6;
}

/* ************************* SQUARE 3 DROPDOWN TEXT LABELS SPECIFIC ADJUSTMENTS ************************* */
/* ****************************************************************************************************** */


.tpnv_square3_container2_text_label_container p {
	letter-spacing: 2px;
	font-size: 27px;	
}


.tpnv_square3_container3_text_label_container p {
	letter-spacing: 3px;
	font-size: 20px;
}

.tpnv_square3_container4_text_label_container p {
	letter-spacing: 2px;
	font-size: 27px;
}




#tpnv_square3_container1_item1_flipscene,
#tpnv_square3_container1_item2_flipscene {
	perspective: 600px;
	height: 100%;
	width: 100%;
}

#tpnv_square3_container1_item1_flipobject,
#tpnv_square3_container1_item2_flipobject {
	height: 100%;
	width: 100%;
    position: relative;
	transform-style: preserve-3d;
/*	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; */

}

.tpnv_container1_flip_container_side1,
.tpnv_container1_flip_container_side2 {
/*	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; */
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/*
.tpnv_container1_flip_container_side2 p,
.tpnv_container1_flip_container_side2 img,
.tpnv_container1_flip_container_side2 svg {
	transform: scale(-1, -1);
}

.tpnv_container1_flip_container_side2 {
	transform: rotateY(180deg);	
}
*/

/* ************************* TOP NAV SQUARE 3 FILTER TYPE CARD FLIP TO SIDE 2 */

.flip_card_to_back_vertical {
	-webkit-animation-name: flipCardToBackVertical;
	animation-name: flipCardToBackVertical;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
	-webkit-animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
}

@keyframes flipCardToBackVertical {
	from {
		transform: rotateX(0);
	}
	to {
		transform: rotateX(180deg);
	}
}

@-webkit-keyframes flipCardToBackVertical {
	from {
		transform: rotateX(0);
	}
	to {
		transform: rotateX(180deg);
	}
}

.flip_card_to_front_vertical {
	-webkit-animation-name: flipCardToFrontVertical;
	animation-name: flipCardToFrontVertical;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
	-webkit-animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
}

@keyframes flipCardToFrontVertical {
	from {
		transform: rotateX(180deg);
	}
	to {
		transform: rotateX(0deg);
	}
}

@-webkit-keyframes flipCardToFrontVertical {
	from {
		transform: rotateX(180deg);
	}
	to {
		transform: rotateX(0deg);
	}
}


.flip_card_to_back_horizontal {
	-webkit-animation-name: flipCardToBackHorizontal;
	animation-name: flipCardToBackHorizontal;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
	-webkit-animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
}

@keyframes flipCardToBackHorizontal {
	from {
		transform: rotateY(0);
	}
	to {
		transform: rotateY(180deg);
	}
}

@-webkit-keyframes flipCardToBackHorizontal {
	from {
		transform: rotateY(0);
	}
	to {
		transform: rotateY(180deg);
	}
}

.flip_card_to_front_horizontal {
	-webkit-animation-name: flipCardToFrontHorizontal;
	animation-name: flipCardToFrontHorizontal;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
	-webkit-animation-timing-function: cubic-bezier(.33,.76,.39,1.29); 
}

@keyframes flipCardToFrontHorizontal {
	from {
		transform: rotateY(180deg);
	}
	to {
		transform: rotateY(0deg);
	}
}

@-webkit-keyframes flipCardToFrontHorizontal {
	from {
		transform: rotateY(180deg);
	}
	to {
		transform: rotateY(0deg);
	}
}

.remove_card_by_vertical_top_to_back_rotation_0pt25s {
	-webkit-animation-name: removeCardByVerticalTopToBackRotation_0pt25s;
	animation-name: removeCardByVerticalTopToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
}

@keyframes removeCardByVerticalTopToBackRotation_0pt25s {
    0% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: visible;
	}
	50% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	}
} 

@-webkit-keyframes removeCardByVerticalTopToBackRotation_0pt25s {
    0% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: visible;
	}
	50% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	}
}



.show_card_by_vertical_top_to_back_rotation_0pt25s {
	-webkit-animation-name: showCardByVerticalTopToBackRotation_0pt25s;
	animation-name: showCardByVerticalTopToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear;
}

@keyframes showCardByVerticalTopToBackRotation_0pt25s {
    0% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: visible;
	}
	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	}
} 

@-webkit-keyframes showCardByVerticalTopToBackRotation_0pt25s {
    0% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: visible;
	}
	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	}
}

.remove_card_by_vertical_bottom_to_back_rotation_0pt25s {
	-webkit-animation-name: removeCardByVerticalBottomToBackRotation_0pt25s;
	animation-name: removeCardByVerticalBottomToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
}

@keyframes removeCardByVerticalBottomToBackRotation_0pt25s {
    0% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: visible;
	}
	50% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	}
} 

@-webkit-keyframes removeCardByVerticalBottomToBackRotation_0pt25s {
    0% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: visible;
	}
	50% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		visibility: hidden;
	}
}



.show_card_by_vertical_bottom_to_back_rotation_0pt25s {
	-webkit-animation-name: showCardByVerticalBottomToBackRotation_0pt25s;
	animation-name: showCardByVerticalBottomToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear;
}

@keyframes showCardByVerticalBottomToBackRotation_0pt25s {
    0% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: visible;
	}
	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	}
} 

@-webkit-keyframes showCardByVerticalBottomToBackRotation_0pt25s {
    0% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		visibility: visible;
	}
	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		visibility: visible;
	}
}


.remove_card_by_horizontal_left_to_back_rotation_0pt25s {
	-webkit-animation-name:  removeCardByHorizontalLftToBackRotation_0pt25s;
	animation-name: removeCardByHorizontalLftToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
}

@keyframes removeCardByHorizontalLftToBackRotation_0pt25s {
    0% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: visible;
	}
	50% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	}
} 

@-webkit-keyframes removeCardByHorizontalLftToBackRotation_0pt25s {
    0% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: visible;
	}
	50% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	}
}



.show_card_by_horizontal_left_to_back_rotation_0pt25s {
	-webkit-animation-name: showCardByHorizontalLftToBackRotation_0pt25s;
	animation-name: showCardByHorizontalLftToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear;
}

@keyframes showCardByHorizontalLftToBackRotation_0pt25s {
    0% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: visible;
	}
	100% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	}
} 

@keyframes showCardByHorizontalLftToBackRotation_0pt25s {
    0% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: visible;
	}
	100% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	}
} 

.remove_card_by_horizontal_right_to_back_rotation_0pt25s {
	-webkit-animation-name:  removeCardByHorizontalRightToBackRotation_0pt25s;
	animation-name: removeCardByHorizontalRightToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
}

@keyframes removeCardByHorizontalRightToBackRotation_0pt25s {
    0% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: visible;
	}
	50% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	}
} 

@-webkit-keyframes removeCardByHorizontalRightToBackRotation_0pt25s {
    0% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	} 
	49.999% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: visible;
	}
	50% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	}
	100% {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		visibility: hidden;
	}
}



.show_card_by_horizontal_right_to_back_rotation_0pt25s {
	-webkit-animation-name: showCardByHorizontalRightToBackRotation_0pt25s;
	animation-name: showCardByHorizontalRightToBackRotation_0pt25s;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: linear; 
	-webkit-animation-timing-function: linear;
}

@keyframes showCardByHorizontalRightToBackRotation_0pt25s {
    0% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: visible;
	}
	100% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	}
} 

@keyframes showCardByHorizontalRightToBackRotation_0pt25s {
    0% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	} 
	49.999% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: hidden;
	}
	50% {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		visibility: visible;
	}
	100% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		visibility: visible;
	}
} 




.svg_icon {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}



.svg_fill_white1 use {
	fill: white;
/*	stroke: black;
	stroke-width: 1;
	*/
}

.svg_fill_green1 use {
	fill: rgba(50,205,50, .99);
}

.svg_fill_red1 use {
	fill: rgba(256, 0, 0, .99);
}

/*
.tpnv_square3_container2_item {
	padding: 5px;
}
*/


/*
.pghdr_tpnv_square3_container2_item {
	height: 56px;
	width: 92px;
}
*/


/*
#pghdr_tpnv_square3_dropdown_container3_category_wrap {
	width: 100%;
	height: 100px;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
	overflow-x: scroll;
}
*/


/*
#pghdr_tpnv_square3_dropdown_container5 {
	height: 180px;
}


#pghdr_tpnv_square3_dropdown_container2_category_wrap {
	height: 60px;
}
*/


/*

#pghdr_tpnv_square3_dropdown_container6 {
	display: grid;
	grid-template-columns: 100px 100px 110px;
	grid-template-rows: 60px;
}

.pghdr_tpnv_square3_container6_column {
	height: 170px;
}


#pghdr_tpnv_square3_dropdown_container6_column1,
#pghdr_tpnv_square3_dropdown_container6_column2 {
	width: 100px;
}

#pghdr_tpnv_square3_dropdown_container6_column3 {
	width: 110px;
}

#pghdr_tpnv_square3_container6_column1_iconwrap {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 50%;
}

.pghdr_tpnv_square3_container6_txthdr {
	height: 60px;
}

#pghdr_tpnv_square3_dropdown_container2_category_wrap {
	display: inline-block;
	overflow-x: scroll;
}
*/