* {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Poppins Light';
   src: local('Poppins Light'),url('https://www.h2ofilms.net/font/Poppins-Light.otf') format('opentype');
   src: local('Poppins Light'),url('https://www.h2ofilms.net/font/Poppins-Light.ttf') format('truetype');
}

@font-face {
   font-family: 'Poppins Medium';
   src: local('Poppins Medium'),url('https://www.h2ofilms.net/font/Poppins-Medium.otf') format('opentype');
   src: local('Poppins Medium'),url('https://www.h2ofilms.net/font/Poppins-Medium.ttf')  format('truetype');
}

body:before {   display: none;}
body:before {   content: 'desktop';}

@media all and (max-width: 1024px) {
  body:before {     content: 'tablet';  } }

@media all and (min-width: 640px) {   body:before {    content: 'mobile'; } }

a {	font-size:20px;	color:#ffffff;	}

.topscroll {	display:none;	position:fixed;	width:50px; 	height:50px;	bottom:10px;	right:20px;	cursor:pointer;	}	

body{	color:#fff;	font-size:13px; font-family:Poppins Light; font-weight:normal;	width:100%; height:auto; border: 15px #000 solid;}
.sample{position:absolute; font-size:36px; color:black;}
.sect{ position:relative; display:block; margin:50px 0 auto; width:100%; height:auto;}
.srthumb	{position:absolute;display: flex; overflow-x: auto; scrollbar-width:none; width:100%;height:auto; margin-bottom:150px; } 
.srthumb::-webkit-scrollbar{width:0;}
.srthumb .sr20{ 	width: 100%;	height:100%;	text-align:center;	background-clolor:red;	margin-right:5px; margin-top:20px; transform: scale(1);}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	width:100%;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{  position:absolute;   display:block;  background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:100px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 30px;   padding-left:10px; padding-right:10px; padding-top:30px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:270px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify; line-height:50px;	}
.down-arrow{position:absolute;left:8%; width:10%;opacity:.4; z-index:-20;	}
.down-arrow img{width:80px; height:auto;}
.hdr2txt h1 {	position:relative;	width:50%;	display:block;	font-size: 20px; font-family:Poppins Light; line-height:30px;	font-weight:bold;	color:#000000;	left: 20%;	}
.topbdr img  {		position:relative;	display:block;	left:38%;	width:10%;	height:auto; padding-top:10px;}
.txtdtls{	    position:relative;;	diplay:block;   left: 42%;	width: 36%;	font-size:20px;	font-family:Poppins Light;height:auto;top:-105px;}
.txtdtls p{	font-size: 20px;	color:#000000;	text-align:justify;		}
.wkdata{position:relative;display:inline-block;width:100%;height:100%; padding-top:5px; padding-bottom:5px;  }
.wkdata2{position:relative;display: block; margin:auto; max-width:65%;height:100%; text-align:center; }
.wdvdo{position:relative;display:block;width:33%;height:auto;float:left;margin:0; padding-left:18px; padding-right:18px; padding-top:23px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{  position: absolute;   bottom: 0;   background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5); /* Black see-through */  color: #f1f1f1;   font-family: poppins light;
  width: 80%;   height:80px;  line-height:20px;  transition: .5s ease;  opacity:0;  color: red;  font-size: 16px;   padding-left:10px; padding-right:10px; padding-top:20px; 
  margin:0;  text-align: center;	}
.wdvdo:hover .overlay {   opacity: 1;  cursor:pointer;}

.footer{ position:relative;bottom:0;display:block;	margin-top:50px; width:100%; height:400px; background-color:#333232;}

.footer1{position:relative; display:block; margin:auto; width:50%; float:left; line-height: 25px;	max-height:100%; }

.footer2{position:relative; display:block; margin:auto; width:50%;max-height:100%;}
.footer2 img { position:relative; display:block; margin:0;left:0;top:100px; width:100px; height:auto;}

.spftr1 p, .spftr2 p, .spftr3 p, .spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{	width:60%;	position:relative;	display:block; margin:0;	left:0; top:0;	padding-top:120px;
	padding-left:10%;	color:#ffffff;	font-size:18px;	}
.spftr1 p{width:100%;padding-left:0;}	
.spftr2 {position:relative; display:block; left:0;width:100%; }	
.spftr2 img{position: relative; display:block;width:40px;height:auto; }
.icontxt p{position: relative; display:block;width:50%;height:auto; top:-15px; color:#fff; font-size:20px; font-family:poppins light; left:12%;}	

.spftr3 p{	font-size:24px; font-family:Poppins Medium;	padding-top: 100px;	text-decoration:underline; left:0; width:100%; line-height:50px;	}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{ padding-top:20px;	width:100%; left:0;}
.spftr7 p {left:75px;line-height:10px;width:60%;}

.socalicon{position:relative; display:inline-block; margin:auto; padding:5px;left:10%; padding-bottom:50px;}
.socalicon img{width:80%; height:auto; top:20px; }	
.socalicon img:hover{ opacity:.2; cursor:pointer;}

.footerline  {	position:relative;	display:block; height:70px; width:100%; background-color:#000000;}
.footerline p { text-align:center; padding-top:25px;}
.topscroll{width:50px;height:50px;}

/* Project Players CSS  */

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 50%;	height:550px;	position: relative;	 display:block; margin:auto; top:20%; left:0px;	right:0px;	border-radius: 10px;	background: #fff;	background: -moz-linear-gradient(#fff, #999);	background: -webkit-linear-gradient(#fff, #999);	background: -o-linear-gradient(#fff, #999);}
.close {	background: #606061;	color: #F00;	line-height: 41px;	position: absolute;	right: -10px;	text-align: center;	top: -10px;	width: 40px;	text-decoration: none;
	 	-webkit-border-radius: 20px;	-moz-border-radius: 20px;	border-radius: 20px;	-moz-box-shadow: 1px 1px 3px #000;	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000; z-index:100;}
.close:hover { background: #00d9ff; }
.vplyr{width:100%;height:550px;}
#h2oplayer	{	position:relative;	width:100%;	height:100%; margin:0;padding:0;	background-color:#000;	border: 2px solid #CCC;	border-radius: 5px;		}
#vdotxt {	float:left;	width:70%;	font-family: poppins light; background-color:transparent; color:red; font-size:18px; line-height:25px;	padding-left:10px;	right:0;	top:10px;	padding-top:10px;	margin:auto;	}
.prj-video {	max-width:100%; 	max-height:100%;	} 

@media screen and (min-width: 320px) 
{

.sample{font-size:14px; color:black;}
.srthumb{margin-top:-20px;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	color: #f1f1f1;
	width: 299px;
	bottom: 0;
	height: 50px;
	transition: .5s ease;
	opacity: 0;
	color: red;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	margin: 0;
	text-align: center;
}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:180px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}

.down-arrow{left:15px;}
.down-arrow img{padding-top:0px; width:25px;height:25px;}
.hdr2{ margin-top:250px }
.hdr2 h1 {font-size: 24px; width:80%; Left:20%; line-height:30px;	}
.hdr2txt h1 {	width:70%;font-size: 16px; font-family:Poppins Light; line-height:20px;	left: 20%;	}
.topbdr img  {left:18%;	width:35%;}
.txtdtls{	 left: 28%;	width: 55%;	top:-67px;}
.txtdtls p{	font-size: 12px;	}

.wkdata2{ max-width:80%;height:100%; text-align:center; }
.wdvdo{width:100%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:200px;	top:10%; }
.vplyr{width:100%;height:200px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	} 


.footer{height:100%;}
.footer1{width:90%;float:none;}
.footer2 {width:100%;}
.footer2 img{width:70px;height:auto; left:0px; top:30px;}
.spftr1 p{width:100%; left:0px; padding-top:50px; font-size:16px; text-align:justify;}
.spftr2 img{width:40px;height:auto; top:10px; left:0px;}
.icontxt p{width:70%; left:50px; font-size:16px; top:-20px;}

.spftr3 p{font-size:16px; padding-top: 50px; left:0px;padding-left:0; line-height:30px;width:100%;margin:0px;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:0px; padding-left:0; font-size:16px;width:100%; line-height:10px;}
.spftr7 p {left:65px;line-height:1; width:65%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:0;}
.socalicon img{width:70%; height:auto; top:20px; margin-bottom:30px;}	

.topscroll{width:50px;height:50px;}
}

@media screen and (min-width: 360px) {
.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 16px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:250px }
.hdr2 h1 {	position:relative; display:block;	font-size: 24px; font-family:Poppins Medium; height: auto; width:40%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}

.down-arrow{left:10px;}
.down-arrow img{padding-top:0px; width:25px;height:25px;}
.hdr2{ margin-top:180px }
.hdr2 h1 {font-size: 24px; width:50%; Left:40px;	}
.hdr2txt h1 {	width:70%;font-size: 16px; font-family:Poppins Light; line-height:25px;	left: 40px;	}
.topbdr { height:30px; margin:0; top:0;}
.topbdr img  {left:40px;	width:25%; top:-5px; margin:0;}
.txtdtls{	 left: 60px;	width: 65%;	top:-10px;}
.txtdtls p{	font-size: 12px;	}
.wkdata{margin-top:10px;}
.wkdata2{ max-width:80%;height:100%; text-align:center; }
.wdvdo{width:100%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:200px;	top:10%; }
.vplyr{width:100%;height:200px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	} 

.footer{height:100%;}
.footer1{width:80%;float:none;}
.footer2 {width:100%;}
.footer2 img{width:70px;height:auto; left:0px; top:30px;}
.spftr1 p{width:100%; left:0px; padding-top:50px; font-size:16px; text-align:justify;}
.spftr2 img{width:40px;height:auto; top:10px; left:0px;}
.icontxt p{width:80%; left:50px; font-size:16px; top:-20px;}

.spftr3 p{font-size:16px; padding-top: 50px; left:0px;padding-left:0; line-height:30px;width:100%;margin:0px;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:0px; padding-left:0; font-size:16px;width:100%; line-height:10px;}
.spftr7 p {left:62px;line-height:1; width:70%;}

.socalicon{position:relative; display:inline-block; padding:2px;}
.socalicon img{width:70%; height:auto; top:20px; left:0px; margin-bottom:30px;}	
.topscroll{width:50px;height:50px;}
}
@media screen and (min-width: 375px){
.topbdr img{width:90px;}
.footer1 img{left:0px;}
.spftr2 img{left:0px;}
.icontxt p{width:90%; left:50px; font-size:16px;}
.spftr7 p {left:5px;line-height:1px; width:60%;}
.socalicon{position:relative; display:inline-block; padding:2px;left:20%;}
.socalicon img{width:70%; height:auto; top:20px; left:-40px; margin-bottom:20px;}	
	
	}
	
@media screen and (min-width: 411px)	{
.topbdr img{width:90px;}
.txtdtls p{left:20%;}
.footer1 img{left:0px;}
.spftr2 img{left:0px;}
.icontxt p{width:70%; left:50px; font-size:16px;}
.spftr7 p {left:-3px;line-height:1px; width:60%;}
.socalicon{position:relative; display:inline-block; padding:2px;left:0px;}
.socalicon img{width:70%; height:auto; top:20px; left:0px; margin-bottom:20px;}	
		
}
@media screen and (min-width: 480px) {
body{border-width:5px;}
.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 18px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:180px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}

.down-arrow{left:10px;}
.down-arrow img{padding-top:0px; width:25px;height:25px;}
.hdr2{ margin-top:250px }
.hdr2 h1 {font-size: 24px; width:50%; Left:40px;	}
.hdr2txt h1 {	width:70%;font-size: 16px; font-family:Poppins Light; line-height:20px;	left: 40px;	}
.topbdr img  {left:40px;	width:100px;}
.txtdtls{	 left: 65px;	width: 70%;	top:-10px;}
.txtdtls p{	font-size: 14px;	}
.wkdata{margin-top:30px;}
.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:100%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:250px;	top:10%; }
.vplyr{width:100%;height:250px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	} 

.footer{height:100%;}
.footer1{width:100%;float:none;}
.footer1 img{width:70px;height:auto; left:10px; }
.spftr1 p{width:90%; left:14px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:10px;}
.icontxt p{width:60%; left:60px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 50px;left:20px; line-height:30px;	width:90%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:20px; font-size:16px;width:90%;}
.spftr7 p {left:16px;line-height:1px; width:60%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:30%;}
.socalicon img{width:70%; height:auto; top:20px; left:-60px; margin-bottom:10px;}	
.topscroll{width:50px;height:50px;}
}

@media only screen and (min-width: 533px) {
.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 20px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}
.down-arrow{left:20px;}
.down-arrow img{padding-top:0px; width:40px;height:45px;}
.hdr2{ margin-top:200px }
.hdr2 h1 {font-size: 24px; width:50%; Left:70px;	}
.hdr2txt h1 {	width:70%;font-size: 16px; font-family:Poppins Light; line-height:25px;	left: 70px;	}
.topbdr img  {left:70px;	width:90px;}
.txtdtls{	 left: 100px;	width: 70%;	top:-10px;}
.txtdtls p{	font-size: 16px;	}

.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:50%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:250px;	top:10%; }
.vplyr{width:100%;height:250px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	} 
.footer{width:100%;height:330px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:10px;width:70px;height:auto; }
.spftr1 p{width:90%; left:10px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:10px;}
.icontxt p{width:80%; left:60px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:10px; line-height:30px;	width:90%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{ top:0px; left:10px; font-size:14px;width:99%;}
.spftr7 p {left:68px;line-height:1px; width:80%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:40px;}
.socalicon img{width:70%; height:auto; top:25px; left:-30px; margin-bottom:20px;}		
.topscroll{width:50px;height:50px;}
}

@media screen and (min-width: 640px) {

.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 18px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}

.down-arrow{left:30px;}
.down-arrow img{padding-top:0px; width:50px;height:55px;}
.hdr2{ margin-top:220px;  }
.hdr2 h1 {font-size: 30px; width:50%; Left:100px;	}
.hdr2txt h1 {	width:70%;font-size: 18px; font-family:Poppins Light; line-height:25px;	left: 100px;	}
.topbdr img  {left:100px;	width:110px;}
.txtdtls{	 left: 22%;	width: 60%;	top:-5px;}
.txtdtls p{	font-size: 18px;	}
.wkdata{margin-top:50px;}
.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:50%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:300px;	top:10%; }
.vplyr{width:100%;height:300px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{width:100%;height:300px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:10px;width:70px;height:auto; }
.spftr1 p{width:90%; left:10px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:10px;}
.icontxt p{width:90%; left:60px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:0px; line-height:30px;	width:95%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:0px; font-size:16px;width:99%;}
.spftr7 p {left:65px;line-height:1px; width:60%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:15%;}
.socalicon img{width:70%; height:auto; top:30px; left:-40px; margin-bottom:20px;}
.topscroll{width:50px;height:50px;}
}

@media only screen and (min-width: 720px) {
.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 18px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}

.down-arrow{left:25px;}
.down-arrow img{padding-top:0px; width:50px;height:55px;}
.hdr2{ margin-top:220px }
.hdr2 h1 {font-size: 30px; width:50%; Left:100px;	}
.hdr2txt h1 {	width:70%;font-size: 18px; font-family:Poppins Light; line-height:25px;	left: 100px;	}
.topbdr img  {left:100px;	width:130px;}
.txtdtls{	 left: 140px;	width: 55%;	top:0px;}
.txtdtls p{	font-size: 18px;	}

.wkdata2{ max-width:80%;height:100%; text-align:center; top:0; }
.wdvdo{width:50%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:350px;	top:10%; }
.vplyr{width:100%;height:350px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}
.footer{width:100%;height:300px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:10px;width:70px;height:auto; }
.spftr1 p{width:90%; left:10px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:10px;}
.icontxt p{width:60%; left:60px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:0px; line-height:30px;	width:99%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:0px; font-size:16px;width:99%;}
.spftr7 p {left:63px;line-height:1px; width:80%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:0px;}
.socalicon img{width:70%; height:auto; top:30px; left:0px; margin-bottom:20px;}	
.topscroll{width:50px;height:50px;}
 	
}
@media screen and (min-width: 768px) {

.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 18px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}

.down-arrow{left:35px;}
.down-arrow img{padding-top:0px; width:40px;height:45px;}
.hdr2{ margin-top:220px }
.hdr2 h1 {font-size: 24px; width:50%; Left:100px;	}
.hdr2txt h1 {	width:70%;font-size: 16px; font-family:Poppins Light; line-height:25px;	left: 100px;	}
.topbdr img  {left:100px;	width:90px;}
.txtdtls{	 left: 130px;	width: 55%;	top:0px;}
.txtdtls p{	font-size: 16px;	}

.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:33%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:350px;	top:10%; }
.vplyr{width:100%;height:350px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{width:100%;height:260px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:10px;width:70px;height:auto; }
.spftr1 p{width:90%; left:10px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:10px;}
.icontxt p{width:80%; left:60px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:10px; line-height:30px;	width:99%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:10px; font-size:16px;width:99%;}
.spftr7 p {left:73px;line-height:1px; width:80%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:0px;}
.socalicon img{width:70%; height:auto; top:30px; left:10px; margin-bottom:20px;}	
.topscroll{width:50px;height:50px;}
} 


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

.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 20px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}
.down-arrow{left:35px;}
.down-arrow img{padding-top:0px; width:40px;height:45px;}
.hdr2{ margin-top:220px }
.hdr2 h1 {font-size: 30px; width:50%; Left:100px;	}
.hdr2txt h1 {	width:70%;font-size: 18px; font-family:Poppins Light; line-height:25px;	left: 100px;	}
.topbdr img  {left:100px;	width:100px;}
.txtdtls{	 left: 140px;	width: 70%;	top:0px;}
.txtdtls p{	font-size: 18px;	}

.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:33%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 95%;	height:350px;	top:10%; }
.vplyr{width:100%;height:350px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{width:100%;height:270px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:10px;width:70px;height:auto; }
.spftr1 p{width:90%; left:10px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:10px;}
.icontxt p{width:60%; left:60px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:0px; line-height:30px;	width:99%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:0px; font-size:16px;width:99%;}
.spftr7 p {left:63px;line-height:1px; width:60%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:0px;}
.socalicon img{width:70%; height:auto; top:40px; left:0px; margin-bottom:20px;}	
.topscroll{width:50px;height:50px;}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {

.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 20px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:220px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}

.down-arrow{left:55px;}
.down-arrow img{padding-top:0px; width:60px;height:65px;}
.hdr2{ margin-top:250px }
.hdr2 h1 {font-size: 30px; width:50%; Left:20%; line-height:40px;	}
.hdr2txt h1 {	width:70%;font-size: 18px; font-family:Poppins Light; line-height:25px;	left: 20%;	}
.topbdr img  {left:20%;	width:100px;}
.txtdtls{	 left: 24%;	width: 55%;	top:-5px;}
.txtdtls p{	font-size: 18px;	}

.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:33%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 90%;	height:400px;	top:10%; }
.vplyr{width:100%;height:400px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{width:100%;height:250px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:30px;width:70px;height:auto; }
.spftr1 p{width:80%; left:30px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:30px;}
.icontxt p{width:60%; left:80px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:20px; line-height:30px;	width:99%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:20px; font-size:16px;width:99%;}
.spftr7 p {left:83px;line-height:1px; width:70%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:10px;}
.socalicon img{width:70%; height:auto; top:30px; left:10px; margin-bottom:20px;}
.topscroll{width:50px;height:50px;}				
}


