@charset "utf-8";
/* CSS Document */

/* BODY */
body {
	background-color:#151515;
}

.center{
	margin:auto;
	width:1000px;
}

.nav { width: 100%;
	    height: 0px;
		color: white;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 999;
background: rgb(28,27,37);
background: -moz-linear-gradient(-45deg, rgb(28,27,37) 53%, rgb(126,82,46) 100%);
background: -webkit-linear-gradient(-45deg, rgb(28,27,37) 53%,rgb(126,82,46) 100%);
background: linear-gradient(135deg, rgb(28,27,37) 53%,rgb(126,82,46) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1b25', endColorstr='#7e522e',GradientType=1 );
}
		
#header{
	padding:65px 20px 65px 20px;
	}		
		
.menu {
	float:left;
	width:auto;
	text-decoration:none;
	text-align:center;
	margin-left:10px;
	padding: 3px 5px 3px 5px;
	color:#FC0;
    transition: all 0.8s ease;
	font-family:futuraLight2m;
	font-size:20px;
	}
	
.menu:hover {
  display:block;
  background-color:#FC0;
  text-decoration: none;
  color:#000;
  cursor:pointer;
	}	
	
.menu2 {
	float:left;
	width:auto;
	text-decoration:none;
	text-align:center;
	margin-left:10px;
	padding: 3px 5px 3px 5px;
	color:#FC6;
    transition: all 0.8s ease;
	font-family:futuraLight2m;
	font-size:20px;
	}
	
.menu2:hover {
  display:block;
  background-color:#FC0;
  text-decoration: none;
  color:#000;
  cursor:pointer;
	}		
	
/* Home Page */

#container1{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#Slider{
	float:left;
	width:100%;
	height:70%;
	background-color:#000;
	}

#home_box{
	float:left;
	width:100%;
	height:30%;
	top:50%;
	background-color:#151515;
	text-align:center;
	padding: 10px 10px 10px 10px;
	}	

.collection {
	border:1px solid #FC6;
	width:250px;
	text-decoration:none;
	margin-top:10px;
	color:#FC6;
    transition: all 0.8s ease;
	font-family:futuraLight;
	font-size:20px;
	position: absolute;
	left: 50%;
	margin-left: -125px;
	}
	
.collection:hover {
  display:block;
  background-color:#FC6;
  text-decoration: none;
  color:#000;
  cursor:pointer;
	}	

/* Profile Page */

#container2{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#profile{
	width: 100%;
	height:55%;
	float:left;
	position:relative;
	background-color:#151515;
	}

#profile img {
	max-height:100%;
	max-width:100%;
}	

#profile_text{
	float:right;
	width:400px;
	height:400px;
	font-family:futuraLight;
	color:#FFF;
	}



#profile_box{
	float:left;
	width:100%;
	height:45%;
	background-color:#2E2E2E;
	text-align:center;
	}		


/* Product Page */

#product_1{
	width: 100%;
	height:35%;
	float:left;
	position:relative;
	background-color:#933;
	z-index:1;
	}
	
#product_1text{
	z-index:3;
	width:800px;
	height:100px;
	float:right;
	position:absolute;
	/*margin:200px 0 0 550px;*/
	}	
	
#product_2{
	width: 100%;
	height:20%;
	float:left;
	position:relative;
	background-color:#fff;
	z-index:3;
	}	

#product_1 img ,#product_2 img,#product_3 img {
	max-height:100%;
	max-width:100%;
}	

.product {
	border:1px solid #fff;
	width:250px;
	text-decoration:none;
	margin-top:20px;
	color:#fff;
    transition: all 0.8s ease;
	font-family:futuraLight;
	font-size:25px;
	position: absolute;
	left: 50%;
	margin-left: -125px;
	}
	
.product:hover {
  display:block;
  background-color:#fff;
  text-decoration: none;
  color:#333;
  cursor:pointer;
	}	
	
#product_3{
	width: 100%;
	height:45%;
	float:left;
	position:relative;
	background-color:#fff;
	}	

