#overlay{
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(17,17,17,0.95);
	transition: 1s 0.4s;
}
#progress{
	height:1px;
	background:#fff;
	position:absolute;
	width:0;
	top:50%;
	transition: .7s;
}
#progstat{
	font-size:1.2em;
	font-family:Lato;
	font-weight:300;
	position:absolute;
	top:50%;
	margin-top:-40px;
	width:100%;
	text-align:center;
	color:#fff;
}
.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #1d1d1d;
	z-index: 10000;
	height: 140px;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	border-bottom: 1px solid #aaa;
}
.cbp-af-header .cbp-af-inner {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em;
}
.cbp-af-header h1 {
	display: inline-block;
	position: relative;
}
.cbp-af-header nav {
	position: relative;
	display: block;
}
.cbp-af-header h1,
.cbp-af-header nav a {
	line-height: 140px;
}
.cbp-af-header h1 {
	text-transform: lowercase;
	color: #aaa;
	letter-spacing: 4px;
	font-size: 2em;
	margin: 0;
	float: left;
}
.cbp-af-header nav {
	float: right;
}
.cbp-af-header nav a {
	color: #aaa;
	position: relative;
	padding: 7px;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 100;
	font-size: 1.4em;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.cbp-af-header nav a::before,
.cbp-af-header nav a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.cbp-af-header nav a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.cbp-af-header nav a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
.cbp-af-header nav a:hover,
.cbp-af-header nav a:focus,
.cbp-af-header nav a.selected {
	color: #fff;
}
.cbp-af-header nav a:hover::before,
.cbp-af-header nav a:focus::before,
.cbp-af-header nav a.selected::before {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.cbp-af-header nav a:hover::after,
.cbp-af-header nav a:focus::after,
.cbp-af-header nav a.selected::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* Reduced height */
.cbp-af-header h1,
.cbp-af-header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.cbp-af-header.cbp-af-header-shrink {
	height: 90px;
}
.cbp-af-header.cbp-af-header-shrink h1,
.cbp-af-header.cbp-af-header-shrink nav a {
	line-height: 90px;
}
.cbp-af-header.cbp-af-header-shrink h1 {
	font-size: 2em;
}

.bckarw {
	float:right;
	-webkit-transition:.3s;
	transition:.3s;
}
.bckarw:hover {
	-webkit-filter: brightness(3);
	-webkit-transition:.3s;
	transition:.3s;
}

.colwidth {
	width: 240px;
}
#table1 {
	background:#aaa;
	margin-top:1.5em;
	margin-bottom:3em;
	background: rgba(200,200,200,0,8);
	border-collapse: collapse;
	position:relative;
	width:100%;
}
.tbdata {
	padding: 1px 4px;
	vertical-align: top;
}
#table1 th {
	background:#555
}
#table1 tbody tr td p,
#table1 tbody tr th p{
	color: rgb(10,10,10);
	padding:8px 15px;
}
#table1 th td p,
#table1 tbody tr th p {
	color: rgb(10,10,10);
}
#table1 tr {
	background:#aaa;
	-webkit-transition:.3s;
	transition:.3s;
}
#table1 tr:nth-child(even) {
	background: rgb(140,140,140)
}
#table1 tr:hover{
	background:#ccc;
	-webkit-transition:.3s;
	transition:.3s;
	cursor:default;
}
#tamb {
	text-align:center;
	list-style:none;
	}
#tmb1{margin:1em 0;
position:relative;
float:left;
min-width:100%;
}
#tmb1 img {
	width:100%;
	position:relative;
	display:block;
}
#tmb1 figcaption {
	color:#fff;
	font-size:1.5em;
}
#tmb1 figcaption {
	position:absolute;
	top:1em;
	left:1em;
	width:42%;
	height:30%;
	text-align:left;
	background:rgba(225,225,225,0.5)
}
#tmb1 figcaption h2 {
	padding:6% 6% 3%;
	margin:0;
	font-weight:400;
	text-transform:uppercase;
}
#tmb1 figcaption p{
	padding:1% 6%;
	font-size:1em;
	color:#fff;
}
.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 69em;
	list-style: none;
	text-align: center;
}
/* Common */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 220px;
	max-width: 331px;
	max-height: 487px;
	width: 30%;
	background: none;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	max-font-size: 1em;
	min-font-size: 0.5em;
	font-size:60%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2 {
	margin: 0;
}
/* Veneer*/
figure.effect-p figcaption {
	top: auto;
	bottom: 0;
	padding: 1.5em;
	height: 4.75em;
	background: #fff;
	color: #3c4a50;
	font-size:80%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.effect-p h2 {
	float: left;
}
figure.effect-p h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}
figure.effect-p h2 {
	display: inline-block;
}
figure.effect-p:hover figcaption,
figure.effect-p:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-p:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
/* Product*/
figure.effect-p1 {
	background:#1e1e1e;
	width:46%;
	max-height:320px;
	max-width:508px;
}
figure.effect-p1 img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-p1:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-p1 figcaption {
	text-align: left;
	font-size:120%;
}
figure.effect-p1 h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}
figure.effect-p1 h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
figure.effect-p1:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#stock {
	width:110%;
	max-width:1036px;
	height:150px;
}


