@font-face {
    font-family: 'LATO-Regular';
    src: url('fonts/LATO-Regular.eot');
    src: url('fonts/LATO-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LATO-Regular.woff') format('woff'),
         url('fonts/LATO-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}@font-face {
    font-family: 'LATO-Bold';
    src: url('fonts/LATO-Bold.eot');
    src: url('fonts/LATO-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/LATO-Bold.woff') format('woff'),
         url('fonts/LATO-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'LATO-Regular';
	cursor: default;
	position: relative;
	line-height:normal;
    color: #000000;
	font-size: 16px;
	background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 27%, rgba(232,226,222,1) 27%, rgba(232,226,222,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 27%, rgba(232,226,222,1) 27%, rgba(232,226,222,1) 100%);
	background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 27%, rgba(232,226,222,1) 27%, rgba(232,226,222,1) 100%);
}

img{ border:0; margin:auto;}
a{ text-decoration:none;}
a:hover{ text-decoration: none;}
.h70{clear:both; width:100%; height:70px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}

a{text-decoration:none;color:inherit;}
a:hover{color:inherit;}
ul{
	padding-left: 0;
	margin-bottom: 0;
}
#back-to-top {
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 9;
    bottom: 2rem;
    right: 1rem;
    text-align: center;
    display: none;
	font-size: 22px;
    padding-top: 8px;
    background-color: transparent;
    border-radius: 50%;
    border: 4px solid #006400;
}
#back-to-top:hover{
    opacity: 1;
    background-color: #006400;
	border-color: #FFF;
}
#back-to-top a {
    color: #006400;
}
#back-to-top:hover a {
    color: #FFF;
}
button:focus {
    outline: none;
}
/*-----Header-----//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.headbar-top{
    width: 100%;
    transition: all 0.5s;
    padding: 0rem;
	background-color: #FFF;
}
.slim.headbar-top{
	background: #FFF;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.hamburgers-box{
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.navbar-brand {
    width: 85%;
    margin: auto;
    text-align: center;
    position: relative;
	padding: 0 0;
}
.navbar-brand img {
    width: 101px;
}
.navbar-collapse ul li {
	line-height:1;
	font-size: 18px;
	text-align: center;
	padding:15px 15px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.navbar-collapse ul li a{
	color:#111101;
    padding: 0;
    display: inline;
} 
.navbar-toggler:focus {
    outline:  none !important;
}
.navbar-collapse ul li:hover, .navbar-collapse ul li.active {
    background-color:#f6f7fb;
}
.navbar-collapse ul li.active a, .navbar-collapse ul li:hover a {
    color: #006400;
    transition: all 0.5s;
}
/**********************only-mobile*******************************/
.navbar-logo-mobile{
	text-align: center;
	padding: 10% 0;
	width: 100%;
	display: block;
	color:#000;
	font-size: 40px;
}
.navbar-logo-mobile img{
    width: auto;
}
.social-mobile{
	color: #111110;
    padding: 0 4px;
    text-align: center;
	margin-top: 2rem;
}
.social-mobile p {
    font-size: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.social-mobile p span{
	display: block;
	margin-bottom: 1rem;
}
.social-mobile .fa-phone-alt{
	font-size: 16px;
}
.social-mobile h1{
	color: #006400;
    font-size:18px;
    margin: 1rem auto;
	font-weight: 700;
    text-transform: uppercase;
}
.social-mobile img{
	width: 2rem;
	transition: all 0.5s;
}
.social-mobile img:hover{
    transform: translateY(-5px);
}
/*------slide---main-------
//////////////////////////////////////////////////////////////////////////////////////////*/
.bold-text{font-family: 'LATO-Bold';}
/*------slide---main-------
//////////////////////////////////////////////////////////////////////////////////////////*/
.content-box{
	/*padding: 10% 0;*/
	background-color: #FFF;
	/*background: url(../images/bg-top.png) top center no-repeat;*/
	
	/*background-size: 100% !important;*/
	background-image: url(../images/bg-top.png) ,  url(../images/bg-bottom.png) ;
	background-position: center top, center bottom;
	
	/*background-image:url(../images/bg-bottom-2.png) , url(../images/bg-top.png)   ;
	background-position: center bottom, center top;*/

	background-repeat: no-repeat ,no-repeat ;
	background-size: 100% ,100%     ;
}
.bg-white-50{
	background: rgba(255,255,255,0.5);
}

.content-box1{
	padding: 10% 0;
	background-color: #FFF;
	background: url(../images/bg-top.png) top center no-repeat;
	background-size: 100% !important;
}
.about-box {	
	margin: 1rem auto 2rem;
	padding:10% 10px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);	
}
.about-box h1{
	margin-bottom: 0;
	font-size: 21px;
	text-transform: uppercase;
}
.about-box p{
	margin: 1rem auto 2rem;
}
.about-box span{
	font-size: 20px;
}
.title-processing h1{
	font-size: 21px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.title-process{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.processing-box{
	cursor: pointer;
	position: relative;
	height: 137px;
	margin: 2rem auto .5rem;
	background-color: #FFF;
    padding: 10px 5px;
    border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);	
}
.processing-box img{
	transition: all 0.5s;
}
.processing-box:hover img{
	transform: scale(1.03);
}
.processing-box .title-process img{
	width: 2rem;
	margin: 0;
}
.processing-box .title-process p img{
	width: auto;
}
.processing-box:hover .title-process  img{
	transform: scale(0.9);
}
.title-process p {
	font-size: 13px;
	margin-left: .5rem;
	margin-bottom: 0;
}
.processing-box img{
	width: 6.5rem;
}
.img-processing{
	position: absolute;
	top: auto;
	bottom:.3rem;
	right: 1rem;
}
.processing-box .img-processing9{
	width: 3.5rem;
}
.processing-box .img-processing7{
	width: 8rem;
	bottom: 1rem;
}
.processing-fullbox{
	padding:10% 10px;
}
.process-box{
	position: relative;
}
.img-right-processing {
    position: absolute;
    top: -6rem;
	right: 0rem;
    /*right: -.9rem;*/
    z-index: 5;
}
.img-right-processing img{
	width: 9rem;
}
.content-box2{
	position: relative;
	padding: 10% 0;
	background-size: 100% !important;
	background: url(../images/bg-bottom.png) bottom center no-repeat;
}
.img-leftbottom{
	position: absolute;
	left: 0;
	top: -6rem;
}
.img-leftbottom img{
	width: 10rem;
}
.detail-fullbox{
	margin-top: 3rem;
	background: #FFF;
	padding: 10%;
	border-radius: 10px;
	box-shadow: 0px 0px 10px  rgba( 9, 10, 10, 0.3 );

}
.detail-fullbox .col-md-4{
	border-bottom: 1px solid #d7d7d7;
}

.detail-fullbox .col-md-4:last-child{
	border-bottom: none;
}
.product-set{
	margin: 2rem auto 1rem;
	padding: 10px 0;
	cursor: pointer;
}
.product-set img{
	transition: all 0.5s;
}
.product-set:hover img{
	transform: translateX(-5px);
}
.product-set h1{
	margin-bottom: 1rem;
	font-size: 20px;
	transition: all 0.5s;
	text-transform: uppercase;
}
.product-set:hover h1{
	color: #123bc0;
}
.product-set h1 img{
	vertical-align: inherit;
}
.product-set:hover h1 img{
	transform: translateX(0);
}
.product-set ul{
	list-style: none;
	margin-top: 1rem;
}
.product-set ul li{
	padding: 4px 0;
	text-transform: uppercase;
}
.product-set ul li.blue-color{
	margin-top: 10px;
}
.green-color{color: #006400;}
.blue-color{color: #123bc0;}
/*------footer------
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{
	color: #000;
	font-size:16px;
	padding: 7% 0;
	text-align:center;
	background: #FFF;
}
.footer a{
    transition: all .5s;
}
.footer a:hover{
	color: #006400;
}
.footer h1{
    font-size: 20px;
    margin-bottom: 1rem;
}
.footer p{
    margin:5px auto;
}
.footer ul{
    list-style: none;
	margin: .5rem auto;
	text-align:left;
}
.copyright-box {
    color: #343434;
    font-size: 16px;
    background: #e8e2de;
    padding: 3% 10%;
    line-height: 1.2;
}
.address-footer{
	margin: 1rem auto;
}
.social-footer img{
	transition: all 0.5s;
}
.social-footer img:hover{
	transform: translateY(-5px);
}
.contact-footer{
	margin-left: 5rem;
}
.social-footer span{
	display: block;
	text-align: center;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
#nav-icon2{
  width: 15%;
  height: 45px;
  position: relative;
  margin:20px 0 0;
  padding: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 50%;
  background: #006400;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 12px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 24px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 4px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 4px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 4px;
  top: 14px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 13px;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	  #nav-icon2 {
	  	width: 10%;
	  }
	#nav-icon2.open span:nth-child(1) {
		left: 0px;
		top: 4px;
	}
	#nav-icon2.open span:nth-child(2) {
		left: calc(50% - 6px);
		top: 4px;
	}
	#nav-icon2.open span:nth-child(5) {
		left: 0px;
		top: 24px;
	}
	#nav-icon2.open span:nth-child(6) {
		left: calc(50% - 6px);
		top: 24px;
	}

}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {   
	body{
		background-size: cover !important;
	}
	#nav-icon2 span{
		width: 30%;
	}
	#nav-icon2 span:nth-child(even) {
		left: 30%;
	}
	#nav-icon2.open span:nth-child(2) {
		left: calc(50% - 22px);
	}
	#nav-icon2.open span:nth-child(6) {
		left: calc(50% - 22px);
	}
	.img-right-processing {
		top: -8rem;
		/*right: -4.9rem;*/
	}
	.img-right-processing img {
		width: 10rem;
	}
	.about-box {
		margin: 0rem auto 2rem;
		padding: 0% 10px;
		border-radius: 10px;
		background-color: transparent;
		box-shadow: none;
	}
	.content-box1 {
		padding: 10% 0 0;
	}
	.content-box2 {
		padding: 5% 0 10%;
	}
	.contact-footer {
		margin-left: 0;
	}
	.footer{
		padding: 3% 0 5%;
	}
	.footer p {
		padding: 0 5%;
	}
	.contact-footer ul li{
		padding: 3px 0;
	}
	.social-footer{
		text-align: left;
	}
	.social-footer span{
		display: inline-block;
		margin-bottom: 0;
		padding-right: 10px;
	}
	.social-footer img {
		width: 2rem;
	}
}
@media (max-width: 767px ) {
	body{
		max-width: 100% !important;
	}
	.navbar-collapse{
		position: fixed;
		width: 250px;
		background: #FFF;
		height: 100% !important;
		max-height: none !important;
		top: 0;
		display: block;
		left: -250px;
		margin: 0 !important;
		z-index: 9999;
	}
	.navbar-collapse.in{
		left: 0 !important;
	}
	.navbar-collapse.show{
		display:block;
		left: 0 !important;
	}
	.all-container{
		width: 100%;
	}
	.all-container.-collapse{
		margin-left: 250px;
	}
	.headbar-top, .navbar-collapse, .navbar-collapse.collapsing, .all-container.all-container.all-container {
		transition: all 0.5s !important;
	}
	.headbar-top.-collapse {
		margin-left: 250px;
		width:100%;
	}
}
/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/

.text-indent{
	text-indent:30px;
}
.font-larger{ font-size:larger;  }

 /*///////////////////////////////////////////////////////////////////////////main-cate///////////////////////////////////////////////////////////////////////////*/
ul.main-cate {
	list-style:none ;
	text-align:center !important;
}
ul.main-cate li{
    display: inline-block;
    cursor: pointer;
    font-weight: 300;
    font-size: 1rem;
	color:#3b3b3b;
    text-transform: uppercase;
	padding: 0px 15px;
    border: 1px solid #3b3b3b;
    margin: 0 1%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.main-cate li.active,
ul.main-cate li:hover{
    color: #FFF;
	background: #006400;
    border: 1px solid #006400;
}
ul.main-cate li:after.active,
ul.main-cate li:after:hover{
	width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 12px solid #0099a7;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 16px );
}


.ellipsis{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.font-topic{ font-size:1.2rem;}

 /*///////////////////////////////////////////////////////////////////////////news///////////////////////////////////////////////////////////////////////////*/

.img-news{
    width: 100%;
    overflow: hidden;
}
.img-news img{
    width: 100%;
    transition: all 0.5s;
}
.news-box:hover img{
    transform: scale(1.05);
}

.img-box2,
.img-news{
    text-align: center;
    position: relative;
    overflow: hidden;
    /* height: 220px; */
    padding-bottom: 70%;
}
.img-box2{
    padding-bottom: 70%;
}

.img-box2 img,
.img-news img{max-width: 100%;transition: all .3s ease-in-out;}
.img-box2 img:hover,
.img-news img:hover{
	transform: scale(1.1);
}
.img-box2 div,
.img-news div{ 
	height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    justify-content: center;
    height: auto;
    /* height: 100%; */
    width: 100%;
    /* width: auto; */
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.bg-img,
.bg-img-news{
	position:absolute !important;
	/*height:100%;*/
	left:0;
	right:0;
	top:0;
	bottom:0;
	-webkit-filter: blur(9px); /* Safari 6.0 - 9.0 */
	filter: blur(11px);
}


.full-video {
    width: 100%;
    height: 100%;
    text-align: center;
}
.img-box {
    text-align: center;
    position: relative;
    overflow: hidden;
    /* height: 220px; */
    padding-bottom: 80%;
}
.img-box div {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    justify-content: center;
    /* height: auto; */
    height: 100%;
    width: 100%;
    /* width: auto; */
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.img-box div img {
	height: 100% !important;
    width: auto !important;
    max-width: none !important;
}
.box-detail {
	overflow-x:auto;
	width:100%;
}

.list-img:hover{ cursor:pointer;}


/*-----about-----//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.about-text{
	color:#FFF;
	background:#006400;
}
.font-22{
	font-size:22px;
}
/*-----News-----//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.box-title-news {
	font-size:1.2rem;
	border-bottom:1px solid #afafaf;
}
.box-detail{
	background:#fe612e;
	padding:5px 10px;
	display:inline-block;
	line-height:1;
	color:#ffffff;
	border-radius: 5rem;
	border: 2px solid #ffffff;
	float: right;
	font-size: 1rem;
}
.clamp-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: calc(1em * 1.5 * 3);
}
.font-gray{ color:#868686; }
.readmore{
	background:#000000;
	padding:0 10px;
	display:inline-block;
	color:#ffffff;
	font-size: 1rem;
	float: right;
	border-radius: 3px;
	border: 2px solid #ffffff;
}
.readmore:hover {
	transition: all 0.8s ;
	background: rgb(255, 255, 255);
	color: rgb(0, 103, 62);
    border: 2px solid rgb(0, 103, 62);
}
 /*///////////////////////////////////////////////////////////////////////////quality///////////////////////////////////////////////////////////////////////////*/
.col-1-5{
	max-width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
 /*///////////////////////////////////////////////////////////////////////////contact-us///////////////////////////////////////////////////////////////////////////*/
.font24{	font-size:1rem;    }
.topic-page {
	border-bottom: 3px solid #006400;
    padding-left: 15px;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 1px;
    color: #111101;
    display: inline-block;
    text-align: center;
    z-index: 10;
    margin-bottom: 1rem;
}
.right { float:right;}
.red{ color:#F00; }
.box-title{
    font-size: 1.5rem;
    color: #1e212a;
}
.font-head {
	color: #006400;
    font-size: 1.2rem;
    border-bottom: 2px solid #006400;
}
.btn { font-size:inherit; }
.right { float:right; }
.contact-list{
	list-style: none;
	float:left;
	line-height: 1.5;
	color: #323232;
}
.list-icon{
	color: #006400;
	font-size: 26px;
}
.list-icon-circle {
    color: #ffffff;
    background: #006400;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
	font-size:14px;
}
.list-icon-circle .svg-inline--fa {
	vertical-align: middle;
}
.contact-list a:hover i{
	color: #b00713;
}
.contact-list a h1 .svg-inline--fa:hover {
	padding:0 3px;
	border-radius:3px;
	transition: all 0.6s;
}
.contact-list a h1 .fa-youtube-square ,
.contact-list a h1 .fa-youtube-square:hover {
	color:#d72a26;
    /*background: #d72a26;*/
}
.contact-list a h1 .fa-pinterest-square:hover {
	color:#FFF;
    background: #e60023;
}

.contact-list a h1 .fa-facebook-square,
.contact-list a h1 .fa-facebook-square:hover{
	color:#314987;
	/*background:#314987;*/
}
.contact-list a h1 .fa-instagram:hover{
	color:#FFF;
	background-image: linear-gradient(-135deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);
}
.contact-list a h1 .fa-map-marker,
.contact-list a h1 .fa-map-marker:hover{
	color:#ee7600;
	/*background:#ee7600;*/
}
.contact-list a h1 .fa-line,
.contact-list a h1 .fa-line:hover{
	color:#00b900;
	/*background:#00b900;*/
}
.contact-list a h1 .fa-whatsapp-square:hover{
	color:#FFF;
	background:#1bd741;
}
.contact-list a h1 .fa-twitter-square:hover{
	color:#FFF;
	background:#50abf1;
}
.contact-list a h1 .fa-linkedin:hover{
	color:#FFF;
	background:#0084b1;
}


.btn-send{
	color: #f9f9f9;
	background: #006400;
	border:none;
	text-align:center;
	padding:0 10px;
	width:100%;
}
.btn-send:hover{
	transition: all 0.6s;
	color: #ffffff;
	background: #3b3b3b;
}

iframe.map   {
	width:100%; height:250px;
	box-shadow: 1px 1px 2px #c4c4c4;
	border:10px solid #FFF;
	overflow:hidden;
	text-align:center;
}
.form-control , select.form-control{
	border:none;
	border-bottom: 1px solid #b7b7b7;
	border-radius: 0px;
	font-size: 1rem;
	color:#323232;
	padding: 0;
}
hr {
	border-top: 2px solid #e8e0e0;
}
.form-control:focus {
	border:none;
	/*border-color: #093873;*/
	outline: 0;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(200,200,200,.075), 0 0 8px rgb(9,56,115);
	box-shadow: inset 0 1px 1px rgba(200,200,200,.075), 0 0 8px rgb(9,56,115);*/
}
.glyphicon {
	color: #555555;
}
.bg-content,
.bg-white{
	min-height:300px;
	line-height: 1.5;
}
.form-horizontal{
	color: #acabab;
	font-size: 1rem;
}
.web-text-color{
	color: #006400;
}

 /*///////////////////////////////////////////////////////////////////////////pagelist///////////////////////////////////////////////////////////////////////////*/
.pagelist{
 text-align: center;
 padding:5px;
 border-radius:0px;
 margin:0 5px 20px 5px;
}
.pagelist li{
	display:inline-block;
	font-size:1rem;
	cursor:pointer;
	padding: 0.3rem 0rem;
	margin: 0.2rem;
	border:1px solid #e7e7e7;
	border-radius: 5px;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
	 color:#0e0e0e;
	 transition: all 0.4s;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
 color:#d4d4d4;
}
.pagelist li a{
	color:#777;
	display:block;
	padding:0px 12px;
	font-weight:bold;
}
.pagelist li a i.fa{
 font-size:18px;
 vertical-align: middle;
}

.pagelist>li:first-child>a, .pagelist>li:first-child>span , .pagelist>li:last-child>a, .pagelist>li:last-child>span {
 border-radius:0px;
}
.pagelist li.active{
    background: #006400 ;
	transition: all 0.4s;
}
.pagelist li a:hover{
    color: #006400 ;
	transition: all 0.4s;
}
.pagelist li.active a {
    color: #ffffff;
}

/*///////////////////////////////////////////////////////////////////////////loading///////////////////////////////////////////////////////////////////////////*/
.box-loading #overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.9);
  transition: 1s 0.4s;
}
.box-loading #progress{
/*  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;*/
}
.box-loading #progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}