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

/*common code for safari browser of bootsrap 4*/
.row:before, .row:after {
	display: none !important;
}


/*Start media query code for common screen break point*/

/*Index page*/

@media screen and (min-width : 1500px) {
	.container{
		max-width: 1240px;
	}
}
@media screen and (min-width : 1700px) {
	.container{
		max-width: 1440px;
	}
}
@media screen and (min-width : 2000px) {
	.container{
		max-width: 1640px;
	}
}
@media screen and (min-width : 2300px) {
	.container{
		max-width: 1840px;
	}
}
@media screen and (max-width : 400px) {
	#firstmenu1 li{
		
		font-size: 12px;
	}
	.firstext{
		
		font-size: 10px;
	}
}
@media screen and (max-width : 350px) {
	.firstext{
		
		font-size: 10px;
	}
	#mainmenubar a{
		font-size: 12px;
	}
		#firstmenu1 li{
		
		font-size: 8px;
	}
	#achitbl th h1{
		font-size: 12px;
		
	}
}
@media screen and (max-width : 300px) {
	.firstext{
		
		font-size: 8px;
	}
	#mainmenubar a{
		font-size: 8px;
	}
		#firstmenu1 li{
		
		font-size: 8px;
	}
}
@media screen and (max-width : 450px){

	.imgone p {
		display: none;
		
	} 
	.imgone h5{
			font-size: 10px;
		
	}
	.imgone{
		position: absolute;
	top: 20%;
	left: 20%;
	transform: translate(-10%, -10%);	
	}
	
}
/*Product and technology pages*/

@media only screen and (max-width : 450px){
	 .prodc {
    width: 100%;
  }
	#techtit{
		font-size: 25px;
	}

	
	
	
}

/*Phone unlock pages*/
	@media only screen and (max-width : 450px){
		
		#phntext h4{
		font-size: 15px;
			
	}
	#phntext2 {
		font-size: 15px;
		
	}	
}
	@media only screen and (max-width : 350px){
		
		#phntext h4{
		font-size: 12px;
		}
		#phntext2 {
		font-size: 12px;
		}	
		#phntext .btn{
		width: 100px;
		height: 40px;
		font-size: 12px;
		}
	
}
/*Data Recovery pages*/
	@media only screen and (max-width : 450px){
		
		#datext1 h4{
		font-size: 15px;
			
	}
	#datext2 {
		font-size: 15px;
		
	}	
}
	@media only screen and (max-width : 400px){
		
		#datext1 h4{
		font-size: 12px;
		}
		#datext2 {
		display: none;
		}	
		#datext .btn{
		width: 100px;
		height: 40px;
		font-size: 12px;
		}
	
}
	@media only screen and (max-width : 300px){
		
		#datext1 h4{
		font-size: 10px;
		}
		#datext2 {
		display: none;
		}	
		#datext .btn{
		width: 80px;
		height: 40px;
		font-size: 10px;
		}
	
}

/*Contact Us page and pc service page and network service page*/
@media only screen and (max-width : 400px){
		#firstmenu1 li{
		font-size: 12px;
	}
	#inquiryform h6{
		font-size: 25px;
	}
	#text h4{
		font-size: 18px;
	}
	#pcban .btn{
		width: 100px;
		height: 40px;
		font-size: 10px;
	}	
	#disfst {
		font-size: 30px;
		
	}
	#bannerbtn1 {
		z-index: 100;
	}
	

}
@media only screen and (max-width : 300px){

	#inquiryform h6{
		font-size: 15px;
	}
	#text h4{
		font-size: 10px;
	}
		#firstmenu1 li{
		
		font-size: 8px;
	}
}
@media only screen and (max-width : 500px){
	#mainimg img{
		margin-top: 50px;
	
	}
}
/*Ending media query code for common screen break point*/
.container {
	margin: 0 auto;
}
.combod{
	background-color: #F8F8F8;
	font-family:  "georgia";
	
}

