@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
 @import url(http://fonts.googleapis.com/css?family=Abel);
body {
	font-family: 'Roboto', sans-serif;
	position: relative;
	letter-spacing: 0.5px;
}
ul li {
	list-style: none;
}
a:hover {
	outline: none;
	text-decoration: none;
}
a:focus {
	outline: none;
	outline-offset: 0;
}
a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.companyinfo h2{ 
	font-size:28px;
	}
/*=========logo,navbar============*/
.navbar-toggle {
  padding: 5px 8px;
  background-color:rgba(255, 255, 255, 0.60);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:rgba(255, 255, 255, 0.30);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color:rgba(255, 255, 255, 0.90);
}
 .logo{
	 text-align: center;
	 padding: 20px 10px 0 10px;
	}

	.companyinfo{
		padding:0 0 5px 40px;
		margin-top: -5px;
	}
	.nav{ padding-left: 70px;}
	.nav > li > a {
	  padding: 11px 15px;
	}
	.navbar-default {
		background-color: rgba(45, 128, 208, 0.90);
		border-color: #e7e7e7;
	    box-shadow: 0 0 3px #eee;
		font-weight: bold;
		clear: both;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #337AB7;
}

/*============Logo,NAVBAR========*/

.navbar-default .navbar-nav > li > a {
    color: #fff;
	font-size:15px;
	font-weight: bold;
	letter-spacing: inherit;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: rgba(9,97, 182, 0.90);
	font-size:15px;
}
.navbar-default {
	background-color: rgba(45, 128, 208, 0.90);
	border-color: #e7e7e7;
    box-shadow: 0 0 3px #ccc;
    font-weight: 500;
}
.navbar-default .navbar-brand {
    font-weight: 500;
    font-size: 26px;
    color: #666;
}

.navbar-default .navbar-nav > li
{ border-right: 1px rgba(255, 255, 255, 0.20) solid;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #f7f7f7;
	background-color: rgba(9,97, 182, 0.90);
}

.dropdown:hover .dropdown-menu {
display: block;
background-color: rgba(255, 255, 255, 0.90);
}

.dropdown-menu > li > a {
  clear: both;
  color: #333;
  display: block;
  line-height: 1.42857;
  padding: 4px 12px;
  white-space: nowrap;
  border-bottom: 1px #eee dotted;
}
.dropdown-menu > li > a:hover {
  background: #D9EDF7 none repeat scroll 0 0;
  clear: both;
  color: #333;
  display: block;
  line-height: 1.42857;
 padding: 4px 12px;
  white-space: nowrap;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
}
.dropdown-menu .dropdown-submenu li{
	color: #333;
	line-height: 1.42857;
	white-space: nowrap;
  padding: 4px 10px 4px 0;
  white-space: nowrap;
  border-bottom: 1px #eee dotted;
	font-weight: normal;
	display: block;
}
/**==left siderbar==**/
.main-body{
	margin-top: 8px;
}
.list-group {
  padding-left: 0;
  margin-bottom: 0px;
}
.list-group-item-info {

	background-color: transparent;
}
.list-group-item-info a{
	display: block;
	padding: 6px 10px;
	color: #333;
		border-bottom: 1px #ddd dotted;
}
.list-group-item-info a:hover,
.list-group-item-info a:focus
{
  color: #31708f;
  background-color: rgba(217, 237, 247, 0.50);
}
.list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item-son a{
	color: #31708f; 
}
.list-group-item-son a:hover,
.list-group-item-son a:focus
{
  color: #0961B6;
  background-color: #f7f7f7;
}
/*===main body==*/
.features{
	padding: 0;
	margin:0;
}
.features .index-title{
	margin-top: -6px;
  padding: 8px 15px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.main-body h4{
	font-size: 16px;
}
.features .caption{
	margin-top:-10px;
	padding-bottom: 10px;
}
.features .caption p{
	text-align: center;
	line-height: 16px;
}

.main-body .features-info{
	padding:0 20px;
	text-align: justify;
}
.features-info p{
	padding-left: 10px;
}
.main-body .features-info img{
	padding: 0 20px 10px 0;
}
.main-body .features-list{
	padding: 10px 20px;
	border-bottom: 1px #ddd dotted;
}
.main-body .features-list img{
	 padding: 0px;
}
.main-body .best-seller{
	padding: 5px 0;
}
.features .btn{
	margin-right: 20px;
	margin-bottom: 10px;
}
.features .inner-title{
	margin-top:-6px;
  padding: 8px 15px;
  list-style: none;
  background-color: rgba(217, 237, 247, 0.50);
  border-radius: 4px;
}
.footer-bottom{
	margin-top: 10px;
	background-color: #333;
	text-align: center;
	padding: 20px 0px;
	color: #fff;
	letter-spacing: 1px;
}
.footer-bottom a{
	color: #fff;
}
.footer-bottom a:hover,
.footer-bottom a:active{
	color: #0F65B9;
}
.footer-bottom .back-up{
	padding: 10px;
}
  =====================================================
   @-webkit-keyframes fadeInUp {
   0% {
   opacity: 0;
   -webkit-transform: translateY(20px);
   transform: translateY(20px);
  }
   100% {
   opacity: 1;
   -webkit-transform: translateY(0);
   transform: translateY(0);
  }
  }

 /* xs */
 @media (max-width: 767px){
 .nav{ padding-left: 0;}
.companyinfo{
 	text-align: left;
 }
  .logo{
 	text-align: center;
 	width: 100%;
	padding: 10px;
 }
.nav ul li a.active{
 	padding-left:0px;
 }
 .nav > li > a {
   padding: 6px 15px;
 }
 .navbar-default .navbar-nav > li
 { border-bottom: 1px rgba(255, 255, 255, 0.20) solid;
 }
.navbar-nav .dropdown-menu{
   position: relative;
   width: 100%;
   display: block;
	background-color: rgba(255, 255, 255, 0.80);
   box-shadow: none;
   border: 0;
   	border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   margin: 0;
   padding: 0;
 }

 .nav.navbar-nav > li:hover > ul..dropdown-menu{
   -webkit-animation: none;
   -moz-animation: none;
   -ms-animation: none;
   -o-animation: none;
   animation: none;
   box-shadow: none;
 }
 .dropdown-menu .dropdown-submenu li{
	 padding-left: 0;
 }

 }
 
 /* XS Portrait */
 @media (max-width: 480px) {
 
.nav{ padding-left: 0;}
 
 .btn-group.pull-right, 
 .footer-bottom .pull-left, 
 .footer-bottom .pull-right, 
 .mainmenu.pull-left,
 .media.commnets .pull-left,
 .media-list .pull-left{
 	float: none !important;
 }
 
 .logo{
 	text-align: center;
 	width: 100%;
	padding: 10px;
 }
 .nav > li > a {
   padding: 6px 10px;
 }
 .nav ul li a.active{
 	padding-left:0px;
 }
.navbar-default .navbar-nav > li
{ border-bottom: 1px rgba(255, 255, 255, 0.20) solid;}

.dropdown-menu{
	position: relative;
	width: 100%;
	display: block;
	box-shadow: none;
	border: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin: 0;
	padding: 0;
 }
 
 .dropdown-menu > li > a {
   color: #333;
   white-space: nowrap;
   border-bottom: 1px #fff dotted;
 }
 .dropdown-menu > li > a:hover {
 background: #D9EDF7 none repeat scroll 0 0;
 }

 .nav.navbar-nav > li:hover > ul.dropdown-menu{
   -webkit-animation: none;
   -moz-animation: none;
   -ms-animation: none;
   -o-animation: none;
   animation: none;
   box-shadow: none;
 }
 .dropdown-menu .dropdown-submenu li{
	 color: #fff;
	 padding-left:0;
 }
.main-body h3,h4,h5,btn{
	text-align: center;
}
.main-body .features-info{
	text-align: left;
}
.main-body .features-list img{
	text-align: center;
}
.footer-bottom{
	padding: 20px 10px;
}
 }