html {height:101%}

a {color: #3a405a;}
a:hover {color: #0097e1;text-decoration:none;transition: all 0.3s ease;}
.main {width: 100%; display: block; }
.lang-flag img {padding-left:10px; }
.content-wrapper{width:100%;}
.clearfix {width: 100%; clear: both;display: block;zoom:1; overflow: hidden;  font-size: 0px;}
.main-content {margin-top: 35px;font-size: 14px;}
h1 {font-size:36px;color:#fb6a00;}
h3 {font-size: 20px;}
table th {text-align: center;}
.table > thead > tr > th {vertical-align: middle}
.navbar-nav > li > a {font-size: 14px;padding:10px;text-transform: uppercase;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background: none}
.caret {position: absolute;left: 50%;margin-left: -4px;top: 33px;}
.dropdown-menu {left:-50%;}
.mt40{margin-top: 40px;}
/*----------------------~+++----------------------------*/
#page {margin-bottom: 50px;padding: 0;background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(6, 0, 1, 0.4);}
.top-bar {height: 50px;line-height: 50px;background-color: #38394b; color: #999}
.top-bar a {color: #999;}
.top-bar a:hover {color: #0097e1;}
.top-bar-l .top-mail{}
.top-mail i{display: block;float: left;width:16px;height: 16px;margin: 17px 10px 0 0 ;background: url(../images/icon_mail.png) 0 0 no-repeat; }
.top-bar-r {text-align: right;}
@media (max-width: 425px) {
	.top-bar {min-height:50px;overflow: hidden;height:auto;}
	.top-bar-r, .top-bar-l {padding: 0 5px;}
}
@media (max-width:365px) {
	.top-bar-l {width:100%;}
	.top-bar-r {display: none;}
}
.social-media a {margin:0 0 0 5px;float: right;}
.social-media i {display: block;width: 32px;height: 32px;margin:9px 0 0 0 ;transition: all 0.3s ease;}
.facebook i {background: url(../images/icon_facebook.png) 0 0 no-repeat;}
.twitter i {background: url(../images/icon_twitter.png) 0 0 no-repeat;}
.linkedin i {background: url(../images/icon_linkedin.png) 0 0 no-repeat;}
.facebook i:hover {background: url(../images/icon_facebook_hover.png) 0 0 no-repeat;}
.twitter i:hover {background: url(../images/icon_twitter_hover.png) 0 0 no-repeat;}
.linkedin i:hover {background: url(../images/icon_linkedin_hover.png) 0 0 no-repeat;}
/*-------/top-bar---------*/
.logo-menu {height: 120px;}
.navbar-inverse {background: none;border:0;}
#navbar a {color: #3a405a;transition: all 0.3s ease;}
#navbar a:hover{color: #0097e1;}
.navbar-brand {padding: 25px 0 0 25px;}
.navbar-nav{float: right;padding-top: 40px;}
@media (max-width: 767px) {
	#page {margin: 0}
	.navbar-inverse .navbar-toggle {border-color: #0097e1}
	.navbar-inverse .navbar-toggle .icon-bar{background: #e2e3e7;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#0097e1;}
	.caret {display: none;}
	.navbar-nav > li > a {text-align: center;}
	.bg-slider .sp-buttons {margin-top: 0;padding: 0;}
	.navbar-toggle {margin-top: 25px;}
	.navbar-nav {float: none;padding-top: 0;}
	.logo-menu {height: auto}
	.navbar-brand {height: auto;padding: 5px;}
	.model-block {margin: 20px 0;}
	.home-news .carousel .carousel-indicators {left: 95%;right: auto;}
	.home-news  .carousel img, .home-aboutus img {width: 100%;max-width: 100%;height: auto;}
	.wrap-3-model {margin-bottom: 30px;}
}
/*------------/header----------*/
.main-products {text-align: center;}
.main-products h3 {margin: 0;font-size: 20px;}
.main-products .thumbnail {border:none;}
.main-products .thumbnail img {width:100%;}
.main-products .caption{padding: 12px;border-top: 5px solid #0097e1;border-bottom:3px solid #e2e3e7;background: #f5f5f5;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
/*----------------*/
.company-info {margin: 20px 0;overflow: hidden;}
.model-block {border-radius: 5px;}
.model-block-head {position:relative;height: 50px;background: #38394b;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.model-block-head h3 {margin: 0;padding: 0 15px;line-height: 50px;font-size: 20px;color: #fff;}
.model-block-cnt {padding: 15px 15px 30px 15px;border: 1px solid #ddd;border-top: 0;border-bottom:3px solid #ddd;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.model-block-head i {position: absolute;width: 20px;height: 10px;left: 40px;top: 50px;background: url(../images/mod_arr_down.png) no-repeat;}
.model-block label {color: #777;font-weight: normal;}
.model-block .btn{height: 45px;width: 100%;font-size: 18px;color: #fff;background: #38394b;transition:background 0.3s ease;}
.model-block .btn:hover {background: #006cb8;}
.model-block .form-control {background-color: #f5f5f5}
.model-block textarea {height: 90px;}
.model-block .form-control:focus{background: #fff;}
.home-aboutus img {max-width: 100%;border-bottom:5px solid #0185f1;margin-bottom: 15px;}
@media (min-width:1024px){
  .model-block-cnt {height: 390px;}
}
.home-news .carousel-control.right, .home-news .carousel-control.left{top:-54px;background-image: none;z-index: 99;opacity:1;}
.home-news .carousel-control.right:hover, .home-news .carousel-control.left:hover{opacity:.5;}
.home-news .carousel-caption {position:relative;left: 0;right:0; top:5px;color: #000}
.home-news .carousel-control.left, .clients .carousel-control.left {left:auto;right: 90px}
.home-news .carousel-control.left{left:auto;right: 80px}
.home-news .carousel-control {width: 30px;height: 30px;}
.home-news .carousel-control span {margin: 0;top:0;left: 0;}
.home-news .carousel-control span:before, .clients .carousel-control span:before {content:none;}
.home-news .carousel-control .glyphicon-chevron-left{background: url(../images/new_arr_l.png) no-repeat;}
.clients .glyphicon-chevron-left {background: url(../images/dark_arr_l.png) no-repeat;}
.home-news .carousel-control .glyphicon-chevron-right{background: url(../images/new_arr_r.png) no-repeat;}
.clients .glyphicon-chevron-right {background: url(../images/dark_arr_r.png) no-repeat;}
.home-news .carousel-indicators {bottom: auto;top: -50px;right: -42px;left: auto}
.home-news .carousel-indicators .active {width: 10px;height: 10px;background: #0185f1;border: 1px solid #0185f1}
.home-news .carousel-indicators li {width: 10px;height: 10px;margin: 0;}
.carousel-caption {text-shadow:none;color: #333;}
/*wrap-3*/
.wrap-3 {padding: 20px 0;position: relative;overflow: hidden}
.wrap-3 .txt {height: 60px;line-height: 60px;background: #38394b;color: #fff;text-align: center;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.wrap-3 img {display: block;width: 100%;}
.wrap-3 .txt h3 {margin: 0;}
.wrap-3 .txt a {line-height: 60px;color: #fff;}
.wrap-3 .txt a:hover {color: #0185f1;}
/*client*/
.clients {margin: 30px 0;}
.clients-title {position: relative;margin-bottom:30px;}
.clients-title h3 {display: inline;background: #fff;}
.clients .clients-title span {float: left;width: 100%;margin-top: -26px;padding: 0 140px;display: inline-block;}
.clients .clients-title span i {width: 100%;display: inline-block;border-top: 1px solid #e3e4e8}
.clients .clients-title span i:before {position:absolute;top
	:7px;width: 10px;height: 10px;display: inline-block;background: #e3e4e8; content:'';border-radius: 10px;}
.clients ul li {list-style: none;float: left;text-align: center;}
.clients ul {margin: 0;padding: 30px 0; }
.clients .carousel-control.right,.clients .carousel-control.left {top: -60px;width: 30px;height: 30px;background: none;opacity: 1;z-index: 99}
.clients .carousel-indicators {width: 100px;bottom: auto; top: -50px; right: 12px; left: auto; }
@media (max-width: 1024px) {
	.clients .carousel-indicators, .clients .carousel-control {display: none;}
}

@media (max-width: 767px) {
	.clients .clients-title span {padding: 0 0 0 140px}
	.clients .carousel li {margin:20px 0;}
	.clients .carousel li img {width:100%;max-width: 100%;height: auto;}
}
.clients .carousel-indicators li {background:#e3e4e8;}
.clients .carousel-indicators .active {background: #0185f1}
.footer {background: #323232;color: #fff;overflow: hidden;}
.footer a{color: #fff;}
.footer a:hover {color: #0185f1;}
.footer li {line-height: 30px;}
.footer .footer-menu li {list-style: url(../images/arrow_white_l.png);}
.footer ul {padding: 10px 0 20px 30px;}
.footer .footer-contact .icon-phone {list-style: url(../images/icon_phone.png);}
.footer .footer-contact .icon-fax {list-style: url(../images/icon_fax.png);}
.footer .footer-contact .icon-skype {list-style: url(../images/icon_skype.png);}
.footer .footer-contact .icon-email {list-style: url(../images/icon_email.png);}
.footer .footer-contact .icon-add {list-style: url(../images/icon_add.png);}
.footer .footer-contact .icon-skype a, .footer .footer-contact .icon-email a {color: #0185f1;}
.footer  .footer-bar p{margin: 0;line-height: 60px;text-align: center;border-top: 1px solid #464646;}
/*client*/
/*nei ye*/
.wiget h3 {position:relative;font-size: 18px;}
.wiget h3 span {float: left; width: 100%; margin-top: -23px; padding: 0 0 0 120px; display: inline-block;}
 .wiget h3 i {    width: 100%; display: inline-block; border-top: 1px solid #0185f1;}
  .wiget h3 i:before {    position: absolute; top: 7px; width: 10px; height: 10px; display: inline-block; background: #0185f1; content: ''; border-radius: 10px;}
    .category ul {padding:10px 0 10px 25px}
  .category li{line-height: 30px;list-style: url(../images/arrol_left.png);}
  .newly-post .carousel-caption {position: relative;left: 0;right: 0;}
  .newly-post .carousel-control.right,   .newly-post .carousel-control.left {top: 0;background: none}
.newly-post .carousel-control .glyphicon-chevron-right {margin-top: 115px;top: 0;
    background: url(../images/new_arr_r.png) no-repeat;
}
.newly-post .carousel-control .glyphicon-chevron-left {
    margin-top: 115px;top: 0;left:200px;background: url(../images/new_arr_l.png) no-repeat;
}
.newly-post .glyphicon-chevron-right:before, .newly-post .glyphicon-chevron-left:before {content:none;}
/**/
.breadcrumb {text-align: right;background-color: #fff;}
.breadcrumb .home {padding-left: 18px;background: url(../images/breadcrumbs-arrow.png) no-repeat;}
.main-page h1{margin: 0 0 20px 0;font-size: 30px;color: #3a405a;}
.main-page p {line-height: 24px;color: #232c3b;word-spacing: 2px;}
.line {clear:both;width: 100%;margin: 40px 0;border-top: 1px solid #e3e4e8}
.line i {display: block;width:15px;height: 15px;margin:-7px auto 0 auto;background: url(../images/icon_line.png) no-repeat;}
.main-page {margin-bottom: 30px;overflow: hidden}
.main-page img {max-width: 100%;margin: 5px 0}
.main-page h4 {font-size: 24px;}
.main-page li {line-height: 44px;list-style: url(../images/icon_li.png);font-size: 18px;}
.aticle-info {margin-bottom: 20px;}
.aticle-info span {padding: 0 15px 0 0;}
.aticle-info .date i {display: inline-block;width: 16px;height: 16px;margin-right: 5px;background: url(../images/icon_calendar.png) 0 3px no-repeat;}
.aticle-info .view i {display: inline-block;width: 16px;height: 16px;margin-right: 5px;background: url(../images/icon_visible.png) 0 3px no-repeat;}
.news .list-group {overflow: hidden;}
.news .list-group-item {overflow: hidden;}
.news .news-list img {width: 340px;height: 190px;float: left;}
.news .news-list .list-group-cnt {padding-left: 350px;}
.list-group-item-heading {max-height: 59px;padding: 5px 0;overflow: hidden}
.list-group-item-text {max-height: 72px;padding: 5px 0;}
.news-list .aticle-info {text-align: right;padding-top: 10px;}
.aticle-contact h2 {font-size: 24px;font-weight: bold;color: #6a7483;}
.aticle-contact li {line-height: 42px;font-size: 16px;}
.aticle-contact .aticle-contact-menu li {list-style: url(../images/arrow_white_l.png);}
.aticle-contact ul {padding: 10px 0 20px 30px;}
.aticle-contact ul .icon-phone {list-style: url(../images/icon_phone_2.png);}
.aticle-contact ul .icon-fax {list-style: url(../images/icon_fax_2.png);}
.aticle-contact ul .icon-skype {list-style: url(../images/icon_skype_2.png);}
.aticle-contact ul .icon-email {list-style: url(../images/icon_email_2.png);}
.aticle-contact ul .icon-add {list-style: url(../images/icon_add_2.png);}
.aticle-contact ul .icon-skype a, .aticle-contact ul .icon-email a {color: #0185f1;}
@media (max-width: 767px){
	.news .news-list img {float: none;width:100%;height: auto;}
	.news .news-list .list-group-cnt {padding-left: 0;}
}