/*//*    Z-LAYERS   *//*/
DisplayLabel          z9//NEW
captInput							z9 //NEW
logo									z8 //NEW
about_container       z8 //NEW
overlay               z7 //NEW
menu                  z7
aboutContent					z7
subtitle_container    z6
portrait_imager    		z4
square_image    		  z4
landscape_image    	  z4
landscape_small_image z3
background_shape_4    z3
strobe                z0 //NEW
blur									z0 //NEW
*/


@font-face {
  font-family: 'Trebuchet';
  font-style: normal;
  /*font-weight: 400;*/
  src: url('/fonts/TrebuchetMS.otf');
  src: url('/fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'),
       url('/fonts/TrebuchetMS.woff') format('woff'),
       url('/fonts/TrebuchetMS.ttf')  format('truetype'),
       url('/fonts/TrebuchetMS.otf') format('opentype');
}
@font-face {
  font-family: 'Uninvited';
  font-style: normal;
  /*font-weight: 400;*/
  src: url('/fonts/Uninvited-Regular.ttf');
  src:url('/fonts/Uninvited-Regular.woff') format('woff'),
       url('/fonts/Uninvited-Regular.woff')  format('woff2'),
       url('/fonts/Uninvited-Regular.woff2') format('truetype'),
}
body {
	font-family: 'Trebuchet', arial;
	color: white; /*NOTE Why is this yellow*/
	background: #1c1c1b;
	overflow-y: scroll; /* Add the ability to scroll */
	overflow-x: hidden;; /* Add the ability to scroll */
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	padding: 0;
	margin: 0;
	cursor:url("/cursors/normal.svgz"),default;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
    display: none;
}

