@charset "utf-8";
* {
  box-sizing: border-box;
}
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';
  }
}

* {	margin:0;	padding:0;}


.topscroll {display:none; position:fixed; display:inline-block;	width:50px; height:50px;	bottom:0px;	right:30px;	cursor:pointer;	z-index: 1002;}	

body{color:#fff; background-color:#000; font-size:13px; font-family:'Helvetica Neue';	width:100%; height:auto; }

/*.dvsec .dvsec2 {position:relative; display:block;margin:0; padding:0; width:100%; height:500px; background:#000;  top:0;	}*/

img { vertical-align: middle; } 
.container1 { width: 100%; height:100%;display:block;position:relative; background: #000000; } 
.topdiv{position:relative;display:block;width:100%;height:100%;}
.sRvdo {width:100%;height:100%; }

.txt1{position:absolute;display:block;margin:0px auto;top:40%;left:100px;width:800px;}

.txt1 p:first-child{font-family:'Bebas Neue'; font-size:46pt; line-height: 46pt; font-weight:900; width:100%;letter-spacing: 2px;}

.txt1 p {font-family:'Roboto'; font-size:12pt; width:800px; margin-top:10px; font-weight: 100;letter-spacing: 2px;}

.txt1 p:last-child{background-color: #8E0204; text-align: center; max-width:180px;margin-top:20px; font-family: 'Helvetica Neue'; font-size:8pt; line-height: 20pt;  cursor: pointer;}


.txt2{position:absolute;display:block;margin:0px auto;top:30%;RIGHT:50px;}
.txt2 ul {list-style-type: none;text-align-last: right;color:#ffffff;line-height: 48pt;}
.txt2 li {font-family: 'Bebas Neue';font-size:36pt;font-weight: 700;color:#ffffff ;line-height: 48pt; opacity: .5; }
.txt2 li:hover {list-style: disc; color:#C20509; cursor: pointer;opacity: 1;}
.txt2 li a {color:#ffffff;}
.txt2 li a:hover {font-family: 'Bebas Neue';font-size:48pt;font-weight: bold;color:#ffffff; opacity: 1; }


/* Slideshow container */

a{color:#ffffff;}

.dvsec{position:relative;display:block;background: #000; margin:0px auto;max-height: auto; Width:100%;height:700px;}

.cntrtxt {position:absolute;display: block; margin:0px; top:50%; left:50%; width:70%;height:50%; transform: translate(-50%, -50%);}

.cntrtxt p:first-child{font-size:12pt; font-family:'Helvetica Neue'; letter-spacing:1px; line-height:35px;  }
.cntrtxt ul{list-style:none;line-height:150px;}
.cntrtxt li {font-size:46pt; font-family:'Bebas Neue';font-weight: bold; color:#fff;letter-spacing: 2px; }
.cntrtxt li::before{content:"\2022"; color:#B00002;margin-left: -40px;font-weight: bolder;}
.cntrtxt p{font-size:12pt; font-family:'Roboto'; line-height: 35px; }

/* Project video data started from here */

input{	display:none;}
.top-content{ 	position:relative;	display:block;	background-color: rgb(0,0,0);	width:100%;	height:60px;	text-align: center;	align-items:center;}
label{	display:inline-block; 	height:100%;	margin: 0 20px;	line-height: 60px;	font-size: 65px; color:red;		cursor: pointer;	transition: color .5s;}
label:hover{color:white;}

.dvsec1{	width:100%;	height: 100%;	display:grid;	grid-template-columns: repeat(4, 1fr); grid-gap: 0;}
.wdvdo {	position: relative;	margin: 0;	height:100%; width:100%;	cursor:pointer;	transition: .5s;}
.wdvdo img {	width: 100%;	height:100%;	transition: .3s;}
.overlay {position: relative;top:-100%;margin: 0;	height:100%; width:100%;	cursor:pointer; transition: .5s; }
.overlay::before{
	content: url(../../img/videoplaysmall.png) ;	position: absolute; 	left:50%;	top: 50%;	transform: translate(-50%,-50%); align-items: center;	text-align: center;	color:white;	font-size: 18px; width: 100%;	transition: .3s;	transition-delay: .2s;	z-index: 1; opacity: 0;}
.overlay::after{
	content: attr(img-text) ;	position: absolute;	width: 100%;font-size: 18px; 	bottom: 0;	left: 0;	height: 0;	background-color: rgba(216,14,20,.4);	transition: .3s;align-content:center; align-items:center;text-align: center;opacity: 0;}
.overlay:hover::after{	height: 100%; opacity: 1;}
.overlay:hover::before{	margin-top:0;	opacity: 1;}


#check1:checked ~  .dvsec1 .wdvdo  .page1{	opacity: 1;	transform: scale(1);	position:relative;	}
#check1:checked ~   .dvsec1 .page2{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}
#check2:checked ~  .dvsec1 .page2 {	opacity: 1;	transform: scale(1);	position:relative; }
#check2:checked ~   .dvsec1 .page1{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}

.modalDialog{	position:fixed;	font-family: 'Helvetica Neue' ;	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: 'Helvetica Neue'; 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%;	} 

.dvsec2{position:relative;display:block;background: #000; margin:0px auto;padding: 0px;max-height: auto; Width:100%;height:400px;font-family:'Bebas Neue';}

.cntrtxt2 {position:absolute;display: block; margin:0px; top:50%; left:50%; width:70%;height:auto; transform: translate(-50%, -50%);}

.cntrtxt2 ul{list-style:none;line-height:100px;}
.cntrtxt2 li {font-size:46pt; font-family:'Bebas Neue';color:#fff;font-weight: bold;letter-spacing: 2px;}
.cntrtxt2 li::before{content:"\2022"; color:#B00002;margin-left: -40px;font-weight: bold;}
.cntrtxt2 p{font-size:12pt; font-family:'Roboto';  line-height: 35px; }

.dvsec3{ position:relative; display:inline-block;  margin:50px 0; padding:50px; height:auto;background-color:#fff;  }
.clttb{ 	position:relative; display:block; margin: auto;	width: 90%;	max-height: auto; top: 0; padding: 0;}
.cltlogo{	position:relative;	display:block;	margin:auto;	text-align:center;	width:10%;	height:auto; float:left;		}
.cltlogo img{width:60%; height:auto;}


.footer{ position:relative;bottom:0;display:block;	margin-top:0px; width:100%; height:150px; background-color:#000;}
.ftr90{position:absolute;display:block;margin:0px;width:90%;height:auto;top:50%;left:50%; transform: translate(-50%,-50%);}
.ftr20{position:relative;display:block;margin:0px;padding:0px;height:auto;float: left;width:20%;}
.fimg img {height:15%;width:15%;padding-bottom: 20px; top:-20px;}
.ftxt{font-family:'Roboto';font-size:12pt;line-height: 20px;}


.footerline  {	position:relative;	display:block; height:50px; width:100%; background-color:#000000;}
.footerline p {text-align: center; margin:0px;top:50%;left:50%;position:absolute;display:block;transform: translate(-50%,-50%);font-family: 'Roboto';font-size:10pt;}

.topscroll{display:none;width:50px; height:50px;z-index: 1002;}

@media screen and (min-width: 320px) 
{
	.txt1{left:10px;width:75%;}
	.txt1 p:first-child{font-size: 15px;left:5px;line-height: 20px;}
	.txt1 p{font-size:6px;line-height: 8px;width:80%;}
	.txt1 p:last-child{width:120px;height:20px;line-height: 20px;font-size: 6px; margin-top:10px; }
	
	.txt2{top:35%;RIGHT:10px;}
	.txt2 ul {line-height: 14pt;}
	.txt2 li {font-size:14pt;line-height: 14pt; }
	.txt2 li a:hover {font-size:16pt;}
	
	.dvsec {height:300px;}
	.cntrtxt{width:80%;}
	.cntrtxt p:first-child{font-size:10px;}
	.cntrtxt ul{width:90%;}
	.cntrtxt li{margin-left:25px;font-size: 16px;line-height: 40px;width:100%;}
	.cntrtxt p:last-child{font-size: 11px;line-height: 15px;margin-top:20px;}
	
	.dvsec1{grid-template-columns: repeat(1, auto); grid-gap: 0px;}
	.wdvdo {height:180px; width:100%;}
	.wdvdo img {width: 100%;	height:180px;}
	.overlay {top:-180px;height:180px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}

	.modalDialog > div {    width: 99%;	height:200px;	top:10%; }
	.vplyr{width:100%;height:200px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 

	
	label{font-size: 40px;line-height: 40px;}
	
	.dvsec2{height:200px;}

	.cntrtxt2 {width:70%;height:auto;}
	.cntrtxt2 ul{list-style:none;line-height:70px;}
	.cntrtxt2 li {font-size:16pt; letter-spacing: 1.5px;}
	.cntrtxt2 li::before{content:"\2022"; color:#B00002;margin-left: -10px;}
	.cntrtxt2 p{font-size:8pt; line-height: 12px; }

	.dvsec3{ margin:20px 0; padding:20px;}
	.clttb{	width: 98%;}
	.cltlogo{ width:20%;	}
	.cltlogo img{width:90%; }
	

	.footer{ width:100%; height:100px; }
	#flogo {width:80%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:35%;width:35%;}
	.ftxt{font-size:4pt;line-height: 8px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:6pt;}
}

@media screen and (min-width: 360px) {
	.txt1{left:10px;width:75%;}
	.txt1 p:first-child{font-size: 18px;left:5px;line-height: 20px;}
	.txt1 p{font-size:8px;line-height: 8px;width:85%;}
	.txt1 p:last-child{width:110px;height:20px;line-height: 20px;font-size: 6px; margin-top:10px; }
	
	.cntrtxt{width:80%;}
	.cntrtxt p:first-child{font-size:10px;}
	.cntrtxt ul{width:90%;}
	.cntrtxt li{margin-left:25px;font-size: 18px;line-height: 40px;width:100%;}
	.cntrtxt p:last-child{font-size: 10px;line-height: 15px;margin-top:20px;}
	
	.dvsec1{grid-template-columns: repeat(1, auto); grid-gap: 0px;}
	.wdvdo {height:194px; width:100%;}
	.wdvdo img {width: 100%;	height:194px;}
	.overlay {top:-194px;height:194px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:200px;	top:10%; }
	.vplyr{width:100%;height:200px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	label{font-size: 40px;line-height: 40px;}
	
	.cntrtxt2 {width:70%;height:auto;}
	.cntrtxt2 ul{list-style:none;line-height:70px;}
	.cntrtxt2 li {font-size:18pt; letter-spacing: 1.5px;}
	.cntrtxt2 li::before{content:"\2022"; color:#B00002;margin-left: -10px;}
	.cntrtxt2 p{font-size:10pt; line-height: 14px; }

	.ftxt{font-size:5pt;line-height: 8px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:6pt;}
}
@media screen and (min-width: 375px){

	.dvsec1{grid-template-columns: repeat(1, auto); grid-gap: 0px;}
	.wdvdo {height:202px; width:100%;}
	.wdvdo img {width: 100%;	height:202px;}
	.overlay {top:-202px;height:202px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:200px;	top:10%; }
	.vplyr{width:100%;height:200px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	.dvsec2{top:-30px;}
	.ftxt{font-size:5pt;line-height: 8px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:6pt;}
	}
	
@media screen and (min-width: 411px)	{

	.dvsec1{grid-template-columns: repeat(1, auto); grid-gap: 0px;}
	.wdvdo {height:222px; width:100%;}
	.wdvdo img {width: 100%;	height:222px;}
	.overlay {top:-222px;height:222px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:200px;	top:10%; }
	.vplyr{width:100%;height:200px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	.dvsec2{top:-30px;}
	.ftxt{font-size:5pt;line-height: 8px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:6pt;}
	}

@media screen and (min-width: 480px) {
	
	.txt1{left:10px;width:75%;}
	.txt1 p:first-child{font-size: 30px;left:10px;line-height: 36px;}
	.txt1 p{font-size:10px;line-height: 14px;width:80%;}
	.txt1 p:last-child{width:120px;height:20px;line-height: 20px;font-size: 6px; margin-top:10px; }
	
	.txt2{top:35%;RIGHT:10px;}
	.txt2 ul {line-height: 18pt;}
	.txt2 li {font-size:18pt;line-height: 18pt; }
	.txt2 li a:hover {font-size:18pt;}
	
	.dvsec {height:300px;}
	.cntrtxt{width:80%;}
	.cntrtxt p:first-child{font-size:10px;}
	.cntrtxt ul{width:90%;}
	.cntrtxt li{margin-left:25px;font-size: 20pt;line-height: 40px;width:100%;}
	.cntrtxt p:last-child{font-size: 12px;line-height: 16px;margin-top:20px;}
	
	.dvsec1{grid-template-columns: repeat(2, 1fr); grid-gap: 0px;}
	.wdvdo {height:134px; width:100%;}
	.wdvdo img {width: 100%;	height:134px;}
	.overlay {top:-134px;height:134px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:300px;	top:10%; }
	.vplyr{width:100%;height:300px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	label{font-size: 40px;line-height: 40px;}
	
	.dvsec2{height:200px;}

	.cntrtxt2 {width:70%;height:auto;}
	.cntrtxt2 ul{list-style:none;line-height:70px;}
	.cntrtxt2 li {font-size:26pt; letter-spacing: 1.5px;}
	.cntrtxt2 li::before{content:"\2022"; color:#B00002;margin-left: -10px;}
	.cntrtxt2 p{font-size:12pt; line-height: 18px; }

	.dvsec3{ margin:20px 0; padding:20px;}
	.clttb{	width: 98%;}
	.cltlogo{ width:20%;	}
	.cltlogo img{width:90%; }
	
	.footer{ width:100%; height:100px; }
	#flogo {width:80%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:35%;width:35%;}
	.ftxt{font-size:6pt;line-height: 8px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:6pt;}

}

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

	.dvsec1{grid-template-columns: repeat(2, auto); grid-gap: 0px;}
	.wdvdo {height:150px; width:100%;}
	.wdvdo img {width: 100%;	height:150px;}
	.overlay {top:-150px;height:150px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	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:100px; }
	#flogo {width:80%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:35%;width:35%;}
	.ftxt{font-size:9px;line-height: 10px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:9px;}
}

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

	.txt1{left:30px;width:75%;}
	.txt1 p:first-child{font-size: 36px;left:10px;line-height: 36px;}
	.txt1 p{font-size:12px;line-height: 16px;width:80%;}
	.txt1 p:last-child{width:140px;height:20px;line-height: 20px;font-size: 8px; margin-top:20px; }
	
	.txt2{top:35%;RIGHT:10px;top:30%;}
	.txt2 ul {line-height: 26pt;}
	.txt2 li {font-size:26pt;line-height: 28pt;  }
	.txt2 li a:hover {font-size:26pt;}
	
	.dvsec{width:100%;height: 400px;}
	.dvsec p:first-child{font-size:12px;}
	.dvsec ul li{font-size:36px;line-height: 58px;}
	.dvsec p:last-child{font-size:12px;line-height: 16px;}
	
	.dvsec1{grid-template-columns: repeat(2, auto); grid-gap: 0px;}
	.wdvdo {height:180px; width:100%;}
	.wdvdo img {width: 100%;	height:180px;}
	.overlay {top:-180px;height:180px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:300px;	top:10%; }
	.vplyr{width:100%;height:300px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	.cltlogo img{width:40%; height:auto;}
	
	.dvsec2{height:300px;}
	.dvsec2 ul li{font-size:36px; line-height: 56px;}
	.dvsec2 p{font-size:12px;line-height: 16px; padding-top:20px; }
	
	.footer{ width:100%; height:100px; }
	#flogo {width:80%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:35%;width:35%;}
	.ftxt{font-size:10px;line-height: 12px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:10px;}

}

@media only screen and (min-width: 720px) {
	.wdvdo {height:202px; width:100%;}
	.wdvdo img {width: 100%;	height:202px;}
	.overlay {top:-202px;height:202px; width:100%; }
	.cltlogo img{width:50%; height:auto;}
 	
}
@media screen and (min-width: 768px) {

    .wdvdo {height:224px; width:100%;}
	.wdvdo img {width: 100%;	height:224px;}
	.overlay {top:-224px;height:224px; width:100%; }
	.cltlogo img{width:50%; height:auto;}
} 


@media screen and (min-width: 800px) {
	
    .wdvdo {height:215px; width:100%;}
	.wdvdo img {width: 100%;	height:215px;}
	.overlay {top:-215px;height:215px; width:100%; }
	
	.cltlogo img{width:40%; height:auto;}

}
@media screen and (min-width: 900px) and (max-width: 1024px) {

	.dvsec1{grid-template-columns: repeat(3, auto); grid-gap: 0px;}
	.wdvdo {height:168px; width:100%;}
	.wdvdo img {width: 100%;	height:168px;}
	.overlay {top:-168px;height:168px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:450px;	top:10%; }
	.vplyr{width:100%;height:450px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	.cltlogo img{width:40%; height:auto;}
	
	.footer{ width:100%; height:100px; }
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:25%;width:25%;}
	.ftxt{font-size:12px;line-height: 12px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:12px;}
}


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

	.txt1{width:50%;}
	.cntrtxt p:last-child{width:60%;}
	.cntrtxt2 p {width:50%;}
	.dvsec1{grid-template-columns: repeat(3, auto); grid-gap: 0px;}
	.wdvdo {height:168px; width:100%;}
	.wdvdo img {width: 100%;	height:168px;}
	.overlay {top:-168px;height:168px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:550px;	top:10%; }
	.vplyr{width:100%;height:550px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	.cltlogo img{width:40%; height:auto;}
	
	.footer{ width:100%; height:100px; }
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:20%;width:20%;}
	.ftxt{font-size:12px;line-height: 12px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:12px;}
	
}


@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)  { 
	
.txt1{width:50%;}
	.cntrtxt p:last-child{width:60%;}
	.cntrtxt2 p {width:50%;}
	.dvsec1{grid-template-columns: repeat(3, auto); grid-gap: 0px;}
	.wdvdo {height:168px; width:100%;}
	.wdvdo img {width: 100%;	height:168px;}
	.overlay {top:-168px;height:168px; width:100%; }
	.overlay::before{width: 100%;	}
	.overlay::after{width: 100%;font-size: 12px;}
	.overlay:hover::after{	height: 100%; opacity: 1;}
	.overlay:hover::before{	margin-top:0;	opacity: 1;}
	
	.modalDialog > div {    width: 99%;	height:550px;	top:10%; }
	.vplyr{width:100%;height:550px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 
	
	.cltlogo img{width:40%; height:auto;}
	
	.footer{ width:100%; height:100px; }
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:20%;width:20%;}
	.ftxt{font-size:12px;line-height: 12px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:12px;}

	}
@media screen and  (min-width: 1200px) {
	
	.dvsec1{grid-template-columns: repeat(3, 1fr); grid-gap: 0px;}
	.wdvdo {height:224px; width:100%;}
	.wdvdo img {width: 100%;	height:224px;}
	.overlay {top:-224px;height:224px; width:100%; }
	
	.modalDialog > div {    width: 99%;	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:150px; }
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:25%;width:25%;}
	.ftxt{font-size:12px;line-height: 12px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:12px;}
}
@media screen and  (min-width: 1280px) {
	
	.dvsec1{grid-template-columns: repeat(3, 1fr); grid-gap: 0px;}
	.wdvdo {height:239px; width:100%;}
	.wdvdo img {width: 100%;	height:239px;}
	.overlay {top:-239px;height:239px; width:100%; }
	
	.modalDialog > div {    width: 99%;	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:150px; }
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:25%;width:25%;}
	.ftxt{font-size:12px;line-height: 12px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:12px;}
}
@media screen and  (min-width: 1366px) {
	
	.dvsec1{grid-template-columns: repeat(4, 1fr); grid-gap: 0px;}
	.wdvdo {height:191px; width:100%;}
	.wdvdo img {width: 100%;	height:191px;}
	.overlay {top:-191px;height:191px; width:100%; }
	
	.modalDialog > div {    width: 99%;	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: 200px;
}
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:25%;width:25%;}
	.ftxt{font-size:12px;line-height: 12px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:12px;}
}


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

	.dvsec1{grid-template-columns: repeat(4, 1fr); grid-gap: 0px;}
	.wdvdo {height:224px; width:100%;}
	.wdvdo img {width: 100%;	height:224px;}
	.overlay {top:-224px;height:224px; width:100%; }
	
	.modalDialog > div {    width: 99%;	height:450px;	top:10%; }
	.vplyr{width:100%;height:450px;}
	#h2oplayer	{	width:100%;	height:100%;	}
	.prj-video {	max-width:100%; 	max-height:100%;	} 

}

@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){ 

 }

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

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

body{color:#fff; background-color:#000; font-size:13px; font-family:'Helvetica Neue';	width:100%; height:auto; }

.dvsec .dvsec2 {position:relative; display:block;margin:0; padding:0; width:100%; height:500px; background:#000;  top:0;	}

img { vertical-align: middle; } 

.txt1{position:absolute;display:block;margin:0px auto;top:40%;left:100px;width:800px;}

.txt1 p:first-child{font-family:'Bebas Neue'; font-size:46pt; line-height: 46pt; font-weight:900; width:100%;letter-spacing: 2px;}

.txt1 p {font-family:'Roboto'; font-size:12pt; width:800px;line-height: 30px; margin-top:10px; font-weight: 100;letter-spacing: 2px;margin-top:50px;}

.txt1 p:last-child{background-color: #8E0204; text-align: center; width:280px;margin-top:20px; font-family: 'Helvetica Neue'; font-size:8pt; height:auto; line-height: 30pt;  cursor: pointer;}


.txt2{position:absolute;display:block;margin:0px auto;top:35%;right:50px;}
.txt2 ul {list-style-type: none;text-align-last: right;color:#ffffff;line-height: 48pt;}
.txt2 li {font-family: 'Bebas Neue';font-size:48pt;font-weight: 700;color:#ffffff ;line-height: 48pt; opacity: .5; }
.txt2 li:hover {list-style: disc; color:#C20509; cursor: pointer;opacity: 1;}
.txt2 li a {color:#ffffff;}
.txt2 li a:hover {font-family: 'Bebas Neue';font-size:48pt;font-weight: bold;color:#ffffff; opacity: 1; }


/* Slideshow container */
.container1 { max-width: 100%; height:auto;display:block;position:relative; margin-left: auto;margin-right: auto;overflow:visible; margin-top:0; background: #000000; } 

a{color:#ffffff;	}

.dvsec{position:relative;display:block;background: #000; margin:0px auto;max-height: auto; Width:100%;height:700px;}

.cntrtxt {position:absolute;display: block; margin:0px; top:50%; left:50%; width:70%;height:50%; transform: translate(-50%, -50%);}

.cntrtxt p:first-child{font-size:12pt; font-family:'Helvetica Neue'; letter-spacing:1px; line-height:15px;padding: 80px 0 30px 0;  }
.cntrtxt ul{list-style:none;}
.cntrtxt li {font-size:56pt; font-family:'Bebas Neue';font-weight: bold; color:#fff;letter-spacing: 2px;line-height:150px; }
.cntrtxt li::before{content:"\2022"; color:#B00002;margin-left: -40px;font-weight: bolder;}
.cntrtxt p:last-child{font-size:12pt; font-family:'Roboto'; line-height: 25px; width:800px; }

/* Project video data started from here */

input{	display:none;}
.top-content{ 	position:relative;	display:block;	background-color: rgb(0,0,0);	width:100%;	height:60px;	text-align: center;	align-items:center;}
label{	display:inline-block; 	height:100%;	margin: 0 20px;	line-height: 60px;	font-size: 65px;	color: red;	cursor: pointer;	transition: color .5s;}
label:hover{color:white;}

.dvsec1{	width:100%;	height: 100%;	display:grid;	grid-template-columns:  repeat(4, 1fr); grid-gap: 0;}
.wdvdo {	position: relative;	margin: 0;	height:100%; width:100%;	cursor:pointer;	transition: .5s;}
.wdvdo img {	width: 100%;	height:100%;	transition: .3s;}
.overlay {position: relative;top:-100%;margin: 0;	height:100%; width:100%;	cursor:pointer; transition: .5s; }
.overlay::before{
	content: url(../../img/videoplaysmall.png) ;	position: absolute; 	left:50%;	top: 50%;	transform: translate(-50%,-50%); align-items: center;	text-align: center;	color:white;	font-size: 18px; width: 100%;	transition: .3s;	transition-delay: .2s;	z-index: 1; opacity: 0;}
.overlay::after{
	content: attr(img-text) ;	position: absolute;	width: 100%;font-size: 18px; 	bottom: 0;	left: 0;	height: 0;	background-color: rgba(216,14,20,.4);	transition: .3s;align-content:center; align-items:center;text-align: center;opacity: 0;}
.overlay:hover::after{	height: 100%; opacity: 1;}
.overlay:hover::before{	margin-top:0;	opacity: 1;}

#check1:checked ~  .dvsec1 .wdvdo  .page1{	opacity: 1;	transform: scale(1);	position:relative;	}
#check1:checked ~   .dvsec1 .page2{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}
#check2:checked ~  .dvsec1 .page2 {	opacity: 1;	transform: scale(1);	position:relative;}
#check2:checked ~   .dvsec1 .page1{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}

	
.modalDialog{	position:fixed;	font-family: 'Helvetica Neue' ;	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: 'Helvetica Neue'; 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%;	} 

.dvsec2{position:relative;display:block;background: #000; margin:0px auto;padding: 0px;max-height: auto; Width:100%;height:400px;font-family:'Bebas Neue';top:0;}

.cntrtxt2 {position:absolute;display: block; margin:0px; top:50%; left:50%; width:70%;height:auto; transform: translate(-50%, -50%);}

.cntrtxt2 ul{list-style:none;}
.cntrtxt2 li {font-size:56pt; font-family:'Bebas Neue';color:#fff;font-weight: bold;letter-spacing: 2px;line-height:60px;}
.cntrtxt2 li::before{content:"\2022"; color:#B00002;margin-left: -20px;font-weight: bold;}
.cntrtxt2 p:last-child{font-size:12pt; font-family:'Roboto';  line-height: 35px; }

.dvsec3{ position:relative; display:inline-block;  margin:50px 0; padding:50px; height:auto;background-color:#fff;  }
.clttb{ 	position:relative; display:block; margin: auto;	width: 90%;	max-height: auto; top: 0; padding: 0;}
.cltlogo{	position:relative;	display:block;	margin:auto;	text-align:center;	width:10%;	height:auto; float:left;		}
.cltlogo img{width:60%; height:auto;}


.footer{ position:relative;bottom:0;display:block;	margin-top:0px; width:100%; height:150px; background-color:#000;}
.ftr90{position:absolute;display:block;margin:0px;width:90%;height:auto;top:50%;left:50%; transform: translate(-50%,-50%);}
.ftr20{position:relative;display:block;margin:0px;padding:0px;height:auto;float: left;width:20%;}
.fimg img {height:15%;width:15%;padding-bottom: 20px; top:-20px;}
#flogo {height:55%;width:55%;}
.ftxt{font-family:'Roboto';font-size:12pt;line-height: 20px;}

.footerline  {	position:relative;	display:block; height:60px; width:100%; background-color:#000000;}
.footerline p {text-align: center; margin:0px;top:50%;left:50%;position:absolute;display:block;transform: translate(-50%,-50%);font-family: 'Roboto';font-size:10pt;}

.topscroll{display:none;width:50px; height:50px;z-index: 1002;}

}

@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){ 

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

body{color:#fff; background-color:#000; font-size:13px; font-family:'Helvetica Neue';	width:100%; height:auto; }

.dvsec .dvsec2 {position:relative; display:block;margin:0; padding:0; width:100%; height:500px; background:#000;  top:0;	}

img { vertical-align: middle; } 

.txt1{position:absolute;display:block;margin:0px auto;top:40%;left:100px;width:800px;}

.txt1 p:first-child{font-family:'Bebas Neue'; font-size:46pt; line-height: 46pt; font-weight:900; width:100%;letter-spacing: 2px;}

.txt1 p {font-family:'Roboto'; font-size:12pt; width:800px;line-height: 30px; margin-top:10px; font-weight: 100;letter-spacing: 2px;margin-top:50px;}

.txt1 p:last-child{background-color: #8E0204; text-align: center; width:280px;margin-top:20px; font-family: 'Helvetica Neue'; font-size:8pt; height:auto; line-height: 30pt;  cursor: pointer;}


.txt2{position:absolute;display:block;margin:0px auto;top:35%;right:50px;}
.txt2 ul {list-style-type: none;text-align-last: right;color:#ffffff;line-height: 48pt;}
.txt2 li {font-family: 'Bebas Neue';font-size:48pt;font-weight: 700;color:#ffffff ;line-height: 48pt; opacity: .5; }
.txt2 li:hover {list-style: disc; color:#C20509; cursor: pointer;opacity: 1;}
.txt2 li a {color:#ffffff;}
.txt2 li a:hover {font-family: 'Bebas Neue';font-size:48pt;font-weight: bold;color:#ffffff; opacity: 1; }


/* Slideshow container */
.container1 { max-width: 100%; height:auto;display:block;position:relative; margin-left: auto;margin-right: auto;overflow:visible; margin-top:0; background: #000000; } 

a{color:#ffffff;	}

.dvsec{position:relative;display:block;background: #000; margin:0px auto;max-height: auto; Width:100%;height:700px;}

.cntrtxt {position:absolute;display: block; margin:0px; top:50%; left:50%; width:70%;height:50%; transform: translate(-50%, -50%);}

.cntrtxt p:first-child{font-size:12pt; font-family:'Helvetica Neue'; letter-spacing:1px; line-height:15px;padding: 80px 0 30px 0;  }
.cntrtxt ul{list-style:none;}
.cntrtxt li {font-size:56pt; font-family:'Bebas Neue';font-weight: bold; color:#fff;letter-spacing: 2px;line-height:150px; }
.cntrtxt li::before{content:"\2022"; color:#B00002;margin-left: -40px;font-weight: bolder;}
.cntrtxt p:last-child{font-size:12pt; font-family:'Roboto'; line-height: 25px; width:800px; }

/* Project video data started from here */

input{	display:none;}
.top-content{ 	position:relative;	display:block;	background-color: rgb(0,0,0);	width:100%;	height:60px;	text-align: center;	align-items:center;}
label{	display:inline-block; 	height:100%;	margin: 0 20px;	line-height: 60px;	font-size: 65px;	color: red;	cursor: pointer;	transition: color .5s;}
label:hover{color:white;}

.dvsec1{	width:100%;	height: 100%;	display:grid;	grid-template-columns:  repeat(4, 1fr); grid-gap: 0;}
.wdvdo {	position: relative;	margin: 0;	height:100%; width:100%;	cursor:pointer;	transition: .5s;}
.wdvdo img {	width: 100%;	height:100%;	transition: .3s;}
.overlay {position: relative;top:-100%;margin: 0;	height:100%; width:100%;	cursor:pointer; transition: .5s; }
.overlay::before{
	content: url(../../img/videoplaysmall.png) ;	position: absolute; 	left:50%;	top: 50%;	transform: translate(-50%,-50%); align-items: center;	text-align: center;	color:white;	font-size: 18px; width: 100%;	transition: .3s;	transition-delay: .2s;	z-index: 1; opacity: 0;}
.overlay::after{
	content: attr(img-text) ;	position: absolute;	width: 100%;font-size: 18px; 	bottom: 0;	left: 0;	height: 0;	background-color: rgba(216,14,20,.4);	transition: .3s;align-content:center; align-items:center;text-align: center;opacity: 0;}
.overlay:hover::after{	height: 100%; opacity: 1;}
.overlay:hover::before{	margin-top:0;	opacity: 1;}

#check1:checked ~  .dvsec1 .wdvdo  .page1{	opacity: 1;	transform: scale(1);	position:relative;	}
#check1:checked ~   .dvsec1 .page2{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}
#check2:checked ~  .dvsec1 .page2 {	opacity: 1;	transform: scale(1);	position:relative;}
#check2:checked ~   .dvsec1 .page1{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}

.modalDialog{	position:fixed;	font-family: 'Helvetica Neue' ;	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: 'Helvetica Neue'; 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%;	} 

.dvsec2{position:relative;display:block;background: #000; margin:0px auto;padding: 0px;max-height: auto; Width:100%;height:400px;font-family:'Bebas Neue';top:0;}

.cntrtxt2 {position:absolute;display: block; margin:0px; top:50%; left:50%; width:70%;height:auto; transform: translate(-50%, -50%);}

.cntrtxt2 ul{list-style:none;}
.cntrtxt2 li {font-size:56pt; font-family:'Bebas Neue';color:#fff;font-weight: bold;letter-spacing: 2px;line-height:60px;}
.cntrtxt2 li::before{content:"\2022"; color:#B00002;margin-left: -20px;font-weight: bold;}
.cntrtxt2 p:last-child{font-size:12pt; font-family:'Roboto';  line-height: 35px; }

.dvsec3{ position:relative; display:inline-block;  margin:50px 0; padding:50px; height:auto;background-color:#fff;  }
.clttb{ 	position:relative; display:block; margin: auto;	width: 90%;	max-height: auto; top: 0; padding: 0;}
.cltlogo{	position:relative;	display:block;	margin:auto;	text-align:center;	width:10%;	height:auto; float:left;		}
.cltlogo img{width:60%; height:auto;}


.footer{ position:relative;bottom:0;display:block;	margin-top:0px; width:100%; height:150px; background-color:#000;}
.ftr90{position:absolute;display:block;margin:0px;width:90%;height:auto;top:50%;left:50%; transform: translate(-50%,-50%);}
.ftr20{position:relative;display:block;margin:0px;padding:0px;height:auto;float: left;width:20%;}
.fimg img {height:15%;width:15%;padding-bottom: 20px; top:-20px;}
#flogo {height:55%;width:55%;}
.ftxt{font-family:'Roboto';font-size:12pt;line-height: 20px;}


.footerline  {	position:relative;	display:block; height:30px; width:100%; background-color:#000000;}
.footerline p {text-align: center; margin:0px;top:50%;left:50%;position:absolute;display:block;transform: translate(-50%,-50%);font-family: 'Roboto';font-size:10pt;}

.topscroll{display:none;width:50px; height:50px;z-index: 1002;}
}