/*-------------------RESET-------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
p { padding-bottom:15px;}
ol, ul {
	list-style: none;
}
del {
	text-decoration: line-through;
}
img {
	border: 0 none; max-width:100%;
}
a {
	text-decoration: none;
	color: #0993b8;
	outline:0 none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
}
hr {
	display: block;
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 1em 0;
}
input, select {
	vertical-align: middle;
	outline:0 none;
}
input:focus, select:focus, textarea:focus {
	outline:0 none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
/*-------------------TYPOGRAPHY-------------------*/
body, select, input, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/*-----------------ANIMATION-------------------*/

{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.ease,header ul.social li a,#primary-menu ul li a,#articles-hom .colums,#articles-hom .colums .circle,#articles-hom .colums, div {
	transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}
/*-----------------ROUND-------------------*/

input[type=submit],
input[type=button] {-webkit-user-select:none; cursor:pointer;}

body			{
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-y:scroll;
	font-family: 'Source Sans Pro', sans-serif; color:#696969; font-size:12px;
	background:#ffffff;
}
/*--------------------CLEARFIX-------------------*/
/*  Clearfix
------------------------------------------------------------------------------*/
.clearfix:after,
section:after,
aside:after,
article:after,
footer:after,
header:after,
div:after,
ul:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:before,
section:before,
aside:before,
article:before,
footer:before,
header:before,
div:before,
ul:before {
	content: "";
	display: table;
}

.clearfix,
section,
aside,
article,
footer,
header,
div,
ul 
 {
	zoom: 1;
}
.clear {
	clear: both;
}
/***********************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div,li,#articles-hom .colums .circle {
	behavior:url(PIE/PIE.htc);
	position:relative;
}
.frame             { width:962px; margin:0 auto;}
/**************************************************/

header                   { height: 140px; padding: 41px 0 0; position:relative;}
header .shade            { background:url(../images/shade-header.png) repeat-x; height:7px; width:100%; left:0; width:100%; bottom:-7px; position:absolute; z-index:5}
header  .logo            { float:left; padding-bottom:17px;}
header .right            { float:right;padding-bottom:17px;}