a{
  color: white;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

a:visited{
  color: white;
  text-decoration: none;
}
h1{
font-family: 'Trebuchet'!important;

}
div.strobe{
	background-color: black;
	height:100vh;
	width:100vw;
	z-index:0;
	position: fixed;
	margin: 0;
	top:0;
	opacity: 0.5;
}
div.blurr{
	background-color: black; /* For browsers that do not support gradients */
/*	background-image: linear-gradient(to top right,black 50%, rgba(155,155,155,0.32));*/
	width:70vw;
	height:70vw;
	display: block;
	position: fixed;
	z-index: 0;
	top:0;
	right:0;
	border-radius: 40%;
	filter: blur(100px);
	opacity: 1;

}
.strobeContainer{
	display: none;
	animation-name: fadeOut;
 	animation-duration: 0.2s;
 	animation-iteration-count: 1;
}
#mainStrContainer{
	position: fixed;
	top: 0;
  animation-name: none!important;
  display: block!important;


	/*background-color: red;*/
}
#mainStrobe{
		z-index: 0;
		top: -5vh;
		height:300vh;
}
div.mainblurr{
	width:30vw;
	height:30vw;
	filter:blur(40px);
	top:0;
	right:0;
	border-radius: 40%;
	display: block;
	position: absolute;
}
#mainBlur1{
	background-color: rgb(0,255,0);
	z-index: 1;
	top:10vh;
	left:60vw;
	width:40vw;
	height:40vw;
}
#mainBlur2{
	background-color: rgb(0,255,0);
	z-index: 1;
	top:195vh;
	left:28vw;
	width:30vw;
	height:30vw;
}
#warningBlur1{
transform:translate(50%,-50%);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius:0;
border-bottom-left-radius: 40%;
}
#warningBlur2{
left:0;
transform:translate(-50%,50%);
border-top-left-radius: 0;
border-top-right-radius: 40%;
border-bottom-right-radius:0;
border-bottom-left-radius: 0;
}
div.overlay{
	background-color: black; /* For browsers that do not support gradients */
/*	background-image: linear-gradient(to top right,black 50%, rgba(155,155,155,0.32));*/
	width:100vw;
	height:100vh;
	display: block;
	position: fixed;
	z-index: 7;
	top:0;
	right:0;
	animation-name: fadeOut;
 	animation-duration: 0.5s;
 	animation-iteration-count: 1;
	/*background-image: url('/templates/captcha.PNG');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; */
}
.overlayUpdate{
	background-color: rgba(0,0,0,0)!important;
  background-image: url('/images/BG.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

section.warning>h1{
	color: white;
	margin: auto;
	/* margin-top: 33vh; */
	text-align: center;
	width:70vw;
	font-weight:lighter;
	/* font-family: helvetica; */
	font-size: 3vw;
	letter-spacing: 0.06vw;
	animation-name: fadeOut;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
  margin-top:43vh;
  transform: translateY(-50%);
}
section.warning>button{
margin: auto;
margin-top: -20px;
display:block;
/* font-family: helvetica; */
font-size: 3.1vw;
/*-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;*/
background-color: white;
text-align: center;
padding-left: 2vw;
padding-right: 2vw;
padding-top: 0.75vh;
padding-bottom: 0.75vh;
border: none;
outline: none;
border-radius: 0px;
-webkit-animation-name: fadeOut;
animation-duration: 0.5s;
animation-iteration-count: 1;
z-index: 500;

}
section.warning>button:hover{
	background-color: black;
  color:white;
	cursor: pointer;
	border: 1px solid white;
	border-radius: 0px;
}
section.warning>button:active{
	background-color: rgb(133, 255, 46);
	/* -webkit-text-fill-color: white; /* Will override color (regardless of order) */ */
	/* -webkit-text-stroke-width: 1px; */
	/* -webkit-text-stroke-color: black; */
	border: none;
	cursor: pointer;
}
section.warning>button:focus{
		border: none;
		outline: none;
		border-radius: 0px;

}

div.captInput{
  left:30vw;
	position: fixed;
	bottom: 5%;
	background-color: black;
	text-align: center;
	padding:0;
	z-index: 8;
 	/*animation-name: fadeIn;*/
 	animation-duration: 0.5s;
 	animation-iteration-count: 1;
  border-radius: 0px;
  cursor: copy;
  overflow: hidden;

}
div.captInput>input{
	margin: 0;
	display:inline-block;
	vertical-align: text-bottom;
	font-family: helvetica;
	font-size: 3.1vw;
	text-align: center;
	width:25vw;
	height:10vh;
	background-color: rgba(0,0,0,0)!important;
  border:none!important;
	color:white;
	overflow: visible;
}
div.captInput>input:focus{
  border:none!important;
  outline: none!important;
}
div.captInput> div.button{
	background-color: none;
	width:6vw;
	height:9.4vh;
	display: inline-block;
	margin: 0;
	color:white;
	background-position: center;
	background-size:4vw 4vw;
	background-repeat: no-repeat;
  transition: background-size 0.25s;
}
div.button:hover{
	cursor: pointer;
  background-size:4.5vw 4.5vw!important;

}
div.button#refresh{
	background-image: url("/images/icons/Uninvited_Captcha_Icons-02.png");
}
div.button#audio{
	background-image: url("/images/icons/Uninvited_Captcha_Icons-01.png");
  display: none;
}
div.button#confirm{
	background-image: url("/images/icons/Uninvited_Captcha_Icons-03.png");
}

