@import url(https://fonts.loli.net/css?family=Fjalla+One);
.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}
body{padding-top:80px;font-size:12px;color:#34495e;background:#f5f5f5;min-width: 1200px;}
body h1,body h2,body h3,body h4,body .created{font-family:"Fjalla One";font-weight:normal}
body h5,body h6{margin:0}body h3,body h4{margin-top:0}
.btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;background-image:none;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn.btn-transparent{border:3px solid #fff;background:transparent;color:#fff}
.btn.btn-transparent:hover{border-color:rgba(255,255,255,0.5)}.btn.btn-link{color:#6495ED;padding:0}
.btn.btn-link:hover{text-decoration:none}.btn-primary{background-color:#6495ED}
.btn-primary:hover{background-color:#24a259}
a{color:#6495ED;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms}a:hover,a:focus{color:#005580;text-decoration:none;outline:0}

.dropdown-menu{margin-top:-1px;min-width:180px}
body>section{padding:50px 0}
body>section#slide-show{padding:0}
#recent-works{background:#6495ED;color:#fff}
#recent-works .links>a{background:#fff;color:#6495ED;text-shadow:none}
#clients{background:#fff}#clients h4{color:#999}#clients .carousel{margin-bottom:0}#clients .clients ul.thumbnails{margin:0}#clients .clients ul.thumbnails>li{text-align:center;margin-bottom:0}#clients .prev,#clients .next{color:#999}
.title{background:#6495ED;color:#fff;padding:20px 0;margin-top: 30px;}
.center{text-align:center}.box{background-color:#fff;border-top:1px solid #f0f0f0;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);padding:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.progress{margin-bottom:10px}.progress,.progress .bar{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;height:30px;line-height:30px}.label,.badge{font-weight:300;font-size:90%}ul.breadcrumb{margin:12px 0 0;background:transparent}ul.breadcrumb>li{text-shadow:none}ul.breadcrumb>li>a,ul.breadcrumb>li .divider{color:#fff}ul.breadcrumb>li.active{color:rgba(255,255,255,0.7)}ul.tag-cloud li{display:inline-block;margin:0 0 2px 0}.btn-social{border:0;color:#fff;text-shadow:0 1px rgba(0,0,0,0.5)}.btn-social.btn-facebook{background:#4f7dd4}.btn-social.btn-facebook:hover{background:#789bde}.btn-social.btn-twitter{background:#5bceff}.btn-social.btn-twitter:hover{background:#8eddff}.btn-social.btn-linkedin{background:#21a6d8}.btn-social.btn-linkedin:hover{background:#49b9e3}.btn-social.btn-google-plus{background:#dc422b}.btn-social.btn-google-plus:hover{background:#e36957}.btn-social:hover{color:#fff}

header.navbar .navbar-inner{margin-top:0px;background:#fff!important;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
header.navbar .navbar-inner-page{background:#fff!important;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
header #logo{width:220px;height:80px;background:url(../../images/company/logo.png) no-repeat 0 50%;}
header.navbar{margin-bottom:0}header.navbar .nav{margin-top:20px;}
header.navbar .nav>li{ margin-left:1px}
header.navbar .nav>li>a{padding-top:10px;padding-bottom:10px;color:#333;font-family:"Fjalla One";font-size:14px;text-transform:uppercase;text-shadow:none}
header.navbar .nav>li>a:hover{background:transparent;color:#6495ED;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
header.navbar .nav>li.active>a,header.navbar .nav>li.active>a:hover{background:transparent;color:#6495ED;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
header.navbar .nav>li.dropdown.open>a.dropdown-toggle{background:transparent;color:#6495ED}
header.navbar .nav>li.login>a{border-left:1px solid #e5e5e5}

header .dropdown-menu{margin-top:10px}header .dropdown-menu:before{display:none!important}.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:transparent;color:#6495ED}.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{color:#6495ED}
.dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-style: solid;
  border-width: 2px;
  border-color: transparent;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{background:#24a259;}
.main-info{background-color:#fff;color:#999}
.main-info h4{color:#999}
.icon-medium{font-size:18px;width:18px;line-height:18px;text-align:center;display:inline-block;background:#6495ED;padding:10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;color:#fff}
.modal{border:0}.modal#loginForm{width:600px;margin-left:-300px}.modal .modal-header{border:0;padding:20px 20px 0}.modal .modal-header>h4{font-weight:300;font-size:14px;color:#848484;text-transform:uppercase;margin:0}.modal .modal-body{padding:20px}.modal input[type="text"],.modal input[type="password"]{padding:5px 10px;min-height:30px;width:130px;margin-right:10px}
.modal .icon-remove{color:#848484;position:absolute;right:-5px;top:-5px;width:16px;height:16px;line-height:16px;text-align:center;display:block;background:#ebebeb;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer}.modal button{margin-left:10px;border:0}

.gap{margin-bottom:50px}
.big-gap{margin-bottom:100px}
.no-margin{margin:0;padding:0;font-size: 12px;}
#services{background:#252525;color:#999}
#services h1,#services h2,#services h3,#services h4,#services h5,#services h6{color:#fff}

#main-contents{margin-top:20px}
#main-contents .blog-news .created{font-size:18px;color:#6495ED}
.registration-form{border:0;background-color:#fff;border-top:1px solid #f0f0f0;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);padding:20px;display:inline-block}
#bottom{background:#232323;color:#6f6f6f}#bottom h4{margin-top:0;margin-bottom:15px}#bottom h1,#bottom h2,#bottom h3,#bottom h4,#bottom h5,#bottom h6{color:#fff}#bottom a{color:#6f6f6f}#bottom a:hover{color:#6495ED}#bottom ul.address>li{position:relative;padding-left:20px;margin-top:10px}#bottom ul.address>li:first-child{margin-top:0}#bottom ul.address>li>i{position:absolute;top:3px;left:0}#bottom ul.thumbnails{margin-bottom:0}#bottom ul.thumbnails li{margin-bottom:5px}ul.arrow,ul.arrow-double,ul.tick,ul.cross,ul.star,ul.rss{list-style:none;padding:0;margin:0}
ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before,ul.arrow li::after,ul.arrow-double li::after,ul.tick li::after,ul.cross li::after,ul.star li::after,ul.rss li::after{font-family:FontAwesome;font-size:11px}ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before{margin-right:5px}ul.arrow li::before{content:"\f105"}ul.arrow-double li::before{content:"\f101"}ul.tick li::before{content:"\f00c"}ul.cross li::before{content:"\f00d"}ul.star li::before{content:"\f006"}ul.rss li::before{content:"\f09e"}
#footer{background:#333;padding-top:15px;padding-bottom:15px;color:#666}#footer a{color:#666}#footer a:hover{color:#6495ED}#footer #gototop{height:40px;line-height:40px;width:40px;text-align:center;display:inline-block;background:#1d1d1d;font-size:24px;color:#fff}#footer #gototop:hover{background:#2b2b2b;text-decoration:none}#footer .cp{margin-top:11px}ul.social{list-style:none;margin:10px 0 0;padding:0;display:inline-block}ul.social>li{display:inline-block;margin:0 5px}ul.social>li>a{font-size:24px;color:#666}ul.social>li>a:hover{color:#999}.box-border{padding:15px}.accordion-group{background-color:#fff;border-top:1px solid #f0f0f0}.accordion-heading .accordion-toggle{color:#666;font-weight:700}.accordion-inner{border-top:0}
.blog .blog-item h2{margin-top:0}.blog .blog-item .date span{display:block;text-align:center}
.blog .blog-item .date span.day{font-size:50px;line-height:50px;padding-top:10px;font-family:"Fjalla One",sans-serif}
.blog .blog-item .date span.month{font-size:18px}.blog .blog-item .tag{margin-top:5px}
.blog .blog-item .avatar{margin-top:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;min-height:50px;padding:0 15px;border:2px solid #ededed}select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:#6495ED;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.input-block-level{min-height:50px}textarea#message{padding:10px 15px;height:120px}.widget{margin-bottom:30px}
.widget>h3{font-size:16px;margin-top:0}.widget h5{margin-top:10px}.widget .date{margin-top:5px;padding:8px 10px;background:#6495ED}.widget .date>span{display:block;text-align:center;font-family:"Fjalla One";color:#fff}.widget .date>span.month{font-size:14px;line-height:14px;font-weight:700;text-transform:uppercase}.widget .date>span.day{font-size:18px;line-height:18px}

.pricing-table{margin-top:20px;margin-bottom:30px}.pricing-table .plan{list-style:none;margin:0;padding:0;color:#fff}.pricing-table .plan.featured{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.pricing-table .plan>li{padding:10px 15px}.pricing-table .plan>li.plan-name{background:rgba(0,0,0,0.1)}.pricing-table .plan>li.plan-name h3{margin:10px 0}.pricing-table .plan>li.plan-action{padding:20px 0}.pricing-table .plan1{background:#1abc9c}.pricing-table .plan2{background:#e74c3c}.pricing-table .plan3{background:#3498db}.pricing-table .plan4{background:#9b59b6}ul.gallery{display:block;margin:-15px}ul.gallery.col-1 li{width:100%}ul.gallery.col-2 li{width:50%}ul.gallery.col-3 li{width:33.3333%}ul.gallery.col-4 li{width:25%}ul.gallery li{display:block;padding:0;margin:0;float:left}ul.gallery li .desc{margin:15px}ul.gallery li .preview{margin:15px;display:block;position:relative}ul.gallery li .preview .overlay{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6);opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}ul.gallery li .preview .links{width:104px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-52px;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);-o-transform:translate(0,-50px);transform:translate(0,-50px);-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms}ul.gallery li .preview .links>a{width:50px;height:40px;line-height:40px;display:inline-block;text-align:center;background:#6495ED;color:#fff;text-shadow:0 1px rgba(0,0,0,0.3);font-size:18px;margin:0 1px}ul.gallery li .preview:hover .overlay,ul.gallery li .preview:hover .links{opacity:1;filter:alpha(opacity=100)}ul.gallery li .preview:hover .links{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}ul.faq{list-style:none;margin:0}ul.faq li{margin-top:30px}ul.faq li:first-child{margin-top:0}ul.faq li span.number{display:block;float:left;width:50px;height:50px;line-height:50px;text-align:center;background:#6495ED;color:#fff;font-size:24px}ul.faq li>div{margin-left:70px}ul.faq li>div h3{margin-top:0}#error{text-align:center;margin-top:150px;margin-bottom:150px}.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}

.top-menu{width:100%;height:30px;background:#6495ED;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
div.top-menu .nav{list-style:none;padding-right: 30px;margin:0;float: right;}
div.top-menu .nav>li{margin-left:10px}
div.top-menu .nav>li>a{text-align:center;padding:5px;color:#fff;font-family:"Fjalla One";font-size:10px;text-transform:uppercase;text-shadow:none;}
div.top-menu .nav>li>a:hover{background:transparent;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
div.top-menu .nav>li.active>a,
div.top-menu .nav>li.active>a:hover{background:transparent;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
div.top-menu .nav>li.dropdown.open>a.dropdown-toggle{background:transparent;color:#fff}

.text_hidden{
  width:15em;
  word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.arbox{position: relative;}
.arbox .arr-w{
            width: 0;
            height: 0;
            overflow: hidden;
            border-width: 30px;
            border-style:dashed dashed dashed solid;
            border-color:transparent transparent transparent #6bba82;
            position: absolute;left: 120px;
        }
.arbox .block-w{
          background: linear-gradient(0deg, transparent 100%, #fff 100%), linear-gradient(0deg, transparent 100%, #fff 100%), linear-gradient(to right, #dfeec5, #6bba82);
          text-align:center;
          vertical-align:middle;
          height: 30px;
          color:white;
          top:15px;
          overflow: hidden;
          position: absolute;
          width: 120px;
        }
.arbox .arr-h{
            width: 0;
            height: 0;
            overflow: hidden;
            border-width: 30px;
            border-style:dashed dashed dashed solid;
            border-color:#6bba82 transparent transparent transparent;
            position: absolute;top: 40px;
        }
.arbox .block-h{
          background: linear-gradient(0deg,transparent 100%, #fff 100%), linear-gradient(0deg, transparent 100%, #fff 100%), linear-gradient(to bottom, #dfeec5, #6bba82);
          text-align:center;
          height: 30px;
          color:white;
          top:10px;
          left:15px;
          overflow: hidden;
          position: absolute;
          width: 30px;
        }

.rect-box{
  position: relative;
  height: 160px;width: 120px;background: #9FD3D4;text-align: center;padding-top: 30px;font-size: 16px;color: #424242;
}

.horizontal-box {
        width: 100%;
        overflow-x: auto;
    }

.horizontal-box .hb-item {
        height: 60px;
        white-space: nowrap;
        font-size: 0;
    }

.horizontal-box .hb-item div {
        font-size: 14px;
        box-sizing: border-box;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
        display: inline-block;
        width: 200px;
        height: 100%;
    }

.holl-box-right{ width: 420px; height: 200px;font-family: "Times New Roman",Georgia,Serif; font-size: 1.2em; text-align: center; margin-top:10px;line-height: 30px; background-color: #caefc6; position: relative; } 
.holl-box-right:before{ width: 220px; height: 220px; content: ""; right: -100px; top: -10px;position: absolute; display: block; background: #F7F7F7; border-radius: 220px; }
.holl-box-right:after{ width: 200px; height: 200px; content: ""; right: -100px; top: 0px;position: absolute; display: block;background:url(../../images/company/solution/cow1.jpg) no-repeat center bottom; border-radius: 200px; }
.holl-box-right.beef:after{background:url(../../images/company/solution/beef1.jpg) no-repeat center bottom; }
.holl-box-left{ width: 420px; height: 120px;font-family: "Times New Roman",Georgia,Serif; font-size: 1.2em; text-align: center;margin-left:120px;line-height: 30px; background-color: #62c462; position: relative; } 
.holl-box-left:before{ width: 160px; height: 160px; content: "";left:-80px;top:-20px;position: absolute; display: block; background: #F7F7F7; border-radius: 160px; }
.holl-box-left:after{ width: 160px; height: 160px; content: "";left:-100px;top:-20px;position: absolute; display: block;background:url(../../images/company/solution/cow2.jpg) no-repeat center bottom;  border-radius: 160px; }
.holl-box-left.beef:after{background:url(../../images/company/solution/beef2.jpg) no-repeat center bottom; }

.holl-box-right-en{ width: 580px; height: 200px;font-family: "Times New Roman",Georgia,Serif; font-size: 1.2em; text-align: center; margin-top:10px;line-height: 30px; background-color: #caefc6; position: relative; } 
.holl-box-right-en:before{ width: 220px; height: 220px; content: ""; right: -100px; top: -10px;position: absolute; display: block; background: #F7F7F7; border-radius: 220px; }
.holl-box-right-en:after{ width: 200px; height: 200px; content: ""; right: -100px; top: 0px;position: absolute; display: block;background:url(../../images/company/solution/cow1.jpg) no-repeat center bottom; border-radius: 200px; }
.holl-box-right-en.beef:after{background:url(../../images/company/solution/beef1.jpg) no-repeat center bottom; }
.holl-box-left-en{ width: 520px; height: 200px;font-family: "Times New Roman",Georgia,Serif; font-size: 1.2em; text-align: center;margin-left:120px;line-height: 30px; background-color: #62c462; position: relative; } 
.holl-box-left-en:before{ width: 200px; height: 200px; content: "";left:-120px;top:0px;position: absolute; display: block; background: #F7F7F7; border-radius: 200px; }
.holl-box-left-en:after{ width: 160px; height: 160px; content: "";left:-100px;top:20px;position: absolute; display: block;background:url(../../images/company/solution/cow2.jpg) no-repeat center bottom;  border-radius: 180px; }
.holl-box-left-en.beef:after{background:url(../../images/company/solution/beef2.jpg) no-repeat center bottom; }

@media (min-width:1440px){
	.navbar-fixed-top .container{width:1400px;}.navbar-fixed-top .top-logo{margin-left: 120px;}}
}
@media (min-width:1600px){
	.navbar-fixed-top .container{width:1540px;}
}

.preview-item{padding: 30px 80px;}
.preview-item p{font-size: 18px;color: #333;}

.nav_child ul {position: relative;border-radius: 5px;width: 100%;
			list-style-type: none;margin-top: 30px;padding: 0;overflow: auto;}
.nav_child li span {display: block;color: #000;padding: 16px;text-decoration: none;}
.nav_child li a {
  display: block;background-color:#fff;color: #000;padding: 16px;margin: 20px;border-style:none;text-decoration: none;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}
.nav_child li a.active {background-color: #6495ED;color: white;border-style:none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.nav_child li a:hover:not(.active) { background-color: #6495ED;color: white;}

.bg-white{background-color:#fff !important;}
.bg-gray-background{background-color:#F7F7F7 !important;}
.bg-light-gray{background-color:#eee !important;}
.bg-gray{background-color:#F6F6F6 !important;}
.bg-item-blue {
	background-color: #6495ED !important;
}
.bg-item-orange {
	background-color: #E67E22 !important;
}
.bg-item-light-blue {
	background-color: #00c0ef !important;
}
.bg-dark-blue{background-color:#275495 !important;}

.bg-item-blue h4{color: #fff !important;}
.bg-item-blue div{color: #fff !important;}

.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}
.btn-primary {
  background-color: #00c0ef;
  border-color: #00c0ef;
}
.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e7e7e7;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #00c0ef;
}

.banner1{margin: 0 10px 10px 10px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);background:url(../dist/images/company/ads/ad1.png) no-repeat center bottom;} 
.banner2{margin: 0 10px 10px 10px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);background:url(../dist/images/company/ads/ad2.png) no-repeat center bottom;} 
.banner3{margin: 0 10px 10px 10px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);background:url(../dist/images/company/ads/ad3.png) no-repeat center bottom;} 

/* Product */

.home-product{
  padding:7px 12px 0px 12px;
  color: #999;
  background: #1570a6;
}

.home-product .home-prod-img{
  width: 160px;
  height: 160px;
  float:left;
  margin-right: 30px;
  margin-top: 10px;
}

.home-product .home-prod-img img{
  border: 3px solid #eee;
}

.home-product .home-prod-text{
  padding: 0 20px;
}

.home-product{
  background: #fff;
}

.home-product h3{
  color: #999;
}

.home-links li{
  margin: 5px;
}

.home-links a{
  width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color: #999;
}

.home-links a:hover{
  clear: #00c0ef;
}

.border{
  height: 5px;
  margin: 10px 0px !important;
}

.border-line{
  background: url(../../images/company/dots.png) repeat;
  height: 5px;
  margin: 10px 0px !important;
}