 @import url(reset.css);
 a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}

.color-1 {
	color: #efedef;
}

.img-indent {
	margin: 7px 0 23px;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	height: 0;
	width: 100%;
}

a,
a focus {
	outline: none !important;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.overflow.extra {
	overflow: visible;
}

.left-0 {
	margin-left: 0 !important;
}

.overflow {
	overflow: hidden;
}

.inner-1 {
	padding-right: 30px;
}

/*------ header ------- */

header {
	z-index: 50;
}

header .container article.span8 {
}

.row-top {
	background: #000;
	padding: 0 0 11px;
}

body.front .row-top{
	background:url("../img/loading.gif") no-repeat scroll center 50% #000000;	
}


.row-middle p {
	margin:0 0 5px;
}

.row-middle .more {
	margin:20px 0 0;
	float:right;
}

.row-middle .more a:hover {
	background:#fe591d;
}

.content-extra h2 {
	color:#FF4400;
	font-size:24px;
}

.row-bottom {
	border-top: 1px dotted #DDDDDD;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
}

.row-bottom .more a {
	background: none repeat scroll 0 0 #FF4400;
	color: #FFFFFF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 17px;
	padding: 4px 14px;
	line-height:normal;
}

/* navbar */
.navbar_,
.navbar_ nav {
	margin: 0;
	position: relative;
}

.navbar_ .navbar-inner_ {
	padding: 0;
	margin: 0;
	border: none;
	min-height: inherit;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*nav*/

.secondary-nav {
	float:right;
	margin:25px 0 0;
}

.secondary-nav ul li {
	background: url("../img/separator-line.png") no-repeat scroll right center transparent;
	float: left;
	margin: 0 9px 0 0;
	padding: 0 10px 0 0;
}

.secondary-nav ul li.home a {
	background: url("../img/go-home.png") no-repeat scroll 0 2px transparent;
	display: block;
	height: 18px;
	width: 15px;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
}

.secondary-nav ul li.home a:hover,
.secondary-nav ul li.home a.active {
	background: url("../img/go-home.png") no-repeat scroll 0 -16px transparent;
}

.secondary-nav ul li.active a {
	color:#ff4400;
}

.secondary-nav ul li.last {
	margin:0;
	padding:0;
	background:none;
}

.secondary-nav ul li a:hover,
.secondary-nav ul li a.active {
	color: #FF4400;
}

.navbar_ .container {
	position: relative;
}

.nav-collapse {
	z-index: 10;
	position:absolute;
	right:0;
	bottom:0;
}

.nav-collapse ul.nav {
	border-bottom:4px solid #FF4400;
	padding: 0;
	clear:both;
}

.nav-collapse ul.nav li.first a {
	padding-left:0;
}

.nav-collapse ul.nav li.last a {
	padding-right:0;
}

#primary-menu li a {
	text-shadow: none;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 15px;
	line-height: normal;
	text-transform:uppercase;
	letter-spacing: -0.3px;
	padding:5px 12px;
	color:#666;
}

#primary-menu li.first a {
	padding-left:0;
}

#primary-menu li.last a {
	padding-right:0;
}

#primary-menu li a:hover,
#primary-menu li.sfHover a.sf-with-ul,
#primary-menu li.active a {
	color:#FF4400;
}

#primary-menu li.active li a,
#primary-menu li li a {
	text-transform:none;
	color:#bbb;
	font-size:14px;
	font-weight:400;
}

#primary-menu li li a:hover {
	color:#fff;
}

.nav-collapse_ .nav > li > a {
	margin: 0;
	display: block;
	position: relative;
	z-index: 10;
}

.nav-collapse_ .nav > li > a .sf-sub-indicator {
	position: absolute;
	width: 7px;
	height: 4px;
	left: 50%;
	bottom: 21px;
	margin-left: -7px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
}

.nav-collapse_ .nav > li > em {
	width: 33px;
	height: 0px;
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -16px;
	display: block;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 20 !important;
}

.nav-collapse_ .nav > li > a > span {
	width: 18px;
	display: inline-block;
	margin: 0px 12px 0 0;
	position: relative;
	top: 2px;
	left: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 16px;
}

.nav-collapse_ .nav > li.item-2 > a > span {
	width: 15px;
}

.nav-collapse_ .nav > li.item-3 > a > span {
	top: 4px;
	width: 15px;
}

.nav-collapse_ .nav > li.item-4 > a > span {
	width: 15px;
	top: 4px;
}

.nav-collapse_ .nav > li.item-5 > a > span {
	width: 15px;
	top: 6px;
}

.nav-collapse_ .nav > li.sfHover > a,
.nav-collapse_ .nav > li.sfHover > a:hover,
.nav-collapse_ .nav > li > a:hover,
.nav-collapse_ .nav > li.active > a,
.nav-collapse_ .nav > li.active > a:hover {
}

.nav-collapse_ .nav > li > a:hover span,
.nav-collapse_ .nav > li.active a span,
.nav-collapse_ .nav > li.active a:hover span,
.nav-collapse_ .nav > li.sfHover > a > span {
	background-position: right 0;
}

.nav-collapse_ .nav > li:hover > em,
.nav-collapse_ .nav > li.active > em,
.nav-collapse_ .nav > li.active:hover > em,
.nav-collapse_ .nav > li.sfHover > em {
	opacity: 1;
	bottom: -4px;
	height: 12px;
}

.sub-menu > a {
	position: relative;
}

.nav-collapse_ .nav ul {
	position: absolute;
	display: none;
	width: 175px;
	left: 0;
	list-style: none;
	zoom: 1;
	z-index: 1000;
	background: #272a2f;
	padding: 0 10px;
	margin: 0;
	border-bottom:4px solid #FF4400;
}

