@charset "utf-8";
/* CSS Document */

 	
*{
	margin:0;
	padding:0;
	
	
}

.container {

		height: 100%;
		width: 100%;
		/*max-width: 960px;*/
		margin: 0 auto;
		background: #f9f9f9;
		font-size: 24px;
		padding:25px;
	
}

.parallaxOne {
	
	background:url("../images/lightE3.jpeg") no-repeat center center fixed;
	background-size:cover;
	background-attachment:fixed;
	height: 500px;
	width: 100%;
	
}

.title01Content{
	
	margin: 0px auto;
	width: 40%;
	text-align: center;
	position: relative;
	top: 30%;
	background-color:rgba(55,155,186,0.70);
	/*display:grid; 
	grid-template-columns:repeat(3,1fr);
	grid-auto-rows: repeat (4, minmax(100px,200px));
	grid-gap: 1rem;
	grid-auto-flow: dense;*/
	z-index: 1;
}


/*.parallaxOne h1{
	
	margin: 0px auto;
	width: 80%;
	text-align: center;
	
}

.parallaxOne p{
	
	margin: 0px auto;
	width: 80%;
	text-align: center;
	
}*/



.title02Content{
	
	margin: 0px auto;
	width: 50%;
	box-sizing: border-box;
	
	text-align: center;
	/*text-decoration: underline;*/
	position: relative;
	top: 30%;
	background-color:rgba(55,155,186,0.70);
	border: 2px solid #fff;
	border-bottom-left-radius: 20px;
	border-top-right-radius: 20px;
	
}


/*********************************************2nd BAR*************************************************************/
/*********************************************2nd BAR*************************************************************/
/*********************************************2nd BAR*************************************************************/


.container .softwareKnowledge {
	background: #8EB8C1;
	box-sizing: border-box;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	display: flex;
	
}


.container .softwareKnowledge .descriptionBox01 {
	
	height: 40%;
	width:31%;
	padding: 80px 10px 10px 10px;
	display: flex;
	justify-content: center;
}

.container .softwareKnowledge .descriptionBox01 .illusContainer {
	
	width: 300px;
	padding-left: 20px;
	box-sizing: border-box;
	background-color: rgba(5,213,2,0.4);
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px; 
	border: 5px inset #fff;
	box-shadow:  0 5px 15px rgba(0,0,0,.5);
	
	
	
}

.container .softwareKnowledge .descriptionBox01 .decriptionImgTitle {
	
	padding: 5px 5px 10px 10px;
	width: 60%;
	font-weight: bold;
	font-family: arial;
	font-size: 24px;
	text-decoration-line: underline;
	text-decoration-style:solid;
	text-shadow:0 1px 1px;
	display: flex;
	/*filter:blur(5px);*/
	/*text-decoration-color: aliceblue;*/
	
}
                                     


.container .softwareKnowledge .descriptionBox01 .decriptionImg {
	padding: 5px 5px 10px 10px;
	width: 70%;
	font-family: arial;
	font-size: 16px;
	
}

									/*********************Tech Illus Images****************************/



.container .softwareKnowledge .techImg {
	background-size:cover;
	background-attachment:fixed;
	width: 65%;
	
	display: flex;
	
}


.container .softwareKnowledge .techImg img {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
	box-sizing: border-box;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	
}


/************************************3rd BAr*****************************************************/
/************************************3rd BAr*****************************************************/
/************************************3rd BAr*****************************************************/


.parallaxTwo {
	
	background:url("../images/EMBox_1000px.jpg") no-repeat center center fixed;
	background-size:cover;
	background-attachment:fixed;
	height:500px;
	width:100%;
	
}


/****************************************************************************/
/******Tech page**************Tech Images Videos samples TechPage page**************************************************************/


.tisection03 {
	position: relative;
	width: 100%;
	height: auto;
	background-color: blueviolet;
	
}

.tisection03 video {
	position: relative;
	width: 100%;
	height: 400px;

	
}
.tisection04{
	position: relative;
	width:100%;
	height:200vh;
	background-color: aqua;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	border-color: blue;
	border: 5px inset #fff;		
}