#topbtn{
	bottom: 20px;
	right: 15px;
	z-index: 99;
	font-size: 20px;
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	padding:0 5px;
	position: fixed;
	display: none;
	
	
}
.navbar{
	position: relative;
	
	
}

#tel{
	position: relative;
	float: left;
	
}

#number{
	position: relative;
	color: #FBF9F9;
	float: left;
	
	padding-top: 5px;
	font-size: 12px;
}
#social{
	list-style-type: none;
	
	
}
#social li{
	float: left;

}
#mail{
	position: relative;
	color: #FBF9F9;
	padding-left: 5px;
	margin-top: 5px;
	
	font-size: 12px;
}
#contactinfo{
	
	width: 200px;

}
#brandname{
	color: #FBF9F9;
	
	
}
#logo{
	height: 50px;
	width: 50px;
	margin-left: 5px;
}
.dropdown-menu a{
	
	color: #F4F1F1;
}
.dropdown-menu a:hover{
	background-color: #736E6E;
	color: #F4F1F1;
	
}
.dropdown-menu{
	position: relative;
	opacity: .8;
}
/*
.dropdown:hover>.dropdown-menu{
	display: block;
	
}
#menusub:hover #servicemenu{
	display: block;
}
#servicemenu:hover{
	display: block;
}*/
#servicemenu{
	margin: 0;
}

#bannerbtn{
	width: 150px;
	
}

.indeximg{
	
}
.imgmain{
	width: 100%;
	filter: brightness(0.5);
}
.firstext{
	color: white;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.matter{
	text-align: left;
	font-weight: bold;
}
#mainbanner p{
	color: #FCF9F9;
}
#mainbanner h4{
	color: #FCFBFB;
	margin-top: 200px;
}


#mainbanner1{
	background-image:  linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/homebanner.jpg);
	height: 500px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
}
#mainbanner1 h4{
	color: #FCFBFB;
	margin-top: 220px;
}
#mainbanner1 p{
	color: #FCFBFB;
}
#btn1{
	
	width: 100px;
}
.center{ /*picture class code in card*/
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 50px;
	margin-bottom: 10px;
	
}
.card .btn{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 200px;
}

#slider{
	margin-top: 50px;
	border: 1px #F8F5F5 solid;
	
	margin-left: auto;
	margin-right: auto;

}

.netw, .netw1, .netw2{
	display: none;
	background-color: rgba(45,45,125,.3);
	overflow: hidden;
	
}


#footer ul li {
	
	list-style-type: none;
	width: 130px;
	margin-bottom: 15px;
	
}
#footer ul li a{
	color: #8A8686;
	
}
#footer ul li a:hover{
	text-decoration: none;
}

#footer h6{
	color: #FCFBFB;
	border-bottom:#908D8D 0.5px solid;
	margin-top: 25px;
}
#footer ul{
	margin-left: 2px;
	padding-left: 0px;
}
#footer ul li:hover{
	transform: translateX(10px);
	transition-duration: 0.5s;
}
#footer{
	margin-top: 50px;
}
#footer p{
	color: #FCFBFB;
	border-top: #908D8D 0.5px solid;
	padding-top: 10px;
}
.contact img{
	margin-right: 10px;
}



/*landing image of consultation code start here*/
.landing{
	position: relative;
	width: 100%;
	height: 350px;
	display: table;
	z-index: -1;
	
}
.home-wrap{
	clip: rect(0, auto, auto, 0);
	position: absolute;
	width: 100%;
	height: 350px;
	top: 0;
	left: 0;
}
.home-inner{
	background-image: url(../images/landing_image.jpg);
	position: fixed;
	height: 750px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	display: table;
	top: 0;
	left: 0;
	-webkit-transform : translateZ(0);
			transform: translateZ(0);
	will-change: transform;
	
}
 /*landing image of consultation code end here */ 

 /*portfolio code start here */ 