.nav-collapse_ .nav ul li:first-child {
}

.nav-collapse_ .nav ul li a {
	display: block;
	background: none;
	text-align: left !important;
}

.nav-collapse_ .nav ul li a .sf-sub-indicator {
	position: absolute;
	top: 22px;
	right: 10px;
	width: 3px;
	height: 5px;
	display: block;
}

.nav-collapse_ .nav > li > ul li > a:hover,
.nav-collapse_ .nav > li > ul li.sfHover > a {
	text-decoration: none;
	color: #0c96cf;
}

.nav-collapse_ .nav ul ul {
	left: 151px;
	top: 0;
	border-top: 0;
}

/*------ logo ------- */
.navbar_ .brand_ {
	padding: 15px 0 18px;
	margin: 0;
}

.navbar_ .brand_ h1 {
	font-size: 0;
	line-height: 0;
}

/*------ h1, h2, h3, h4, h5, h6 ------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #494949;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	line-height: normal;
	margin: 0 0 8px;
	text-transform: uppercase;
}

h1 {
	font-size: 24px;
	line-height: 74px;
}

header h1 {
	padding: 0;
	margin: 0;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

.content-extra h3 {
}

.row-top h3 {
	color: #ffffff;
	padding-bottom: 49px;
}

.row-2 h3 {
	color: #ffffff;
}

.row-1.extra h3 {
	padding-top: 30px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

#content p {
	text-align:justify;
	margin:0 0 10px;
}

.thumbnail-1 {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

/*--- header end ------*/
/*------ content ------- */
#content {
	position: relative;
	padding: 14px 0 28px;
}

body.not-front #content {
	padding-top:20px;
}

#content.content-extra {
	padding: 0;
	min-height: 150px;
}

body.front #content.content-extra {
	min-height: 100px;
	padding:15px 0;
	margin:0;
}

#content.content-extra1 {
	padding-bottom: 0;
}

#content .clients-map {
}

#content .clients-map h2 {
	text-align:center;
	font-size:24px;
}

#content .clients-map h2 a {
	color: #156DA7;
}

#content .clients-map h2 a:hover {
	color: #FF4400;
}

#content .clients-map ul {
	position:relative;
}

#content .clients-map ul li.uk {
	left: 47.5%;
	position: absolute;
	top: 20%;
}

#content .clients-map ul li.cyprus {
	left: 57%;
	position: absolute;
	top: 33%;
}

#content .clients-map ul li.turkey {
	left: 74%;
	position: absolute;
	top: 15%;
}

#content .clients-map ul li.russia {
	left: 74%;
	position: absolute;
	top: 15%;
}

#content .clients-map ul li.italy {
	left: 52.5%;
	position: absolute;
	top: 28%;
}

#content .clients-map ul li.china {
	left: 77%;
	position: absolute;
	top: 34%;
}

#content .clients-map ul li.taiwan {
	left: 82.5%;
	position: absolute;
	top: 40%;
}

#content .clients-map ul li.thailand {
	left: 76.5%;
	position: absolute;
	top: 42%;
}

#content .clients-map ul li.india {
	left: 69.3%;
	position: absolute;
	top: 33%;
}

#content .clients-map ul li.malaysia {
	left: 77.3%;
	position: absolute;
	top: 54%;
}

#content .clients-map ul li.singapore {
	left: 77.5%;
	position: absolute;
	top: 59%;
}

#content .clients-map ul li.philippines {
	left: 83%;
	position: absolute;
	top: 49%;
}

#content .clients-map ul li.indonesia {
	left: 82.7%;
	position: absolute;
	top: 59%;
}

#content .clients-map ul li.cambodia {
	left: 78%;
	position: absolute;
	top: 48%;
}

#content a.more {
	background: none repeat scroll 0 0 #FF4400;
	color: #FFFFFF;
	font-size: 11px;
	padding: 1px 6px;
}

#content a.more:hover {
	background: #fe652e;
}

#content .buttons {
	margin:15px 0 0;
	overflow:hidden;
}

#content .buttons li.products {
	float:left;
	width:60%;
}

#content .buttons li.technologies {
	float:left;
	width:40%;
}

#content .buttons li a {
	color: #156da7;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 68px;
	text-indent: 80px;
	text-transform: uppercase;
	text-align:left;
}

#content .buttons li.products a:hover,
#content .buttons li.technologies a:hover {
	color:#FF4400;
}

#content .buttons li.products a {
	background: url("../img/product-services.png") no-repeat scroll 0 0 transparent;
	padding: 2px 0 7px 45px;
}

#content .buttons li.technologies a {
	background: url("../img/technologies.png") no-repeat scroll 0 1px transparent;
	padding: 0 0 8px 45px;
}

.row-1 {
	background: #fbfaf9;
}

.row-1.extra {
	margin-top: 28px;
	padding-bottom: 14px;
}

.row-2 {
	background: #0f9bcb;
}

.row-top .line-wrapper {
	margin-top: 9px;
}

.line-wrapper {
	text-align: center;
	position: relative;
}

.line-wrapper.extra {
	margin: 0 100px;
}

.line-wrapper h3 {
	display: inline-block;
}

.row-top .line-before,
.row-top .line-after {
	top: 47%;
}

.line-before,
.line-after {
	height: 2px;
	position: absolute;
	top: 52%;
}

.content-extra .line-before,
.content-extra .line-after,
header .line-before,
header .line-after,
.row-1.extra .line-before,
.row-1.extra .line-after {
	top: 47%;
}

.line-before {
	left: 0;
}

.line-after {
	right: 0;
}

