/*

Theme Name: Hikari

Theme URI: http://wordpress.org/themes/twentytwelve

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



@font-face {

  font-family: 'Frontage3D';

  src: url('font/frontage/frontage-3d-webfont.eot');

  src: url('font/frontage/frontage-3d-webfont.eot?#iefix') format('embedded-opentype'),

       url('font/frontage/frontage-3d-webfont.woff') format('woff'),

       url('font/frontage/frontage-3d-webfont.ttf') format('truetype'),

       url('font/frontage/frontage-3d-webfont.svg#frontage_3d3d') format('svg');

}



@font-face {

  font-family: 'FrontageRegular';

  src: url('font/frontage/frontage-regular-webfont.eot');

  src: url('font/frontage/frontage-regular-webfont.eot?#iefix') format('embedded-opentype'),

       url('font/frontage/frontage-regular-webfont.woff') format('woff'),

       url('font/frontage/frontage-regular-webfont.ttf') format('truetype'),

       url('font/frontage/frontage-regular-webfont.svg#frontage_regularregular') format('svg');

}



html, body, div, section, header, footer, nav { padding: 0px; margin: 0px; font-family: Arial,Helvetica,sans-serif; }

html, body { background: #ffffff; font-size: 1.0em; z-index: 0; }

h2 { padding: 0px; margin-bottom: 10px; letter-spacing: 0.2em; font-family: 'Frontage3D', Fallback, sans-serif; text-align: center; }

.clear { clear: both; }

img { border: none; }



.border {

	display: block;

	width: 80px;

	height: 2px;

	background: #6C6C6C;

	margin: 0px auto 20px auto;

}



.vegas-loading {

	top: auto;

	bottom: 40px;

	left: 40px;

}



iframe { overflow: none !important; }





/* =Header

-------------------------------------------------------------- */



header {

	position: fixed;

	top: 0;

	width: 100%;

	height: 82px;

	z-index: 999;

	background: #fff;

}



.logo {

	width: 42%;

	height: 100%;

	margin-left: 2%;

	float: left;

}



/* =Navigation

-------------------------------------------------------------- */



nav {

	width: 50%;

	height: 100%;

	float: left;

	text-align: right;

}



nav > ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



nav > ul > li {

	display: inline;

	margin-left: 2px;

	position: relative;

}



nav > ul > li > a {

	height: 100%;

	text-decoration: none;

	color: #7b7979;

	font-size: 0.9em;

	letter-spacing: 0.02em;

	display: inline-block;

	padding: 33px 20px;

}



nav > ul > li > a:hover {

	background: #888888;

	color: #fff;

}



nav > ul > li > a.selected {

	background: #888888;

	color: #fff;

}



nav > ul > li#menu:hover > ul {

	display: block;

}



nav > ul > li > ul {

	display: none;

	padding: 0px;

	margin: 0px;

	list-style: none;

	position: absolute;

	top: 50px;

	left: 0;

	background: #888888;

}

nav > ul > li > ul > li {

	padding: 10px;

	white-space: nowrap;

	text-align: left;

}

nav > ul > li > ul > li > a {

	text-decoration: none;

	color: #fff;

	text-transform: uppercase;

	font-size: 0.9em;

	letter-spacing: 0.02em;

}



/* =Slider

-------------------------------------------------------------- */



.slider {

	width: 100%;

	margin-top: 82px;

	text-align: center;

}



.slider-container {

	position: absolute;

	z-index: 11;

	width: 100%;

}



.slider-previous, 

.slider-next { 

	width: 20%; 

	height: 100%; 

	float: left; 

	padding-top: 15%;

}



.slider-previous:hover, .slider-next:hover { opacity: .5; filter: alpha(opacity=50); }



.slider-previous { text-align: right; }

.slider-next { text-align: left; }



.slider-info {

	text-align: left;

	width: 60%;

	padding-top: 8%;

	float: left;

}



.slider-title {

	margin-left: 22%;

	font-size: 3.6em;

	background: #fff;

	padding: 3px 8px;

	font-family: 'FrontageRegular', Fallback, sans-serif;



}



.slider-content {

	width: 600px;

	margin: 3% auto 5% auto;

	font-size: 2.0em;

	color: #fff;

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	letter-spacing: 0.20em;

	text-align: right;

}



.slider-button {

	width: 400px;

	margin: 50px auto;

	text-align: right;

}



