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




.showMobile{
 display:none; 
}
.hideMobile{
  display:block!important; 
}
@media all and (max-device-width: 960px)
{

html,body{
 height:auto; 
width:100%;
overflow-x:hidden;
}

body{


}
.showMobile{
 display:block; 
}
.hideMobile{
  display:none!important; 
}

.languageWrap{
 position:absolute;
 right:0px;
 top:-160px;
}


#wrap{
 width:100%;
 height:auto!important;
overflow-x:hidden;
}


#left_panel{
width:279px;
position:fixed;
min-height:100%;
z-index:1;
top:0;
left:0;
background-color:#655533;
border-right:1px #9a824e solid;
overflow:auto;
-webkit-overflow-scrolling: touch;
display:none;

}
#nav a{
color:#c4a564;

}

#right_panel{
width:100%;
float:none;
margin-right:0;

position:relative;
z-index:99;
background-color:#000;
}

#right_cont{
width:100%;

float:none;
position:relative;

}


#logo{
width:100%;
height:120px;
margin:0 auto;
display:block;
text-align:center;
background-color:#000;
}
#logo img{
height:70%;
margin:15px 0 0 0;
}





#page_home{
top:0;
}


.goldenBg{

 height:auto;
 width:80%;
 padding:20px 10%;
 position:static;

display:block;
 background:#907949 url(../im/homeGolden.png) left top no-repeat;
 background-size:cover;

}








#legacy_cont{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
position:static;
padding:0;
z-index:1;
width:90%;
padding:170px 5% 20px 5%;
text-align:center;

}

.act0{
 background:url(../im/page_bg/stroy_intro_bg.jpg) center top no-repeat fixed;
 padding:100px 5% 20px 5%!important;
}
.act1{
 background:url(../im/page_bg/stroy_act1_bg.jpg) center top no-repeat fixed;
}

.act2{
 background:url(../im/page_bg/stroy_act2_bg.jpg) center top no-repeat fixed;
}

.act3{
 background:url(../im/page_bg/stroy_act3_bg.jpg) right 200px no-repeat fixed;
}

.act4{
 background:url(../im/page_bg/stroy_act4_bg.jpg) center top no-repeat fixed;
}

#legacy_top{
height:auto;
padding:0 0 0 0;
position:absolute;
left:0;
top:0;

float:none;
z-index:9;
width:100%;
text-align:center;
}



#legacy_top h1{
display:block;
}

#nav_sub.page_legacyintro a{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

#nav_sub{
 padding:20px 0 10px 0;
}

#nav_sub a{
 float:none;
 display:inline-block;
margin:4px 10px;
}




#inspiration_wrap{
 margin:0;
 width:100%;
 padding:40px 0;
}

.act_column{
 float:none;
 padding:0 20px;
 

 clear:both;
 text-align:center;
}

.bottle{
height:auto;
float:none;
padding:0 22px;
display:inline-block;
height:280px;
}
.bottle img{
height:250px;

}

.product_name{
position:absolute;
top:230px;

}




#product_img{
position:static;
margin:0px auto 0 auto;
width:300px;
text-align:center;
padding:20px 0 0 0;
}

#product_img img{
 width:40%;
}
#product_content{
 margin:0 5%;
 text-align:center;
position:relative;
float:none;
width:90%;
padding:0 0 50px 0;
overflow:hidden;
}

h2{
 margin:10px 0;
}


.btn_next{

 display:block;
 float:right;
 margin:50px 20px 0 20px;
 position:static;

}



#header_top{
height:auto;
padding:20px 0 0 0;
position:static;

width:auto;
background-color:none;
}

h1#centerheader{
 margin:0; 
}

 .normalContent {
opacity: 1;
padding: 20px 0;
width:90%;
margin:0 5%;
position:relative;

}

.galleyWrap{
 text-align:center;
}
.galleyWrap a{
 width:44%;
 display:inline-block;
}
.galleyWrap a img{
 width:100%;
}

.publicationBox{
 margin:0px;
 display:block;
 float:left;
 height:auto;
 width:44%;
 margin:0 3%;
}


.publicationBox span{
 display:block;
 height:50px;
}





#contact_cont{
 width:90%;
 margin:0 5%;
padding:20px 0;

filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;

}


#contact_form{
 width:100%; 
}
.tbl_contact{
 float:none!important;
 width:320px;
}
input.long, textarea{
 width:169px;
}

#terms_cont{
 width:90%;
 margin:0 5%;
}

#terms_cont{

 padding:20px 0 60px 0;

 

filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity:1;

}




#footer{
position:static;
margin:60px 0 30px 0;
width:auto;
}




.atelierBox .leftPhoto{
 float:none;
 width:100%;
 display:block;
 margin:20px 0;
}

.atelierBox .atelierCont{
 float:right;
 width:90%;
 float:none;
 margin:0 5%;
}

.formRow .filedWrap{
	width:auto
}

.form .col-6 {
 width: 100%;
}

.form .checkBoxRow label{
	 width: 50%;
}