.shadow {
	height: 3px;
}

.shadow-1 {
	height: 3px;
}

.row-1 .shadow {
	padding-top: 11px;
}

.row-1.extra .shadow {
	padding: 0;
}

/*------ thumbnails-1 ------- */
.list-header {
	margin: 0;
	list-style: outside none;
	padding-bottom: 20px;
}

.list-header li {
	margin-bottom: 46px;
}

.list-header .thumbnail-1 {
	text-align: center;
}

.list-header figure {
	margin: 0 0 20px;
	position: relative;
	display: inline-block;
}

.list-header figure .active {
	opacity: 0;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.list-header .thumbnail-1:hover .active {
	opacity: 1;
}

.list-header strong {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 0 1px #0a76a9;
	display: block;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 24px;
}

.list-header p {
	color: #68cffa;
	padding: 0 40px 30px;
	line-height: 18px;
}

/*list-clients*/
.list-clients {
	margin: -12px 0 0;
	overflow: hidden;
	padding-bottom: 50px;
}

.list-clients li {
	display: inline-block;
	float: left;
	margin-left: 10px;
}

.list-clients li:first-child {
	margin-left: 0px;
}

.list-clients li a {
	display: inline-block;
}

.list-clients li a img {
	opacity: 0.2;
	filter: alpha(opacity=20);
	max-width: 270px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.list-clients li:nth-child(2n) a img {
 opacity: 0.6;
 filter: alpha(opacity=60);
}

.list-clients li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*------ list_carousel ------- */
.list_carousel {
	padding: 3px 0 55px;
	position: relative;
}

.list_carousel .caroufredsel_wrapper {
	overflow: hidden !important;
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	cursor: default;
}

.list_carousel li {
	padding: 0;
	margin: 0 10px;
	float: left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.list_carousel li img {
	width: 100%;
	height: auto;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}

.list_carousel li .caption {
	border-top: 4px solid #1089b1;
	padding: 20px 10px 30px 28px;
}

.list_carousel li .caption a {
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	font-family: 'Open Sans', sans-serif;
}

.list_carousel li .caption p {
	line-height: 18px;
	padding: 0;
	color: #68cffa;
}

.list_carousel.responsive {
	width: auto;
}

.list_carousel li:hover {
	background: #272a2f;
}

.list_carousel li:hover .caption {
	border-top: 4px solid #23262a;
}

#prev,
#next {
	position: absolute;
	top: -85px;
	display: block;
	width: 53px;
	height: 54px;
}

#next {
	right: 0;
}

#prev {
	left: 0;
}

#prev:hover,
#next:hover {
	background-position: 0 bottom;
}

/*------ list_carousel ------- */
.list_carousel-1 {
	padding: 0;
	position: relative;
	margin-top: -5px;
	padding-bottom: 59px;
	margin-left: -30px;
}

.list_carousel-1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	cursor: default;
}

.list_carousel-1 li {
	padding: 0 0 0 30px;
	margin: 0 15px;
	display: inline-block;
	float: left;
	border-left: 1px solid #ebebeb;
}

.list_carousel-1 li p {
	padding: 0;
	margin-top: 20px;
}

.list_carousel-1 li:first-child {
	border: none;
}

.list_carousel-1 li a {
	color: #1298c5;
	text-decoration: underline;
}

.list_carousel-1 li a:hover {
	text-decoration: none;
}

time.date-1 {
	color: #414141;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	display: block;
	padding-bottom: 22px;
}

.list_carousel-1.responsive {
	width: auto;
}

#prev-1,
#next-1 {
	position: absolute;
	top: -82px;
	display: block;
	width: 53px;
	height: 54px;
}

#next-1 {
	right: 0;
}

#prev-1 {
	left: 30px;
}

#prev-1:hover,
#next-1:hover {
	background-position: 0 bottom;
}

/***** list-history *****/
.list-history {
	margin: 0;
}

.list-history dt {
	width: 40px;
	text-align: left;
}

.list-history dd {
	margin-left: 40px;
	padding-bottom: 2px;
}

.list-history p {
	padding-bottom: 16px;
}

.list-history dd.last {
	padding-bottom: 0;
}

.date-2 {
	color: #414141;
	font-weight: bold;
	font-size: 11px;
	border: none;
}

/***** list-products *****/
.list-products {
	margin-top: 7px;
}

.list-products li {
	padding: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}

.list-products li img {
	width: 100%;
	height: auto;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}

.list-products li .caption {
	border-top: 4px solid #1089b1;
	padding: 20px 10px 30px 28px;
}

.list-products li .caption a {
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	font-family: 'Open Sans', sans-serif;
}

.list-products li .caption p {
	line-height: 18px;
	padding: 0;
	color: #68cffa;
}

.list-products li:hover {
	background: #272a2f;
}

.list-products li:hover .caption {
	border-top: 4px solid #23262a;
}

/***** list-services *****/
.list-services {
	margin-top: 7px;
}

.list-services li {
	padding: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}

.list-services li img {
	width: 100%;
	height: auto;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}

.list-services li .caption {
	border-top: 4px solid #1089b1;
	padding: 20px 10px 30px 28px;
}

.list-services li .caption a {
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	font-family: 'Open Sans', sans-serif;
}

.list-services li .caption p {
	line-height: 18px;
	padding: 0;
	color: #68cffa;
}

.list-services li:hover {
	background: #272a2f;
}

.list-services li:hover .caption {
	border-top: 4px solid #23262a;
}

/***** list-history *****/
.list-team {
	margin-top: 15px;
}

.list-team figure {
	margin: 0 0 24px;
}

.list-team a {
	margin-bottom: 10px;
}

