body {
	background-color: #ffffff;
	color: #000;
	font-size: 13px;
	line-height: 24px;
    font-family: 'Raleway blod', sans-serif;  
}

/*	############## ##################################################
	2. Header Sections
	################################################################# */
	.header.affix {
		background:rgb(255, 255, 255);
		width:100%;
		top:0;
		right:0;
		padding:0;
		margin:0;
		position: fixed;
		z-index: 9999;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
	
	.navbar-default {
		background:none;
		border:none;
		margin-top:20px;
	}
	.navbar-default .navbar-nav > li > a {
		color:#3E60AC;
		text-transform:uppercase;
		font-weight:1000;
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > li > a.active {
		color:#E45937;
		border: 1px dashed;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background:none;
		border: 1px dashed #fff;
		color: #FFFFFF;
	}
/*	################################################################
	3. Home Slider Section
	################################################################# */
	.tp-banner-container {
		width:100%;
		position:relative;
		padding:0;
	}
	.tp-banner {
		width:100%;
		position:relative;
	}
	.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
	}	
	
	.tp-bullets.simplebullets.navbar {
		height: 35px;
		padding: 0px 0px;
	
	}
	.tp-bullets.simplebullets .bullet {
		cursor: pointer;
		position: relative !important;
		background: rgba(0, 0, 0, 0.5) !important;
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 6px !important;
		height: 6px !important;
		border: 5px solid rgba(0, 0, 0, 0) !important;
		display: inline-block;
		margin-right: 2px !important;
		margin-bottom: 14px !important;
		-webkit-transition: background-color 0.2s, border-color 0.2s;
		-moz-transition: background-color 0.2s, border-color 0.2s;
		-o-transition: background-color 0.2s, border-color 0.2s;
		-ms-transition: background-color 0.2s, border-color 0.2s;
		transition: background-color 0.2s, border-color 0.2s;
		float:none !important;
	}
	.tp-bullets.simplebullets .bullet.last {
		margin-right: 0px
	}
	.tp-bullets.simplebullets .bullet:hover,
	.tp-bullets.simplebullets .bullet.selected {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: rgba(255, 255, 255, 1) !important;
		width: 6px !important;
		height: 6px !important;
		border: 5px solid #E45937 !important;
	}
	.tparrows:before {
		font-family: 'Raleway blod','sans-serif';
		color: #fff;
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		margin-right: 0;
		margin-top: 17px;
		text-align: center;
		width: 55px;
		font-size: 14px;
	}
	.tparrows {
		border-radius:0 !important;
		opacity: 1 !important;
		background-color: #E45937 !important;
		border-color: #E45937 !important;
	}
	.slides-navigation a,
	.tp-leftarrow, 
	.tp-rightarrow{ 
		opacity:0.9 !important;
		filter:alpha(opacity=90); /* For IE8 and earlier */
	}
	.slides-navigation a:hover,
	.tp-leftarrow:hover, 
	.tp-rightarrow:hover{
		filter:alpha(opacity=100); /* For IE8 and earlier */
		opacity:1 !important;
	}
	.tparrows {
		border:1px solid #fff;
		cursor: pointer;
		background: rgba(0, 0, 0, 0) !important;
		width: 60px !important;
		height: 60px !important;
	}
	.tparrows:hover {
		color: #fff;
	}
	.tp-leftarrow:before {
		content: '\e824';
	}
	.tp-rightarrow:before {
		content: '\e825';
	}
	.tparrows.tp-rightarrow:before {
		margin-left: 1px;
	}
	.tparrows:hover {
		background: rgba(0, 0, 0, 0) !important;
	}

/*	################################################################
	4. image section
	################################################################# */
    .container h1{
		color: #000;
		font-weight: 300;
		font-size: 50px;
		line-height: 24px;
		font-family: 'Raleway blod', sans-serif;  
	}

	.container p{
		color: rgb(0, 0, 0);
		font-weight: 300;
		font-size: 13px;
		line-height: 24px;
		font-family: 'Raleway blod', sans-serif; 
	}
	.container hr{
		width:20%;
        height: 100%;
		border-color:#E45937;
	}

	.snip1584 {
		font-family: 'Raleway blod', sans-serif;
		position: relative;
		display: inline-block;
		margin: 10px;
		min-width: 230px;
		max-width: 315px;
		width: 100%;
		color: #ffffff;
		font-size: 16px;
		text-align: left;
	  }
	  .snip1584 * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	  }
	  .snip1584:before {
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
		top: 100%;
		content: '';
		background-color: rgba(0, 140, 255, 0.9);
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
		-webkit-transition-delay: 0.25s;
		transition-delay: 0.25s;
	  }
	  .snip1584 img {
		vertical-align: top;
		max-width: 100%;
		backface-visibility: hidden;
	  }
	  .snip1584 figcaption {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	  }
	  .snip1584 h5 {
		margin: 0;
		opacity: 10	;
		letter-spacing: 3px;
	
	  }
	  .snip1584 h5 {
		font-weight: normal;
		background-color: #E45937;
		padding: 10px 20px;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	  }
	  .snip1584 a {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	  }
	  .snip1584:hover:before,
	  .snip1584.hover:before {
		top: 10px;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	  }
	  .snip1584:hover h3,
	  .snip1584.hover h3,
	  .snip1584:hover h5,
	  .snip1584.hover h5 {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	  }
	  .snip1584:hover h3,
	  .snip1584.hover h3 {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	  }
	  .snip1584:hover h5,
	  .snip1584.hover h5 {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	  }

