@charset "utf-8";
/* CSS Document */
		
/* #Top Bar
================================================== */
.top-bar {
	text-align: right;
	padding: 6px 0;
	font-size: 11px;
	color: #999;
	border-bottom: 1px solid #1b1815;
	background: #132521 url(../images/pattern.png) 50% 0;
	position: relative;
}
	.top-bar:after {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 1;
		background: -moz-linear-gradient(top, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.05)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 100%); /* W3C */
	}
	.top-bar a {
		color: #fff;
		text-decoration: none;
	}
	.top-bar a:hover {
		color: #04a981;
	}
/* #Header
================================================== */
#header {
	border-top: 1px solid #f2f2f0;
	position: relative;
	z-index: 5;
	background-color:#f9f9f9;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.15), 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.15), 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.15), 0 1px 3px rgba(0,0,0,.2);
}	

/* Logo */
.header .logo {
	float: left;
	padding: 10px 0 10px 0;
}
.header .logo img {
		float: left;
}
/*/ Logo */

	
/* Navigation  */
nav.primary {
	/* Menu built on Superfish menu (css/superfish.css) */
}
/*/ Navigation */

/*/#Header */

/* Carousel */
.list-carousel {
	width: auto;
	margin-left: 0;
	position: relative;
}
.list-carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin-right: -50px;
}
.list-carousel li {
	text-align: center;
	padding: 0;
	margin: 0 25px 0 0;
	display: block;
	float: left;
	list-style-type: none;
	box-shadow: 0px 1px 1px 0px rgba(56, 56, 56, 0.5);
	border: 1px solid #C0B9B9;
}
.carousel-nav {
	position: absolute;
	right: 0;
	top: -35px;
	font-size: 14px;
}
	.carousel-nav a {
		color: #38332c;
		text-decoration: none;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
	.carousel-nav a:hover {
		color: #bf6c2f;
	}
.prev {
	
}
.next {
	margin-left: 10px;
}

/* Clients Carousel */
.clients{
height:180px;}
.carousel__clients li img {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}


/* #Footer Widgets
-------------------------------------------------- */
.widgets-footer{
background-color:#434a54;
}
.social-widget{
background-color: #393f48;
height: 170px;
}
.widget-title{
padding-bottom: 8px;
position: relative;
font-size: 14px;
text-transform: uppercase;
color: #FFFFFF;
text-shadow: none;
}
.widget-content{
color: #99a3b1;
line-height: 1.8em;
}
.widget-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.widget-list li a{color:#99a3b1;}
.widget-list li a:hover{color:#ffffff;}

/* #Copyright------------------------------------ */
.copyright {
	font-size: 12px;
	padding: 5px;
	-webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 2px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 2px 0 rgba(0,0,0,.1);
	background-color:#151c27;
	color: #63615e;
}
	.copyright-primary {
		float: left;
	}
	.copyright-primary a{
		color:#63615e;
	}
	.copyright-secondary {
		float: right;
	}
	.copyright-secondary a {
		color: #abaaa9;
		text-decoration: none;
	}
	.copyright a:hover {
		color: #ffffff;
	}
.separator {
	margin: 0 5px;
}
/*/#Footer */

/*/brief*/
.brief{
border-bottom: 1px solid #04a981;
background: #fff;
position: relative;
line-height: 30px;
padding-top: 10px;
width: 100%;
right: 0;
top: 0;
z-index:2;
}
.brief_in{
	width: auto;
	margin-left: 0;
	position: relative;
}
.brief_in ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list-carousel li {
	text-align: center;
	padding: 0;
	margin: 0px 30px 0 0;
	display: inline;
	float: left;
	list-style-type: none;
}
/* #Tabs
================================================== */
.tabs {
  margin: 0;
  text-shadow: none;
}

.tabs .tab-wrapper {
	background: #fafafa;
	margin: 0;
	position:relative;
	z-index:1;
}
.tabs .tab-menu {
	
}
.tabs .tab-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs .tab-menu li {
	display: inline;
	float: left;
	margin: 0;
	background:none;
	padding:0;
}
.tabs.full-w .tab-menu li {
	padding: 0;
}

.tabs .tab-menu a {
	position:relative;
	display: block;
	margin:0;
	padding: 8px 20px;
	border-bottom:none;
	color: #38332c;
	font-size: 14px;
	margin-left: 2px;
	font-family:"Verdana", sans-serif;
	-webkit-transition: color, background 0.2s ease-out;
	-moz-transition: color, background 0.2s ease-out;
	transition: color, background 0.2s ease-out;
}
.tabs .tab-menu .now {
border: 1px dotted #04a981;
border-bottom: 3px solid #04a981;
}
.tabs .tab-menu .now a {
font-size:14px;
font-family:"Verdana", sans-serif;
}
.tabs .tab-menu li:first-child a {
	margin-left: 0;
}
.tabs .tab-menu a:hover {
	background: #fafafa;
	text-decoration: none;
}
.tabs .tab-menu a.active {
	position:relative;
	background: #fafafa;
	border-bottom:none;
	text-decoration:none;
	z-index:2;
}
	.tabs .tab-menu a.active:before {
		content:"";
		display: block;
		left: 0;
		right: 0;
		top: 0;
		height: 5px;
		position: absolute;
	
	}
.tabs .tab {
	padding: 24px 20px;
	position:relative;
	display: none;
}
.tabs .tab:first-child {
	display: block;
}
.introduce{
margin: 20px 0 20px -5px;
}
.introduce-chain{
padding-left:10px;
}

.introduce-pos{
	padding:0 0 0 100px;
	line-height: 24px;
	color: #343129;
}
.application{
}
.line{
border-bottom: 1px solid #000000;
padding: 0;
margin:10px 0px 20px 0px;}

.line_blue{
border-bottom: 5px solid #00a0e9;
width:740px;
}
.line_red{
border-bottom: 5px solid #ff5959;
width:740px;
}
.line_green{
border-bottom: 5px solid #66d497;
width:740px;
}
.application-pos{padding: 0;margin:0;}
.grid_6 ul{
float: left;
height:auto;
line-height: 2.0em;
}
.grid_6 img{
float: left;
padding-top: 15px;
}
.application ul dt{font-weight: bold;}
.application ul li{
line-height: 1.8em;
}
.good{padding-top:20px;}
.line_small{
padding-left:70px;
margin-right:0px;
float:left;}
.good_detail{
padding: 15px 30px 20px 0;
width: 215px;
float: left;
}
.good_detail h6{
color:#00a0e9;}
.fast_detail{
padding-top:15px;
float: left;
}
.fast_detail h6{
color:#ff5959;
}
.save{
padding-top:15px;
float: left;
}
.save .dw{
width: 100%;
float: left;
}
.save h6{
color:#66d497;
}
.save_detail{
background: url(../images/save.png) no-repeat center top;
width: 100%;
height: 230px;
border: 0px;
}
.save_detail li {
width: 132px;
float: left;
position: absolute;
left: 255px;
top: 90px;
list-style: none;
}
.save_detail li.sd_1 {
text-align: right;
top: 100px;
}
.save_detail li.sd_2 {
left: 770px;
text-align: left;
top: 100px;
}
.save_detail li.sd_3 {
top: 245px;
text-align: right;
}
.save_detail li.sd_4 {
top: 245px;
left: 770px;
text-align: left;
}
.safe{
text-align:center;}
.safe-info{
text-align:left;
float:left;
padding-bottom: 10px;
line-height: 1.8em;}
/*/ Tabs */
.manangement_4{
height:1130px;}
#manage-your-business {
z-index: 10;
background-color: #04a981;
height: 345px;
}
#service-business{
z-index: 10;
background-color: #04a981;
padding-bottom: 10px;
}
.img-service img{
width:100%;}
.dark-stripe {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.center-text{color: #ffffff;
text-align:center;}

.center-text h2{
font-size: 26px;
padding-top: 30px;
color: #ffffff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74);
}
.center-text h3{
font-size: 16px;
color: #ffffff;
font-weight: 200;
padding-bottom:20px;
padding:0;
}
.center-text h4{
font-size: 20px;
padding-top: 30px;
color: #ffffff;
}
.center-text h5{
font-size: 16px;
color: #ffffff;
font-weight: 200;
padding:0;
}
.img-holder{
text-align:center;
height:auto;}
#inventory-management {
left: 55px;
top: 110px;
}
.text-box {
padding-top: 70px;
position: absolute;
text-align: right;
width: 250px;
}
.sub-text{
margin: 25px 115px 0px 0px;
height: 95px;}

#sale-management {
top: 110px;
left: auto;
right: 45px;
}
.container .on-right {
text-align: left;
}
.container .on-right .sub-text{
margin: 25px 0px 0px 115px;
height: 95px;}
#customer-relationships{
left: 55px;
top: 635px;
}
#employee-manangement{
top: 635px;
left: auto;
right: 45px;}
.report{
background-color: #04a981;
}
.image-left{
width: 454px;
float: left;
padding-top: 20px;
}
.report-img{
float: left;
border: 5px solid #fff;
width: 200px;
height: 150px;
margin: 0 0 16px 16px;
-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.6);
box-shadow: 0 1px 8px rgba(0,0,0,0.6);
}
.text-right{
position: absolute;
top: 110px;
right: 0;
margin-top: 0;
width: 434px;
text-align: center;
color: #ffffff;
}
.check-center{
color: #ffffff;
text-align:center;}
.check-center h4{
color: #ffffff;
text-align:center;}
.check-center h5{
color: #ffffff;
font-size:14px;
text-align:center;}
.check {
color: #ffffff;
display: block;
float: left;
width: 200px;
margin-bottom: 8px;
font-size: 12px;
text-align: center;

}
.service-bg{
background-color:#fbfffc;
box-shadow: 1px 1px 2px rgba(178, 223, 189, 0.65);
height: 125px;
}
.service-bg dt{
font-size: 14px;
height: 30px;
}