#porfolio1 h3{
	
	margin-top: 10px;
	border-bottom: 1px #FCFBFB solid;
}
.value{
	border-radius: 50px;
	background: #048EF1;
	width: 250px;
	color: white;
}



 /*portfolio code end here */ 
 


/*mission code start here */ 

.mission{
	height: 500px;
}

.mission:hover{
	background-image:  linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/waterback.jpg);
	
	color: white;
	background-size: cover;
}

/*mission code end here */ 



/*consult form group code start here */ 
.form-group{
	margin-top: 50px;
}
#subutton{
	margin-top: 15px;
}
/*consult form group code end here */ 

/*consultation page code start here */
#imagconsult{
	width: 100%;
	background-size: cover;
}
#consultpara{
	background-image:  linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/waterback.jpg);
	margin-top: 50px;
	background-repeat: no-repeat;
	background-size: cover;
}
#consultpara h4{
	background-color: rgba(255, 255, 255, .3);
	
	color: #FCFBFB;
	padding: 5px;
}
#consultpara p{
	color: #FCFBFB;
}
.jumbotron{
	margin: 0px;
	padding: 0px;
	height: 350px;
	
}
/*consultation page code end here */



/*system page code start here */




/*link button code start here */
#outlook1, #printer1, #security1, #management1{
	width: 120px;
	height: 60px;
	padding: 12px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	margin-top: 15px;
	
	
color:  #FCFBFB;
}


/*link button code start here */

#descrip{
	
	border-radius: 20px;
	background-color: #08E9F4;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
#descrip p{
	font-size: 45px;
}

/*it support page code end here */

/*IT support service information code start*/
#outlook, #printer, #security, #management{
	margin-top: 50px;
	border-bottom: 1px #C0C0C0 solid;
	padding-bottom: 10px;
}


.info{
	margin-left: 0px;
	
	
}
#outbtn, #printbtn, #mgtbtn, #securebtn{
	
}
.outhead{
	border-bottom: 1px #C0C0C0 solid;
}
/*service information code end*/
#test1{
	height: 50px;
	width: 50px;
	position: absolute;
	background-color: #EF0A0E;
	margin-left: 100px;
}
/*it support service information code end*/

/*network service page code start*/

#netbanner{
	background-size: cover;
	width: 100%;
	filter: brightness(0.5);
}
#netwtext{
		color: white;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
#lan, #wirless, #netprint, #domain{
	margin-top: -50px;
	margin-bottom: 60px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 13px;
	
}
#lan, #wirless, #netprint, #domain:hover{
	cursor: pointer;
}
#netdescrip{
	border-radius: 20px;
	background-color:#07ABDD;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
#disfst{
	background: #0B9EAB;
	color: white;
}
#netlan, #netwireless, #netprinter, #netdomain{	
	padding-bottom: 60px;
	
}
#netlan,#netwireless, #netprinter, #netdomain{
	margin-top: 200px;
	
}
.imgani{
	overflow: hidden;
	height: 230px;
	width: 230px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	
}
.imgani img{
		transition: 0.5s all ease-in-out;

}
.imgani:hover img{
	transform: scale(1.3);	
	
	
}
.border{
	width: 100%;
	display: inline-block;
	
}

/*network service page code end*/


/*web development service page code start*/
#webdevelop{
	background-size: cover;
	width: 100%;
	filter: brightness(0.8);
}
#goal{
	margin-top: 100px;
}
#webintro{
	margin-left: 30px;
}

#goal h4{
	border-bottom: 1px #C0C0C0 solid;
	margin-bottom: 30px;
}
.webhead{
	border-bottom: 1px #C0C0C0 solid;
}
#designbtn, #developbtn{
	float: right;
}
#responstbtn,#maintainbtn{
	float: left;
}
#webdesign{
	margin-top: 150px;	
}
#responsive, #development, #maintenance{
margin-top: 300px;	
}
.responsive, .webmaintain{
	margin-left: 15px;
}
#maintenance{
	margin-bottom: 100px;
}

