body {
	padding:0;
	margin:0;
	font-family:helvetica neue, arial, sans serif;
	font-size: 15px;
	line-height:1.3;
	color:#333;
}

#header .logo {
	padding:5px 0 10px;
}

body.front #banner {
	padding:0;
}

#banner {
	position:relative;
	background:#000;
	padding:20px 15px;
	margin:0 0 10px;
}

#banner span.title {
	color: #127ABA;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	margin: 0 0 0 5px;
	text-transform: uppercase;
}

h1#page-title {
	margin-bottom:10px;
}

h1#page-title img {
	max-height: 65px;
}

.swipe li img {
	width:100%;
	height:auto;
}

.row-top {
	margin-bottom:10px;
}

.not-front .row-top {
	margin-bottom:0px;
}

#content img.product {
	width: 100%;
}

/* mobile menu */

.graphite .accordion li {
	background:url(../img/menu-bg.png) repeat-x 0 0 #fff;
	border: 1px solid #DDDDDD;
	margin: 0 0 4px;
}

.graphite .accordion li ul {
	border-top: 1px solid #ddd;
	background:#eee;
}

.graphite .accordion li li {
	background:none;
	border: medium none;
	margin: 0;
	text-indent:15px;
}

.graphite .accordion li li+li {
	border-top:1px solid #e5e5e5;
}

.graphite .accordion .dcjq-parent {
	background:url(../img/plus.png) no-repeat scroll right 12px transparent;
}

.graphite .accordion .dcjq-parent.active {
	background:url(../img/plus.png) no-repeat scroll right -22px transparent;
}

.graphite .accordion a {
	color: #434240;
	display: block;
	padding: 8px;
	text-decoration: none;
	cursor:pointer;
}

.graphite .accordion a .dcjq-icon {
	position: absolute;
	top: 50%;
	left: 14px;
	width: 34px;
	margin-top: -17px;
	height: 34px;
}

.graphite .accordion .menu-hover a.primary,
.graphite .accordion a.menu-active {
	color: #156DA7;
}

.dcjq-count {
	display:none;
}

/****** footer bottom  *********/


footer {
	clear:both;
	padding:10px 0 0;
}

footer .social {
	overflow:hidden;
}

footer .social li {
	display:inline-block;
}

footer .footer-bottom {
	background:#2d2d2d;
	padding:15px;
	text-align:center;
	margin:15px 0 0;
}

footer .footer-block .social li {
	background: none repeat scroll 0 0 transparent;
	padding:0;
}

footer .social li a {
	width:20px;
	height:20px;
	display:block;
	margin:0 4px 0 0;
}

footer .social li.facebook a {
	background: url(../img/facebook.png) no-repeat scroll 0 0 transparent;
}

footer .social li.facebook a:hover {
	background: url(../img/facebook.png) no-repeat scroll 0 -20px transparent;
}

footer .social li.twitter a {
	background: url(../img/twitter.png) no-repeat scroll 0 0 transparent;
}

footer .social li.twitter a:hover {
	background: url(../img/twitter.png) no-repeat scroll 0 -20px transparent;
}

footer .social li.linked-in a {
	background: url(../img/linkedin.png) no-repeat scroll 0 0 transparent;
}

footer .social li.linked-in a:hover {
	background: url(../img/linkedin.png) no-repeat scroll 0 -20px transparent;
}

footer .social li.g-plus a {
	background: url(../img/google.png) no-repeat scroll 0 0 transparent;
}

footer .social li.g-plus a:hover {
	background: url(../img/google.png) no-repeat scroll 0 -20px transparent;
}

.copyrite {
	color:#888;
	margin:10px 0 0;
}

.footer-bottom-menu a {
	text-decoration:none;
	color:#888;
	float:left;
}

.footer-bottom-menu a:hover {
	color:#ff4400;
}

.footer-bottom-menu li {
	background: url("../img/separator-line.png") no-repeat scroll right center transparent;
	margin:0 5px 0 0;
	padding: 0 5px 0 0;
	display:inline-block;
}

/*********** products & Services   *******/

#content p {
	margin: 0 0 10px;
}

#content .content-extra {
	margin:5px;
}

.content-extra .heading {
/*color: #FF4400;
	background: none repeat scroll 0 0 #F0F0F0;
	text-align:left;
	padding-bottom: 7px;
	padding-top: 7px;*/
}

.content-extra .texts {
	color: #4A4A4A;
}

.row-top .products-banner img {
	max-width:100%;
}

#header .logo {
 text-align:center;
}

#banner .inner {
 display: table;
 margin: auto;
 width: auto;
}

 @media (max-width: 480px) {
 #header .logo img {
 width:230px;
}
}
 @media (max-width: 320px) {

 #header .logo img {
 width:200px;
}
 #banner .next {
 top: 54px;
}
 #banner .prev {
 top: 54px;
}

 .copyrite {
 font-size:11px;
}
}

.clients-table table,
.clients-table tr {
	border: 1px solid #DDDDDD;
}

.clients-table table td {
	border: 1px solid #DDDDDD;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-top: 5px;
}