div.DisplayLabel{
	display: block;
	position: fixed;
	background-color: none;
	width:100vw;
	height:20vh;
	bottom:-10%;
	z-index: 9;
	padding: 0;
	display: none;
	opacity: 0;
	filter:blur(0px);
	transition: opacity 0.5s,filter 0.5s;
}
div.DisplayLabel>h1{
	font-size: 3.5vw!important;
	margin: auto;
	text-align: center;
	color: white;
	width:fit-content;
	/*-webkit-text-fill-color: white;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;*/
	font-weight: normal;
		background-color:black;
}
div.DisplayLabel#rollingMessage{
		width:250vw!important;
		top:35vh;
		-webkit-text-stroke-width: 2px;
		animation-name: carousel;
		animation-duration: 15s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		display: block!important;
		opacity: 1!important;
    transform: translateY(-50%);
}
div.DisplayLabel#rollingMessage>h1{
	font-size: 12vw!important;
	background-color:rgba(0,0,0,0);!important;
	-webkit-text-fill-color: white;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;

}
@keyframes carousel {
	0%   {transform:translateX(100%);}
  100% {transform:translateX(-100%);}
}
@keyframes fadeOut {
	0%   {opacity: 1;filter: blur(0);-webkit-filter: blur(0);display: block;}
  100% {opacity: 0;filter: blur(8px);-webkit-filter: blur(8px);display: none;animation-play-state: paused;}
}
@keyframes fadeIn {
	0% {opacity: 0;filter: blur(8px);-webkit-filter: blur(8px);display: none;animation-play-state: paused;}
	100%   {opacity: 1;filter: blur(0);-webkit-filter: blur(0);display: block;}
}
.fade-out{
	opacity: 0!important;
	filter: blur(8px)!important;
  -webkit-filter: blur(8px)!important;
}

.globe_image{
	position: absolute;
	width: 10vw;
	height: auto;
	top: calc(50% - 5vw - 25px);
	right: calc(50vw + 25px);
	/*transform: translate(0%, -50%);*/
}

.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.logo{
	display: none;
	position: fixed;
	margin: auto;
	width: 100vw;
	height:100vh;
 	z-index: 8;
	background-color: none;
	top:0;
	background-image: url("/images/logos/Uninvited_Logo1.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	animation-duration: 0.6s;
	/*animation-name: fadeIn;
	animation-iteration-count: 1; */
}
.logo>img{
  width:100%;
  background: none;

}
.logoFade{
	z-index: 1;
	filter:blur(10px);
}


#logo1{
	position: fixed;
	z-index: 500;
	width: calc(100% - 60px);
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

#logo2{
	position: fixed;
	z-index: 500;
	width: calc(100% - 60px);
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

#logo3{
	position: fixed;
	z-index: 500;
	width: calc(100% - 3.57vw);
	height: auto;
	top: 50%;
	left: calc(50% + 3.57vw);
	transform: translate(-50%, -50%);
	display: none;
}

#logo4{
	position: fixed;
	z-index: 500;
	width: calc(100% - 60px);
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
/*./ MENU STYLE /.*/
#red_dot{
	position: fixed;
  top:2%;
  right:2%;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgb(0,255,0);
	z-index: 5;
	cursor: pointer;
	transition:	background-color 0.5s;
}
section.menu{
	background-color: none;
	display: none;
	position: fixed;
	width:100vw;
	height:100vh;
	/* padding-top: 18%; */
	top:0;
}
div.menu{
	background-color: none;
	width:50vw;
	height:auto;
	margin: auto;
  margin-top: 50vh;
  margin-left: 25vw;
  transform: translate(0%, -50%);
  padding-top: 2%;
  padding-bottom: 2%;
}
div.menu>div{
  height:12%;
  background-color: none;
  width:100%;
}
div.menu>div>h1{
	font-family:Trebuchet;
  font-weight: lighter;
	background-color: black;
	font-size: 6vw;
	width:fit-content;
	height:auto;
	line-height: 9vh;
	margin: auto;
	cursor: pointer;
  transition: all 0.25s;
  text-align: center;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  padding-left: 1vh;
  padding-right: 1vh;
}
div.menu>div#audio{
  background-color: none;
  width:fit-content;
  margin: auto;
}
div.menu>div:hover>h1{
    border-bottom: 10px white solid;
}
div.menu>div#audio>h1{
  background-color: none;
  display: inline-block;
}
div.menu>div#audio>h1.stat{
  	font-size: 5.2vw;
    vertical-align:top;
    text-decoration: underline;
}
/*./ CCTV & FILM /.*/
div.CCTV{
  background-color: none;
  display: none;
  width:80vw;
  height: 45.06vw;
  /* height:fit-content; */
  position: fixed;
  /* top:4.5vh; */
  top: calc(50% - 22.53vw);
  left: calc(50% - 40vw);
  animation-duration: 0.5s;
  /*animation-name: fadeIn;*/
  animation-iteration-count: 1;
  z-index: 20;
  border:2px solid white;
  /* margin-left: 6.5vw; */
  /* transform: translate(-50%, -50%); */

}