@media  screen and (min-width: 1080px) {
body{border-width:10px;}
.topscroll {	display:none;	position:fixed;	width:50px; 	height:50px;	bottom:10px;	right:20px;	cursor:pointer;	}
.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 22px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:250px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}

.down-arrow{left:70px;}
.down-arrow img{padding-top:0px; width:60px;height:65px;}
.hdr2{ margin-top:220px }
.hdr2 h1 {font-size: 40px; width:50%; Left:20%; line-height:50px	}
.hdr2txt h1 {	width:70%;font-size: 16px; font-family:Poppins Light; line-height:25px;	left: 20%;	}
.topbdr img  {left:20%;	width:90px;}
.txtdtls{	 left: 24%;	width: 55%;	top:0px;}
.txtdtls p{	font-size: 16px;	}

.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:33%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 90%;	height:550px;	top:10%; }
.vplyr{width:100%;height:550px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{width:100%;height:250px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:60px;width:70px;height:auto; }
.spftr1 p{width:70%; left:60px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:60px;}
.icontxt p{width:60%; left:110px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:60px; line-height:30px;	width:99%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:60px; font-size:16px;width:99%;}
.spftr7 p {left:125px;line-height:1px; width:70%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:60px;}
.socalicon img{width:70%; height:auto; top:30px; left:0px; margin-bottom:20px;}	
.topscroll{width:50px;height:50px;}		
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1080px) ,
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1080px) ,
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1080px) ,
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1080px) ,
only screen and (                min-resolution: 192dpi) and (min-width: 1080px) ,
only screen and (                min-resolution: 2dppx)  and (min-width: 1080px)  { 
.topscroll {	display:none;	position:fixed;	width:50px; 	height:50px;	bottom:10px;	right:20px;	cursor:pointer;	}
.sample{font-size:14px; color:black;}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	min-width:250px;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{ background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:50px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 22px;   padding-left:10px; padding-right:10px; padding-top:20px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:250px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}

.down-arrow{left:15px;}
.down-arrow img{padding-top:10px; width:25px;height:25px;}
.hdr2{ margin-top:220px }
.hdr2 h1 {font-size: 24px; width:50%; Left:20%;	}
.hdr2txt h1 {	width:70%;font-size: 16px; font-family:Poppins Light; line-height:25px;	left: 20%;	}
.topbdr img  {left:20%;	width:90px;}
.txtdtls{	 left: 24%;	width: 55%;	top:0px;}
.txtdtls p{	font-size: 16px;	}

.wkdata2{ max-width:90%;height:100%; text-align:center; top:0; }
.wdvdo{width:33%;float:left;margin:0; padding-left:5px; padding-right:5px; padding-top:5px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{   width: 96%;   height:60px;  line-height:20px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 90%;	height:450px;	top:10%; }
.vplyr{width:100%;height:450px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{width:100%;height:250px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:60px;width:70px;height:auto; }
.spftr1 p{width:70%; left:60px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:60px;}
.icontxt p{width:60%; left:110px; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:60px; line-height:30px;	width:99%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:60px; font-size:16px;width:99%;}
.spftr7 p {left:125px;line-height:1px; width:70%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:60px;}
.socalicon img{width:70%; height:auto; top:30px; left:0px; margin-bottom:20px;}	
.topscroll{width:50px;height:50px;}	
	}
@media screen and  (min-width: 1200px) {
.footer{width:100%;height:280px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:100px;width:70px;height:auto; }
.spftr1 p{width:65%; left:100px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:100px;}
.icontxt p{width:60%; left: 150px ; font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:0px; line-height:30px;	width:99%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:0px; font-size:16px;width:99%;}
.spftr7 p {left:65px;line-height:1px; width:70%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:0px;}
.socalicon img{width:70%; height:auto; top:40px; left:0px; margin-bottom:20px;}	
.topscroll{width:50px;height:50px;}	
}
@media screen and  (min-width: 1280px) {
.footer{width:100%;height:280px;}
.footer1{width:49%;float:left; height:auto;}
.footer1 img{left:100px;width:70px;height:auto; }
.spftr1 p{width:65%; left:100px; padding-top:50px; font-size:16px;}
.spftr2 img{width:40px;height:auto; top:10px; left:100px;}
.icontxt p{width:60%; left:155px ;font-size:16px;}

.spftr3 p{	font-size:20px; padding-top: 40px;left:100px; line-height:30px;	width:79%;}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{  left:100px; font-size:16px;width:79%;}
.spftr7 p {left:164px;line-height:1px; width:70%;}

.socalicon{position:relative; display:inline-block; padding:2px;left:100px;}
.socalicon img{width:70%; height:auto; top:40px; left:0px; margin-bottom:20px;}	
.topscroll{width:50px;height:50px;}	
}
@media screen and  (min-width: 1366px) {
.footer1 img{left:100px;width:70px;height:auto; }
.spftr2 img{width:40px;height:auto; top:10px; left:100px;}
.icontxt p{width:60%; left:160px; font-size:16px;}
.spftr7 p {left:160px;line-height:1px; width:70%;}
.socalicon img{width:70%; height:auto; top:40px; left:0px; margin-bottom:20px;}	
}

@media screen and  (min-width: 1600px) {
.topscroll {	display:none;	position:fixed;	width:50px; 	height:50px;	bottom:10px;	right:20px;	cursor:pointer;	}
.sample{position:absolute; font-size:36px; color:black;}
.sect{ position:relative; display:block; margin:50px 0 auto; width:100%; height:auto;}
.srthumb	{position:absolute;display: flex; overflow-x: auto; scrollbar-width:none; width:100%;	height:auto; margin-bottom:150px; } 
.srthumb::-webkit-scrollbar{width:0;}
.srthumb .sr20{ 	width: 100%;	height:100%;	text-align:center;	background-clolor:red;	margin-right:5px; margin-top:20px; transform: scale(1);}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	width:100%;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{  position:absolute;   display:block;  background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:100px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 26px;   padding-left:10px; padding-right:10px; padding-top:30px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:250px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}
.down-arrow{position:absolute;left:8%; width:10%;opacity:.4; z-index:-20;	}
.down-arrow img{width:80px; height:auto;}
.hdr2txt h1 {	position:relative;	width:50%;	display:block;	font-size: 20px; font-family:Poppins Light; line-height:30px;	font-weight:bold;	color:#000000;	left: 20%;	}
.topbdr img  {		position:relative;	display:block;	left:38%;	width:120px;	height:auto; padding-top:10px;}
.txtdtls{	    position:relative;;	diplay:block;   left: 42%;	width: 36%;	font-size:20px;	font-family:Poppins Light;height:auto;top:10px;}
.txtdtls p{	font-size: 20px;	color:#000000;	text-align:justify;		}
.wkdata{position:relative;display:inline-block;width:100%;height:100%; padding-top:5px; padding-bottom:5px;  }
.wkdata2{position:relative;display: block; margin:auto; max-width:65%;height:100%; text-align:center; }
.wdvdo{position:relative;display:block;width:33%;height:auto;float:left;margin:0; padding-left:18px; padding-right:18px; padding-top:23px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{  position: absolute;   bottom: 0;   background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5);   color: #f1f1f1;   font-family: poppins light;
  width: 90%;   height:80px;  line-height:20px;  transition: .5s ease;  opacity:0;  color: red;  font-size: 16px;   padding-left:10px; padding-right:10px; padding-top:20px; 
  margin:0;  text-align: center;	}
.wdvdo:hover .overlay {   opacity: 1;  cursor:pointer;}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 55%;	height:450px;	top:10%; }
.vplyr{width:100%;height:450px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{ position:relative;bottom:0;display:block;	margin-top:50px; width:100%; height:400px; background-color:#333232;}

.footer1{position:relative; display:block; margin:auto; width:50%; float:left; line-height: 25px;	max-height:100%;	}

.footer1 img { position:relative;display:block;	margin:auto; left:-10px;  top:100px;	width:100px;}

.spftr1 p, .spftr2 p, .spftr3 p, .spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{	width:60%;	position:relative;	display:block;	margin: auto;	top:0;	padding-top:120px;
	padding-left:10%;	color:#ffffff;	font-size:18px;	}
	
.spftr2 {position:relative; display:block; margin:auto; width:100%; top:-82px; left:0px;}	
.spftr2 img{position: relative; display:block;width:5%;height:auto; left:-30px; }
.icontxt p{position: relative; display:block;width:30%;height:auto; top:-15px; color:#fff; font-size:20px; font-family:poppins light; left:400px;}	

.spftr3 p{	font-size:24px; font-family:Poppins Medium;	padding-top: 100px;	text-decoration:underline; left:10px; line-height:50px;	}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{ padding-top:20px;	width:65%;left:30px;}
.spftr7 p {left:105px;line-height:1px;}

.socalicon{position:relative; display:inline-block; padding:5px;left:250px;}
.socalicon img{width:80%; height:auto; top:20px;}	
.socalicon img:hover{ opacity:.2; cursor:pointer;}

.footerline  {	position:relative;	display:block; height:70px; width:100%; background-color:#000000;}
.footerline p { text-align:center; padding-top:25px;}
.topscroll{width:50px;height:50px;}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1600px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1600px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1600px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1600px),
only screen and (                min-resolution: 192dpi) and (min-width: 1600px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1600px){ 
.sample{position:absolute; font-size:36px; color:black;}
.sect{ position:relative; display:block; margin:50px 0 auto; width:100%; height:auto;}
.srthumb	{position:absolute;display: flex; overflow-x: auto; scrollbar-width:none; width:100%;	height:auto; margin-bottom:150px; } 
.srthumb::-webkit-scrollbar{width:0;}
.srthumb .sr20{ 	width: 100%;	height:100%;	text-align:center;	background-clolor:red;	margin-right:5px; margin-top:20px; transform: scale(1);}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	width:100%;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{  position:absolute;   display:block;  background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:100px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 26px;   padding-left:10px; padding-right:10px; padding-top:30px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:250px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}
.down-arrow{position:absolute;left:8%; width:10%;opacity:.4; z-index:-20;	}
.down-arrow img{width:80px; height:auto;}
.hdr2txt h1 {	position:relative;	width:50%;	display:block;	font-size: 20px; font-family:Poppins Light; line-height:30px;	font-weight:bold;	color:#000000;	left: 20%;	}
.topbdr img  {		position:relative;	display:block;	left:38%;	width:10%;	height:auto; padding-top:10px;}
.txtdtls{	    position:relative;;	diplay:block;   left: 42%;	width: 36%;	font-size:20px;	font-family:Poppins Light;height:auto;top:-105px;}
.txtdtls p{	font-size: 20px;	color:#000000;	text-align:justify;		}
.wkdata{position:relative;display:inline-block;width:100%;height:100%; padding-top:5px; padding-bottom:5px;  }
.wkdata2{position:relative;display: block; margin:auto; max-width:65%;height:100%; text-align:center; }
.wdvdo{position:relative;display:block;width:33%;height:auto;float:left;margin:0; padding-left:18px; padding-right:18px; padding-top:23px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{  position: absolute;   bottom: 0;   background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5);  color: #f1f1f1;   font-family: poppins light;
  width: 90%;   height:80px;  line-height:20px;  transition: .5s ease;  opacity:0;  color: red;  font-size: 16px;   padding-left:10px; padding-right:10px; padding-top:20px; 
  margin:0;  text-align: center;	}
.wdvdo:hover .overlay {   opacity: 1;  cursor:pointer;}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 55%;	height:550px;	top:10%; }
.vplyr{width:100%;height:450px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{ position:relative;bottom:0;display:block;	margin-top:50px; width:100%; height:400px; background-color:#333232;}

.footer1{position:relative; display:block; margin:auto; width:50%; float:left; line-height: 25px;	max-height:100%;	}

.footer1 img { position:relative;display:block;	margin:auto; left:-120px;  top:100px;	width:100px;}

.spftr1 p, .spftr2 p, .spftr3 p, .spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{	width:60%;	position:relative;	display:block;	margin: auto;	top:0;	padding-top:120px;
	padding-left:10%;	color:#ffffff;	font-size:18px;	}
	
.spftr2 {position:relative; display:block; margin:auto; width:100%; top:-82px;}	
.spftr2 img{position: relative; display:block;width:5%;height:auto; left:-140px; }
.icontxt p{position: relative; display:block;width:50%;height:auto; top:-15px; color:#fff; font-size:20px; font-family:poppins light; left:280px;}	

.spftr3 p{	font-size:24px; font-family:Poppins Medium;	padding-top: 100px;	text-decoration:underline; left:5%; line-height:50px;	}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{ padding-top:20px;	width:50%;}
.spftr7 p {left:7.2%;line-height:1px;}

.socalicon{position:relative; display:inline-block; padding:5px;left:48%;}
.socalicon img{width:80%; height:auto; top:20px;}	
.socalicon img:hover{ opacity:.2; cursor:pointer;}

.footerline  {	position:relative;	display:block; height:70px; width:100%; background-color:#000000;}
.footerline p { text-align:center; padding-top:25px;}
.topscroll{width:50px;height:50px;}
 }

@media  screen and (min-width: 1920px) {
a {	font-size:20px;	color:#ffffff;	}

.topscroll {	display:none;	position:fixed;	width:50px; 	height:50px;	bottom:10px;	right:20px;	cursor:pointer;	}	

.sample{position:absolute; font-size:36px; color:black;}
.sect{ position:relative; display:block; margin:50px 0 auto; width:100%; height:auto;}
.srthumb	{position:absolute;display: flex; overflow-x: auto; scrollbar-width:none; width:100%;	height:auto; margin-bottom:150px; } 
.srthumb::-webkit-scrollbar{width:0;}
.srthumb .sr20{ 	width: 100%;	height:auto;	text-align:center;	background-clolor:red;	margin-right:5px; margin-top:20px; transform: scale(1);}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:100%;	width:100%;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{  position:absolute;   display:block;  background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:100px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 30px;   padding-left:10px; padding-right:10px; padding-top:30px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:270px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}
.down-arrow{position:absolute;left:8%; width:10%;opacity:.4; z-index:-20;	}
.down-arrow img{width:80px; height:auto;}
.hdr2txt h1 {	position:relative;	width:50%;	display:block;	font-size: 20px; font-family:Poppins Light; line-height:30px;	font-weight:bold;	color:#000000;	left: 20%;	}
.topbdr img  {		position:relative;	display:block;	left:38%;	width:150px;	height:auto; padding-top:10px;}
.txtdtls{	    position:relative;;	diplay:block;   left: 42%;	width: 36%;	font-size:20px;	font-family:Poppins Light;height:auto;top:10px;}
.txtdtls p{	font-size: 20px;	color:#000000;	text-align:justify;		}
.wkdata{position:relative;display:inline-block;width:100%;height:100%;margin-top:100px; padding-top:5px; padding-bottom:5px;  }
.wkdata2{position:relative;display: block; margin:auto; max-width:65%;height:100%; text-align:center; }
.wdvdo{position:relative;display:block;width:33%;height:auto;float:left;margin:0; padding-left:18px; padding-right:18px; padding-top:23px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{  position: absolute;   bottom: 0;   background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5); /* Black see-through */  color: #f1f1f1;   font-family: poppins light;
  width: 90%;   height:80px;  line-height:20px;  transition: .5s ease;  opacity:0;  color: red;  font-size: 16px;   padding-left:10px; padding-right:10px; padding-top:20px; 
  margin:0;  text-align: center;	}
.wdvdo:hover .overlay {   opacity: 1;  cursor:pointer;}

.footer{ position:relative;bottom:0;display:block;	margin-top:50px; width:100%; height:400px; background-color:#333232;}

.footer1{position:relative; display:block; margin:auto; width:50%; float:left; line-height: 25px;	max-height:100%;	}

.footer1 img { position:relative; display:block;	margin:auto; left:-40px;  top:100px;	width:100px;}

.spftr1 p, .spftr2 p, .spftr3 p, .spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{	width:60%;	position:relative;	display:block;	margin: auto;	top:0;	padding-top:120px;
	padding-left:10%;	color:#ffffff;	font-size:18px;	}
	
.spftr2 {position:relative; display:block; margin:auto; width:100%; top:-80px;}	
.spftr2 img{position: relative; display:block;width:50px;height:auto; left:-60px; }
.icontxt p{position: relative; display:block;width:50%;height:auto; top:-15px; color:#fff; font-size:20px; font-family:poppins light; left:460px;}	

.spftr3 p{	font-size:24px; font-family:Poppins Medium;	padding-top: 100px;	text-decoration:underline; left:10px; line-height:50px;	}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{ padding-top:20px;	width:60%; left:10px;}
.spftr7 p {left:83px;line-height:1px;}

.socalicon{position:relative; display:inline-block; padding:5px;left:200px; }
.socalicon img{width:80%; height:auto; top:40px; left:80px;}	
.socalicon img:hover{ opacity:.2; cursor:pointer;}

.footerline  {	position:relative;	display:block; height:70px; width:100%; background-color:#000000;}
.footerline p { text-align:center; padding-top:25px;}
.topscroll{width:50px;height:50px;}

/* Project Players CSS  */

.modalDialog{	position:fixed;	font-family: Poppins, "Poppins Black","Poppins Medium", "Poppins Thin", "Poppins Light" ;	margin:auto;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;	}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 80%;	height:600px;	position: relative;	 display:block; margin:auto; top:20%; left:0px;	right:0px;	border-radius: 10px;	background: #fff;	background: -moz-linear-gradient(#fff, #999);	background: -webkit-linear-gradient(#fff, #999);	background: -o-linear-gradient(#fff, #999);}
.close {	background: #606061;	color: #F00;	line-height: 41px;	position: absolute;	right: -10px;	text-align: center;	top: -10px;	width: 40px;	text-decoration: none;
	font-weight: bold; 	-webkit-border-radius: 20px;	-moz-border-radius: 20px;	border-radius: 20px;	-moz-box-shadow: 1px 1px 3px #000;	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000; z-index:100;}
.close:hover { background: #00d9ff; }
.vplyr{width:100%;height:600px;}
#h2oplayer	{	position:relative;	width:100%;	height:100%; margin:0;padding:0;	background-color:#000;	border: 2px solid #CCC;	border-radius: 5px;		}
#vdotxt {	float:left;	width:70%;	font-family: poppins light; background-color:transparent; color:red; font-size:18px; line-height:25px;	padding-left:10px;	right:0;	top:10px;	padding-top:10px;	margin:auto;	}
.prj-video {	max-width:100%; 	max-height:100%;	} 
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1920px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1920px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1920px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1920px),
only screen and (                min-resolution: 192dpi) and (min-width: 1920px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1920px){ 

.sample{position:absolute; font-size:36px; color:black;}
.sect{ position:relative; display:block; margin:50px 0 auto; width:100%; height:auto;}
.srthumb	{position:absolute;display: flex; overflow-x: auto; scrollbar-width:none; width:100%;	height:auto; margin-bottom:150px; } 
.srthumb::-webkit-scrollbar{width:0;}
.srthumb .sr20{ 	width: 100%;	height:100%;	text-align:center;	background-clolor:red;	margin-right:5px; margin-top:20px; transform: scale(1);}
.srthumb.active{cursor: grabbing;cursor: -webkit-grabbing;scrollbar-width:none;}
.srtimg img{	margin:auto;	position:relative; display:block;	height:auto;	width:100%;	cursor:pointer;	z-index:-1;}	
.sr20:hover .overlay1 {  opacity: 1;  cursor:pointer;}
.overlay1{  position:absolute;   display:block;  background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7);   color: #f1f1f1;   width: 100%;  bottom:0;  height:100px;  transition: .5s ease;
  opacity:0;  color: red;  font-size: 30px;   padding-left:10px; padding-right:10px; padding-top:30px;   margin:0;  text-align: center;	}
.hdr2{position:relative; display:block;width:100%; height:auto; margin-top:270px }
.hdr2 h1 {	position:relative; display:block;	font-size: 40px; font-family:Poppins Medium; height: auto; width:20%; Left:20%;	font-weight:bold;	text-decoration:underline;	color:#DD0000;	text-align:justify;	}
.down-arrow{position:absolute;left:8%; width:10%;opacity:.4; z-index:-20;	}
.down-arrow img{width:80px; height:auto;}
.hdr2txt h1 {	position:relative;	width:50%;	display:block;	font-size: 20px; font-family:Poppins Light; line-height:30px;	font-weight:bold;	color:#000000;	left: 20%;	}
.topbdr img  {		position:relative;	display:block;	left:38%;	width:10%;	height:auto; padding-top:10px;}
.txtdtls{	    position:relative;;	diplay:block;   left: 42%;	width: 36%;	font-size:20px;	font-family:Poppins Light;height:auto;top:-105px;}
.txtdtls p{	font-size: 20px;	color:#000000;	text-align:justify;		}
.wkdata{position:relative;display:inline-block;width:100%;height:100%; padding-top:5px; padding-bottom:5px;  }
.wkdata2{position:relative;display: block; margin:auto; max-width:65%;height:100%; text-align:center; }
.wdvdo{position:relative;display:block;width:33%;height:auto;float:left;margin:0; padding-left:18px; padding-right:18px; padding-top:23px; }
.wdvdo img{width:100%;height:auto;margin:0;padding:0;}
.wdvdo img:hover{cursor:pointer; opacity:.6;}

.overlay{  position: absolute;   bottom: 0;   background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5);   color: #f1f1f1;   font-family: poppins light;
  width: 90%;   height:80px;  line-height:20px;  transition: .5s ease;  opacity:0;  color: red;  font-size: 16px;   padding-left:10px; padding-right:10px; padding-top:20px; 
  margin:0;  text-align: center;	}
.wdvdo:hover .overlay {   opacity: 1;  cursor:pointer;}

.modalDialog:target {	opacity:1;	pointer-events:auto;}
.modalDialog > div {    width: 60%;	height:650px;	top:10%; }
.vplyr{width:100%;height:550px;}
#h2oplayer	{	width:100%;	height:100%;	}
.prj-video {	max-width:100%; 	max-height:100%;	}

.footer{ position:relative;bottom:0;display:block;	margin-top:50px; width:100%; height:400px; background-color:#333232;}

.footer1{position:relative; display:block; margin:auto; width:50%; float:left; line-height: 25px;	max-height:100%;	}

.footer1 img { position:relative;display:block;	margin:auto; left:-120px;  top:100px;	width:100px;}

.spftr1 p, .spftr2 p, .spftr3 p, .spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{	width:60%;	position:relative;	display:block;	margin: auto;	top:0;	padding-top:120px;
	padding-left:10%;	color:#ffffff;	font-size:18px;	}
	
.spftr2 {position:relative; display:block; margin:auto; width:100%; top:-82px;}	
.spftr2 img{position: relative; display:block;width:5%;height:auto; left:-160px; }
.icontxt p{position: relative; display:block;width:50%;height:auto; top:-15px; color:#fff; font-size:20px; font-family:poppins light; left:360px;}	

.spftr3 p{	font-size:24px; font-family:Poppins Medium;	padding-top: 100px;	text-decoration:underline; left:5%; line-height:50px;	}

.spftr4 p, .spftr5 p, .spftr6 p, .spftr7 p{ padding-top:20px;	width:50%;}
.spftr7 p {left:7.2%;line-height:1px;}

.socalicon{position:relative; display:inline-block; padding:5px;left:48%;}
.socalicon img{width:80%; height:auto; top:20px;}	
.socalicon img:hover{ opacity:.2; cursor:pointer;}

.footerline  {	position:relative;	display:block; height:70px; width:100%; background-color:#000000;}
.footerline p { text-align:center; padding-top:25px;}
.topscroll{width:50px;height:50px;}	
}