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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@font-face {
font-family: 'serifabt';
src: url('../fonts/serifabt.eot');
src: url('../fonts/serifabt.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/serifabt.woff') format('woff'),
	 url('../fonts/serifabt.ttf') format('truetype'),
	 url('../fonts/serifabt.svg#serifabt') format('svg');
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, div { margin:0; padding:0; font-weight:normal; }
a{ text-decoration:none;}
img { border:0;}
map, area { border:0; outline:none; }
.clear{ clear:both; margin:0; padding:0; }
body { margin:0 auto; padding:0; font-family:Calibri, Arial, Helvetica, sans-serif; color:#353535; font-size:14px; }


#wrapper { width:100%; position:relative;}
.overFlow{ overflow-x:hidden;}
/*Header*/
#headerHolder{ width:100%; background:#ffffff; position:fixed; height:56px; z-index:9999; }
#headerHolder .header{ width:865px; margin:0 auto; position:relative; }
#headerHolder .header ul{ margin:0; padding:0;}
#headerHolder .header ul li{ display:inline-block; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase; margin:0; padding:19px 33px 18px 32px; background:url(../images/nav-divider.gif) no-repeat right center; list-style:none;}
#headerHolder .header ul li a{ color:#4d3e4d;}
#headerHolder .header .hoverEffect{ color:#4d3e4d;  display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
#headerHolder .header .hoverEffect:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #ff0000; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#headerHolder .header .hoverEffect:hover:before{ left: 0; right: 0;}
#headerHolder .header ul li.current{ border-bottom:#ff0000 2px solid;}
#headerHolder .header ul li.seperator{ margin:0 0px 0 112px; padding:18px 33px 18px 30px;}
#headerHolder .header ul li.logo-menu-left{ background:none; padding:19px 30px 18px 30px;}
#headerHolder .header ul li:last-child{ background:none;}
#headerHolder .header #resNavigation{  width:100%; padding:10px 0px 0px 0; float:right; display:none; }
#headerHolder .header #resNavigation ul{ margin:0; padding:0;}
#collection{ cursor:pointer;}

.logoPan{ position:absolute; left:388px; top:0px; }

#footerHolder{ width:100%; background:url(../images/footer-bg.png) no-repeat center top; padding:110px 0 0 0; position:absolute; bottom:0; left:0; height:54px; z-index:99; }
.footer{ width:990px; margin:0 auto; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:12px; }
.footer .footerLinks{ width:210px; padding:0px 0 15px 0; float:right; text-align:left; }
.footer .footerLinks span{ color:#3b1b11; text-transform:none; padding:0 5px 0 0; }
.footer .footerLinks a{ padding:0 5px; color:#3b1b11;}
.footer .createdBy{ width:200px; padding:0px 0; float:right; text-align:left; font-size:11px; }
.footer .createdBy a{ color:#3b1b11;}

.container { width:100%; position:relative; padding:55px 0 0 0; }
.nicescroll-rails { z-index:999 !important; }

.sections { width:100%; position:relative; background-size:cover; margin-bottom:-12%; height:0; padding-bottom:56.25%; }
.sect1 { background:url(../images/banners/1.jpg) no-repeat center 40px fixed; -webkit-background-size:cover;  -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.sect2 { background:url(../images/banners/2.jpg) no-repeat center top fixed; -webkit-background-size:cover;  -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.sect3 { background:url(../images/banners/3.jpg) no-repeat center top fixed; -webkit-background-size:cover;  -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.sect4 { background:url(../images/banners/4.jpg) no-repeat center top fixed; -webkit-background-size:cover;  -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.sect5 { background:url(../images/banners/5.jpg) no-repeat center top fixed; -webkit-background-size:cover;  -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
 .sect2,  .sect3,  .sect4, .sect5 {-webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%); }
  
.detailCon{ width:990px; position:absolute; left:50%; top:300px; margin:0px 0 0 -495px; text-align:right; z-index:9; }
.detailCon span{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:30px; color:#5e3039; padding:0 8px; right:0px; top:-30px; opacity:1; position:absolute;}
.detailCon h2{ position:absolute; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:122px; color:#3e1a21; line-height:70%; top:0px; right:0px; opacity:1;}
.detailCon p{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:50px; color:#3e1b21; line-height:70%; padding:5px 0; position:absolute; right:0px; top:85px; opacity:1;}
.detailCon .collection{ width:185px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px; text-align:center; float:right; margin:20px 0 0 0; position:absolute; right:0; top:130px; opacity:1;}
.detailCon .collection a,.CollectionWrap .hvr-even{ display:block; padding:15px; color:#3e1a21; box-shadow: inset 0 0 0 2px #3e1a21; transition:background-color 0.5s linear;}
.detailCon .collection a:hover{ color:#ffffff;}

.slideTwoDetail{ width:990px; position:absolute; left:50%; top:400px; margin:0px 0 0 -495px; text-align:left; z-index:9; color:#948239; }
.slideTwoDetail span{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:30px; padding:0 8px; left:0px; top:-5px; opacity:1; position:absolute;}
.slideTwoDetail h2{ position:absolute; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:113px; line-height:70%; top:48px; left:0px; opacity:1;}
.slideTwoDetail p{ position:absolute; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:59px; line-height:70%; top:146px; left:0px; opacity:1;}
.slideTwoDetail .wooCollection{ width:285px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px; text-align:center; float:right; margin:20px 0 0 0; position:absolute; left:0; top:190px; opacity:1;}
.slideTwoDetail .wooCollection a { display:block; padding:15px; color:#948239; box-shadow: inset 0 0 0 2px #948239; transition:background-color 0.5s linear;}
.slideTwoDetail .wooCollection a:hover { color:#ffffff;}

.slideThreeDetail{ width:990px; position:absolute; left:50%; top:405px; margin:0px 0 0 -495px; text-align:right; z-index:9; }
.slideThreeDetail span{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:30px; color:#5e3039; padding:0 8px; right:0px; top:-60px; opacity:1; position:absolute;}
.slideThreeDetail h2{ position:absolute; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:122px; color:#3e1a21; line-height:40%; top:0px; right:0px; opacity:1;}
.slideThreeDetail p{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:50px; color:#3e1b21; line-height:70%; padding:5px 0; position:absolute; right:0px; top:80px; opacity:1;}
.slideThreeDetail .gazingCollection{ width:185px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px; text-align:center; float:right; margin:20px 0 0 0; position:absolute; right:0; top:130px; opacity:1;}
.slideThreeDetail .gazingCollection a{ display:block; padding:15px; color:#3e1a21; box-shadow: inset 0 0 0 2px #3e1a21; transition:background-color 0.5s linear;}
.slideThreeDetail .gazingCollection a:hover { color:#ffffff; }

.slideFourDetail{ width:990px; position:absolute; left:50%; top:330px; margin:0px 0 0 -495px; text-align:left; z-index:9;  }
.slideFourDetail span{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:30px; padding:0 8px; left:0px; top:0px; color:#4d3c00; opacity:1; position:absolute;}
.slideFourDetail h2{ position:absolute; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:114px; color:#4c3b00; line-height:70%; top:48px; left:0px; opacity:1;}
.slideFourDetail p{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:50px; color:#4c3b00; line-height:70%; padding:5px 0; position:absolute; left:0px; top:130px; opacity:1;}
.slideFourDetail .latestCollection{ width:285px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px; text-align:center; float:right; margin:0px 0 0 0; position:absolute; left:0; top:190px; opacity:1;}
.slideFourDetail .latestCollection a{ display:block; padding:15px; color:#4c3b00; box-shadow: inset 0 0 0 2px #948239; transition:background-color 0.5s linear;}
.slideFourDetail .latestCollection a:hover{ color:#ffffff; }

.slideFiveDetail{ width:990px; position:absolute; left:50%; top:290px; margin:0px 0 0 -495px; text-align:right; z-index:9; }
.slideFiveDetail span{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:30px; color:#5e3039; padding:0 8px; right:0px; top:-60px; opacity:1; position:absolute;}
.slideFiveDetail h2{ position:absolute; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:122px; color:#3e1a21; line-height:35%; top:0px; right:0px; opacity:1;}
.slideFiveDetail p{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:50px; color:#3e1b21; line-height:70%; padding:5px 0; position:absolute; right:0px; top:70px; opacity:1;}
.slideFiveDetail .attitudeCol{ width:185px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px; text-align:center; float:right; margin:20px 0 0 0; position:absolute; right:0; top:130px; opacity:1;}
.slideFiveDetail .attitudeCol a{ display:block; padding:15px; color:#3e1a21; box-shadow: inset 0 0 0 2px #3e1a21; transition:background-color 0.5s linear;}
.slideFiveDetail .attitudeCol a:hover{ color:#ffffff;}

.hvr-even{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-even:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3e1a21;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-even:hover, .hvr-even:focus, .hvr-even:active {
  color:#ffffff;
}
.hvr-even:hover:before, .hvr-even:focus:before, .hvr-even:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hvr-odd{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-odd:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #948239;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-odd:hover, .hvr-odd:focus, .hvr-odd:active {
  color:#ffffff;
}
.hvr-odd:hover:before, .hvr-odd:focus:before, .hvr-odd:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.collectionSubNav{ position:absolute; width:100%; left:0px; top:0; overflow:hidden; background-color:#c8a785; z-index:99; }
.mediaSubNav{ position:absolute; width:100%;  max-width:1920px; left:0px; top:-200%; background-color:#c8a785; z-index:99; }
.subNavHolder{ position:absolute; width:690px; left:51%; top:150px; margin:0 0 0 -350px;}
.subNavHolder .subNavTab{}
.subNavHolder .subNavTab ul{ margin:0; padding:0;}
.subNavHolder .subNavTab ul li{ display:inline-block; margin:0; padding:0 30px; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:20px; color:#422d34; text-transform:uppercase; border-right:#a98d70 1px solid;}
.subNavHolder .subNavTab ul li:last-child{ border:none;}
.subNavHolder .subNavTab ul li a{ color:#422d34;}
.subNavHolder .subNavTab ul li a.activeSubNav,.subNavHolder .subNavTab ul li a:hover{ border-bottom:#483338 2px solid; padding:0 0 10px 0;}

.subNavHolder .subProdTab{ width:615px; margin:50px auto 0 auto; display:none; text-align:center;}
.subNavHolder .subProdTab ul{ margin:0; padding:0;}
.subNavHolder .subProdTab ul li{ display:inline-block; margin:0; padding:0 30px;}
.subNavHolder .subProdTab ul li:first-child{ padding:0 0px 0 0;}
.subNavHolder .subProdTab ul li:last-child{ padding:0 0px 0 0px;}
.subNavHolder .subProdTab ul li p{ font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:16px; color:#422d34; text-align:center; text-transform:uppercase;}
.subNavHolder .subProdTab ul li:hover p{ font-weight:bold;}
.subNavHolder .subProdTab ul li .paraAdj{ padding:30px 0 0 0;}
.subNavHolder .subProdTab ul li .paraLastAdj{ padding:30px 0 0 0;}


.subNavHolder .mediaSubTab{ width:410px; margin:50px auto 0 auto;  text-align:center;}
.subNavHolder .mediaSubTab ul{ margin:0; padding:0;}
.subNavHolder .mediaSubTab ul li{ display:inline-block; margin:0; }
.subNavHolder .mediaSubTab ul li:first-child{ padding:0 30px 0 0;}
.subNavHolder .mediaSubTab ul li:last-child{ padding:0 0px 0 30px;}
.subNavHolder .mediaSubTab ul li p{ font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:16px; color:#422d34; text-align:center; text-transform:uppercase;}
.subNavHolder .mediaSubTab ul li:hover p{ font-weight:bold;}
.subNavHolder .mediaSubTab ul li .paraAdj{ padding:30px 0 0 0;}
.subNavHolder .mediaSubTab ul li .paraLastAdj{ padding:30px 0 0 0;}




.subNavArrow{ position:absolute; left:47%; top:300px; cursor:pointer;}
.mediaNavArrow{ position:absolute; left:48%; top:250px; cursor:pointer;}




/*Video*/

#videoHolder { width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:9999999!important; }
#overlay { width:100%; height:100%; position:fixed; left:0; top:0; background-color:#000000; }
#close { width:71px; height:52px; position:absolute; right:20px; bottom:50px; cursor:pointer; z-index:999999!important; }
.player { width:100%; height:100%;}

.embed-container { position:relative; padding-bottom:56.25%; /* 16/9 ratio */  /* IE6 workaround*/ height:0; overflow:hidden; }
.embed-container p{ font-family:'RobotoSlabRegular',Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; padding:0 0 25px 0; line-height:30px;}
.embed-container p span{ padding:0 20px 0 0;}

.embed-container iframe,
.embed-container object,
.embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
#clickToEnter{ cursor:pointer;}