div.CCTV.full{
  margin:0!important;
  width:100vw;
  height:100vh;
  border:none;
  top:0 !important;
  left: 0 !important
  /* transform: translate(0%, 0%) !important; */
}


div.CCTV>section#CCTV>video{
  margin: auto;
  display: block;
  background-color: none;
  width:100%;
}
div.CCTV>section#CCTV>video#FF01{
  display: block;
}
div.CCTV>section#CCTV>video#FF02{
  display: none;
}
div.CCTV>section#CCTV>video#FF03{
  display: none;
}
div.CCTV>section#CCTV>div.selection{
  background-color: black;
  margin: auto;
  width: fit-content;
  position: absolute;
  bottom: 15px;
  left:50%;
  padding-left: 3vw;
  transform: translateX(-50%);
}
div.CCTV>section#CCTV>div.selection>h1{
  background-color: none;
  width: fit-content;
  display: inline-block;
  font-size: 3vw;
  font-family: Trebuchet;
  font-weight: lighter;
  margin: 0;
  margin-right: 3.5vw;
  cursor: pointer;
  transition: border-bottom 0.5s;
}
div.CCTV>section#CCTV>div.selection>h1:hover{
  /* border-bottom: 5px white solid; */
  text-decoration: underline;
}
div.CCTV>section#CCTV>.shape{
  position: absolute;
}
div.CCTV>section#CCTV>.shape#A{
  background-color: none;
  top:-145vh;
  width:80vw;
  left:-20vh;
  height:150vh;
  border:2px solid white;
}
div.CCTV>section#CCTV>.shape#B{
  background-color: none;
  bottom:-145vh;
  right:2vw;
  width:60vw;
  height:150vh;
  border-right:2px solid white;
}
div.CCTV>section#FILM>video{
  /*min-width: 100%;
  min-height: 100%;
  position: fixed;
  left: 0;
  top: 0; */
}
div.CCTV>section#FILM>#captionsButton{
  position: fixed;
  bottom: 1vw;
  right: 2vh;
  width: 45px;
  height: 45px;
  background-color:none;
  z-index: 5;
  cursor: pointer;
  transition: background-color 0.5s;
  background-image: url("/images/icons/CC.png");
  background-position: center;
  background-size: contain;
}



#captionsText{
	display: none;
	position: fixed;
	background-color: none;
  z-index: 5;
	width:100vw;
	height:fit-content;
	bottom:10%;
	padding: 0;
}
#captionsText>h1{
	font-size: 5vh!important;
	margin: auto;
	text-align: center;
	color: white;
	width:fit-content;
	/*-webkit-text-fill-color: white;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;*/
	font-weight: normal;
	background-color:black;
}
/*./ ABOUT & MAIN STYLE /.*/

#about_container{
/*	position: relative;*/
  background-color: none;
	width:100%;/*calc(100% - 60px);*/
	height:90%;
	position: fixed;
	/*height: 10px;*/
	margin-top: -3vh;
	padding-top: 5vh;
	padding-bottom: 5vh;
	/*margin-left: 5vw;*/
	display:none;
	z-index: 8;
	background-color:none;
	animation-duration: 0.5s;
	/*animation-name: fadeIn;*/
	animation-iteration-count: 1;
	overflow-y: scroll;
  overflow-x:hidden;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
#about_container::-webkit-scrollbar {
  display: none;
}