header ul.social         { float:right; padding:7px 23px 0 21px;}
header ul.social li      { float:left; padding:0 3px; }
header ul.social li a    { display:block; width:25px; height:25px; border:2px solid #c0c0c0; border-radius:50px;}

header ul.social li.fb a          { background:url(../images/social.png) no-repeat 7px 4px ;}
header ul.social li.twitter a     { background:url(../images/social.png) no-repeat -27px 4px}
header ul.social li.linkdin a     { background:url(../images/social.png) no-repeat -60px 4px}
header ul.social li.fb a:hover          { background:url(../images/social.png) no-repeat 7px -27px #0993b8; border:2px solid #0993b8;}
header ul.social li.twitter a:hover     { background:url(../images/social.png) no-repeat -27px -27px #0993b8; border:2px solid #0993b8;}
header ul.social li.linkdin a:hover     { background:url(../images/social.png) no-repeat -60px -27px #0993b8; border:2px solid #0993b8;}

header .search                 { float:left; padding:2px 0 0 0}
header .search a               { width:34px; height:34px; border:2px solid #c0c0c0; border-radius:50px; display:block;
                                 background:url(../images/social.png) no-repeat -85px 7px #f2f2f2;}
header .search a:hover         { background:url(../images/social.png) no-repeat -85px -24px #222126; border:2px solid #222126;}
								 
								 
header ul.social li a {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}
header ul.social li a:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
header ul.social li a:hover, header ul.social li a:focus, header ul.social li a:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
header ul.social li a:hover:before, header ul.social li a:focus:before, header ul.social li a:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/**********menu****************/
#primary-menu                {}
#primary-menu ul             {}
#primary-menu ul li          { float:left; padding:0; font-weight:700; text-transform:uppercase}
#primary-menu ul li a        { display:block; padding:10px 15px; color:#222126; font-size:13px;}
#primary-menu ul li a:hover,
#primary-menu ul li.active a { color:#0993b8;}
/*****************************/
.content-mid              { background:#eeeeee; padding:39px 0 14px;}
.basic-info               { font-family: 'Lato', sans-serif; padding-bottom:20px; text-align:center; font-size:16px}
.more-01                  { background:url(../images/pointer.png) no-repeat right 5px ; padding:0 12px 0 20px; color:#000000; font-size:13px;}

/**************************/

#articles-hom                     { padding-top:52px;}
#articles-hom .colums             { float:left; width:300px; padding:63px 20px 0; height:275px; text-align:center; font-size:15px; background:#ffffff; position:relative;}
#articles-hom .colums h4          { color:#222126; padding-bottom:20px; font-weight:700; font-size:16px;}
#articles-hom .colums .more-01    { color:#696969; font-size:14px;}
#articles-hom .colums .circle     { border-radius:100px; width:110px; height:110px; position:absolute; left:96px; top:-50px; z-index:5;}


#articles-hom .colums#visualization              { margin:0 29px;}
#articles-hom .colums#Predictive .circle         { border:10px solid #ffffff; background:#5d2581 url(../images/icons.png) no-repeat 21px 16px}
#articles-hom .colums#visualization .circle      { border:10px solid #ffffff; background:#35b85c url(../images/icons.png) no-repeat -112px 20px}
#articles-hom .colums#business .circle           { border:10px solid #ffffff; background:#24b1ad url(../images/icons.png) no-repeat -229px 25px}

#articles-hom .colums#Predictive:hover .circle   { border:10px solid #834aa8;}
#articles-hom .colums#visualization:hover .circle      { border:10px solid #5ce183;}
#articles-hom .colums#business:hover .circle           { border:10px solid #48d6d2;}

#articles-hom .colums#Predictive:hover        {  background:#5d2581; color:#ffffff;}
#articles-hom .colums#visualization:hover     { background:#35b85c;color:#ffffff;}
#articles-hom .colums#business:hover          { background:#24b1ad;color:#ffffff;}

#articles-hom .colums#Predictive:hover h4       {   color:#ffffff;}
#articles-hom .colums#visualization:hover h4    { color:#ffffff;}
#articles-hom .colums#business:hover h4         { color:#ffffff;}

#articles-hom .colums#Predictive:hover a, #articles-hom .colums#visualization:hover a, #articles-hom .colums#business:hover a { color:#ffffff;}

/**************************/

.content_area{ margin:30px auto; min-height:500px;}
h4{ font-size:14px; color:#0993b8; margin-bottom:15px;}
p{ font-size:15px; line-height:1.5;}
.industries{ margin-top:0px;}
.industries li{ float:left; width:33.333%; margin-top:45px;}
.industries li figure{ float:left;width: 30%;}
.industries li .details{ float:left;width: 70%;padding: 0 15% 0 0;}
.industries h3{ font-size:14px; font-weight:700; color:#4b4b4b;}
.industries p{ font-size:12px; font-weight:400; color:#666666; padding:0;}
.industries .lern_more{ font-size:12px; font-weight:900; color:#0993b8;}
.details_h2{display: inline-block; margin-bottom: 25px; color:#0993b8; font-size:24px; font-weight:400;}
.details_h2 img{ width:62px;}
.details_h2 img, .details_h2 span{ float:left;}
.details_h2 span{ margin:18px 0 0 10px;}
a.link{ font-size:16px; text-decoration:underline; transition:all 0.5s ease-in-out 0s;}
a.link:hover{ color:#222126;}
.contact{ margin-top:70px;}
.contact .left{ width:60%; float:left; padding:0 25px;}
.contact .right{ width:40%; float:left; padding:0 45px;}
input[type="text"],input[type="email"], input[type="tel"], textarea{ padding:10px 20px; border:1px solid #d6d6d6; color:#a2a2a2; width:100%;-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; margin-bottom:15px;}
textarea{ height:140px; resize:none;}
.contact .right p{font:normal normal normal 14px/1.4 Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; color:#494949;}
.datamanagement .right, .datamanagement .left{ float:left; width:45%; margin:2%; padding:2%; border:1px solid #ccc;}
.datamanagement h2{ margin-bottom:8px; color:#0993b8; font-size:16px; font-weight:normal;}
.datamanagement ul{ list-style:disc; margin-left:20px; line-height:1.5;}

/***********Solutions***************/

.scrol_nav{ width:100%; border-bottom: 1px solid #d2d2d2;}
.tab-container{}
.button{ background:#0993B8; border-radius:5px; padding:5px 10px; color:#fff; border:1px solid #097E9B; font-size:16px; transition:all 0.5s ease-out 0s;}
.button:hover{ background:#0465C7;}

/**************************/


footer             { padding:26px 0;}
footer.inner       { background:#dcdcdc;}


.page-title       { background:#0993b8; color:#ffffff; font-size:30px;padding:15px 0;}


.banner-inner             { border-bottom:1px solid #d2d2d2;}
.banner-inner .frame      { height:258px;} 
.banner-inner .solution   { background:url(../images/bnr-01.png) right top no-repeat; }
.banner-inner .caption    { color:#696969; font-size:24px;background:url(../images/icon-higlite.png) 0 0 no-repeat; 
                            padding:30px 0 0 0; margin:73px 0 0 0; font-weight:400}


.etabs            { margin: 0 auto; padding: 0; width:1000px; }
.tab              { display: inline-block; zoom:1; *display:inline;  border-bottom: solid 5px #ffffff; margin:0 25px 0 0 }
.tab a            { font-size: 18px;display: block; padding: 20px 2px; outline: none; color:#696969; }
.tab.active       { background: #fff; position: relative;border-color: #666;border-bottom: solid 5px #0993b8; }
.tab a.active     { }
.tab-container .panel-container  { background: #fff; padding: 10px; border-top:1px solid #D2D2D2}
.tab-container .panel-container .frames { margin:0 auto; width:1000px; font-size:14px; font:14px/18px Arial, Helvetica, sans-serif; padding:50px 0; text-align:center}
.panel-container  { margin-bottom: 10px; }
.tab-container .panel-container .frames h2  { color:#5d2581; font-size:24px; font-weight:400; padding-bottom:20px;padding-top: 250px;}

.slide-tab        { padding:20px 0;}