#product_box{
	width:calc(33% - 40px);
	height:auto;
	float:left;
	margin: 10px 20px 10px 20px;
	text-align:center;
	font-family:futuraLight;
	font-size:18px;
	}


.fade{
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	}

.fade:hover{
	 cursor:pointer;
     opacity: 0.5;
	}



/* Events Page */	

#container4{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#events_1{
	width: 100%;
	height:20%;
	float:left;
	position:relative;
	font-family:futuraLight2m;
	font-size:100px;
	color:#FFF;
	text-align:center;
	}
	
#events_2{
	width: 100%;
	height:28px;
	float:left;
	position:relative;
	}	
	
#events_3{
	width: 100%;
	height:calc(80% - 78px);
	float:left;
	position:relative;
	/*margin-top: -28px;*/
	/*padding: 30px 30px 30px 30px;*/
	}		
	
.events {
	border:1px solid #FC6;
	width:200px;
	text-decoration:none;
	color:#FC6;
    transition: all 0.8s ease;
	font-family:futuraLight;
	font-size:20px;
	margin-left: 50px;
	float:left;
	position:relative;
	}
	
.events:hover {
  display:block;
  background-color:#FC6;
  text-decoration: none;
  color:#000;
  cursor:pointer;
	}	
	
#event_box{
	border:1px solid #FC6;
	width: calc(25% - 55px); /*calc(33.33% - 25px); /*400px;*/
	height: calc(80% - 65px); /*calc(100% - 65px);*/
	padding: 5px 5px 5px 5px;
	float:left;
	margin-left:10px; /*10px;*/
	margin-top: 3%;
	overflow: hidden;
	}	

.event-btn-container {
	width: 609px;
	left:50%;
	margin-left: -303px;
	position: absolute;
	display: none;
}	
#event-container {
	height: calc(100% - 15px);
	margin-top: 15px;
	margin-left:100px;
}
#event-overseas, #event-local, #event-coming {
	height: 100%;
}

.event-title {
	width: 100%;
	float:left; 
	font-family:futuraLight2m; 
	font-size:22px; 
	color:#FC6;
}
.event-date {
	width: 100%;
	float:left; 
	font-family:futuraLight2m; 
	font-size:16px; 
	color:#FFC107;
}
.event-desc {
	width: 100%;
	float:left; 
	font-family:futuraLight; 
	font-size:12px; 
	color:#fff;
	overflow: hidden;
}

#event-text {
    width:100%;
    height: 55%;
}
#event-init-container {
    width:80%;
    height: 50%;
    margin:0px 11%;
}

#event-init-oversea {
    background: url(../images/event-icon-01.png);
    background-size: contain;
    background-repeat: no-repeat;  
    background-position: center;
}

#event-init-local {
    background: url(../images/event-icon-02.png);
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: center;
}

#event-init-coming {
    background: url(../images/event-icon-03.png);
    background-size: contain;
    background-repeat: no-repeat;  
    background-position: center;
}

.event-init-btn {
    height:90%;
    width: 33.3333%;
    position: relative;
    float: left;
}

/* Contact Page */	


#container5{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#contact_1{
	width: calc(100% - 40px);
	height:calc(40% - 40px);
	float:left;
	position:relative;
	padding: 20px 20px 20px 20px;
	}
	
#contact_1b{
	width: 100%;
	height:calc(30% - 40px);
	background-image:url(../images/p1/fotolia_105316592.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	float:left;
	position:relative;
	padding: 20px 20px 20px 20px;
	}	
	
#contact_2{
	width: calc(50% - 30px); /*calc(33.3% - 30px);*/
	height:calc(70% - 30px);
	float:left;
	position:relative;
	padding:15px;
	}	


input[type=text], select, textarea {
    width: calc(100% - 10px);
    padding:7px 10px;
    border-radius:0px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    resize: vertical;
	font-family:futuraLight;
	background-color:#333;
	border: 0px solid #333;
}
input[type=text]:focus, select:focus, textarea:focus {
    background-color: #333;
    color: white;
    padding: 12px 20px;
    border: none;
    cursor: pointer;
	transition: all 1.2s ease;
}