.clients-table-heading-first {
	color: #FFFFFF;
}

.career-mail a:link,
.career-mail a:hover,
.texts a:link,
.texts a:hover {
	color: #156DA7;
	text-decoration:none;
}

#content .career-mail {
	margin-top: 40px;
}

.table-mid {
	padding:0 5px 20px;
}

.front .content-extra h2 {
	margin: 13px 0 10px;
	text-align:center;
}

body.front .content-extra h2 {
	color:#156DA7;
}

#content .products-services ul li {
	float: left;
	width: 49%;
	margin:1%;
	outline:1px solid #eee;
}

#content .products-services ul {
	padding:1px;
	overflow:hidden;
}

#content .products-services ul li.odd {
	margin-left:0;
}

#content .products-services ul li.even {
	margin-right:0;
}

#content .products-services ul li img {
	max-width:100%;
}

/**************** contact form *****************/


/***** contact form *****/
#contact-form {
	margin: 20px 0 10px;
}

#contact-form fieldset {
	border: none;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

#contact-form label {
	display: block;
	min-height: 46px;
	position: relative;
	margin: 0;
}

#contact-form input,
#contact-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 6px;
	margin: 0;
	font-size: 13px;
	line-height: 21px !important;
	color: #858585;
	background: #F8F8F8;
	outline: none;
	width: 100%;
	border: 1px solid #e7e8e9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form input {
	height: 36px;
}

#contact-form input:focus,
#contact-form textarea:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#contact-form .area .error {
	float: none;
}

#contact-form textarea {
	width: 100%;
	height: 337px;
	resize: none;
	overflow: auto;
}

#contact-form .success {
	display: none;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 16px;
	background: #f3fddf;
	padding: 10px 14px;
	text-transform: none;
	border: 1px solid #c4eb71;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#contact-form .success {
	background: none repeat scroll 0 0 #F3FDDF;
	border: 1px solid #C4EB71;
	border-radius: 2px 2px 2px 2px;
	display: none;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 10px;
	padding: 10px 14px;
	text-transform: none;
}

#contact-form .error,
#contact-form .empty {
	background: url("../img/arrow-error.png") no-repeat scroll 0 5px transparent;
	color: #FF4400;
	display: none;
	font-size: 11px;
	line-height: 1.27em;
	margin-bottom: 5px;
	margin-left: 2px;
	overflow: hidden;
	padding: 2px 4px 6px 10px;
	text-transform: none;
}

form#contact-form textarea {
	height: 100px;
	min-height: 100px;
	width: 100% !important;
}

#contact-form .btns a.link {
	background: none;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	margin: 15px 7px 0 0;
	padding: 5px 12px;
	text-transform: uppercase;
}

#contact-form .btns a.submit {
	background: #FF4400;
	border-radius:2px;
}

#contact-form .btns a.submit:hover {
	background: #FE591D;
}

#contact-form .btns a.reset {
	background: #888;
	border-radius:2px;
}

#contact-form .btns a.reset:hover {
	background: #999;
}

.buttons-wrapper {
	position: relative;
	text-align: right;
}

.buttons-wrapper a {
	cursor: pointer;
	-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
	padding: 5px 20px 4px;
	margin: 0 2px 2px 0;
}

.buttons-wrapper a:hover {
	text-decoration: none;
}

.download-link a {
	background: url("../img/product-down.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #146CB2;
	cursor: pointer;
	display: block;
	float: right;
	height: 50px;
	line-height: 46px;
	text-decoration: none;
	text-indent: 51px;
	width: 160px;
}

.download-link {
	float:left;
	width:100%;
}

#content .texts h3.title {
	margin:0 0 10px;
	color:#127ABA;
	font-size: 18px;
}

#content ul.listing,
ul.captain-hightxt {
	padding:0 0 0 20px;
}

#content ul.listing li,
ul.captain-hightxt li {
	list-style:square;
}

#content ul li {
	margin:6px 0;
}

#content {
	margin:5px;
	overflow:hidden;
}

.footer-top {
	margin:5px;
}

.blue-bold {
	color: #146CB2;
}

.red-bold {
	color:#E1151A;
}

.green-bold {
	color: #096E53;
}

.orange-bold {
	color: #E36C0A;
}

.darkred-bold {
	color: #984806;
}

.purple-bold {
	color: #994799;
}

#all-technolies {
	clear: both;
}

#all-technolies ul li {
	margin:0;
}

#all-technolies ul li img,
#our-clients ul li img {
}

#all-technolies ul li.left,
#our-clients ul li.left {
	margin-left:0;
}

#all-technolies ul li.right,
#our-clients ul li.right {
	margin-right:0;
}

#all-technolies h2.title {
	font-size: 17px;
	margin: 0 0 10px;
}

.java,
.jersey,
.html,
.angular,
.hiber,
.postman,
.foundation,
.redies,
.swagger,
.mssql,
.mysql,
.mongo,
.react{
	background: none repeat scroll 0 0 #ffffff;
    border: 2px solid #f8f8f8;
    box-shadow: 0 1px 2px #CCCCCC;
    float:left;
	margin: 5px 5px 5px 5px;
	padding:20px 20px;
	width: 20%;
}

