@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Exo:400,700&subset=latin,latin-ext);

html {min-height:100%;}
body {margin:0; padding:0 0 84px 0; background:#000; font-size:12px; color:#fff; font-family: 'Titillium Web', sans-serif; font-weight:400;}
body, table {width: 100%; height: 100%; }
img {border:0;}
a {color:#fff;}
a:hover {color:#D59F5C; text-decoration:none;}
h1 {font-size:60px; color:#fff; font-weight:200; text-shadow:2px 2px 1px #000;}
h2 {font-size:24px; font-weight:300; color:#666;}
ul{margin:0; padding:0; list-style:none;}
.hr {width:100%; background:#ccc; height:1px; clear:both;}
.wrapper {width:1000px; margin:0 auto;}
input {padding:8px;}


.userof {position: absolute; top: 110px;  left: 20px;  color: #000;  font-size: 19px;  font-weight: 700;}
.userof p{margin: 10px 0 0 0;}
#header {width:100%; height:100px; background:rgba(0,0,0,.5);  position:fixed; top: 10px; z-index:9;}

.header_line {width:calc(100% - 280px); height:2px; position: fixed; right: 0px; top:57px; background: #D59F5C; z-index: 99;}

#footer {width:100%; height:80px; background:rgba(0,0,0,.5); position:fixed; bottom:0; z-index:9;}
#logo {float:left; padding:23px 20px;}
#logo img{height:55px;}
#menu {font-family: 'Exo', sans-serif; font-weight:400; font-size: 14px;}
#menu ul{float:right; margin-right: 10px;}
#menu li{float:right; list-style:none;}
#menu li a{color:#fff; text-decoration:none; padding:20px 15px; display:block;}
#menu li a:hover {color:#D59F5C;}

#lang {text-align:right; margin-top: 15px; margin-right: 20px;}

#social {float:left; padding:0 20px; font-size: 14px; font-style: italic; font-weight:300; color:#fff;}
#social p {margin:0; padding:7px 0;}

#newsletter {float:right; padding:0 20px; font-size: 14px; font-style: italic; font-weight:300;}
#newsletter p {margin:0; padding:2px 0; color:#D59F5C; font-size: 20px; font-weight: 300;}
#newsletter input[type="text"]{background:#000; border:1px solid #333; color:#fff;}
#newsletter input[type="submit"]{border:1px solid #000; color:#000;
box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.55);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#999999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#999999 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999',GradientType=1 ); /* IE6-9 */

}

#menu_mobile_btn {display:none; float:right; cursor: pointer;width: 51px;height: 46px; background: url(../images/menu-icon.png) #050505 no-repeat center center; margin-top: 15px; margin-right: 15px;}
#menu_mobile {display:none; background:#111; clear: both; position: fixed;top: 0;left: 0; z-index:99999999999; min-height: 100%; width: 250px;}
#menu_mobile ul{padding:20px 0;}
#menu_mobile li{list-style:none; border-bottom: 1px solid #222}
#menu_mobile li a{color:#fff; text-decoration:none; padding:5px 30px 5px 10px; display:block; border-left:4px solid #050505;}
#menu_mobile li a:hover {color:#D59F5C; border-left:4px solid #D59F5C;}


#page {padding: 114px 0 100px 0; overflow: hidden;}
#submenu {float:left; width:200px; position:fixed; background:rgba(0,0,0,.5); left:325px;}

#gallery_left {float:left; width:330px; min-height:175px; left: 420px; position: fixed; background:rgba(0,0,0,.5);}

.zoom {position: absolute;height: 25px !important; width: 25px !important; padding: 10px;}



#submenu ul{margin:0; padding:0;}
#submenu li {font-size:18px; font-weight:300; font-style:italic;}
#submenu li a{text-decoration:none; display:block; padding: 2px 10px;}
#submenu li a:hover{color:#fff; background:rgba(0,0,0,.5);}
#submenu li.act a{color:#fff; background:rgba(0,0,0,.5);}

#subpage {float:left; width:280px; background:rgba(0,0,0,.5); padding:10px 20px; font-size:14px;}
#subpage a {color:#D59F5C;}
#subpage a:hover {color:#000; text-decoration:none;}

.submenu_title {color:#D59F5C; font-size:32px; font-weight:300; font-style:italic; padding:10px;}
.subpage_title {color:#D59F5C; font-size:32px; font-weight:300;}
.back {font-size: 14px; background: #D59F5C;color: #fff;}
.back a{display: block;padding: 4px 10px 6px 10px;text-decoration: none;}
.back a:hover{background:#000;}

#left {width: 250px; position:absolute;left: 20px; top:125px; padding-bottom: 90px;}
#left div{}
#left div h1{background:rgba(255,153,0,.8); color:#fff; text-shadow:1px 1px 2px #000; font-size:18px; font-weight:400; font-style:italic; position: absolute;width: 230px;margin-top: -48px; padding:3px 10px;}

#slogan {width: 600px; position:absolute;right: 50px; top:175px; text-align:right;}
#slogan h1{font-size:42px;color:#D59F5C; text-shadow:0 1px 1px #000 !important; text-shadow:none; font-style:italic; margin:0;font-weight: 400;}
#slogan h2{font-size:22px; font-style:italic;  margin:0; text-shadow:0 1px 1px #000; color:#fff;font-weight: 400;}


.product {float:left; width:100%; padding:0 !important; margin-top: -4px;}
.product li {float:left; width: 250px; list-style:none; margin:0; height: 174px; overflow: hidden;}
.product li:nth-child(3n) {margin: 0 !important;}
.product li h1{background:rgba(0,0,0,.6); color:#fff; text-shadow:1px 1px 2px #000; font-size:18px; font-weight:400; font-style:italic; position: absolute;width: 230px;margin-top: -38px; padding:3px 10px;}

.product li:hover{box-shadow:0 0 40px #000; position:relative; z-index:999;
				-webkit-transform: scale(1.1);
				-moz-transform: scale(1.1);
				-o-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
} 


.detail_table tr td{vertical-align: top;}
.detail_table tr td:nth-child(2n-1){width:180px; font-weight:700;}

@media screen and (max-width:950px) {
	
	
	#menu, .header_line {display:none;}
	#menu_mobile_btn {display:block;}
	
	#submenu {width: 100%; position: relative; left: 0; margin-top: 1px;}
	
	#gallery_left {left: 0; position: relative;}

	#header{height: 70px; top: 10px;}
	#logo {padding: 17px 10px;}
	#menu_mobile_btn {margin-top: 12px; margin-right: 12px;}
	#logo img { height: 36px;}
	#page {padding: 80px 0 100px 0;}
	

}

@media screen and (max-width:480px) {
#gallery_left {width:100%;}
}












.slowest{-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}
.slower{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}	
.slow{-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}
.normal{-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}	
.fast{-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}	
.faster{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}	
.fastest{-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}