.slider-button a {

	font-size: 0.8em;

	font-weight: 700;

	color: #fff;

	text-decoration: none;

	padding: 15px 30px;

	border: solid 2px #FFF;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	font-family: 'Open Sans', sans-serif;

	letter-spacing: 0.3em;

}



.slider-button a:hover {

	background: #fff;

	color: #000;

}



/* =About

-------------------------------------------------------------- */



.aboutus {

	width: 100%;

	margin-top: 82px;

	text-align: center;

	border-bottom: #888888 solid 140px;

}



.sub-heading1 {

	max-width: 720px;

	margin: 25px auto;

	font-size: 0.9em;

	text-transform: uppercase;

	font-family: 'FrontageRegular', Fallback, sans-serif;

	color: #888888;

}



.sub-heading2 {

	max-width: 710px;

	margin: 20px auto;

	font-size: 0.95em;

	letter-spacing: -0.05em;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

}



.about-img-title {

	position:relative; 

	top: 90px; 

	left: 0px;

}



.about-img {

	position:relative; 

	top: 70px; 

	left: 0px;

}



/* =Product

-------------------------------------------------------------- */



.products {

	margin-top: 82px;

	width: 100%;

	text-align: center;

}



.product {

	width: 100%;

	height: auto;

	background: #fcfcfc;

	padding: 20px 0px;

	text-align: center;

}



h1.product-title {

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	font-size: 1.6em;

	margin: 10px;

}



.product-slider {

	width: 850px;

	margin: 20px auto;

	text-align: center;

}



.product-filter {

	width: 92%;

	text-align: center;

	list-style: none;

	display: block;

}



.product-filter li {

	display: inline;

	padding: 0px 10px;

}



.product-filter li:before {

	content: '/';

	width: 8px;

	height: 16px;

	position: absolute;

	margin-left: -13px;

	margin-top: 1px;

	color: #888888;

}



.product-filter li:first-child:before {

	content: " ";

	width: 0px;

	height: 0px;

}



.product-filter li a {

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

	font-style: italic;

	font-size: 0.7em;

	text-decoration: none;

	color: #888888;

	text-transform: uppercase;

}



.product-filter li a:hover, .product-filter .active {

	color: #000000;

}



.product-info {

	height: auto;

	margin: 0px auto;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-size: 0.9em;

	list-style: none;

}



.product-info li {

	text-align: center;

	width: 93%;

}



.product-info-title {

	font-weight: bold;

}



.category {

	list-style: none;

	margin: 30px 0 0 0;

	padding: 0px;

}



.category li {

	text-align: left;

	display: inline;

	margin: 0px;

	padding: 0px;

	width: 25%; 

	float: left;

}



.category li a { 

	display: block; 

	padding-bottom: 85px; 

	position: relative; 

	color: #505050;

}



.category li a img {

	width: 100%;

}



.category-info {

	position: absolute; 

	width: 100%; 

	height: 100%; 

	top: 0; 

	z-index: 100;

}

.category-grid {

	width: 1200px;

	margin: 82px auto 0 auto;

}

.category-grid h2 {

	padding-top: 50px;

}

.category-grid .left {

	width: 23%;

	float: left;

	font-family: 'FrontageRegular', Fallback, sans-serif;	

}

.category-grid .right {

	width: 75%;

	padding-left: 2%;

	float: left;

}

.category-grid .right p {

	margin: 0;

	padding-bottom: 20px;

}

.category-grid .right .product-grid {

	width: 100%;

	height: auto;

	margin-top: 20px;

}

.category-grid .right .product-grid > div {

	display: inline-block;

	width: 283px;

	height: 192px;

	margin: 0 0 20px 20px;

	position: relative;

}

.category-grid .right .product-grid > div:nth-child(3n+1) {

	margin: 0 0 20px 0 !important;

}

.category-grid .right .product-grid .image:hover > a { display: flex; }

.category-grid .right .product-grid .image a {

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 283px;

	height: 192px;

	color: #fff;

	background: rgba(136, 136, 136,0.7);

	font-family: 'FrontageRegular', Fallback, sans-serif;	

	text-align: center;

	text-decoration: none; 

	letter-spacing: -3px;

	line-height: 20px;

	display: none;

	justify-content: center;

	align-items: center;

}

.category-grid .left .title {

	font-size: 1.5em;

	background: #888888;

	padding: 5px 8px;

	color: #fff;

	font-family: 'FrontageRegular', Fallback, sans-serif;

}