#all-technolies .react h2.title
{
	height: 75px;
	width: 75px;
}

#all-technolies .java h2.title
{
	height: 75px;
	width: 200px;
}

#all-technolies .jersey h2.title
{
	height: 75px;
	width: 145px;
}

#all-technolies .html h2.title
{
	height: 75px;
	width: 75px;
}
#all-technolies .angular h2.title
{
	height: 75px;
	width: 75px;
}

#all-technolies .hiber h2.title
{
	height: 75px;
	width: 75px;
}

#all-technolies .postman h2.title
{
	height: 75px;
	width: 83px;
}

#all-technolies .foundation h2.title
{
	height: 75px;
	width: 182px;
}

#all-technolies .redies h2.title
{
	height: 75px;
	width: 89px;
}

#all-technolies .swagger h2.title
{
	height: 75px;
	width: 131px;
}

#all-technolies .mssql h2.title
{
	height: 75px;
	width: 100px;
}

#all-technolies .mysql h2.title
{
	height: 75px;
	width: 108px;
}

#all-technolies .mongo h2.title
{
	height: 75px;
	width: 85px;
}

#all-technolies .java h2.title {
	background: url("../img/java.png") no-repeat scroll 0 0 transparent;	
}

#all-technolies .jersey h2.title {
	background: url("../img/jersey.png") no-repeat scroll 0 0 transparent;
}

#all-technolies .react h2.title {
	background: url("../img/react.png") no-repeat scroll 0 0 transparent;
}

#all-technolies .html h2.title {
	background: url("../img/html.png") no-repeat scroll 0 center transparent;
}

#all-technolies .angular h2.title {
	background: url("../img/angular.png") no-repeat scroll 0 0  transparent;
}

#all-technolies .hiber h2.title {
	background: url("../img/hiber.png") no-repeat scroll 0 0 transparent;
}

#all-technolies .postman h2.title {
	background: url("../img/postman.png") no-repeat scroll 0 center transparent;
}

#all-technolies .foundation h2.title {
	background: url("../img/foundation.png") no-repeat scroll 0 center transparent;
}

#all-technolies .redies h2.title {
	background: url("../img/redies.png") no-repeat scroll 0 center transparent;
}

#all-technolies .swagger h2.title {
	background: url("../img/swagger.png") no-repeat scroll 0 center transparent;
}
#all-technolies .mssql h2.title {
	background: url("../img/mssql.png") no-repeat scroll 0 center transparent;
}
#all-technolies .mysql h2.title {
	background: url("../img/mysql.png") no-repeat scroll 0 center transparent;
}
#all-technolies .mongo h2.title {
	background: url("../img/mongo.png") no-repeat scroll 0 center transparent;
}

#our-clients ul li,
.careers .block {
	background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #e0e0e0;
	margin: 0 0 10px;
	padding: 10px 8px;
}

#our-clients ul li .block h2.title,
.careers .block h2.title {
	font-size: 18px;
	margin: 0 0 5px;
	color:#127ABA;
}

#our-clients ul li .block h3 {
	font-size:14px;
}

#our-clients ul li .block img {
	float:right;
}

.address .headquarters,
.address .overseas {
	background: none repeat scroll 0 0 #F8F8F8;
	border:1px solid #e0e0e0;
	margin: 0 0 10px;
	padding: 10px 8px;
}

.address h2 {
	color:#FF4400;
	margin-bottom:10px;
}

.address h3 {
	color:#127ABA;
	margin-bottom:5px;
}

.address .overseas .block {
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}

.address .overseas .block.last {
	border:none;
	margin:0;
}

.headquarters .address-items .item-label a{
	margin:0 10px 0 0;
}

.blinker{ 
font-family: 'Open Sans Condensed', sans-serif;  
font-size: 22px;  
font-weight: bold;  
color:#333;  
animation: changecolor 10s infinite;  
-moz-animation: changecolor 10s infinite; 
-webkit-animation: changecolor 10s infinite; 
-ms-animation: changecolor 10s infinite; 
-o-animation: changecolor 10s infinite; 
} 

@keyframes changecolor 
{ 
0% {color: #E36324;}  
50% {color: #F3AB1B;}  
100% {color: black;}  
} 
/* Mozilla Browser */ 
@-moz-keyframes changecolor 
{ 
0% {color: #E36324;}  
50% {color: #F3AB1B;}  
100% {color: black;}  
} 
/* WebKit browser Safari and Chrome */ 
@-webkit-keyframes changecolor 
{ 
0% {color: #E36324;}  
50% {color: #F3AB1B;}  
100% {color: black;}  
} 
/* IE 9,10*/ 
@-ms-keyframes changecolor 
{ 
0% {color: #E36324;}  
50% {color: #F3AB1B;}  
100% {color: black;}  
} 
/* Opera Browser*/ 
@-o-keyframes changecolor 
{ 
0% {color: #E36324;}  
50% {color: #F3AB1B;}  
100% {color: black;}  
}