/* NOTE: IS THIS NECESSARY */
.backdrop{
	position: relative;
	position: fixed;
	display: none;
	width: 100vw;
	height:100vh;
	z-index: 0;
  background-image: url('images/BG.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container{
	position:relative;
	display: block;
	background: none;
	font-size: 2.5vw;
}

.title_container{
	position: relative;
	display: table;
	padding: 15px;
	margin-bottom: 15px;
	background: black;
	text-transform: uppercase;
	z-index: 4;
	left: 5vw;
	border: 1px solid white;
}

.body_container{
	position: relative;
	display: fit-content;
	padding: 15px;
	margin: auto;
	margin-bottom: 3vh;
	width:70vw;
	border: 1px solid white;
/*
	margin-left: 60px;
	margin-right: 120px;

*/
	background: black;
	z-index: 4;
}

#main_container{
	height:auto;
	background-color: none;
	transition: filter 0.5s;
  display: none;
}
.form{
	height:100vh;
	width:95vw;
	margin: auto;
	padding: 0;
	margin-top: 3vh;
}
#A.form{
	background-color: none;
}
#B.form{
	background-color: none;
	margin-bottom: 2vh;
	margin-top: 65vh;
}
#A>.partA{
	height:30vh;
	background-color: none;
	width:55vw;
	display: inline-block;
	border-top: 2px solid white;
	border-left: 2px solid white;
}
#A>.partB{
	height:1.7vw;/*2.5vh;*/
	background-color: none;
	width:16vw;
	display: inline-block;
	margin: 0;
	vertical-align: top;
	transform: translateY(-50%);
  overflow-y:hidden;
  padding-top: 0.25%;
  padding-left: 0.3%;
}
#A>.partB>div{
	border:2px solid white;
	height:70%;
	width:7.5%;
	display: inline-block;
	vertical-align: top;
  margin-bottom: 5%;
}
#A>.partC{
	height:55vh;
	background-color: none;
	width:23vw;
	display: inline-block;
	margin: 0;
	vertical-align: top;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	float: right;
}

#B>.partA{
	height:72vh;
	background-color: none;
	width:53vw;
	display: inline-block;
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	vertical-align: bottom;
}

#B>.partB{
	height:8vh;/*69px;*/
	background-color: none;
	width:180px;
	display: inline-block;
	margin: 0;
	margin-left:-5px ;
  margin-right: -5px;
	margin-bottom: 0px;
	vertical-align: bottom;
	overflow: hidden;
}
#B>.partB>div{
	background-color: none;
	width:100%;
	height:100%;
  overflow: hidden;
	/*transform:translate(-15%,-48%);*/
}
#B>.partB>div>svg{
  width:100%;
	height:100%;
  background-color: none;
}
#B>.partB>div>svg>line{
  stroke:white;
  stroke-width:2;
}
#B>.partC{
	height:100%;
	background-color: none;
	width:calc(23% - 15px);
	display: inline-block;
	margin: 0;
	margin-bottom: 7.8vh;
	vertical-align: bottom;
	bottom: 0;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
}

#A.form{
	background-color: none;
}
#B.form{
	background-color: none;
	margin-bottom: 22vh;
	margin-top: 65vh;
}
#C.form{
	background-color: none;
}

#C>.partA{
  /* margin-top: 5vh; */
	height:30vh;
	background-color: none;
	width:calc(26% - 90px);
  margin-top:calc(6.05vw - 2px);
	display: inline-block;
	border-top: 2px solid white;
	border-left: 2px solid white;
}
#C>.partB{
  height:6.05vw;
	background-color: none;
	width:180px;
	display: inline-block;
	margin: 0;
	margin-left:-5px ;
  margin-right: -5px;
	vertical-align: top;
	overflow: hidden;
}
#C>.partB>div{
  background-color:none;
  border:none;
  width:100%;
  height:100%;
}
#C>.partB>div>svg{
  width:100%;
	height:100%;
  background-color: none;
}
#C>.partB>div>svg>line{
  stroke:white;
  stroke-width:2;
}
#C>.partC{
	height:55vh;
	background-color: none;
	width:calc(73% - 90px);
	display: inline-block;
	margin: 0;
  margin-left: -0.4vw;
	vertical-align: top;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
}