.tisection04 .tiGallery {
	
	position:relative;
	width: 95;
	height: auto;
	margin: 10px 10px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color:#C6C6C6;
	float:left;	
}

.tisection04 img{

	position: relative;
    margin: 10px 5px 5px 10px;
	/****scale the images*/
	width: 48%;
	height: auto;
	/**padding: 10px 10px 10px 10px;****/
	
	
	box-sizing: border-box;
	border: 5px inset #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	
}

/******************end of page  TECh images video*********************/
/******************end of page  TECh images video**********************************************************/


.tiContainer .section04 {
	box-sizing: border-box;
	
	height: 100vh;
	width: 100%;	
	
}

.tiWrapper {
	
	background:url("../images/ti/e3/Tri_IM_RP_VEC_LightE3LocatorPG01_120.jpg") no-repeat center center fixed;
	background-size:cover;
	background-attachment:fixed;
	
	height: 700vh;
	width: 100%;	
}

.tiWrapper02 {
	
	box-sizing: border-box;
	background:url("../images/ti/e3/Tri_IM_RP_VEC_LightE3dISconncAblPG02_120.jpg") no-repeat center center fixed;
	background-size:cover;
	background-attachment:fixed;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	height: 700vh;
	width: 100%;	
}

.tiNav {
	
	backface-visibility: #594848;
	width: 100%;
	overflow: auto;	
}


.tiUl {
	
	margin: 0;
	padding: 0;
	list-style: none;	
}


.tiLi {
	
	float: left;	
}

.tiLi a{
	
	width: 120px;
	display: block;
	text-decoration: none;
	text-align: center;
    background:#594848;
	font-size: 17px;
	color: white;
	padding: 20px 10px;
	font-family: Arial;	
}


.nav a:hover {
	
	background: skyblue;
	color: black;	
}

.tiContainer {
	
	max-width: 1200px;
	margin: auto;
	padding: 10px 10px 10px 10px;
	background: #f2f2f2;
	overflow: auto;
	box-sizing: border-box;	
}

/***************************************************************************************/
/*******************************4th BAR*************************************************/ 

.container .softwareKnowledge02 {
	/*
	height:250px;
	width:100%;
	padding: 10px 10px 10px 10px;
	
	box-sizing: content-box;
	
	background: #D83C41;
	display: flex;
	justify-content: center;*/
	
	padding: 20px 10px 20px 10px;
	background: #C60F19;
	box-sizing: border-box;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	display: flex;
	justify-content: center;
	
}


.container .softwareKnowledge02 .tiInfograph01 {
	
	width: 350px;
	
	
}

.container .softwareKnowledge02 .tiInfograph01 img {
	
	width: 350px;
	
	
}

.container .softwareKnowledge02 .softwareKnowledge02Content {
	height: 200px;	
	width: 350px;
	align:center;
	font-family: arial;
	
	padding: 40px 5px 50px 40px;
	background-color:rgba(25,133,186,0.6);
	color:aliceblue;
	box-sizing: border-box;
	border-top-left-radius: 70px;
	border-bottom-right-radius: 70px;
	border: 5px inset #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	
}


/*
@media only screen and (max-width: 700px){
	
	
}
****/







.mtsection01 {
	position: relative;
	width: 100%;
	height: auto;
	background-color: blueviolet;

}

.mtsection01 video {
	position: relative;
	width: 100%;
	height: 500px;
}


.mtsection04{
	position: relative;
	width:100%;
	height:1000vh;
	background-color: aqua;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	border-color: blue;
	border: 5px inset #fff;		
}

.mtsection04 .tiGallery {
	
	position:relative;
	width: 95;
	height: auto;
	margin: 10px 10px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color:#C6C6C6;
	float:left;	
}

/********************************FOOTER******************************************************/

footer{
	
	padding: 10px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	background: #594848;
	color: white;
	font-family: Arial;
	letter-spacing: 1px;
	
}