@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('MyriadPro-Regular.eot');
  src: url('MyriadPro-Regular.woff2') format('woff2'),
       url('MyriadPro-Regular.woff') format('woff'),
       url('MyriadPro-Regular.ttf') format('truetype'),
       url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
       url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('MyriadPro-Bold.eot');
  src: url('MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('MyriadPro-Bold.svg#MyriadPro-Bold') format('svg'),
       url('MyriadPro-Bold.ttf') format('truetype'),
       url('MyriadPro-Bold.woff') format('woff'),
       url('MyriadPro-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
html { scroll-behavior: smooth;}
body {font-family:'MyriadPro-Regular'; font-size:16px; line-height: 22px; border-top: #480051 solid 5px; -webkit-font-smoothing: antialiased; color:#000;}

h1, h2, h3, h4, h5{ margin:0; padding:0;}

.logo{ padding:15px 0;}

 .consulting-bg h1, .about-bg h1, .staffing-bg h1, .development-bg h1, .sollutions-bg h1, .customers-bg h1{font-size: 40px; font-family: 'MyriadPro-Bold'; text-transform: uppercase;}

.strong{ font-size: 24px; font-family: 'MyriadPro-Regular'; padding-top:15px; padding-bottom:15px; line-height: 30px; }

.menu-bg{ background:none; margin:0 0 1px 0; padding:0;}
#nav-auto{ width:100%; margin:0px auto; background:none;}
.clr{clear:both; }

.about-bg{ margin: 80px auto 0 auto; padding-bottom: 80px; background: url(../images/about-bg.jpg) bottom center no-repeat; }
.about-bg h1{margin-top:30px!important;}
.about-bg a{ background: #7c3285; color:#FFF; font-size: 24px; text-decoration: none; border-radius: 40px;  border:#FFF solid 2px; display: inline-block; padding:20px 40px; margin: 30px auto;}

.consulting-bg{ background: url(../images/consulting-bg.jpg) center top no-repeat; background-size: cover; padding-bottom: 80px;}
.consulting-bg h1.hdng{margin: 80px auto 30px auto;}
.consulting-bg h2, .consulting-bg h3{font-size: 24px; color: #4b0054;}
.consulting-bg .imgs img{ display: block; text-align: center; margin: 15px auto;}
.consulting-bg h3{ margin: 15px auto;}

.development-bg, .customers-bg, .sollutions-bg{ background: #480051; }

.development-bg, .customers-bg{  padding-top: 30px; padding-bottom: 60px;}

.sollutions-bg{ padding-top: 30px; padding-bottom:1px;}

.development-bg h1, .sollutions-bg h1, .customers-bg h1{padding-top: 30px; padding-bottom: 15px;}
.development-bg h1, .development-bg p, .customers-bg h1, .sollutions-bg h1, .sollutions-bg p{color:#fff;}
.development-bg h2{font-size: 24px; font-family: 'MyriadPro-Regular'; padding-top: 24px; color: #FFF;}
.development-bg p{ padding-top: 15px; line-height: 24px;}
.development-bg a, .sollutions-bg a{color:#FFF; padding: 0px 5px; font-size: 18px; background:none; border-radius: 5px;}
.development-bg a:hover, .sollutions-bg a:hover{text-decoration: none; color: #000; background: #FFF;}

.staffing-bg{ background: url(../images/staffing.jpg) top center no-repeat;padding-bottom: 80px;}
.staffing-bg  h1.hdng{margin: 0px auto 30px auto; padding-top: 200px; color: #4a0053;}
.staffing-bg .box img{ float: left;}

.footerTopBg{padding-top: 60px; padding-bottom: 60px; border-top:#490152 solid 8px; background: url(../images/world-map.jpg)  no-repeat center center #f6f6f6; 
  -webkit-background-size: cover;  -moz-background-size: cover;   -o-background-size: cover;   background-size: cover;}
.footerTopBg h3{font-size: 20px; padding-top: 30px; padding-bottom: 20px; font-family: 'MyriadPro-Bold'; color:#470150;}
.footerTopBg ul, .footerTopBg ul li{margin: 0; padding: 0;}
.footerTopBg ul li{list-style: none; font-size: 18px; line-height: 32px;}

.footer-box, .staffing-bg .box{ background: #FFF;  border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(241,241,241,1); -moz-box-shadow: 0px 0px 10px 0px rgba(241,241,241,1); box-shadow: 0px 0px 10px 0px rgba(241,241,241,1); padding: 15px; min-height: 160px; margin: 30px auto 15px auto; display: block;}
.footer-box p{line-height: 20px;}
.footer-box h2{font-size: 20px; padding-top: 20px; padding-bottom: 20px; font-family: 'MyriadPro-Bold'; text-transform: uppercase; color: #470150;}

.footer-bg{ background:#490152;}
.footer-bg p{ color:#FFF; padding:15px 0; margin:0; font-family:'MyriadPro-Regular'; font-size:18px;}



.btn-read { background: transparent; border-radius: 0; border: 1px solid #ffffff; color: #fff; }
.section-box-seven{ margin:25px auto 0 auto; height: 200px; background: radial-gradient(#4b0054,#4b0054); background: -webkit-radial-gradient(#4b0054,#4b0054); background: -moz-radial-gradient(#4b0054,#4b0054); color: #fff; position: relative; overflow:hidden;}

.section-box-seven h3{color:#FFF; font-weight: bold;}
.section-box-seven p{color:#FFF;}
.section-box-seven figure {position: absolute; text-align: center; padding: 19px; width: 100%; height: 100%;}
.section-box-seven img{height: 100%; position: absolute; transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; }
.section-box-seven:hover img{  -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0; }


.innerpage-hdng h4{ color:#FFF; text-shadow: 2px 2px 2px #000; padding: 90px 0 5px 0; font-family: 'MyriadPro-Bold'; font-size: 35px; }


.in-about{ background: url(../images/about-us-banner.jpg) center right no-repeat;}
.in-solutions{background: url(../images/in-solutions.jpg) center right no-repeat;}
.in-jobs{background: url(../images/in-jobs.jpg) center right no-repeat;}
.in-contact-us{background: url(../images/in-contact-us.jpg) center right no-repeat;}

.innerpage-hdng .breadcrumb{ background:none;  padding:10px 0 90px 0; color:#FFF; font-family: 'MyriadPro-Regular'; }
.innerpage-hdng .breadcrumb a{ color:#FFF; font-size:18px; text-shadow: 2px 2px 2px #000;}
.innerpage-hdng .breadcrumb .active{color:#FFF;}
.breadcrumb > li + li::before {    padding: 0 5px;    color: #FFF;    content: "/\00a0";}


.in-about, .in-solutions, .in-jobs, .in-contact-us{	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	border-bottom: #f5f5f5 solid 1px; -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,1); -moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,1); box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,1); background-color: #4b0053;}

.minheight{ min-height:290px; margin: 40px auto 40px auto;}
.minheight h1, .minheight h2{margin:20px auto 0 auto; padding:0; color:#000; font-weight:bold; }
.minheight h1{font-size:24px;}
.minheight h2{font-size:20px;}
.minheight p{margin: 20px auto 0px; text-align: justify; font-size: 18px; line-height: 28px;}


.minheight ul{ margin:20px 0; padding:5px 0;}
.minheight ul li{ list-style-type:circle; margin:0 0 0 20px; line-height:25px;}


.minheight .innerImg{float: right; margin-left: 20px;}

.table th{ background:#0f6712; color:#FFF; white-space:nowrap; text-align:center;}
.table th a{ color:#FFF;}
.table th a:hover{ text-decoration:none; font-weight:bold;}
.table tr td a{ color:#000;}
.table tr td a:hover{ color:#69941e; text-decoration:none;}


@media (max-width:960px){
	.hdng{ padding-top: 50px;}
	.about-bg{ margin: 50px auto 0 auto; padding-bottom: 10px;} 
.featured-jobs{padding:40px 0;}
.featured-jobs h2{padding:15px 0;}
.menu-bg{ background:#44004d; margin:0 0 1px 0; padding:0;}
	

.innerpage-hdng h4{padding: 30px 0 5px 0;}
.innerpage-hdng .breadcrumb{padding:10px 0 30px 0; }
	

.innerpage-hdng{ background-position: top left;}
	.minheight .innerImg{float: right; margin-left: 0px;}
	
	
	}