/*------ lists ------- */
/*------ list ------- */
.list.extra {
	padding: 6px 0 21px 30px;
}

.list {
	list-style: none outside;
	margin: 0;
	padding-top: 1px;
}

.list li {
	padding-left: 19px;
	padding-bottom: 9px;
}

.list li a {
	color: #858585;
	display: inline-block;
}

.list li a:hover {
	text-decoration: none;
	color: #1495ce;
}

/*----------- .list-blog --------------*/
.list-blog {
	list-style: none outside;
	margin: 0;
}

.list-blog li {
	padding-bottom: 40px;
}

.list-blog li.last {
	background: none;
	margin: 0;
}

.list-blog h3 {
	margin-bottom: 6px;
}

.list-blog img {
	margin: 21px 0 24px;
}

.name-author {
	float: left;
	line-height: 18px;
	padding-left: 8px;
}

.name-author a {
	text-decoration: underline;
}

.comments {
	float: right;
	line-height: 18px;
	text-decoration: underline;
}

/***** map *****/
.map {
	margin: 8px 0 24px;
	line-height: 0;
}

.map iframe {
	border: none;
	width: 100%;
	height: 322px;
}

/*------ mail & address------- */
.address-1 strong {
	color: #1298c5;
	display: block;
	font-weight: normal;
	text-decoration: underline;
	padding-bottom: 20px;
}

.address-1 span {
	display: inline-block;
	width: 86px;
}

.mail-1 {
	text-decoration: none;
	color: #858585;
}

.mail-1:hover {
	text-decoration: underline;
	color: #858585;
}

/***** contact form *****/
#contact-form {
	position: relative;
	vertical-align: top;
	z-index: 1;
	margin: 0 0 10px;
	padding: 5px 0 0;
}

#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 .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;
	text-align:left;
}

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: 4px 10px;
	text-transform: uppercase;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#contact-form .btns a.submit {
	background: #FF4400;
}

#contact-form .btns a.submit:hover {
	background: #FE591D;
}

#contact-form .btns a.reset {
	background: #888;
}

#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;
}

/*----------- buttons & links--------------*/
.btn-1 {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	color: #4a4d52;
	padding: 5px 17px 4px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	text-shadow: none;
	border: none;
	-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-1:hover {
	color: #ffffff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	background: #272a2f;
}

.link-1 {
	color: #1298C5;
	text-decoration: underline;
}

.link-1:hover {
	text-decoration: none;
	color: #1298C5;
}

/* policy */.policy {
	position: relative;
	padding-bottom: 36px;
}

.policy p {
	padding-bottom: 22px;
}

/* block-404 */.block-404 {
	padding-top: 35px;
	overflow: hidden;
}

.block-404 .img-404 {
	float: left;
	margin: 0 31px 0 50px;
}

.box-404 {
	padding: 70px 70px 10px 0;
	overflow: hidden;
}

/* search-form 404 */#search {
	position: relative;
	padding: 32px 0 10px;
	margin: 0;
}

#search input {
	background: #f3f3f3;
	border: 1px solid #e7e8e9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	line-height: 17px !important;
	width: 70%;
	font-size: 13px;
	margin: 0 5px 0 0;
	padding: 4px 12px 5px;
	height: 36px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#search a {
	float: left;
	-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 26px 4px;
}

/*--- content end ------*/
/*------ footer ------- */
footer {
	position: relative;
	margin:20px 0 0;
	color:#888;
}

footer a {
	color:#888;
}

footer a:hover {
	color:#FF4400;
}

footer .footer-top {
	background: url("../img/footer-bg.png") repeat scroll 0 0 #232318;
	padding: 30px 0;
}

footer .footer-bottom {
	padding:7px 0;
}

footer .footer-block {
	overflow: hidden;
	padding-left: 20px;
	border-left: 1px solid #333;
}

footer .footer-address.footer-block {
	background:url("../img/footer-logo.png") no-repeat scroll 0 0 transparent;
	padding:0 0 0 55px;
	border:none;
}

#content .career-mail {
	color: #777777;
	font-weight: bold;
	margin-top: 30px;
}

.row .career-mail a:link,
.row .career-mail a:hover {
	color:#156DA7;
}

footer .footer-address p.spc {
	color: #127ABA;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
}

footer .footer-address p {
	margin: 10px 0 0;
}

footer .social {
	margin: 20px 0 0;
	overflow:hidden;
}

footer .footer-block .social li {
	background: none repeat scroll 0 0 transparent;
	float: left;
	padding:0;
}

footer .social li a {
	width:25px;
	height:24px;
	display:block;
	margin:0 4px 0 0;
	filter:alpha(opacity=70);
	opacity:0.7;
}

footer .social li a:hover {
	filter:alpha(opacity=100);
	opacity:1;
}

footer .social li.facebook a {
	background: url(../img/facebook.png) no-repeat scroll 0 0 transparent;
}

footer .social li.twitter a {
	background: url(../img/twitter.png) no-repeat scroll 0 0 transparent;
}

footer .social li.linked-in a {
	background: url(../img/linkedin.png) no-repeat scroll 0 0 transparent;
}

footer .social li.g-plus a {
	background: url(../img/google.png) no-repeat scroll 0 0 transparent;
}

.privacy {
	font-size: 12px;
	line-height: 16px;
	float: left;
	color: #58595b;
}

.privacy a {
	color: #58595b;
	display: inline-block;
}

footer .footer-block li {
	background: url("../img/footermenu-list.png") no-repeat scroll 0 8px transparent;
	padding: 0 0 0 12px;
	margin:2px 0;
	font-size: 13px;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:14px;
}