input[type=submit] {
    background-color: #333;
    color: #FC0;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
	transition: all 2s ease;
    cursor: pointer;
	width:100%;
}

input[type=submit]:hover {
    background-color: #FC0;
	transition: all 2s ease;
	color:#333;
}

#contact_3{
	width: calc(50% - 30px); /*calc(33.3% - 30px);*/
	height:calc(70% - 30px);
	float:left;
	position:relative;
	padding:15px;
	}	

#contact_4{
	width: calc(33.3% - 30px);
	height:calc(70% - 60px);
	float:left;
	position:relative;
	padding:15px;
	}	

.container {
    border-radius: 20px;
	width: 100%;
	height: 100%;
}	

#fullpage {
	height: calc(100% - 130px) !important;
	margin-top: 130px;
}
.nivo-controlNav {
	display:none;
}


/* P1 */	

.containerP1{
    height: 650px;
    width: 100%;
    left: 0;
    position: relative;
	float:left;
	}

.container50{
	width:50%;
	height:auto;
	float:left;
	position:relative;
	}	
	
.container50b{
    height: 446px;
    width: 50%;
    left: 0;
    position: relative;
	float:left;
	}
	
.containerP1_inner2{
    height: 60%;
    width: 100%;
    left: 0;
    position: relative;
	float:left;
	}	
	
#p1a{
	background-image:url(../images/p1/fotolia_132767184.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	}	
	
.p1a:focus{
	transform: scale(1.2);
	}	
	
#p1b{
	background-image:url(../images/p1/fotolia_105563910.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	}		
	
.p1_text{
	font-family:futuraLight;
	color:#CCC;
	line-height:30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	}	
	
#p1c{
	background-image:url(../images/p1/fotolia_90351118.png);
	background-size: 100% ;
	background-repeat:no-repeat;
	background-position:center;
	}		
	
/* P2 */		
.containerP2{
    height:auto;
	overflow:hidden;
    width: 100%;
    left: 0;
    position: absolute;
	float:left;
	}
	
.containerP2a{
    width: 60%;
	height:450px;
	float:left;
	}
	
.containerP2b{
    width: 40%;
	height:450px;
	float:left;
	}	
	
.containerP2c{
    width: 100%;
	height:100%;
	float:left;	
	background-image:url(../images/p1/fotolia_88075412.jpg);
	background-size: 100% ;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:-100px;
	}	

/* P3 */	
.containerP3{
    height:auto;
	overflow:hidden;
    width: 100%;
    left: 0;
    position: absolute;
	float:left;
	}
	
.container100{
	width:100%;
	float:left;
	}	

.container60{
	width:60%;
	height:auto;
	float:left;
	position:relative;
	}		
	
.container40{
	width:40%;
	height:auto;
	float:left;
	position:relative;
	}

.container30{
	width:calc(33.33% - 20px);
	height:auto;
	float:left;
	position:relative;
	margin: 10px 10px 10px 10px;
	}
	
.container30_inner{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	}	
		
.container30_inner_text{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	text-align:center;
	font-family:futuraLight2m;
	font-size:18px;
	color:#CCC;
	}		
			
.zoom-effect-container{
    height: 100%;
    width: 100%;
    left: 0;
    position: relative;
	float:left;
	overflow: hidden;
	}

.image-card {
  position: absolute;
  top: 0;
  left: 0;
}

.image-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.zoom-effect-container:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.mailto{color:#FC0; text-decoration:none}
.mailto:hover{color:#FF0}

.copyright {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    font-size: 0.7em;
}

.privacy {
        color: #F60;
    text-decoration: none;
}

#privacy-content {
    display: none;
    width: 760px;
    height: 400px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 99999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -400px;
    color: #fff;
    border: 1px solid #FFF;
    padding: 20px;
}

#blackmask {
    width: 100%;
    height: 100%;
    z-index: 998;
    display: none;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top:0px;
    left:0px;
}