/*web development service page code end*/


/*pc service page code start*/
#pcban{
	width: 100%;
	text-align: center;
	position: relative;
}
#pcbanner{
	
background-size: cover;
	width: 100%;
	
}
.img-overlay{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.navbar-nav li {
	margin-left: 15px;
}

#pcnav{
	margin-top: 150px;
}
#pcdescrip{
	border-radius: 20px;
	background-color: #08E9F4;
	font-size: 20px;
	
	
	margin-left: auto;
	margin-right: auto;
}
#pcassemble, #troble, #pcsecurity, #mintenance, #osmanagement{
	margin-top: 250px
}
.info{
	margin-right: 30px;
}

/*pc service page code end*/

/*contact us page code start*/
#inquiryform{
	margin-top: 20px;
}

#conbanner1{
	width: 100%;
	background-size: cover;
	filter: brightness(0.5);
	
}
#text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
}
#address{
	border-bottom: #F3F3F3 solid 1px;
	padding-top: 30px;
}
.required{
	color: red;
}


/*contact us page code end*/

/*software page code start here*/
#softwarebanner{
	margin-top: 50px;
	margin-bottom: 150px;
}
#swdis{
	border: 1px solid #F4EDED;
}
#rw2{
	padding-bottom: 100px;
}
#rw3{
	padding-bottom: 100px;
}
#rw4{
	padding-bottom: 100px;
}
#rw5{
	padding-bottom: 100px;
}


/*Data recovery page code start here*/
#hd, #outl, #vid, #us, #fl, #msfl{
	cursor: pointer;
}
#databaner{
	width: 100%;
	background-size: cover;
	filter: brightness(0.5);
}
#datext1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
}

.display-6{
	
	display: block;
	position: relative;
	padding: 0.2em 0;
	
	
	
}
.display-6:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: aqua;
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
	
	
	
	
}
.display-6:hover::after, .display-6:focus:after{
	opacity: 1;
	transform: translate3d(0, 0.2em, 0);	
}
.display-6:hover{
	cursor: pointer;
}
/*Data recovery page code end here*/




/*Phone page code start here*/
#phonebaner{
	width: 100%;
	background-size: cover;
	filter: brightness(0.6);
}
#phntext{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
}
#androidinfo, #iosinfo{
	margin-top: 50px;
	margin-bottom: 50px;
}
#mobile{
	margin-top: 100px;
}
/*Phone page code end here*/




/*Technology page code start here*/
.tech{
	margin-top: 20px;
}
.newtech{
	margin-top: 30px;
}
.techtit{
	text-align: left;
	border-bottom: 1px solid #6C6A6A;
	margin: 5px;
}
/*Technology page code end here*/


/*Product page code start here*/

.proname{
	border-bottom: 1px solid #848383;
	background-color: aqua;
	padding-left: 5px;
	
}
.prointro{
	margin-top: 50px;
	line-height: normal;
}

/*Product page code end here*/

/*Index page code start here*/
.caption h5{
	border-bottom: 1px solid #B7B1B1;
	margin-top: 15px;
}
.imgcontainer{
	 position: relative;
}
.over{
	position: absolute;
  bottom:100%;
  left: 0;
  right: 0;
 background-color:rgba(0,0,0,0.5);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
	display: inline-block;
}
.imgcontainer:hover .over {
  bottom: 0;
  height: 100%;
	cursor: pointer;
}
.imgcontainer:hover img{
	font-weight:300;
}

.title1{
	justify-content: center;
	align-items: center;
	top: 50%;
	font: 'Russo One', sans-serif;
	color: white;
	text-decoration: underline;
	position: relative;
}
.portdis{
	padding: 10px;
}
#porfolio2{
	margin-top: 20px;
}

/*Index page code end here*/