footer .footer-products li {
	float:left;
	width:44%;
}

.footer-products {
	padding-left:30px;
}

footer .footer-menu h4,
footer .footer-products h4,
footer .footer-industries h4 {
	text-transform:uppercase;
	margin: -3px 0 5px;
}

footer .footer-menu h4 a,
footer .footer-products h4 a,
footer .footer-industries h4 a {
	font-family:'Open Sans Condensed', sans-serif;
	color: #127ABA;
	font-size: 17px;
	font-weight: 300;
}

footer .footer-menu h4 a:hover,
footer .footer-products h4 a:hover,
footer .footer-industries h4 a:hover {
	color:#FF4400;
}

footer .footer-bottom .webstatus {
	float:right;
	margin:0 0 0 15px;
}

footer .footer-bottom .webstatus a {
	background: url("../img/graph.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 20px;
	width: 20px;
	opacity:0.8;
}

footer .footer-bottom .webstatus a:hover {
	opacity:1;
}

footer .footer-bottom .footer-bottom-menu p {
	text-align:right;
}






/*--- footer end ------*/
@media only screen and (min-width: 1300px) {
 .nav-collapse_ .nav > li {
}
 .navbar .nav > li > a {
 padding:5px 18px;
}
 .list-clients li {
 margin-left: 57px;
}
 .list-clients li img {
 max-width: 325px !important;
}
 #contact-form input {
 width: 370px;
}
 .block-404 {
 padding-top: 35px;
 overflow: hidden;
}
 .block-404 .img-404 {
 float: left;
 margin: 0 31px 0 157px;
}
 .box-404 {
 padding: 70px 204px 0 0;
}
 #search input {
 width: 268px;
}
}
@media only screen and (max-width: 979px) {
 #contact-form label {
 display: block;
}
 #contact-form input, #contact-form textarea {
 width: 100%;
}
 .navbar_ .nav-collapse_ {
 height: auto !important;
 overflow: inherit;
}
 .nav-collapse_ {
 clear: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
 .nav-collapse_ .nav > li {
 float: left;
}
 .nav-collapse_ .nav > li > a {
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
 text-align: center;
}
  /* navbar */
  .navbar_ {
 margin: 0;
 position: relative;
}
 .list-clients li img {
 max-height: 60px !important;
 max-width: 220px !important;
}
 #contact-form input, #contact-form textarea {
 width: 100%;
}
 .block-404 .img-404 {
 float: left;
 margin: 0 31px 0 0;
}
 .box-404 {
 padding: 70px 0 0 0;
}
 #search input {
 width: 180px;
}
}
@media only screen and (max-width: 767px) {
 body {
 padding: 0;
}
 .row {
 padding-left: 20px;
 padding-right: 20px;
}
 header {
}
 .navbar_ {
 float: none;
}
 .row-nav {
 padding: 10px;
}
 .brand_ {
 float: none;
}
 .navbar_ .btn-navbar {
 display: none;
}
 .nav-collapse_ {
 float: none;
 clear: both;
}
 .select-menu {
 display: block !important;
 background: #000000;
 border: 1px solid #191919;
 color: #ffffff;
}
 .select-menu option {
 padding-bottom: 4px;
}
 .navbar_ .nav-collapse select {
 margin: 0 0 10px;
 position: relative;
 width: 100%;
}
 .list-history dt {
 float: left;
}
 .list-clients li {
 display: block;
 float: none;
 margin: 0;
 text-align: center;
}
 #next, #next-1 {
 right: 10px;
}
 #prev {
 left: 10px;
}
 #prev-1 {
 left: 40px;
}
 .thumbnail-1 > img {
 width: 100%;
}
 .list-team li, .list-products li, .list-services li {
 float: left;
 width: 42%;
 margin-left: 30px;
}
 .list-team li img, .list-products li img, .list-services li img {
 width: 100%;
}
 .list-services {
 margin-left: -30px;
}
 .policy article {
 float: none !important;
}
 footer {
}
 .list_carousel li .caption {
 min-height: 80px;
}
 .thumbnails-1 .thumbnail-1 img {
 width: 100%;
}
 .block-404 .img-404 {
 width: 40%;
}
 #search input {
 width: 100%;
}
 #search a {
 float: right;
 margin-top: 5px;
}
}
@media only screen and (max-width: 670px) {
 .block-404 {
 padding-left: 20px;
 padding-right: 20px;
}
 .block-404 .img-404 {
 float: none;
 margin: 0;
 text-align: center;
 width: 70%;
}
 .box-404 {
 padding: 30px 0 0 0;
}
 #search input {
 width: 100%;
}
}
@media only screen and (max-width: 480px) {
 .footer-menu {
 float: none !important;
 padding-bottom: 10px;
}
 .privacy {
 float: none !important;
}
 .list-team, .list-products {
 padding: 0 20px;
}
 .list-team li, .list-products li, .list-services li {
 float: none;
 width: 100%;
 margin-left: 0px;
}
 .list-services {
 margin: 0;
}
 #contact-form .message {
}
 #contact-form textarea {
}
 .block-404 {
 padding-top: 0;
}
 .box-404 {
 padding-top: 0;
}
}

.clearfix {
 *zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 @media only screen and (max-width: 320px) {
 #prev-1 {
left:10px
}
 .img-indent img {
width:100%
}
 .list_carousel-1 li {
border:none;
padding:0
}
 .list_carousel-1 {
margin:0
}
}

/*------------- PRODUCTS AND SERVICES ----------*/


body.not-front .row-top {
	padding:20px 0;
}

.banner-products {
	background:none repeat scroll 0 0 #000000;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
}

.row-top .banner-left {
	margin: 8px 0 0;
}