/*	################################################################
	14. Software-Development SECTION
	################################################################# */  
	.tra1 {
		font-family: sans-serif;
		font-style: italic;
		font-size: 13px;
		padding: 15px 100px ;
		}
    

		

	/*	################################################################
	14. Training SECTION
	################################################################# */  

    .tra2 {
		font-family: sans-serif;
		font-style: italic;
		font-size: 15px;
		padding: 15px 100px ;
		}

.services-section {
	background: #eeeffb;
	padding-bottom: 60px;
}

.services__item {
	background: #ffffff;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 45px;
	padding-bottom: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(199, 117, 10, 0.63);
	box-shadow: 0px 0px 10px rgba(199, 117, 10, 0.63);
	margin-bottom: 40px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.services__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(23, 84, 199, 0.582);
	box-shadow: 0px 8px 30px rgba(23, 84, 199, 0.582);
}

.services__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 50px;
	text-align: center;
	color: #E45937;
}

.services__item a {
	color: #3E60AC;
}
	
	/*	################################################################
	14. Outsourcing SECTION
	################################################################# */  
	.tra3 {
		font-family: sans-serif;
		font-size: 13px;
		padding: 15px 100px ;
		}
		.tra3 dt {
			font-family: sans-serif;
			font-style: italic;
			font-size: 15px;
			}
 
	/* ################################################################
	14. Digital-Marketing SECTION
	################################################################# */  
	.tra4 {
		font-family: sans-serif;
		font-size: 13px;
		padding: 15px 100px ;
		}
	 
		.tra4 dt {
			font-family: sans-serif;
			font-style: italic;
			font-size: 15px;
			}
		 

	/*	################################################################
	14. Recruitment SECTION
	################################################################# */  

	
	.tra5 {
		font-family: sans-serif;
		font-size: 13px;
		padding: 15px 100px ;
		}
		.tra5 dt {
			font-family: sans-serif;
			font-style: italic;
			font-size: 15px;
			}

	/*	################################################################
	14. Compliance SECTION
	################################################################# */

	.tra6 {
		font-family:'Raleway blod', sans-serif
		font-size: 13px;
		padding: 15px 100px ;
		}

		.tra6 dt {
			font-style: italic;
			font-size: 15px;
			}

    .tra6 div{
		color: #ff0000;
		font-size: 20px;
		font-family: 'Raleway blod', sans-serif;
	}
	/*################################################################
	Client 
	################################################################# */

	#ourclients {
		display: block;
		margin-left: auto;
		margin-right: auto;
		background:#fff;
		padding-bottom:20px;
		height:150px;
	  }
	  
	  #ourclients .clients-wrap {
		display: block;
		width: 95%;
		margin: 0 auto;
		overflow: hidden;
	  }
	  #ourclients .clients-wrap ul {
		display: block;
		list-style: none;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	  }
	  #ourclients .clients-wrap ul li {
		display: block;
		float: left;
		position: relative;
		width: 220px;
		height: 100px;
		line-height: 100px;
		text-align: center;
	  }
	  #ourclients .clients-wrap ul li img {
		vertical-align: middle;
		max-width: 100%;
		width:150px;
		max-height: 100%;
		-webkit-transition: 0 linear left;
		-moz-transition: 0 linear left;
		transition: 0 linear left;
	  }
	  #ourclients h2{
	  border-bottom:1px solid #E45937;
	  font-size: 20PX;
	  width:100px;
	  padding:10px;
	  }
	
	
