@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;	width:50px; 	height:50px;	bottom:10px;	right:20px;	cursor:pointer;	}	

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

.tophdr{position: relative;display:block;width:100%;height:250px;background-color: #000;z-index: 2;}

img { vertical-align: middle; } 

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

.titvdo{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;}

.sRvdo{position:relative;display: block;height:100%;width:100%;}


a{color:#ffffff;	}

.srOpt a {color:#ffffff;opacity: .5;}
.srOpt a:hover{color:#ffffff;opacity: 1;}

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

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

.cntrtxt ul{list-style:none;line-height:100px;}
.cntrtxt li {font-size:46pt; font-family:'Bebas Neue';color:#fff;text-align: center;align-items: center;}
.cntrtxt li::before{content:"\2022"; color:#B00002;margin-left: -40px;font-weight: bolder;}
.cntrtxt p{font-size:12pt; font-family: 'Roboto'; font-weight: 300; line-height: 35px; text-align: center;}

/* Project video data started from here */


.dvwork{position:relative;display:block;width:100%;height:100px;}
.dvwork90{position:absolute;display:inline-flex;width:auto;height:100px;align-items:center;text-align: center;left:50%;top:50%; transform: translate(-50%,-50%);}

input{display:none;}

.srOpt{ font-family:"Bebas Neue";display:inline-block; 	height:100%;	margin: 0 20px;	line-height: 60px;	font-size: 46pt; color:white;	cursor: pointer;	transition: color .5s;}
.srOpt:hover{color:white; font-weight: 800;top:50px;}
.bullets{display:none;}
.srOpt:hover > span{display:inline-flex; color:red;height:10px;font-size:46px;line-height:10px;}

.srOpt a:active{color:#ffffff;opacity: 1;}
label > span:active{color:#ffffff;opacity: 1;}
.srOpt a:focus{color:#ffffff;opacity: 1;}
label > span:focus{color:#ffffff;opacity: 1;}
.srOpt a:target{color:#ffffff;opacity: 1;}
label > span:target{color:#ffffff;opacity: 1;}

.dvsec1{position:relative;display:block;height:auto;width:100%;}

.dvsec2{	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 .dvsec2  .vfx{	opacity: 1;	transform: scale(1);	position:relative;	}

#check1:checked ~   .dvsec1 .dvsec2  .ani,
#check1:checked ~   .dvsec1 .dvsec2  .post,
#check1:checked ~   .dvsec1 .dvsec2 .prod,
#check1:checked ~   .dvsec1 .dvsec2 .dvphoto{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}

#check2:checked ~  .dvsec1 .dvsec2 .ani {	opacity: 1;	transform: scale(1);	position:relative;}

#check2:checked ~   .dvsec1 .dvsec2 .vfx,
#check2:checked ~   .dvsec1 .dvsec2 .post,
#check2:checked ~   .dvsec1 .dvsec2 .prod,
#check2:checked ~   .dvsec1 .dvsec2 .dvphoto{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}


#check3:checked ~  .dvsec1 .dvsec2 .post{	opacity: 1;	transform: scale(1);	position:relative;	}

#check3:checked ~   .dvsec1 .dvsec2 .vfx,
#check3:checked ~   .dvsec1 .dvsec2 .ani,
#check3:checked ~   .dvsec1 .dvsec2 .prod,
#check3:checked ~   .dvsec1 .dvsec2 .dvphoto{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}


#check4:checked ~  .dvsec1 .dvsec2 .prod {	opacity: 1;	transform: scale(1);	position:relative;}

#check4:checked ~   .dvsec1 .dvsec2 .vfx,
#check4:checked ~   .dvsec1 .dvsec2 .ani,
#check4:checked ~   .dvsec1 .dvsec2 .post,
#check4:checked ~   .dvsec1 .dvsec2 .dvphoto{	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}


#check5:checked ~  .dvsec1  .dvsec2 .dvphoto{	opacity: 1;	transform: scale(1);	position:relative;	}

#check5:checked ~   .dvsec1 .dvsec2 .vfx,
#check5:checked ~   .dvsec1 .dvsec2 .ani,
#check5:checked ~   .dvsec1 .dvsec2 .post,
#check5:checked ~   .dvsec1 .dvsec2 .prod {	opacity: 0;	transform: scale(0);	position:absolute;	transition: 0s;}


.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%;	} 


.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%;top:50%;left:50%; transform: translate(-50%,-50%);}
.ftr20{position:relative;display:block;margin:0px;padding:0px;float: left;width:20%;}
.fimg img {height:15%;width:15%;padding-bottom: 20px; }
.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{width:50px; height:50px;z-index: 999;}


@media screen and (min-width: 320px) 
{
	.tophdr{height:70px;}
	.dvsec{height:150px}
	.cntrtxt li{font-size: 36px;line-height: 60px;}
	.cntrtxt p{font-size:10px;line-height:12px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:20px;margin:0 2px; width:auto;line-height: 30px;}
	.bullets{font-size:20px;width:auto;line-height:30px;} 
	
	.dvsec2{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%; }

	.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%;	} 
	
	.footer{ width:100%; height:100px; }
	#flogo {width:80%;}
	.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) {
	.dvsec{height:250px}
	.cntrtxt li{font-size: 36px;line-height: 60px;}
	.cntrtxt p{font-size:10px;line-height:12px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:20px;margin:0 5px; width:auto;line-height: 30px;}
	.srOpt:active{color:#ffffff;}
	.bullets{font-size:20px;width:auto;line-height:30px;} 
	
	.dvsec2{grid-template-columns: repeat(1, 1fr); grid-gap: 0px;}
	.wdvdo {height:194px; width:100%;}
	.wdvdo img {width: 100%;	height:194px;}
	.overlay {top:-194px;height:194px; width:100%; }
	
	.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%;	}
	
	
}
@media screen and (min-width: 375px){
	.tophdr{height:70px;}
	.dvsec{height:250px}
	.cntrtxt li{font-size: 36px;line-height: 60px;}
	.cntrtxt p{font-size:10px;line-height:12px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:20px;margin:0 5px; width:auto;line-height: 30px;}
	.bullets{font-size:20px;width:auto;line-height:30px;} 
	
	.dvsec2{grid-template-columns: repeat(1, 1fr); grid-gap: 0px;}
	.wdvdo {height:202px; width:100%;}
	.wdvdo img {width: 100%;	height:202px;}
	.overlay {top:-202px;height:202px; width:100%; }
	
	.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%;	} 
	
	}
	
@media screen and (min-width: 411px)	{

	.tophdr{height:70px;}
	.dvsec{height:250px}
	.cntrtxt li{font-size: 36px;line-height: 60px;}
	.cntrtxt p{font-size:10px;line-height:12px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:20px;margin:0 5px; width:auto;line-height: 30px;}
	.bullets{font-size:20px;width:auto;line-height:30px;} 
	
	.dvsec2{grid-template-columns: repeat(1, 1fr); grid-gap: 0px;}
	.wdvdo {height:222px; width:100%;}
	.wdvdo img {width: 100%;	height:222px;}
	.overlay {top:-222px;height:222px; width:100%; }
	
	.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%;	} 
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:6pt;}
	}

@media screen and (min-width: 480px) {
	
	.tophdr{height:100px;}
	.dvsec{height:250px}
	.cntrtxt li{font-size: 42px;line-height: 60px;}
	.cntrtxt p{font-size:12px;line-height:16px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:24px;margin:0 5px; width:auto;line-height: 30px;}
	.bullets{font-size:24px;width:auto;line-height:30px;} 
	
	.dvsec2{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%; }
	
	.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%;}
	.ftr90{width:99%;padding-top:15px;}
	.fimg img {height:35%;width:35%;}
	.ftxt{font-size:6pt;line-height: 10px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:6pt;}
	

}

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

	.tophdr{height:100px;}
	.dvsec{height:250px}
	.cntrtxt li{font-size: 36px;line-height: 60px;}
	.cntrtxt p{font-size:12px;line-height:16px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:24px;margin:0 5px; width:auto;line-height: 30px;}
	.bullets{font-size:24px;width:auto;line-height:30px;} 
	
	.dvsec2{grid-template-columns: repeat(2, 1fr); grid-gap: 0px;}
		.wdvdo {height:150px; width:100%;}
	.wdvdo img {width: 100%;	height:150px;}
	.overlay {top:-150px;height:150px; width:100%; }
	
	.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%;	} 
	
	.ftxt{font-size:7pt;line-height: 10px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:7pt;}
}

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

	.tophdr{height:100px;}
	.dvsec{height:250px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 15px;}
	.cntrtxt p{font-size:14px;line-height:16px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:28px;margin:0 5px; width:auto;line-height: 30px;}
	.bullets{font-size:28px;width:auto;line-height:30px;} 
	
	.dvsec2{grid-template-columns: repeat(2, 1fr); grid-gap: 0px;}
	.wdvdo {height:180px; width:100%;}
	.wdvdo img {width: 100%;	height:180px;}
	.overlay {top:-180px;height:180px; width:100%; }
	
	.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%;	} 
	
	.ftxt{font-size:8pt;line-height: 10px;}
	
	.footerline  {height:30px;}
	.footerline p {width:90%;font-size:8pt;}

}

@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%; }
	
 	
}
@media screen and (min-width: 768px) {

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


@media screen and (min-width: 800px) {
	
	.tophdr{height:100px;}
	.dvsec{height:250px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 15px;}
	.cntrtxt p{font-size:14px;line-height:16px }
	.dvwork{height:50px;}
	.dvwork90{height:50px;}

	.srOpt {font-size:36px;margin:0 10px; width:auto;line-height: 33px;}
	.bullets{font-size:32px;width:auto;line-height:30px;} 
	
	
	.wdvdo {height:215px; width:100%;}
	.wdvdo img {width: 100%;	height:215px;}
	.overlay {top:-215px;height:215px; width:100%; }
	
  .footer{ width:100%; height:120px; }
	#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: 900px) and (max-width: 1024px) {

	.tophdr{height:130px;}
	.dvsec{height:250px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 15px;}
	.cntrtxt p{font-size:14px;line-height:16px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:36px;margin:0 10px; width:auto;line-height: 33px;}
	.bullets{font-size:32px;width:auto;line-height:30px;} 
	
	
	.dvsec2{grid-template-columns: repeat(3, 1fr); grid-gap: 0px;}
	.wdvdo {height:168px; width:100%;}
	.wdvdo img {width: 100%;	height:168px;}
	.overlay {top:-168px;height:168px; 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: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) {
	
	.tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 15px;}
	.cntrtxt p{font-size:14px;line-height:16px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:36px;margin:0 10px; width:auto;line-height: 33px;}
	.bullets{font-size:32px;width:auto;line-height:30px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{grid-template-columns: repeat(3, 1fr); grid-gap: 0px;}
	.wdvdo {height:202px; width:100%;}
	.wdvdo img {width: 100%;	height:202px;}
	.overlay {top:-202px;height:202px; 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
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)  { 
	
.tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 15px;}
	.cntrtxt p{font-size:14px;line-height:16px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:36px;margin:0 10px; width:auto;line-height: 33px;}
	.bullets{font-size:32px;width:auto;line-height:30px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{grid-template-columns: repeat(3, 1fr); grid-gap: 0px;}
	.wdvdo {height:202px; width:100%;}
	.wdvdo img {width: 100%;	height:202px;}
	.overlay {top:-202px;height:202px; 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: 1200px) {
.tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 15px;}
	.cntrtxt p{font-size:14px;line-height:16px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:36px;margin:0 10px; width:auto;line-height: 33px;}
	.bullets{font-size:32px;width:auto;line-height:30px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{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) {
.tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 15px;}
	.cntrtxt p{font-size:14px;line-height:16px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:36px;margin:0 10px; width:auto;line-height: 33px;}
	.bullets{font-size:32px;width:auto;line-height:30px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{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) {
.tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 46px;line-height: 60px;padding-bottom: 25px;}
	.cntrtxt p{font-size:16px;line-height:20px }
	.dvwork{height:50px;}
	
	.dvwork90{height:70px;}

	.srOpt {font-size:46px;margin:0 15px; width:auto;line-height: 43px;}
	.bullets{font-size:32px;width:auto;line-height:30px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{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: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: 1600px) {
.tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 56px;line-height: 66px;padding-bottom: 25px;}
	.cntrtxt p{font-size:16px;line-height:26px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:56px;margin:0 16px; width:auto;line-height: 40px;}
	.bullets{font-size:32px;width:auto;line-height:20px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{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%;	} 
	
   .footer{ width:100%; height:200px; }
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:20%;width:20%;}
	.ftxt{font-size:14px;line-height: 20px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:14px;}

}

@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){ 
	
    .tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 56px;line-height: 66px;padding-bottom: 25px;}
	.cntrtxt p{font-size:16px;line-height:26px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:56px;margin:0 16px; width:auto;line-height: 40px;}
	.bullets{font-size:32px;width:auto;line-height:20px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{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%;	} 
	
   .footer{ width:100%; height:200px; }
	#flogo {width:60%;height:auto;}
	.ftr90{width:99%;}
	.fimg img {height:20%;width:20%;}
	.ftxt{font-size:14px;line-height: 20px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:14px;}
 }

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

	.menu {overflow: visible;height:1080px}
    .tophdr{height:230px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 56px;line-height: 66px;padding-bottom: 25px;}
	.cntrtxt p{font-size:16px;line-height:26px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:56px;margin:0 16px; width:auto;line-height: 40px;}
	.bullets{font-size:32px;width:auto;line-height:20px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;margin-top:50px;}
	.dvsec2{grid-template-columns: repeat(5, 1fr); grid-gap: 0px;}
	.wdvdo {height:215px; width:100%;}
	.wdvdo img {width: 100%;	height:215px;}
	.overlay {top:-215px;height:215px; width:100%; }
	
	.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%;	} 
	
  .footer{ position:relative;bottom:0;display:block;	margin-top:50px; 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{width:50px; height:50px;z-index: 999;}
 }

}

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

	
    .tophdr{height:150px;}
	.dvsec{height:400px}
	.cntrtxt li{font-size: 56px;line-height: 66px;padding-bottom: 25px;}
	.cntrtxt p{font-size:16px;line-height:26px }
	.dvwork{height:50px;}
	
	.dvwork90{height:50px;}

	.srOpt {font-size:56px;margin:0 16px; width:auto;line-height: 40px;}
	.bullets{font-size:32px;width:auto;line-height:20px;} 
	
	.dvsec1{max-width:100%; max-height: 100%;}
	.dvsec2{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: 60%;	height:750px;	top:10%; }
	.vplyr{width:100%;height:750px;}
	#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:20%;width:20%;}
	.ftxt{font-size:14px;line-height: 20px;}
	
	.footerline  {height:20px;}
	.footerline p {width:90%;font-size:14px;}
 }