.row-top .banner-left .title {
	color: #127ABA;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	text-transform: uppercase;
	margin:0 0 0 5px;
}

body.our-clients .row-top .banner-left .title {
	line-height:48px;
}

.row-top .banner-left .title.technologies {
	line-height: 28px;
}

.row-top .banner-left .title.about {
	line-height: 40px;
}

.row-top .banner-right h2,
.row-top .banner-right p {
	color:#ccc;
}

.row-top .banner-right span.bold {
	font-weight:bold;
}

.product-button a:hover {
	text-decoration:none;
	color:#156da7;
}

.products-heading {
	font-size:26PX;
	font-family:'Open Sans Condensed', sans-serif;
	color:#FFFFFF;
}

.products-explain {
	color:#a8a8a8;
	font-size:12px;
	line-height:20px;
	padding-top:12px;
}

.products-list {
	padding:0;
}

.products-list li {
	list-style: none outside none;
	width: 261px;
	height: 64px;
}

.products-list a {
	color: #000000;
	float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px;
	padding: 14px 60px 14px 45px;
	text-decoration: none;
	width: 186px;
}

.products-list a:hover {
	color: #156DA7;
}

.product-at-right-heading {
	color: #FF4400;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	letter-spacing: -0.5px;
	text-transform:none;
}

.product-at-right-text {
	color: #4A4A4A;
	float: left;
	font-size: 12px;
}

.product-at-right-text > p {
	line-height: 20px;
	margin-bottom: 23px;
}

.products-list ul {
	margin-top:20px;
}

/* sports brokering*/



.sports-brokering > a,
.sports-brokering > a:hover,
.bet-record > a,
.bet-record > a:hover,
.smart-365 > a,
.smart-365 > a:hover,
.agent-pro > a,
.agent-pro > a:hover,
.captain-score > a,
.captain-score > a:hover {
	color: #FFFFFF;
	cursor: auto;
}

#content .tab-container .innerbanner {
}

#content .tab-container .innerbanner img {
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#content .tab-container h2.head {
	font-family: 'Open Sans', sans-serif;
	float: left;
	font-size: 21px;
	letter-spacing: -0.5px;
	margin: 10px 0;
	text-transform: uppercase;
}

#content .tab-container h2.sports-brokering-heading {
	color: #146CB2;
}

#content .tab-container h2.bet-recording-heading {
	color: #E1151A;
}

#content .tab-container h2.captain-score-heading,
#content .captain-hightxt,
.login-popup .header h2.captain-score-heading {
	color: #841F25;
}

#content .tab-container h2.cash-flow-heading {
	color: #096E53;
}

#content .tab-container h2.school-vista-heading {
	color: #994799;
}

#content .tab-container h2.trio-scm-heading {
	color: #E36C0A;
}

#content .tab-container h2.track-ims-heading {
	color:#984806;
}

.login-popup .header h2.trio-scm-heading {
	color: #E36C0A;
}

.login-popup .header h2.track-ims-heading {
	color: #984806;
}

.sports-brokering-text {
	border-top: 1px dotted #DDDDDD;
	clear: both;
	padding: 10px 0 0;
}

.sports-brokering-text > p {
	line-height: 20px;
	margin-bottom: 23px;
}

.captain-score-text {
	color: #4A4A4A;
	float: left;
	font-size: 12px;
}

.captain-score-text > p {
	line-height: 20px;
	margin-bottom: 23px;
}

.captain-score-image {
	border: 1px solid #E8E8E8;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 1px 0 #F7F7F7;
	height: 176px;
	text-align:center;
}

/******** CASH FLOW ********/
.cash-flow-image {
	border: 1px solid #E8E8E8;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 1px 0 #F7F7F7;
	height: 176px;
	text-align:center;
}

.trio-scm-image {
	border: 1px solid #E8E8E8;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 1px 0 #F7F7F7;
	height: 176px;
	text-align:center;
}

.track-ims-image {
	border: 1px solid #E8E8E8;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 1px 0 #F7F7F7;
	height: 176px;
	text-align:center;
}

.meet-doc-image {
	border: 1px solid #E8E8E8;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 1px 0 #F7F7F7;
	height: 176px;
	text-align:center;
}

.school-vista-image {
	border: 1px solid #E8E8E8;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 1px 0 #F7F7F7;
	height: 176px;
	text-align:center;
}

.banner-right .product h2 {
	text-transform: none;
}

.headquarters {
	color: #FF4400;
	font-size: 18px;
}

#content .contact-us-left p {
	line-height:20px;
	margin:0;
	padding-bottom: 25px;
}

#content .contact-us-left .address-items {
	margin: 0 0 5px;
}

#content .contact-us-left span.label {
	margin:0 5px 0 0;
}

#content .contact-us-left .address-items a {
	color:#FF4400;
}

#content .contact-us-left .address-items a:hover {
	text-decoration:underline;
}

#content .contact-us h5 {
	color: #555555;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	margin: 0 0 3px;
	text-transform: none;
}

#content .contact-us h4 {
	font-weight: 700;
	margin: 0 0 5px;
}

.contact-us-map {
	width:380px;
	float:right;
}

.form-name {
	width:118px;
	padding-bottom:10px;
	font-weight:bold;
}

.our-clients-right {
	padding-top:15px;
}

.clients-table table,
.clients-table tr {
	border:1px solid #ddd;
}

.clients-table table td {
	padding:5px;
	border:1px solid #ddd;
}

.clients-table-heading {
	font-weight:bold;
}

.clients-table-heading-first {
	font-weight:bold;
	color:#fff;
}

table.development td {
	text-align:left;
}