/*	################################################################
	14. FOOTER SECTION
	################################################################# */
	
	
	.footer-wrapper {
		display:block;
		padding:10px 0;
		position:relative;
		background-color:#000;
	}
	
	.footer-wrapper img {
		padding: 15px;
	}

	.socialFooter {
     float: left ;
    }

	.footer-wrapper p {
		font-weight: 600;
		font-size:12px;
		color: #FFF;
	}
	
	i.fa.fa-angle-up {
		color: #FFF;
		font-size: 30px;
		padding: 10px;
	}	
	
	.social-icons img {
		border: none;
		padding: 30px 0px 30px 5px;
	}
	
	.footer .socialFooter {
		margin: 0 auto;
		text-align: center;
		}
				
	.socialFooter .fa {
		color: rgb(255, 255, 255);
		font-size: 30px;
		margin: 20px 0 20px 10px;
	}
		
	.footer .socialFooter a {
		color: #bbb;
		font-size: 26px;
		padding: 5px;
		margin-right: 10px;
		transition: all 0.2s ease-in-out 0s;
	}
	.footer .socialFooter a:hover {
		color: #414655;
		border-bottom: 3px solid #414655;
	}
	
	.links a {
		color:rgb(255, 254, 253); 
		font-size: 15px; 
		left: 5px;
	}

	.socialFooter p{
		color: #fff;
   
	   }
	   .socialFooter a{
		   color: #fff;
	   }
   

	.hovereffect .icon {
		font-size: 31px;
		font-weight: 300;
		height: 75px;
		left: 0;
		line-height: 75px;
		margin: -35px auto 0;
		position: absolute;
		right: 0;
		top:38%;
		text-align: center;
		width: 75px;
		}
		
	.hovereffect h4 {
		text-align:center;
		font-size:20px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h5 {
		text-align:center;
		font-size:12px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		color:#fff;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h4,
	.hovereffect .icon {
		color:#fff;
	}
	.hovereffect .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		height:auto;
		bottom: 29%;
		margin-top: -20px;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
		.hovereffect:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		.entry:hover .hovereffect { 
		opacity: 1;
		visibility: visible;
		}
		.entry {
		display:block;
		position:relative;	
	}

/*	################################################################
	20. Mobile Responsive
	################################################################# */	
	
	@media (max-width: 768px) { {
		.home-content h1 {font-size:31px !important}
		.tparrows,
		.small_title,
		.slider_menu a {display:none}
	} 
	
	ul.nav.navbar-nav.navbar-right {
		background: rgba(0, 0, 0, 0.55);
	}
		
	.tp-caption p {
		margin-top:110px!important;
		line-height:1.3;
		
		}
		
	.tp-caption h2 {
		font-size : 26px!important;
    }	 
	
	
	#slider4container .tparrows:before,
	#slider4container .tparrows:hover,
	#slider4container .tparrows {
		color: #000 !important;
	}
	
	#slider4container .tparrows {
		background:#fff !important;
		background:rgba(0, 0, 0, 0.5) !important;
	}
	#slider4container .tparrows:hover	{
		background:#fff !important
	}
	
	.sliderbigtitle {
	font-size: 26px;
	}