#contact p, label, legend { font-family:"Raleway", sans-serif; color:#ddd; font-size:16.0px !important; line-height:1.21em; }
#contact h1 { margin: 10px 0 10px; font-family:"Raleway", sans-serif; font-size: 28px; font-weight:400; color: #fff; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
#contact { display: block; width: 550px; background-color: transparent; }

#contact label { color: #ddd;display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.0em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 395px; margin: 0; padding: 5px; color: #ccc; background: none; -webkit-transition: border 0.5s; border: 0px solid #EBEBEB; border-radius: 0px; border-bottom: 1px solid #888; margin: 5px 0; font:1.0em "Raleway", Arial, sans-serif; font-size:16.0px; transition: border .5s ease-out;-moz-transition: border .5s, color .5s  }
#contact input:focus, textarea:focus, select:focus { -webkit-transition: .8s ease-out; border-radius: 0px; border-bottom: 1px solid #fff; background-color: none; color:#fff; outline: none;}
#contact input:hover, textarea:hover, select:hover { color:#ddd;}
#contact textarea { max-width:550px; resize:vertical;}
#contact input.submit { width: 105px; height:40px; cursor: pointer; border:1px solid #aaa; border-radius: 2px; background: none; color:#aaa; -webkit-transition: .5s ease-in-out; -moz-transition:.5s ease-out;}
#contact input.submit:hover { border:1px solid #aaa; background: #aaa; color:#000; -webkit-transition: .5s ease-out;}
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px 20px 20px 0; border: none; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }
#contact span.required{ font-size: 16px; color: #fff; }
#message { margin: 10px 0; padding: 0; }
.error_message { display: block; font-family:"Raleway", sans-serif; font-size:16.0px; height: 22px; line-height: 22px; background: #FBE3E4 url('images/error.gif') no-repeat 1px center; padding: 5px 10px 25px 5px; color:#8a1f11;border: none; }
.loader { padding: 0 10px; width:40px; }
#contact #success_page h1 { background: url('images/success.gif') left no-repeat; padding-left:0px; }
acronym { border-bottom:1px dotted #ccc; }
.adrs{float:left; padding-left:100px}
.ctfrm{float:left;}
.frmadd{display:inline-block;}
#addli li {list-style-type:none;}
#addp{padding-bottom:0}
.adrs i{font-size:2em; color:#aaa}
#addli {margin-bottom:2em}
#stockli li {color:#000}
#aboutheaderimg {overflow:hidden; min-height:360px; height: 60vh; background: url("../img/39.jpg") no-repeat; background-size: cover;}
#aboutheaderimg img {transform: translate3d(0px,-120px,0);}
#standout {margin:1em;padding:1.2em 1em; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa;}
#aboutp {text-align:justify; font-weight:300}
.adrsspan {display:none; color:#bbb; font-size:1.7em; padding:0 0 0 20px}

@media screen and (max-width: 55em) {

  #hgon {
	display:none;
  }

  #tmb1 figcaption p {
	display:none
  }

  .container2 {
	margin-left: 0;
  }

}

@media screen and (max-width: 67em) {
  .content {
	padding: 0 10px;
	text-align: center;
  }

  .grid figure {
	display: inline-block;
	float: none;
	margin: 10px auto;
	width: 100%;
  }

  #stock {
	max-width:508px;
	width: 100%;
  }
}

@media screen and (max-width:1192px) {
	.adrs {
		padding-left:50px !important;
		margin-top:2em;
	}
}

@media screen and (max-width:1137px) {
	.adrsspan {
		display:inline-block !important;
	}
	.adrs {
		padding:0 190px 0 0 !important;
	}
}

@media screen and (max-width: 600px) {

  .colwidth {
	width: 50px;
  }

}