table.development td+td {
	padding-left:10px;
}

#content .about-us {
	margin:20px 0 0;
}

#content .about-us .block {
	background: none repeat scroll 0 0 #F8F8F8;
	border: 2px solid #FFFFFF;
	box-shadow: 0 0 3px #CCCCCC;
	margin-top: 15px;
	padding: 1.5% 2%;
}

#content .about-us .left-block {
	float:left;
}

#content .about-us .right-block {
	float:right;
}

#content .about-us h2.title,
#content .careers h2.title {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	text-transform: none;
	color:#999;
	line-height: 32px;
}

#content .about-us h2.title span {
	color:#127ABA;
}

#content .about-us h2.title span.sp-overline {
	color:#127ABA;
	text-decoration: overline;
}

#content .about-us #left-abt h2.title {
	background: url("../img/history.png") no-repeat scroll 0 0 transparent;
	padding: 0 0 0 42px;
}

#content .about-us h2.title {
}

#content .about-us h2.title.why {
	background: url("../img/why.png") no-repeat scroll 0 0 transparent;
	padding: 2px 0 0 40px;
}

h3.about-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin:0 0 4px;
	text-transform:none;
}

/*--------------Carreers----------------------*/
#content .careers h2.title span {
	color:#127ABA;
	text-decoration: overline;
}

#content .careers {
	margin:20px 0 0;
}

#content .careers .block {
	background: none repeat scroll 0 0 #F8F8F8;
	border: 2px solid #FFFFFF;
	box-shadow: 0 0 3px #CCCCCC;
	padding: 1.5% 2%;
	width:44%;
}

#content .careers .left-block {
	float:left;
}

#content .careers .right-block {
	float:right;
}

#content .careers #left-abt-life h2.title {
	background: url(../img/future.png) no-repeat scroll 0 0 transparent;
	padding: 2px 0 0 40px;
}

#content .careers #left-abt-emp {
	height: auto !important;
	margin: 20px 0 10px;
	width: 95.5%;
}

#content .careers #left-abt-emp h2.title {
	background: url(../img/employees.png) no-repeat scroll 0 0 transparent;
	padding: 2px 0 0 40px;
}

#content .careers #right-abt-people h2.title {
	background: url("../img/peoples.png") no-repeat scroll 0 0 transparent;
	padding: 2px 0 0 40px;
}

#all-technolies {
	clear: both;
	float: left;
	margin: 0 0 10px;
	width: 100%;
}

#all-technolies ul li {
	float: left;
	width:100%;
}

#all-technolies ul li img,
#our-clients ul li img {
	border: 1px solid #DDDDDD;
}

#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;
}

#our-clients .block {
	background:#F8F8F8;
	float: left;
	margin: 0 2% 2% 0;
	width: 31.5%;
	border: 2px solid #FFFFFF;
	box-shadow: 0 0 2px #CCCCCC;
	border: 2px solid #eee\9;
}

#our-clients .block.last {
	margin-right:0;
}

#our-clients .block h2.title {
	color: #127ABA;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: normal;
	margin: 0;
	padding: 10px 15px 5px;
	text-transform: none;
}

#our-clients .block .content {
	padding: 5px 15px 14px;
}

#our-clients .block .content p {
	text-align:left;
}

#our-clients ul li .block h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	margin: 0;
	text-transform: none;
}

#our-clients ul li .block.uk h2.title {
	background-image:url("../img/united-kingdom.png");
	background-repeat:no-repeat;
	background-position:95% 6px;
}

#our-clients ul li .block.cyprus h2.title {
	background-image:url("../img/cyprus.png");
	background-repeat:no-repeat;
	background-position:95% 6px;
}

#our-clients ul li .block.turkey h2.title {
	background-image:url("../img/turkey.png");
	background-repeat:no-repeat;
	background-position:95% 6px;
}

#our-clients ul li .block.russia h2.title {
	background-image:url("../img/russia.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.italy h2.title {
	background-image:url("../img/italy.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.china h2.title {
	background-image:url("../img/china.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.malaysia h2.title {
	background-image:url("../img/malaysia.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.singapore h2.title {
	background-image:url("../img/singapore.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.indonesia h2.title {
	background-image:url("../img/indonesia.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.taiwan h2.title {
	background-image:url("../img/taiwan.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.thailand h2.title {
	background-image:url("../img/thailand.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.cambodia h2.title {
	background-image:url("../img/cambodia.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#our-clients ul li .block.philippines h2.title {
	background-image:url("../img/philippines.png");
	background-repeat:no-repeat;
	background-position: 95% 6px;
}

#content .mail-cv {
	clear: both;
	padding: 15px 0 0;
}

#content .mail-cv a {
	font-weight:bold;
	color:#127ABA;
}

#content .mail-cv a:hover {
	color:#FF4400;
}

#content ul.text {
	padding: 0 0 0 15px;
}

#content ul.text li {
	list-style: square outside none;
	margin: 8px 0;
}

#content #captain-score ul.text {
	padding:0;
}

#content #captain-score ul.text li,
ul.captain-hightxt li {
	background: url("../img/bullet.png") no-repeat scroll 0 7px transparent;
	list-style: none outside none;
	margin: 8px 0;
	padding: 0 0 0 12px;
}

#content ul.captain-hightxt {
	padding:0;
}

#content ul.captain-hightxt li {
	list-style:none;
}

#content .red-italic {
	color:#E1151A;
	font-weight:normal;
}

#content .blue-italic {
	color:#146CB2;
	font-weight:normal;
}

#content .blue-bold {
	color:#146CB2;
	font-weight:bold;
}

#content .why-blue-bold {
	color:#127ABA;
	font-weight:bold;
}

