.T1 {
	position: fixed;
	bottom: 0;
	width: var(--Project-Width);
	/*padding-top: var(--Menu-Height);*/
	height: calc(100% - var(--Menu-Height));
	display: flex;
	flex-direction: column;
	background-image: url("../Media/2-Ready/2-Images/Backgrounds/Project_Side Bar_v1.0.jpg");
	overflow-y: auto;
	scrollbar-width: thin;
	transition: .25s;
}
.T1: hover {
	scrollbar-width: auto;
}

.T2 {
	display: block;
	margin-bottom: 20px;
	margin-top: -10px;
	/*background: blue;*/
}

.T3 {
	top: -100px;
}

.d1 {
	display: block;
}









.Project_TopImage {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 25;
	object-fit: cover;
}
.Project_TopImage_Gradient {
	position: absolute;
	top:0;
	background: radial-gradient(ellipse,
	rgba(0,0,0,0)40%,
	rgba(0,0,0, 1)80%);
	/*background: linear-gradient(to right,
		rgba(0,0,0,0)50%,
		rgba(0,0,0, .9)75%);*/
	z-index: 500;
	width: 100%;
	height: 100%;
}
.Sidebar_Texture{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.Project_Texture_Water {
	background-image: url("../../Media/2-Ready/2-Images/Backgrounds/Project_Side Bar_v1.0.jpg");
	display: block;
	width: 100%;
	height: calc(var(--Homepage_Top_Banner)*1.25);
	background-repeat: repeat-x;
}
.Gallery_Image_Scale {
	/*width: 100%;*/
	height: 100%;
	object-fit: cover;
	float: left;
}
.ProjectPage_Top_Div {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	/*height: var(--Homepage_Top_Banner);*/
	height: content;
	/*min-height: 30vw;*/
	margin-top: -150px;
	z-index: 50;
}
:root {
		--Project-Width: 300px;
	}
.ProjectPage_Side_Div {
	display: block;
	position: fixed;
	float: left;
	width: var(--Project-Width);
	overflow: hidden;
	height: calc(100% - var(--Menu-Height));
	background-image: url("../Media/2-Ready/2-Images/Backgrounds/Project_Side Bar_v1.0.jpg");
	background-size: 500px;
	top:0;
	margin-top: var(--Menu-Height);
	z-index: 90;
}
.Project_Title_Div{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.ProjectPage_Content_Div {
	display: block;
	width: calc(100% - var(--Project-Width));
	left: var(--Project-Width);
	position: relative;
	margin-bottom: 0px;
	height: 750px;
	object-fit: cover;
}

.Rows {
	display: flex;
	float: left;
	width: 100%;
	height: content;
	margin-top: 5px;
	align-content: middle;
}

.ProjectCatagory_Icon {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	z-index: 90;
	transition: .5s;
}

.ProjectCatagory_Icon_Active {
	width: 25%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 15px;
	z-index: 90;
	transition: .5s;
}

.ProjectCatagory_Icon:hover {
	transform: scale(1.1);
}

/*>>>>>>>>>>>>>>>>>>>>>>>>*/
.ProjectCatagory_Icon_v2 {
	display: inline-block;
	position: relative;
	border-radius: 100%;
	width: 80%;
	/*margin: 10%;*/
/*	margin-top: 50px;*/
	margin-bottom: 15px;
	z-index: 90;
	transition: .5s;
}

.ProjectCatagory_Icon_v2:hover {
	transform: scale(1.1);
}
/*>>>>>>>>>>>>>>>>>>>>>>>>*/




.ProjectSelection_Icon {
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	transition: .5s;
}

.ProjectSelection_Icon:hover {
	transform: scale(1.2);
}

.ProjectTitle_Block {
	display: inline-block;
	position: relative;
	width: 	100%;
	z-index: 50;
}
.ProjectTitle_TextBlock{
	display: inline-block;
	position: relative;
	width: 	100%;
	z-index: 50;
}

.Project-Title_Block {
	display: inline-block;
	position: relative;
	float: left;
	width: 80%;
	height: 200px;
	left: 0%;
}

.Project_Icon {	
	display: block;
	position: relative;
	width: 200px;
	height: 200px;
	object-fit: contain;
	border-radius: 100%;
	margin: 20px calc(50% - 100px);
	z-index: 50;
}



.Project_Title_Holder {
	display: table;
	width: 100%;
	height: 100%;
	z-index: 50;
	margin-left: 5%;
	text-align: center;
	float: left;
}

.Project_Title {
	/*display: table-cell;*/
	width: 100%;
	height: 100%;
	vertical-align: middle;
	z-index: 50;
}

.Title_Abreviation {
    margin-left: 15px;
    letter-spacing: 12px;
    margin-bottom: 5px;
    font-size: 15px;
}
.Title_Abreviation_Long {
    margin-left: 0.5vw;
    letter-spacing: 1.0vw;
    margin-bottom: 2vw;
    font-size: 1.5vw;
}
.Project_Top_Image {
	position: absolute;
	width: 100%;
	bottom: 15%;
	z-index: 40;
}

.Video_Arctic-Loop {
	position: absolute;
	height: 140px;
	object-fit: cover;
	bottom: 0;
	
}

.Project_Title_Full {
	font-size: 2vw;
	word-spacing: 100vw;
	margin: auto;
}

.Project_Title_Full_v2 {
	font-size: 1.5vw;
	margin: auto;
}

.Project_Title_Left {
	display: inline-block;
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
	left: 0%;
}

.Project_Title_Full_Holder{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.Project_Left_Catagories {
	margin-left: 8px;
	margin-bottom: 5px;
	font-size: 14px;
	padding-top: 10px;
}
.Project_Left_P {
	font-size: 15px;
	padding: 0 30px;
}
.s1 {
	text-align: left;
}
.s2 {
	font-family: FGBI;
	color: #b2e7ff;
	font-size: 30px;
	line-height: 30px;
	padding: 0 30px;
	margin-bottom: 10px;
}

.Project_Left_Goal_Text {
	margin-left: 8px;
	margin-bottom: 2px;
	font-size: 8px;
}


.Gallery {
	width: 100%;
	height: content;
}

.Catagory_Pop_Button_Wrapper{
  position: relative;
  
  width:100%;
}


.Catagory_Pop_Button{
	display: block;
	background-color: transparent;
	text-align: center;
	width: 100%;
	height: 100%;
	right: 0%;
	bottom: 5%;
	font-family: FGM;
	font-size: 20px;
	letter-spacing: 1px;
	color: #777;
	text-decoration: none;
	border-radius: 5px;
	border: none;
	transition: .25s;
}

.Catagory_Pop_Button:hover{
	transform: scale(1.25);
}



.Catagory_Pop_Block {
	display: block;
	
/*}
.Catagory_Pop_Button:focus .Catagory_Pop_Block {
	display: block;*/
	
}
.slideToggleBox {
	display: block;
	position: relative;
	background-color: #00101e;
	float: left;
	width: 100%;
	height: 100%;
	right: 0%;
	bottom: 5%;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	overflow: scroll;
	margin-bottom: 5px;
	padding: 2px;
}
#SelectedCatagory {
	width: 250px;
}

.Sub_Catagory{
	width: 80%;
	margin: 15px 10% 0;
}

.C_Communication {
	/*display: none;*/
}	
.C_Community {
	/*display: none;*/
}
.C_Economy {
	/*display: none;*/
}
.C_Education {
	/*display: none;*/
}
.C_Environment {
	/*display: none;*/
}
.C_Monitoring {
	/*display: none;*/
}
.C_Security {
	/*display: none;*/
}

.C_Communication_Monitoring {
	/*display: none;*/
}
.C_Community_Communication {
	/*display: none;*/
}
.C_Economy_Environment {
	/*display: none;*/
}
.C_Education_Security {
	/*display: none;*/
}

#MainDeck {
	width: 100%;
}

.Hide {
	display: none;
	width: 0;
	/*transition: .5s;*/
}
.Show {
	display: block;
	width: 130px;
	margin: auto;
/*	transition: .5s;*/
}






/*.C_Communication,*/
/*.C_Community,*/
/*.C_Economy,*/
/*.C_Education,*/
/*.C_Environment,*/
/*.C_Monitoring,*/
/*.C_Security,*/
/*.C_Communication_Monitoring,*/
/*.C_Community_Communication,*/
/*.C_Economy_Environment,*/
/*.C_Education_Security,*/


@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 768px) {
   /* default iPad screens */
 	
}
/*and (min-device-width: 100px) */
@media all and (max-width: 780px)	{
	.T1 {
		position: relative;
		width: 100%;
		/*height: 100%;*/
		/*background: red;*/
		display: block;
		z-index: 90;
		top: var(--Menu-Height);
		padding: 25px;
		background-image: url("../Media/2-Ready/2-Images/Backgrounds/Project_Side Bar_v1.0.jpg");
		float: left;
	}
	.T2 {
		display: block;
		margin-bottom: 0;
	}
	.d1 {
		display: none;
	}
	.d2 {
		text-align: center;
	}
	.Project_Left_Catagories {
		margin-left: 8px;
		margin-bottom: 2px;
		font-size: 14px;
		padding-top: 10px;
		text-align: center;
	}
	.Project_Icon {
		display: block;
		position: relative;
		width: 120px;
		height: 120px;
		float: right;
		object-fit: contain;
		border-radius: 100%;
		/*margin-top: 10px;*/
		margin: 10px calc(50% - 60px) -50px calc(50% - 60px);
		/*margin-bottom: -50px;*/
		z-index: 50;
		filter: saturate(0%);
		opacity: .5;
	}
	.Project_TopImage {
		width: 100%;
		height: 100%;
		display: flex;
		object-fit: cover;
	}
	.Project_Icon_Holder_v2 {
		display: block;
		position: absolute;
		float: left;
		justify-content: center;
		align-items: center;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 5px;
		height: 75px;
		width: 100px;
		left: 0%;
		top: 15px;
	}
	.Project_Icon_v2 {	
		display: block;
	    border-radius: 100%;
		width: 80px;
	    height: 80px;
	    margin: 0;
	    left: 0px;
	    object-fit: contain;
		/*box-shadow: 0px 0px 45px rgba(0,150,255,.7);*/
	}
	.ProjectPage_Top_Div {
		display: none;
		position: relative;
		float: left;
		width: 100%;
		/*height: var(--Homepage_Top_Banner);*/
		height: content;
		min-height: 35vw;
		margin-top: 100px;
		z-index: 50;
	}
	.ProjectPage_Side_Div {
		display: contents;
		position: absolute;
		float: left;
		width: 100%;
		overflow: hidden;
		/*height: calc(300px - var(--Menu-Height));*/
		line-height: 15px;
		/*top:10px;*/
		margin-top: var(--Menu-Height);
		z-index: 90;
	}
	.ProjectPage_Content_Div {
		width: 100%;
		display: block;
		left: 0;
		position: relative;
		z-index: 80;
		top: 63px;
		float: left;
		margin-bottom: -200px;
		height: 750px;
		object-fit: cover;
		/*height: 750px;
		object-fit: cover;*/
	}
	.Sidebar_Texture{
		width: 100vw;
		height: 200vw;
	}
	.ProjectTitle_Block {
		display: block;
		position: relative;
		float: left;
		width:  calc(100% - var(--Project-Width))
		height: 100px;
		z-index: 50;
		left: 200px;
	}
	.Project_Title_Div{
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
	}
	.ProjectTitle_TextBlock{
		display: block;
		position: relative;
		width: 	100%;
		z-index: 50;
	}
	.Title_Abreviation {
		display: block;
		position: relative;
		letter-spacing: 25px;
		font-size: 25px;
		text-align: center;
	}
	.Project_Title_Full_v2 {
		font-size: 12px;
		margin: auto;
		text-align: left;
	}
	.s2 {
		font-size: 20px;
		line-height: 20px;
		padding: 0 20px;
	}
	.ProjectPage_Top_Div {
		display: inline-block;
		position: relative;
		float: left;
		width: 100%;
		/*height: var(--Homepage_Top_Banner);*/
		height: content;
		min-height: 35vw;
		margin-top: 100px;
		z-index: 50;
	}
	.Title_Abreviation {
		letter-spacing: 20px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.Project_Title_Full_v2 {
		font-size: 12px;
		width: 80%;
		margin: auto;
	}

}