/*
#B>.partB>div>div{
	background-color: none;
	width:110%;
	height:100%;
	border-bottom: 2px solid white;
	transform: rotate(-25deg);
} */

.about_shapes_container{
	position: absolute;
	top: 5vh;
	left: 0px;
	width: 100%;
	height: 100%;
	/*background: red;*/
	z-index: 0; /*HERE*/
}

.shape1{
	position: absolute;
	top: 0px;
	right: 180px;
	width: calc(100% - 180px - 120px);
	height: 30%;
	/*background: red;*/
	overflow: hidden;
	border-bottom: 1px solid white;
}

.sub_shape1{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40%;
	height: 100%;
	/*background: blue;*/
	border-top: 1px solid white;
	border-right: 1px solid white;
}

.sub_shape2{
	position: absolute;
	top: 30px;
	left: 0px;
	width: calc(60% - 60px);
	height: calc(100% - 30px);
	background: green;
	border-top: 1px solid white;
}
.sub_shape3{
  width: 180px;
	height: 100%;
	background: violet;
  float:left;
}
#about_container>.form{
  position: absolute;
  top:2%;
}
/* Arjun New Code Begin */
#about_container>.form>.partA{
  height:50vh;
  background-color: none;
  /* width:53vw; */
  width: calc(50% - 74px);
  display: inline-block;
  border-bottom: none;
  border-left:none;
  vertical-align: bottom;
  margin-top: 39px;
}
#about_container>.form>.partB{
  background-color: none;
	height:40px;
  width:148px;
  overflow: hidden;
  padding: 0px;
  margin-left: -5px;
  vertical-align: top;
  margin-top: 21px;
  /* margin-top: 2.2vh; */
}
#about_container>.form>.partB>div{
  background-color:none;
  border:none;
  width:100%;
  height:100%;
}

#about_container>.form>.partB>div>svg{
  width:100%;
	height:100%;
  background-color: none;
}

#about_container>.form>.partB>div>svg>line{
  stroke:white;
  stroke-width:2;
}
#about_container>.form>.partC{
  height:30.5vh;
	background-color: none;
	width:calc(35% - 74px);/*26vw;*/
	display: inline-block;
	margin-left: -5px;/*-0.4vw;*/
  /* margin-top: -0.25vh; */
	bottom: 0;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: none;
  float: none;
}


/*
.sub_shape2_rotate{
	position: absolute;
	width: 200px;
	height: 1px;
	right: -199px;
	top: -1px;
	background: white;
	transform-origin: bottom left;
	transform: rotate(-26deg);
	-webkit-transform: rotate(-26deg);
	-moz-transform: rotate(-26deg);
	-ms-transform: rotate(-26deg);
	-o-transform: rotate(-26deg);
}
 */