.category-grid .left ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.category-grid .left ul a { 

	color: #7b7979; 

	text-decoration: none; 

	display: inline-block;

	position: relative;

	letter-spacing: -2px;

}

.category-grid .left ul.menu > li > a:after {

	position: absolute;

	top: 6px;

	right: 10px;

	content: '+';

	display: block;

}

.category-grid .left ul.menu > li > a.active:after {

	content: '-';

}

.category-grid .left ul a.active { color: #000; font-weight: bold; }

.category-grid .left ul > li > a { font-size: 16px; padding: 5px 4px; }

.category-grid .left ul.sub-menu {

	list-style: disc;

	list-style-position: inside;

	color: #7b7979;

	padding-left: 10px;

}

.category-grid .left ul.sub-menu > li > a {

	font-size: 11px;

}





.meta { position: absolute; bottom: 0; margin-bottom: 25px; width: 100%; text-align: center; }

.meta h4 { margin: 0px; text-transform: uppercase; }

.meta h6 { margin: 0px; color: #8d8d8d !important; }

.meta em { font-family: "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; color: #424242; }



/* =Footer

-------------------------------------------------------------- */



footer {

	margin-top: 50px;

	padding: 0px 0px 30px 0px;

	width: 100%;

	background: #000000;

	color: #fff;

}



/* =Contact Form

-------------------------------------------------------------- */



#contact-container {

	width: 100%;

	color: #fff;

	background: #0f0f0f;

}



.contact-form {

	width: 850px;

	height: auto;

	margin: 0px auto;

	padding: 20px 0px 40px 0px;

	text-align: center;

}



.contact-form form {

	padding-top: 30px;

}



.border-contact { background: #dcdcdc !important; }



.contact-form input[type='text'], .contact-form textarea {

	width: 350px;

	background: #000;

	color: #fff;

	border: 1px solid #fff;

	padding: 6px 18px;

	margin-bottom: 10px;

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}

.contact-form input[type='text']:focus, .contact-form textarea:focus { 

	background: #fff;

	color: #000;

	outline: none; 

	-webkit-transition: background 0.2s linear;

	-moz-transition: background 0.2s linear;

	-ms-transition: background 0.2s linear;

	-o-transition: background 0.2s linear;

	transition: background 0.2s linear;

}



.contact-form input[type='text']:not(:focus), .contact-form textarea:not(:focus) { 

	background: #000;

	color: #fff;

	outline: none; 

	-webkit-transition: background 0.2s linear;

	-moz-transition: background 0.2s linear;

	-ms-transition: background 0.2s linear;

	-o-transition: background 0.2s linear;

	transition: background 0.2s linear;

}



.contact-form input[type='submit'],

.pdfbutton {

	background: #292929;

	color: #fff;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	padding: 10px 100px;

	border: none;

	text-transform: uppercase;

	text-decoration: none;

        background: transparent url(images/dlicon.png) no-repeat center;

}

.pdfbutton { 

	padding: 16px 27px;

}

.contact-form input[type='submit']:hover {

	cursor: pointer;

	background: #fff;

	color: #000;

}



.contact-form input[type='submit']:focus,

.pdfbutton:focus { outline: none; }



.contact-error-container {

	width: 100%;

	height: auto;

	padding-bottom: 20px;

}



.contact-error {

	display: none;

	background: #d52626;

	color: #fff;

	font-size: 0.7em;

	padding: 5px 10px;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.contact-correct {

	display: none;

	background: #00e440;

	color: #fff;

	font-size: 0.7em;

	padding: 5px 10px;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



/* =Contact

-------------------------------------------------------------- */



.contact {

	padding-top: 30px;

	width: 990px;

	text-align: center;

	margin: 0px auto;

	font-size: 0.72em;

	color: #8d8d8d !important;

}



.tel, .email, .location, .icon-tel, .icon-email, .icon-location {

	width: 33%;

	float: left;

}



.icon-tel {

	background: url(images/icons/icon-phone.png) center center no-repeat;

	height: 100px;

}



.icon-email {

	background: url(images/icons/icon-mail.png) center center no-repeat;

	height: 100px;

}



.icon-location {

	background: url(images/icons/icon-map.png) center center no-repeat;

	height: 100px;

}



.email a, .location a {

	color: #656565 !important;

}



.tel table {

	width: 110px;

	margin: 0px auto;

}



.copyright {

	padding: 60px 0px 30px 0px;

	width: 100%;

	text-align: center;

	font-size: 0.7em;

	font-weight: bold;

}