/* CSS Document */
@font-face {
    font-family: 'kit55f-webfont';
    src: url('fonts/kit55f-webfont.eot');
    src: url('fonts/kit55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit55f-webfont.woff') format('woff'),
         url('fonts/kit55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit65f-webfont';
    src: url('fonts/kit65f-webfont.eot');
    src: url('fonts/kit65f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit65f-webfont.woff') format('woff'),
         url('fonts/kit65f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit75f';
    src: url('fonts/kit75f.eot');
    src: url('fonts/kit75f.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit75f.woff') format('woff'),
         url('fonts/kit75f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Umpqua';
    src: url('fonts/Umpqua.eot');
    src: url('fonts/Umpqua.eot?#iefix') format('embedded-opentype'),
         url('fonts/Umpqua.woff') format('woff'),
         url('fonts/Umpqua.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
img{ border:0; margin:auto;}
.center{text-align:center;}
*{ margin:0; padding:0;}
a{ text-decoration:none; color:inherit;}
a:hover{ text-decoration: none;}

body {
	background:#FFF ;
    font-family: 'kit55f-webfont';
	font-size:18px;
	color:#000;
}
.carousel-inner>.item>img {
    margin: auto;
	width:100%;
}

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
.height-box{
	/*height:100px;*/
	height:73px;
}
.pull-left{
	margin-left:5%;
}
#back-to-top{
	width:40px;
	height:40px;
    position: fixed;
    z-index: 9999;
    bottom: 2%;
    right: 5%;
    line-height: 0.7;
	text-align:center;
	display:none;
	background:rgba(0,0,0,0.7);
}
#back-to-top a{
	color:#FFF;
	font-size: 18px;
	line-height:0;
    text-transform: uppercase;
}
.arrow-color{
	color: #FFF;
	font-size:30px;
	line-height: 1;
	margin-top: -5px;
}
#back-to-top a:hover{
	color: #FFF;
}
.top-text{
	color:#FFF;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/
.slid-spon .bx-wrapper .bx-next {
    right: -5%;
    background: url(../images/next-bt.png) no-repeat 20px 0;
}
.slid-spon .bx-wrapper .bx-next:hover {
    background-position: 20px 0;
}
.slid-spon .bx-wrapper .bx-prev {
    left: -5%;
    background: url(../images/prev-bt.png) no-repeat 0 0;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/

.navbar-brand{
	width:80%;
	height:auto;
	position: relative;
	padding:20px 10px  ;
}
.navbar-brand>img {
	width:2em;
	margin:0;
	display:inline-block;
	vertical-align: unset;
}
.navbar{
	border:0;
	border-radius:0;
	margin-bottom:0;
}
.navbar-default { 
	transition: all 0.3s;
    border-color: transparent;
    background-color: transparent;	
    background-size: cover !important;
	background:url(../images/bg-head.png) top center no-repeat;
}
.slim.navbar-default {
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
}
.navbar-default .navbar-nav>li>a {
    color: #854a0f;
}
.navbar-toggle .icon-bar {
    width: 28px;
    height: 4px;
}
.navbar-toggle {
    margin-top: 1em;
    margin-right: 0;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#854a0f;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color:#FFF;
    background-color: #fca000;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#FFF;
    background-color: #fca000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
.navbar-default .navbar-toggle{
	border:0;
}
.navbar-default .navbar-brand {
    color: #000;
	font-size:0.6em;
    font-family: 'Umpqua';
	text-transform:uppercase;
	text-align: center;
}
.navbar-default .navbar-brand span {
	display:inline-block !important;
	padding-left:10px;

}
.nav>li>a {
    font-size: 20px;
}

/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/

.bg-content{
	background-size: cover !important;
	background: url(../images/bg-content.png) top center no-repeat;
}
.img-about-right{
	overflow:hidden;
	padding:15px;
	text-align: center;
	margin-bottom:5%;
	border:1px solid #854608;
}
.img-about-right img{
	width:100%;
}
.weblink{
	display: block;
	color:#fa9c3e;
	text-align:left;
	letter-spacing:2px;
	padding-left:8px;
}
.title-about{
	color:#000;
	font-size:14px;
	text-align:center;
    font-family: 'Umpqua';
	text-transform:uppercase;
}
.about-detail {
    line-height: 1;
    color: #854a0f;
    font-size: 19px;
    text-align: justify;
    margin: 10px 15px 15px 5px;
}
.img-lineabout{
	margin-left:10px;
	margin-bottom:20px;
	display:inline-block;
	vertical-align: top;
}
.about-detail-2{
	width:90%;
	color:#854a0f;
	font-size:20px;
	text-align:justify;
	display:inline-block;
	padding:10px 10px 18%;
	background:url(../images/bg-orange.png) top right no-repeat;
}
.bg-sponsor{
	padding:7% 0;
	background:#d7d7d7;
}
.slid-spon .bx-wrapper li img{
	border:1px solid #a1a1a1;
}
.logo-small{
	margin-top:5%;
}
.product-box{
	width: 95%;
    margin: auto;
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	 border:1px solid #854a0f;
	 background:#FFF;
}
.product-box span{
	z-index:50;
	width:100%;
	color:#FFF;
	bottom:0;
	font-size:20px;
	padding:5px 0;
	text-align:center;
	position:absolute;
	background:#854a0f;
}
.product-box:hover span{
	background:#fca000;
}
.product-box img{
	width:100%;
	transition: all 0.3s;
}
.product-box:hover img{
	transform: scale(1.1);
}
.title-slide{
	font-size:15px;
	text-align: center;
	margin-bottom:10px;
    font-family: 'Umpqua';
	text-transform:uppercase;
}
/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/
.box-Imgcust{
	padding:5px ;
	height:90px;
	overflow:hidden;	
	background:#FFF
}
.box-Imgcust img{
	width:auto !important;
	max-height:80px;
}
.allcate-pd{
	display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}
.cate-pd{
	min-width:100px;
	padding:0 10px;
    color: #333;
    border: 1px solid #d8d8d8;
	text-align:center;
	display:inline-block;
	font-size:1.5em;
	margin:10px ;
}

.cate-pd:hover{
    border:1px solid #9e9e9e;
}
.allcate-pd .active{
    border:1px solid #9e9e9e;
	color:#167392;
}
.topic{
	font-size:2.5em;
	margin:30px auto;
	text-align:center;
	border-bottom: 1px solid #cdacab;
}
.boximg-Featured-pd{
	height:210px;
	overflow:hidden;
	text-align:center;
	background:#FFF;
	/*padding:5px;*/
	
	margin:auto;
}
.boximg-Featured-pd img{
	border:1px #999 solid;
	/*max-width:100%;
	max-height:210px;
	width:inherit;*/
	width:100%;
	overflow:hidden;
	text-align:center;
	background:#FFF;	
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
}
.boximg-Featured-pd img:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.boxtext-Featured-pd{
	font-size:1.4em;
	margin-top: 10px;
	border-bottom: 1px #381d03  solid;
	text-align:center;
	position:absolute;
	width:100%;
	background:url(../images/bg-menu.png) repeat;
 	bottom:0;
	color:#FFF;
}

.fullbox-pd{
	margin:30px auto;
	position:relative;
}
.text_notfound{
	text-align:left;
	font-size:1.7em;
	color:#F00;
}
.img_product{
	max-height:300px;
}
.box-detail{
	text-align:left;
	font-size:1.4em;
	margin: 20px auto;
}
.box-detail img ,.box-detail table{
	width:auto ;	
	max-width:100% !important;
 }
.box-vdo2{
	margin:  20px auto;
	text-align:center;	
}
.box-vdo2 iframe{
	width:60%;
	margin:auto;
}
.download-doc{
	display:inline-block;
	padding:3px 20px 0 20px ;
	margin:10px auto;
	border: solid 2px #ca0000;
	font-size:1.3em;
}
.download-doc:hover{
	border: solid 2px #f70303;
}
.img_largepd{
	max-width:80%;
	margin: 10px auto;
	border: solid 1px #9F9F9F;
}
/***************************************************************/
.fullbox-cus{
	margin: 20px -15px;
	padding:10px;
	border: 1px solid #FFF;
	background:#FFF;
	cursor:pointer;
}
.fullbox-cus:hover{
	border: 1px solid #bababa;
}

.box-cus{
	overflow:hidden;
	text-align:center;
 	margin:10px auto;
	 
	/*background:#FFF;
	padding:5px;
	border-bottom: 1px solid #bababa;*/
}
 
.box-cus img{
	width:inherit;
	overflow:hidden;
	text-align:center;
	/*border:1px #e6e6e6 solid;*/
	opacity: 1;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
}
.box-cus img:hover{
	 opacity: 0.8;
}
.boxtext-cus{
	font-size:1.3em;
	color:#3A3A3A;
	margin-top: 10px;
	text-align:center;
	line-height:normal;
 }
 
/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

.bg-footer{
	color:#FFF;
	padding:5% 0;
	background: #381d03;
}
.copyright{
	color:#FFF;
}
.copyright a{
	color:#FFF;
}
.contact-footer ul{
	list-style:none;
}
.contact-footer ul li a{
	color:#FFF;
}
.contact-footer ul li img{
	display:inline-block;
}
.addess-footer h1{
	font-size:25px;
	margin:0 auto;
}
.menu-footer ul{
	list-style: none;
}
.menu-footer ul li{
	display:inline-block;
}
.menu-footer ul li a{
	color:#FFF;
}
.menu-footer ul li a:hover, .menu-footer ul li a.active{
	color:#fca000;
}
.social-footer{
	text-align: center;
	text-transform:uppercase;
}
.box_sliderpd{
	text-align:center;
	margin:20px auto;
}
/**********************************************************/
.box-about{
	font-size:1.3em;
}
.box-about p{
	 text-indent: 30px;
}
.sub-topic{
	border-bottom: solid 1px #CCC;
	font-size:1.1em;
	display:inline-block;
	margin:5px auto;
	line-height:normal;
}
.box-about img{
	border: solid 1px #C0C0C0;
	margin: 20px auto 10px auto;
}
.box-about  a img:hover{
	opacity: 0.8;
}
.download-Catalog{
 	text-align:center;
 	margin: auto auto 20px auto;
	float:right; 
	font-size:1.4em;
 	border: solid 1px #878787;
	padding: 2px 15px;
}
.small-slide{
	height:80px;
	overflow:hidden;
	text-align:center;
	 border: solid 1px #3d3d3d; 
}
.small-slide img{
	max-height:80px;
	width:auto;
}
.box_sliderpd .bx-wrapper {
     margin:  10px auto ; 
}

/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

/*-----List Page-----///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.badoo {
	margin-top:20px;
	padding:10px 0px;
	margin-right:20px;
	font-size:14px; 
	color: #FFF; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;text-decoration:none;
	text-align:center;
	float:right;
}


div.badoo a{
	border: #4E4A4C 1px solid;
	padding: 3px 8px;
	margin: 0px 4px;
	color: #181516;
	text-decoration: none;
	background: #FFFFFF;
}
div.badoo a:hover {
	border:#999 1px solid;
	color:#FFF;
	background: #9a9a9a; /* Old browsers */
}

div.badoo span.current {
	padding: 3px 8px;
	border: #75676E 1px solid;
	background: #7c7c7c;
	color: #FFFFFF;
	margin: 0px 4px;
}
div.badoo span.disabled {
	display:none;
}
/*///////////////////////////////////////////////////////////////////////////contact///////////////////////////////////////////////////////////////////////////*/
 
.box-map{
	width:100%;
	/*border: solid 2px #FFF;*/
	color:#000;
	margin: 30px auto 20px auto;
}
.box-mapimg{
	margin: 10px auto;
	width:100%; 
    overflow:hidden;
   /* text-align:center;*/
}
.box-mapimg img{
	/*max-width:100%; */
	border:1px solid #666;
	height:200px;
	margin:auto;
}
 
#map {
	margin:  auto;
	width:100%; 
	height:200px;
	/*border:1px solid #666;*/
    overflow:hidden;
    text-align:center;
	
}
 
.contact-form, .contact-list {
    list-style: none;
    font-size: 1.2em;
    float: left;
	background:none;
	text-align:left;
    /* margin-left: 30px; */
}
.topic_name{
	font-size:1.5em;
}
.contact-list i{
    font-size: 0.7em;
	margin-right: 5px;
}
 
.red{ color:#F00;	 }
.right{ float:right; }

.form-control{
	font-size:1.2em;
	background:none;
    border: 1px solid #6b6b6b;
}
.form-control-1{
	padding:0 5px;
	width:100%;
	font-size:1.2em;
	background:none;
    border: 1px solid #e6e6e6;
}
.form-control2{
	padding:0 5px;
	width:100%;
	font-size:1.2em;
	background:none;
    border: none;
	text-align:center;
}
.form-control3{
	padding:0 5px;
	width:70%;
	margin:auto;
	font-size:1.2em;
	background:none;
    border-bottom: dotted 1px #333;
	border-left:none;
	border-right:none;
	border-top:none; 
	text-align:center;
}
.input-group{
	margin-bottom:10px;
}
.input-group-addon{
	background-color: #757575;
    border: 1px solid #757575;
	color:#FFF;
}
.btn{
	font-size:1.2em;
}
#captcha-refresh{color:#9E9E9E;}
.form-horizontal .btn{
	width:100%;
	background: none;
	border: 1px solid #714407;
	color:#949090;
	padding:0;
	border-radius: 0;
	font-weight:bold;
}
.form-horizontal .btn:hover{
	color:#FFF;
	background:#757575;
	border: 1px solid #757575;
}
.contact-title-1{
	font-size:1.3em;
	text-align:left;
	margin-bottom:10px;
}
.box-imgMap img{
	width:100%;
	border:1px solid #CCC;
}
.box-imgMap{
	margin:  auto;
}
/*************************************************************/
/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px ) {
	body{
		max-width: 100% !important;
	}
	.navbar-collapse{
		position: fixed;
		width: 250px;
		background: #fff;
		height: 100vh !important;
		max-height: none !important;
		top: 0;
		display: block;
		left: -250px;
		margin: 0 !important;
		z-index: 9999;
	}
	.navbar-collapse.in{
		left: 0 !important;
	}
	.all-container{
		width: 100%;
	}
	.all-container.-collapse{
		margin-left: 250px;
	}
	.navbar-default, .navbar-collapse, .navbar-collapse.collapsing, .all-container.all-container.all-container {
		transition: all 0.5s !important;
	}
	.navbar-default.-collapse {
		margin-left: 250px;
		width:100%;
	}
}

/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////media-landscape-i5///////////////////////////////////////////////////*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.title-about {
    font-size: 25px;
}
.weblink {
    font-size: 24px;
    letter-spacing: 3px;
}
.about-detail {
    font-size: 26px;
}
.about-detail-2 {
    font-size: 26px;
}
.slid-spon .bx-wrapper .bx-next {
    right: -2%;
}
.slid-spon .bx-wrapper .bx-prev {
    left: -2%;
}
.addess-footer{
	font-size:20px;
}
}
/*///////////////////////////////////////////////////////////////////////////media-landscape-i5///////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////media-6///////////////////////////////////////////////////////////////////////////*/
@media only screen  and (min-device-width : 360px)  and (max-device-width : 640px)
and (min-device-width : 375px)  and (max-device-width : 667px) {
.slid-spon .bx-wrapper .bx-next {
    right: -4%;
}
.slid-spon .bx-wrapper .bx-prev {
    left: -4%;
}
.title-about {
    font-size: 16px;
}
.about-detail {
    font-size: 22px;
}
.about-detail-2 {
    font-size: 22px;
}
.img-about-right {
    width: 90%;
    margin: 5%  auto;
}

}
/*///////////////////////////////////////////////////////////////////////////media-6///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////media-landscape-i6//////////////////////////////////////////////////////*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape){
.slid-spon .bx-wrapper .bx-next {
    right: -2%;
}
.slid-spon .bx-wrapper .bx-prev {
    left: -2%;
}
.title-about {
    font-size: 28px;
}
.about-detail {
    font-size: 24px;
	margin:0 4%;
}
.about-detail-2 {
    font-size: 25px;
    width: 88%;
}
.img-about-right {
    width: 90%;
    margin: 5%  auto;
}
.addess-footer{
	font-size:22px;
}
.social-footer {
	font-size:30px;
}
.copyright {
    font-size: 17px;
}
}
/*///////////////////////////////////////////////////////////////////////////media-landscape-i6//////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////media-6+///////////////////////////////////////////////////////////////////////////*/
@media only screen     and (min-device-width : 414px)     and (max-device-width : 736px)
and (device-width : 414px)    and (device-height : 736px)    and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio : 3)     and (-webkit-device-pixel-ratio : 3){
.slid-spon .bx-wrapper .bx-next {
    right: -3%;
}
.slid-spon .bx-wrapper .bx-prev {
    left: -3%;
}
.product-box span {
    padding: 2px 0;
}
.weblink {
    font-size: 21px;
}
.title-about {
    font-size: 18px;
}
.about-detail {
    font-size: 24px;
}
.about-detail-2 {
    font-size: 23px;
}
.addess-footer{
	font-size:20px;
}
.social-footer {
    font-size: 25px;
}
.copyright {
    font-size: 19px;
    text-align: center;
}
}
/*///////////////////////////////////////////////////////////////////////////media-6+///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////media-landscape-i6+//////////////////////////////////////////////////////*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3){
.slid-spon .bx-wrapper .bx-next {
    right: -2%;
}
.slid-spon .bx-wrapper .bx-prev {
    left: -2%;
}
.weblink {
    font-size: 25px;
    letter-spacing: 3px;
}
.title-about {
    font-size: 33px;
}
.about-detail {
    font-size: 23px;
}
.about-detail-2 {
    width: 79%;
}
.bg-footer{
	text-align: center;
}
}
/*///////////////////////////////////////////////////////////////////////////media-landscape-i6+/////////////////////////////////////////////////////*/