.shape2{
	position: absolute;
	top: 20%;
	left: 50%;
	width: 50%;
	height: 10%;
	border: 1px solid white;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.shape3{
	position: absolute;
	top: 20%;
	left: calc(50% + 15px);
	width: 50%;
	height: 15%;
	border: 1px solid white;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
}

.shape4{
	position: absolute;
	top: 40%;
	left: calc(50% + 15px);
	width: 50%;
	height: 15%;
	border: 1px solid white;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
}

.shape5{
	position: absolute;
	top: 50%;
	left: 120px;
	width: 50%;
	height: 15%;
	border: 1px solid white;
}

.shape6{
	position: absolute;
	top: 60%;
	left: -35px;
	width: calc(100% - 30px);
	height: 30%;
	border: 1px solid white;
}

.shape7{
	position: absolute;
	top: calc(-60vh + 30px);
	left: -35px;
	width: 60vw;
	height: 60vh;
	/*border-top: 1px solid white;*/
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.shape8{
	position: absolute;
	top: calc(-80vh + 30px);
	left: -35px;
	width: calc(100vw - 60px);
	height: 80vh;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.shape9{
	position: absolute;
	top: -30px;
	left: 120px;
	width: 80%;
	height: 20vh;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.shape10{
	position: absolute;
	left: 40%;
	bottom: -40px;
	width: 30vw;
	height: 60vh;
	border-top: 1px solid white;
/*	border-bottom: 1px solid white;*/
	border-left: 1px solid white;
	border-right: 1px solid white;
}

/*./ CONTENT /.*/
.imgContainer{
	position: absolute;
	border: 1px solid white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1;
	cursor: pointer;
		filter: grayscale(100%);
}
.imgContainer>p{
	font-family: Uninvited;
	margin-left: 1vw;
	margin-top: 1vh;
	color:rgba(0,255,0,0);
	transition: color 0.25s;
	display: inline-block;
}
.imgContainer:hover p{
	color:rgba(0,255,0,1);
}
.imgContainer:hover{
	filter: grayscale(0%);
  z-index: 2;
}
.imgContainer>div{
	background-color: rgb(0,255,0);
	width:20px;
	height:20px;
	position: absolute;
  right:0;
  top:0;
	margin-right: 1vw;
	margin-top: 12px;
	border-radius: 50%
}
/* Arjun New Code Begin */

#img1{
	right:2.5vw;
	width:23vw;
	height: 13.23vw;
	background-position: 30% 50%;
	background-image: url("/images/gifs/Film3.gif");
}
#img2{
	left:4.5vw;
	top:7vh;
	width:30vw;
	height:58.42vw;
	/*background-image: url("/images/placeholders/UninvitedFilmScreengrabsB&W_0005_C.COURTSHIP2.jpg");*/
	background-image: url("/images/gifs/Film1.gif");
}
#cctvimg3{
	right:10vw;
	top:50vh;
	width:30vw;
	height:30vw;
	background-image: url("/images/gifs/CCTV9.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}
#img4{
	left:30vw;
	top:15vh;
	width:35vw;
	height:35vw;
	background-position: 0% 50%;
	background-image: url("/images/gifs/Film2.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}
#img5{
	left:2vw;
	top:88vh;
	width:20vw;
	height:21.40vw;
	background-position: 35% 40%;
	background-image: url("/images/gifs/Film4.gif");
/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}
#img6{
	right:8.2vw;
	top:160vh;
	width:45vw;
	height:56.76vw;
	background-position: 30% 0%;
	background-image: url("/images/gifs/Film6.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}

#img7{
	left:18vw;
	top:120vh;
	width:50vw;
	height:39.77vw;
	background-position: 100% 100%;
	background-image: url("/images/gifs/Film5.gif");

}

#cctvimg8{
	left:8vw;
	top:180vh;
	width:22vw;
	height:14.75vw;
	background-position: 100% 100%;
	background-image: url("/images/gifs/CCTV2.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/

}
#img9{
	left:11vw;
	top:215vh;
	width:60vw;
	height:30.81vw;
	background-position: 100% 100%;
	background-image: url("/images/gifs/Film12.gif");
/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/

}

#img10{
	right:8.3vw;
	top:243.2vh;
	width:18vw;
	height:19.26vw;
	background-position: 100% 100%;
	background-image: url("/images/gifs/Film7.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}

#cctvimg11{
  left:2.5vw;
  top:293vh;
  width:18vw;
  height:19.26vw;
  background-position: 100% 100%;
  background-image: url("/images/gifs/CCTV7.gif");
  /*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}

#img12{
	right:11vw;
	top:315vh;
	width:60vw;
	height:30.81vw;
	background-position: 100% 100%;
	background-image: url("/images/gifs/Film8.gif");
/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/

}

#img13{
	left:8.2vw;
	top:350vh;
	width:45vw;
	height:56.76vw;
	background-position: 30% 0%;
	background-image: url("/images/gifs/Film9.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}

#img14{
	right:8vw;
	top:380vh;
	width:22vw;
	height:14.75vw;
	background-position: 100% 100%;
	background-image: url("/images/gifs/Film14.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/

}

#img15{
	right:18vw;
	top:420vh;
	width:50vw;
	height:39.77vw;
	background-position: 100% 100%;
	background-image: url("/images/gifs/Film15.gif");

}

#img16{
	left:.5vw;
	top:450vh;
	width:60vw;
	height:47.56vw;
	background-image: url("/images/gifs/Film10.gif");
}

#img17{
	right:2vw;
	top:488vh;
	width:20vw;
	height:21.40vw;
	background-position: 35% 40%;
	background-image: url("/images/gifs/Film13.gif");
/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}

#cctvimg18{
	right:4.5vw;
	top:507vh;
	width:30vw;
	height:58.42vw;
	/*background-image: url("/images/placeholders/UninvitedFilmScreengrabsB&W_0005_C.COURTSHIP2.jpg");*/
	background-image: url("/images/gifs/CCTV8.gif");
}

#cctvimg19{
	right:30vw;
	top:515vh;
	width:35vw;
	height:27.74vw;
	background-position: 0% 50%;
	background-image: url("/images/gifs/Film11.gif");
	/*	background-image: url("/images/gifs/Gif-Example-1110x570.gif");*/
}

#cctvimg20{
	left:2.5vw;
  top: 515vh;
	width:23vw;
	height: 34.29vw;
	background-position: 30% 50%;
	background-image: url("/images/gifs/CCTV10.gif");
}

