*{
	outline: none !important;
}

/*body*/
body{ 
	padding-top: 77px;
    font-family: 'AvenirNext', sans-serif;
    font-weight: 400;
	font-size:14px;
	color:#333;
}
/*default link*/
a{
	color:#333;
	text-decoration:none;
	outline:none;
}
a:hover{
    color:#006b4b;
	text-decoration:none;
}
a:focus{
	color:inherit;
	text-decoration:inherit;
} 


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar {
    min-height: 77px;
}
.navbar-light{
	background-color: #fff !important;
	border-bottom: 4px solid #006b4b !important;
}
.navbar-light .navbar-toggler {
	margin-top: 10px;
}

header .fast-contact a{
	
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel {
  margin-bottom: 4rem;
  border-bottom:4px solid #006b4b !important;
} 
.carousel-control-next,
.carousel-control-prev{
	color: #006b4b !important;
}
.carousel-indicators li{
	background-color: #333 !important;
}



/* product
-------------------------------------------------- */

.product-records .divider{
	margin: 3rem 0;
}
.product-records .row.rowspan > .col-lg-3{
	height:6px;
	background:#ccc;
}
.product-records .row > .col-lg-3 > img.p-h-image{
	width:100%;
	/*height:234px;*/
}
.product-records .row > .col-lg-3 > h4{
	padding:8px 0 6px 0;
	background:#006b4b;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.product-records .row > .col-lg-3 > ul{
	display:inline-block;
	width:100%;
}
.product-records .row > .col-lg-3 > ul > li{
	display:inline-block;
	width:100%;
}
.product-records .row > .col-lg-3 > ul > li b{
	font-weight:bold;
}
.product-records .row > .col-lg-3 > ul > li > .col-lg-3-image {
	padding:4px 0;
	display:inline-block;
	width:32%;
	text-align:center;
	vertical-align:middle;
}
.product-records .row > .col-lg-3 > ul > li > .col-lg-3-text {
	display:inline-block;
	width:66%;
	line-height:22px;
	vertical-align:middle;
}
.product-records .row > .col-lg-3 > a.p-h-catalog {
	display:inline-block;
	width:100%;
	padding:6px;
	text-align:center;
	color:#333;
	font-size:14px;
	font-weight:bold;
	background:#eee;
}
.product-records .row > .col-lg-3 > a.p-h-catalog:hover{
	color:#006b4b;
}


/*cross reference*/
table.equivalent { float:left; margin-left:19px; margin-bottom:40px;}
table.equivalent.firstchild { margin-left:0;}
table.equivalent tr td{ padding:4px 1px; border:1px solid #CCC;}


/* footer
------------------------- */
footer {
	margin-top:40px;
	background-color: #006b4b !important;
	padding:30px;
}
footer .wrapper{
	color:#fff;
	/*height:28px;*/
}
footer .wrapper,
footer .wrapper a{
	color:#fff;
}
footer .wrapper a:hover{
	color:#ccc;
}
footer .wrapper ul.footer-nav {
	margin:0;
	padding:0;
	display:inline-block;
}
footer .wrapper .copyright {
	margin:0;
	padding:0;
	display:inline-block;
}
footer .wrapper ul.footer-nav > li{
	display:inline-block;
	margin-right:8px;
	padding-left:8px;
	border-left:1px solid #FFF;
}
footer .wrapper ul.footer-nav > li:first-child{
	border-left:none;
	padding-left:0;
}
footer .wrapper ul.footer-nav > li > a, footer .wrapper ul.footer-nav > li > span{
	color:#fff;
}
footer .wrapper ul.footer-nav > li > a:hover{
	color:#ccc;
}




/*RESPONSIVE*/ 
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	table.equivalent {
		width:100%; margin-left:0; margin-bottom:40px;
	}
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
 
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* #new add all medium devices*/
@media (max-width: 991.98px) {
	#headerNavbar .navbar-nav{
		border-top: 1px solid rgba(255,255,255,.5);
		margin-top: 10px;
		padding-top: 8px;
	}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}