*
{
	box-sizing: border-box;
	scroll-behavior: smooth ;
	/*overflow-x: hidden;*/
	/*transition:all 1s;*/
	transition-duration: 1s;

}
body
{
	margin: 0px !important;
	padding: 0px !important;
}
nav 
{
	background-color: white;
	box-shadow: 0px 0px 10px 0px rgba(13, 71, 161,0.5);
	
}
nav #logo
{
	padding-right:  15%; 
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}
nav #logo img
{
	padding-left: 20px; 
	height: 35px;
	width: 70px;
	transform: scale(1.5);
}
nav #navbarContent #content ul li
{
	font-family: 'Exo 2';
	padding-left: 30px;

}
nav #navbarContent #content ul li a
{
	color: #0d47a1 ;
	font-size: 17px;
	opacity: 1;
}
nav #navbarContent #content ul li a:hover
{
	color: black;
	opacity: 0.8;
	transition: all 0.2s;
}
nav #navbarContent #content .dropdown-menu a
{
	color: black !important;
}
nav #search input
{
	border-width: 0px 0px 1px;
	border-image: linear-gradient(to right,#0d47a1,#0d47a1) 0 1 1;
}
nav #search input:select
{
	outline: none;
}
nav #search #searchIcon i
{
	border-width: 0px 0px 0px;
	border-image: linear-gradient(to right,#0d47a1,#0d47a1) 0 1 1;
}

section
{
	overflow-x: hidden;
	transition: all 1s !important;
}
section #parallex
{
	background-image: url("outsourcing5.jpg");
	background-attachment: fixed;
	background-origin: padding-box;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
}
section #parallex #parallexContent
{
	
	background-color: rgba(0,0,0,0.6) !important;
	width: 100%;
	height: 100%;
	text-align: center;
	border-width: 0px;
	padding-left: 15%;
	padding-right: 15%;
}
section #parallex #parallexContent:focus
{
	outline: 0;
}
section #parallex #parallexContent p
{
	font-family:Ubuntu;
	font-size: 37px;
	color: #ffffff;
	letter-spacing: 2px;
	word-spacing: 4px;
	margin-bottom: 5vw !important;
}
section #parallex #parallexContent a
{
	font-family: 'Exo 2';
	font-size: 2.3vh;
	text-decoration: none;
	color:white;
	background-color: transparent ;
	border:3px solid #3949ab;
	border-radius: 40px;
	padding: 13px 27px;
	transition: all 0.7s;	
}
section #parallex #parallexContent a:hover
{
	background-color: #3949ab;
	border:3px solid #3949ab;
	padding: 17px 39px;
	transition: all 0.2s;
	font-size: 2.1vh;

}
section #about
{
	text-align: center;
	padding-top:5%;
}
section #about #head span
{
	font-size: 30px;
	font-family: 'Stoke';
}
section #about #head img
{
	transform: translateY(-7px);
	/*padding-left: 20px; */
	padding-left: 10px;
	height: 40px;
	width: 130px;
	/*border:2px solid red ;*/
	/*transform: scale(1.5);*/
}
section #about #head p
{
	padding: 2% 7%;
	font-size: 19px;
	opacity: 0.9;
	font-family: Dosis;
	text-align: justify;
	word-spacing: 4px;
	

}
section #about #description span
{
	font-size: 24px;
	font-family: Stoke;
	text-align: center;
}
section #about #description p
{
	padding: 3% 7% 13% 14%;
	font-size: 16px;
	opacity: 0.9;
	font-family: Dosis;
	text-align: center;
	word-spacing: 4px;
}
section #service
{
	min-height: 500px;
	padding: 5% 1%;
	justify-content: center;
	/*background-color: #ede7f6;*/
}
section #serviceParallex
{
	z-index: 3;
	background-image: url("outsourcing4.jpg");
	background-attachment: fixed;
	background-origin: padding-box;
	min-height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
}

section #serviceParallex #parallexContent
{
	background-color: rgba(0,0,0,0.8) !important;
	display: block;
	/*width: 100%;*/
	height: 100%;
	text-align: center;
	border-width: 0px;
}
section #serviceParallex #heading
{
	text-align: center;	
	font-family: Stoke;
	font-size: 35px;
	color: white;
}
section #serviceParallex #subHeading
{
	text-align: center;	
	font-family: Stoke;
	font-size: 20px;
	opacity: 0.7;
	padding-bottom: 20px; 
	color: white;

}
section #serviceParallex #parallexContent:focus
{
	outline: 0;
}

section #serviceParallex #parallexContent a
{
	font-family: 'Exo 2';
	font-size: 2.1vh;
	text-decoration: none;
	color:white;
	background-color: transparent ;
	border:3px solid #3949ab;
	border-radius: 40px;
	padding: 11px 25px;
	transition: all 0.7s;	
}
section #serviceParallex #parallexContent a:hover
{
	background-color: #3949ab;
	border:3px solid #3949ab;
	padding: 15px 35px;
	transition: all 0.2s;
	font-size: 2vh;

}
section #service .serviceDiv
{
	min-height: 300px;
	margin: 20px 40px;
	padding: 30px 20px;
	transition: all 0.7s;
	text-align: center;
	background-color:  white;
	color: black;
	/*border:1px solid rgba(0,0,0,0.1);*/
	box-shadow: 0px 0px 10px 1px #c5cae9;
	position: relative;
}
section #service .serviceDiv #head 
{
	font-family: 'Roboto mono';
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 5px;
	color: black;
	/*opacity: 0.8;*/
	transition: all 1s;
	text-align: center;
}
section #service .serviceDiv .description
{
	display: none;
	padding: 27px 40px;
	transition: all 0s;
	font-family: 'Roboto mono';

	background-color:  #283593;
	color: white;
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
section #service .serviceDiv .img 
{
	
	padding: 0px 0px 30px !important;
}
section #service .serviceDiv .img img
{
	height: 120px;
	width: 120px;
	
}

/*section #service .serviceDiv .description
{
	position: absolute;
	top:  0px;
	background-color: blue;
	background-
	padding-top: 0px;
	font-family: 'Roboto mono';
	transition: all 0s;
	font-size: 15px;
	height: inherit;
}
*/
/*section #service div:hover
{
	box-shadow: 0px 0px 10px 1px #c5cae9;
	background-color: white;
	transition: all 0.7s;
	color: black;
}
section #service div:hover #head
{
	
	border-width: 0px;
	opacity:0.9;
	color: black;
}*/
/*section #service div:hover #description
{
	transition: all 0.3s;
	color: white;
	opacity: 0.9;
}
section #service div:hover #fotter
{
	transition: all 0s;
	opacity: 1 ;
}*/
/*outsourcing description*/
section #outsourcingParallex
{
	z-index: 3;
	background-image: url("outsourcing1.jpg");
	background-attachment: fixed;
	background-origin: padding-box;
	min-height: 450px;
	background-size: cover;
	background-repeat: no-repeat;
}

section #outsourcingParallex #parallexContent
{
	
	background-color: rgba(0,0,0,0.8) !important;
	width: 100%;
	height: 100%;
	text-align: center;
	border-width: 0px;
}
section #outsourcingParallex #heading
{
	text-align: center;	
	font-family: Stoke;
	font-size: 35px;
	color: white;
}
section #outsourcingParallex #subHeading
{
	text-align: center;	
	font-family: Stoke;
	font-size: 20px;
	opacity: 0.7;
	padding-bottom: 20px; 
	color: white;

}
section #outsourcingParallex #parallexContent:focus
{
	outline: 0;
}

section #outsourcingParallex #parallexContent a
{
	font-family: 'Exo 2';
	font-size: 2.1vh;
	text-decoration: none;
	color:white;
	background-color: transparent ;
	border:3px solid #3949ab;
	border-radius: 40px;
	padding: 11px 25px;
	transition: all 0.7s;	
}
section #outsourcingParallex #parallexContent a:hover
{
	background-color: #3949ab;
	border:3px solid #3949ab;
	padding: 15px 35px;
	transition: all 0.2s;
	font-size: 2vh;

}

/*Cards*/
section #outsourcing
{
	min-height: 300px;
	justify-content: center;
	overflow-y: hidden;
}
section #outsourcing div
{
	margin: 30px 10px;
	border: 1px solid rgba(0,0,0,0.1); 
	/*box-shadow: 0px 0px 10px 1px #c5cae9;*/
	padding: 30px 20px;
	transition: all 0.7s;
	min-width: 300px;
	text-align: center;	
}
section #outsourcing div #head 
{
	font-family: 'Roboto mono';
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 5px;
	color: black;
	transition: all 0.7s;
	
}
section #outsourcing div #description
{

	font-size:13px;
	padding-top: 40px;
	font-family: 'Roboto mono';
	opacity: 0.8;
	transition: all 0s;
}
/*section #outsourcing div #fotter
{
	float:right;
	padding-top: 20px;
	font-family: 'Roboto mono';
	opacity: 0.8;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: orange;
}*/
section #outsourcing div:hover
{

	transform: scale(1.05);
	transition: all 0.3s;
	box-shadow: 0px 0px 10px 1px #c5cae9;
	
}
/*section #outsourcing div:hover #head
{
	color: white;
	border-width: 0px;
	opacity:0.9;
}
section #outsourcing div:hover #description
{
	transition: all 0.3s;
	color: white;
	opacity: 0.8;
}
section #outsourcing div:hover #fotter
{
	transition: all 0s;
	opacity: 1 ;
}
*/

/*This is footer*/
footer
{
	background-color: #536dfe;
	overflow-x: hidden !important;
	padding: 2% 0px;
	margin: 0px !important;
}
footer #content
{
	padding:0px 40px 10px 0px;
	opacity:0.9;
	justify-content: center;
}
footer #content li
{
	list-style: none;
	color: black;
	padding-top:5px; 
}
footer #content li
{
	text-align: center;
	color:white;

}
footer #content li img
{
	/*border:2px solid black;*/
	border-radius: 100%;
	padding: 10px;
	height: 100%;
	width: 55px;
}
footer #content li a
{
	text-decoration: none;
	color: white;
}
footer p
{
	font-weight: bold;
}
footer #media
{
	padding: 15px 15px;
	text-align: center;
	opacity: 0.9;

}
footer #media p
{
	color:white;
	font-family: Inconsolata;
	font-size: 20px;
}
footer #media #img
{
	overflow-y: hidden !important;
	padding: 10px;
}
footer #media img
{
	height: 30px;
	width: 45px;
	transition-duration: .7s ;
	opacity: 0.8;
}
footer #media img:hover
{
	transition-duration: .2s ;
	transform:scale(1.13);
	opacity: 0.8;
}

/*Different types of texts with specific fonts*/
#p20
{
	font-family: Inconsolata;
	font-size: 20px;
	color: black;
}