/*./CLONE CONTENT/.*/
.cloneContainer{
	position: absolute;
	top:-3vh;
	width:100vw;
	background-color: none;
	height:300vh;
}
.cloneContainer>.imageContainer{
	cursor: default!important;
}
.cloneContainer>.imgContainer:hover{
	filter: grayscale(100%);
	cursor: default!important;
}
.cloneContainer>.hover p{
	color:rgba(0,255,0,0);
}
/*
.imgContainer>p{
	font-family: Uninvited;
	margin-left: 1vw;
	margin-top: 1vh;
	color:rgba(0,255,0,0);
	transition: color 0.25s;
	display: inline-block;
}
.imgContainer:hover p{
	color:rgba(0,255,0,1);

}
.imgContainer:hover{
	filter: grayscale(0%);
}
*/


.body_container>img{
  position: relative;
  display: inline-block;
  width:calc((50% - 100px) / 3) ;/*calc((100% - 100px) / 3);*/
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  height: auto;
}


/* Arjun New Code Begin */

.ios-video{
  position: relative;
  width: 100%;
  height: 100%;
}

div.CCTV>section#CCTV_IOS>video#FF01{
  display: block;
}
div.CCTV>section#CCTV_IOS>video#FF02{
  display: none;
}
div.CCTV>section#CCTV_IOS>video#FF03{
  display: none;
}

#CCTV_IOS{
  display: none;
}

div.CCTV>section#CCTV_IOS>div.selection{
  background-color: black;
  margin: auto;
  width: fit-content;
  position: absolute;
  bottom: -10vh;
  left:50%;
  padding-left: 3vw;
  transform: translateX(-50%);
}
div.CCTV>section#CCTV_IOS>div.selection>h1{
  background-color: none;
  width: fit-content;
  display: inline-block;
  /* font-size: 3vw; */
  font-family: Trebuchet;
  font-weight: lighter;
  margin: 0;
  margin-right: 3.5vw;
  cursor: pointer;
  transition: border-bottom 0.5s;
}
div.CCTV>section#CCTV_IOS>div.selection>h1:hover{
  /* border-bottom: 5px white solid; */
  text-decoration: underline;
}

.ga_optout{
  padding-top: 30px;
  text-align: center;
  text-decoration: underline;
}

/* Arjun New Code End */