#content .purple-bold {
	color:#994799;
	font-weight:bold;
}

#content .green-italic {
	color:#096E53;
	font-weight:normal;
}

#content .green-bold {
	color:#096E53;
	font-weight:bold;
}

#content .red-bold {
	color:#E1151A;
	font-weight:bold;
}

#content .orange-bold {
	color:#e36c0a;
	font-weight:bold;
}

#content .darkred-bold {
	color:#984806;
	font-weight:bold;
}

/*********************************************/

.label-dvp {
	float: left;
	width: 25%;
}

.technologies-label li {
	margin-bottom:6px;
}

/*----------- SCROOL TOP -------------*/

#back-top {
	bottom: 40px;
	position: fixed;
	right: 15px;
}

#back-top span {
	width: 38px;
	height: 35px;
	display: block;
	margin-bottom: 7px;
	background:url("../img/go-top.png") no-repeat scroll center 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#back-top span:hover {
	background: url(../img/go-top.png) no-repeat center -35px;
}

/*---------------- POPUP BOX --------------------*/

.products .post ul li {
	float: left;
	margin: 1%;
	width: 49%;
}

.products .post ul li.odd {
	margin-left:0;
}

.products .post ul li.even {
	margin-right:0;
}

.products .post ul li a {
	border:1px solid #ddd;
	display:block;
}

.products .post ul li a img {
	margin-left:40px;
}

#mask {
	display: none;
	background: url("../img/mask.png") repeat scroll 0 0 transparent;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.login-popup {
	display:none;
	background: #fff;
	padding: 0;
	border: 6px solid #333;
	border: 7px solid rgba(0, 0, 0, 0.2);
	float: left;
	width:850px;
	font-size: 13px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
}

.login-popup a.close {
	float: right;
	font-size: 20px;
	margin: -14px -14px 0 0;
	opacity:1;
}

.login-popup input.close {
	background: url("../img/close_pop.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	float: right;
	height: 34px;
	margin: -14px -14px 0 0;
	opacity: 1;
	padding: 0;
	width: 34px;
}

.login-popup .banner {
	text-align:center;
	border-width:1px;
	border-style: solid;
	border-color:#ddd;
	margin:20px 20px 0;
}

.login-popup .banner img {
	width: 70%;
}

.login-popup .header {
	margin: 10px 20px 0;
	overflow: hidden;
}

.login-popup .header h2 {
	color: #156DA7;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	line-height:40px;
}

.login-popup .header h2.school-vista-heading {
	color: #994799;
}

.login-popup .header .download-link {
	float:right;
}

.login-popup .header .download-link a {
	background: url("../img/product-down.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #146CB2;
	cursor: pointer;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	height: 50px;
	line-height: 46px;
	padding: 0;
	text-indent: 66px;
	width: 200px;
}

.login-popup .content {
	clear: both;
	margin: 0 20px 20px;
	max-height: 450px;
	min-height: 200px;
	overflow: auto;
}

/*-------- FLOTING TAB CONTENT --------------*/

body.floating #content .container {
	position:relative;
}

#tab-container {
	overflow: hidden;
}

#portamento_container {
	min-height: auto !important;
	float:right;
	position:relative;
}

#portamento_container .panel-container {
}

#portamento_container .panel-container.fixed {
	position:fixed;
	right:auto;
	top:auto;
}

.tab-container .panel-container h2.sub-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	margin: 5px 0 15px;
}

/*-------- ENDS FLOTING TAB CONTENT --------------*/


#tooltip {
	width:200px;
	color: #494949;
	background: #fff;
	position: absolute;
	z-index: 100;
	padding: 15px;
	border-radius:2px;
	border: 6px solid #666;
	border: 6px solid rgba(0, 0, 0, 0.5);
	-moz-background-clip: border;     /* Firefox 3.6 */
	-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
	background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

body.technologies #tooltip,
body.our-clients #tooltip {
	margin-top:-95px \9;
}

#tooltip:after /* triangle decoration */ {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #666;
	border-top: 10px solid rgba(0, 0, 0, 0.5);
	content: '';
	position: absolute;
	left: 15%;
	bottom: -16px;
	margin-left: -10px;
}

#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #666;
	border-bottom: 10px solid rgba(0, 0, 0, 0.5);
	top: -20px;
	bottom: auto;
}

#tooltip.left:after {
	left: 10px;
	margin: 0;
}

#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}

body.our-clients #tooltip {
	width:260px;
}

body.front #tooltip {
	width:auto;
	border: 1px solid #2d2d2d;
	background:#2d2d2d;
	color:#ccc;
	padding: 3px 8px;
}

body.front #tooltip:after {
	left: 50%;
	border-top: 10px solid #2d2d2d;
	bottom: -7px;
}

body.front #tooltip.top:after {
	border-bottom: 10px solid #2d2d2d;
}

/*-------- ENDS TOOLTIP --------------*/


/* Technology Code Starts her */

.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: 25%;
}

#all-technolies .react h2.title
{
	height: 75px;
	width: 75px;
}

#all-technolies .jersey h2.title
{
	height: 75px;
	width: 145px;
}

#all-technolies .java h2.title
{
	height: 75px;
	width: 200px;
}

#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 .react h2.title {
	background: url("../img/react.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 .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;
}

/*--------------18th April Updated ------------------------*/
.header h2.bet-recording-heading {
	color: #E1151A;
}

.header h2.sports-brokering-heading {
	color: #146CB2;
}

.header h2.cash-flow-heading {
	color: #096E53;
}

.container .secondary-nav ul li a img.go-home {
	margin-top:3px;
	width:12px;
}

.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;}  
} 