@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 {background: #0c0c0c; font-family:'MyriadPro-Regular'; font-size:16px; line-height: 26px; -webkit-font-smoothing: antialiased; color:#FFF;}

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

.logo{ padding:15px 0;}


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

.grad {background: url("../images/home-bg.png") top left no-repeat; 
}

.welcome{margin: 100px auto 0 auto;}
.welcome p, .technologies p{ text-align: justify;}

.welcome a, .technologies a, .whocanpartner-bg a, .whyusBg a, .ourvaluesbg a{ padding: 10px 15px; line-height: 14px; font-size: 14px; text-transform: uppercase; text-decoration: none; margin: 10px auto; display: inline-block;}

.welcome a, .technologies a, .whyusBg a, .ourvaluesbg a{background:#d85c16; color: #FFF;}


.whocanpartner-bg a, .whyusBg a:hover, .ourvaluesbg a:hover, .welcome a:hover, .technologies a:hover{background: #FFF; color: #d85c16; }
.whocanpartner-bg a:hover{background:#d85c16; color: #FFF;}

.servicesAndSolutions{font-size: 18px; line-height: 22px; background: #000; margin:0px auto; padding: 100px 0 100px 0;}
.servicesAndSolutions p{padding: 15px 0 0 0;}

.servicesAndSolutions ul, .servicesAndSolutions ul li, .industries ul li{margin: 0; padding: 0;}
.servicesAndSolutions ul, .industries ul{padding-top: 15px;}
.servicesAndSolutions ul li, .industries ul li{line-height: 32px; list-style: none;}

.services-Bg{background:url("../images/services-home-bg.png") top left repeat #252525; padding: 50px; border-radius: 10px;}
.technologies-Bg{background:url("../images/technologies-home-bg.png") top left repeat #131313; margin: 60px auto 0 auto; padding: 60px 30px 10px 30px; }

.addressBg{background:url("../images/services-home-bg.png") top left repeat #252525; padding: 50px; border-radius: 10px;}
.contactBg{background:url("../images/technologies-home-bg.png") top left repeat #131313; padding: 30px 30px 10px 30px; }




.technologies-bg-list{background:url("../images/technologies-home-list-bg.png") top left repeat #0b0b0b; margin: 110px auto; padding:  30px 30px 40px 30px;}


.services-Bg, .technologies-Bg, .technologies-bg-list, .addressBg, .contactBg{ -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;

	border-right: #727272 solid 1px;
box-shadow: rgba(255, 255, 255, 0.15) 1.95px 1.95px 2.6px;
	position: relative;
}





.technologies-bg-list a{position: absolute; right:50px; top: 40%; border-radius: 10px; padding: 15px; font-weight: bolder;}

.whocanpartner-bg {background: url("../images/whocnpartner-bg.jpg") top left repeat; margin:0 auto 100px auto; padding: 50px;}
.whocanpartner-bg p{padding: 30px 0px;}



.whyusBg, .ourvaluesbg{background: #252525; padding: 30px; border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;  }
.whyusBg p, .ourvaluesbg p{padding:12px 0 3px 0;}

:root {--background: #0c0c0c; 	--primary: #252525; --secondary: #f05b06; --third: #0c0c0c;}
.whyusBg {background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 100%); animation: morph 8s ease-in-out infinite;
  border-radius:26% 0% 0% 0% / 54% 48% 93% 100%  ;}

.ourvaluesbg{background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 100%);   animation: morph 8s ease-in-out infinite;   border-radius:0% 0% 22% 0% / 16% 48% 93% 100%   ;}

.ourValuesimg{ border-radius:0% 0% 0% 23% / 16% 23% 57% 100%  ;}

.whyusimg{border-radius:0% 18% 0% 0% / 16% 73% 72% 100%  ;}


.footer-bg{ border-top: #383230 solid 1px; margin:0 auto 0 auto;}
.footer-bg p{ color:#686868; padding:15px 0; margin:0; font-family:'MyriadPro-Regular'; font-size:18px;}


.footer-top-bg{ background:#222426; border-top: #ed5b07 solid 5px; margin-top: 30px; padding:30px 0 10px 0; font-size:16px;}
.footer-top-bg h5{ color:#fff; font-size:20px; font-weight:600;}
.footer-top-bg p{color:#989898;}
.footer-top-bg p b, .footer-top-bg p i{ color:#a8a8a8;}
.footer-top-bg p i b{font-size: 16px; font-size: none; font-family:"MyriadPro-Regular";}
.footer-top-bg p a{ text-decoration:none; color:#646465; font-size:16px;}
.footer-top-bg p a:hover{ text-decoration:none; color:#fff;}
.footer-top-bg p i{ padding:0 2px;}

.footer-bg{ background:#131416;}
.footer-bg p{ color:#FFF; padding:25px 0; margin:0; font-family:"MyriadPro-Regular"; font-size:14px;}
.footer-bg i{color:#FFF; padding:25px 10px; text-align:center;}



.innerpage-hdng h4{ color:#FFF; text-shadow: 2px 2px 2px #000; padding: 90px 0 5px 0; font-family: 'MyriadPro-Bold'; font-size: 35px; }
.arrow_box {position: relative;	background: #833e17;}
.arrow_box:after {	top: 100%;	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(136, 183, 213, 0);	border-top-color: #FFF;	border-width: 15px;	margin-left: -15px;}

/*background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 100%); animation: morph 8s ease-in-out infinite;
  border-radius:0% 0% 0% 0% / 54% 48% 93% 100%  ;*/

#aboutus{ background:url(../images/inner-pattern.png)top left repeat;}
#services{ background:url(../images/services-bg.png)top left repeat;}
#technologies{ background:url(../images/technologies.png)top left repeat;}
#whocanpartner{ background:url(../images/whocnpartner-inner-bg.png)top left repeat;}
#industries { background:url(../images/industries-inner-bg.png)top left repeat;}
#careers { background:url(../images/careers.png)top left repeat;}
#contactus { background:url(../images/contactus.png)top left repeat;}

.innerPageBanner h1, .innerPageBanner p{ color:#000;}
.innerPageBanner h1{ margin:25px 0 25px 0; padding:10px 0 3px 0;  font-size:30px;}
.innerPageBanner p{ padding:5px 0 50px 0; font-size:18px;}

.minheight{ min-height:290px; margin: 40px auto 40px auto;}
.minheight h1, .minheight h2{margin:20px auto 0 auto; padding:0; font-weight:bold; }
.minheight h1{font-size:24px;}
.minheight h2{font-size:20px;}
.minheight p{margin: 20px auto 0px; text-align: justify;}
.minheight ul{ margin:20px auto 0 auto;  padding:0;}
.minheight ul li ul{margin: 0; padding: 0;}
.minheight ul li{ list-style:none; display:block;padding:0 10px 0px 2px; line-height:25px; }
.minheight .innerImg{float: right;}
.minheight .innerBg{background:#1f1f1f; border-radius: 10px; padding: 20px 30px;}

.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;} 

.menu-bg{ background:#1a1a1a; margin:0 0 1px 0; padding:0;}
	

.technologies{margin: 30px auto;}
.technologies img{padding: 20px 0 5px 0;}	
	
.innerpage-hdng h4{padding: 30px 0 5px 0;}
.innerpage-hdng .breadcrumb{padding:10px 0 30px 0; }
.innerpage-hdng{ background-position: top left;}
}