@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;}
body { margin:0; padding:0;}
.clear { clear:both; margin:0; padding:0; }

#wrapper { width:100%; position:relative; overflow:hidden!important; }

/*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; }
/*Header End*/

/*Footer Start*/
#footerHolder{ width:100%; background-color:#d8d5bf; padding:30px 0 10px 0; z-index:999999!important; margin:-25px 0 0 0;}
.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; }
/*Footer End*/

#footerHolder-Home{ 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; }

/*Slider1*/
.container{width:100%; position:relative; padding:54px 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 top 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:200px; 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; background-color:#3e1a21; }

.slideTwoDetail{ width:990px; position:absolute; left:50%; top:275px; 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:-30px; 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; background-color:#948239; }

.slideThreeDetail{ width:990px; position:absolute; left:50%; top:315px; 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; background-color:#3e1a21;}

.slideFourDetail{ width:990px; position:absolute; left:50%; top:210px; 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; background-color:#948239; }

.slideFiveDetail{ width:990px; position:absolute; left:50%; top:300px; 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; background-color:#3e1a21;}


.slide{ width:100%; position:relative; margin:0px 0 0 0; }
.slide .imgData{ position:absolute; left:50%; margin:0 0 0 -960px;}
Slider one
.ht-slider-one{ height:670px; margin:0 0 -170px 0; z-index:9;}
.detailCon{ width:990px; position:absolute; left:50%; top:200px; margin:0px 0 0 -495px; text-align:right; z-index:999; }
.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;}
.detailCon .collection a:hover{ color:#ffffff; }
.humanElement{ position:absolute; left:170px; top:0px; margin:0 0 0 -430px;}

/*Slider two
.ht-slider-two{ height:821px; margin:0; position:relative; z-index:99;}
.guy-in-underwear{ position:absolute; right:0px; top:0px;}
.slideTwoDetail{ width:990px; position:absolute; left:50%; top:275px; margin:0px 0 0 -495px; text-align:left; z-index:999; color:#948239; }
.slideTwoDetail span{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:30px; padding:0 8px; left:0px; top:-30px; 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;}
.slideTwoDetail .wooCollection a:hover:hover{ color:#ffffff;}*/


/*Slider three
.ht-slider-three{ height:821px; margin:0 0 0px 0; z-index:999;}
.slide-three-women{ position:absolute; left:-14%; bottom:-25%; margin:0 0 0 -50px;}
.slideThreeDetail{ width:990px; position:absolute; left:50%; top:315px; margin:0px 0 0 -495px; text-align:right; z-index:999; }
.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; }
.slideThreeDetail .gazingCollection a:hover{ color:#ffffff;}*/


/*Slider four
.ht-slider-four{ height:845px; z-index:9999;}
.slide-four-rest{ position:absolute; right:100px; top:-170px;}
.slideFourDetail{ width:990px; position:absolute; left:50%; top:240px; margin:0px 0 0 -495px; text-align:left; z-index:999;  }
.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;}
.slideFourDetail .latestCollection a:hover{ color:#ffffff; }*/

/*Slider Five
.ht-slider-five{ height:874px; margin:0 0 0px 0; z-index:99999;}
.slide-five-attitude{ position:absolute; left:50%; bottom:20px; margin:0 0 0 -960px;}
.slideFiveDetail{ width:990px; position:absolute; left:50%; top:200px; margin:0px 0 0 -495px; text-align:right; z-index:999; }
.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;}
.slideFiveDetail .attitudeCol a:hover{ color:#ffffff;}*/


/* Sweep To Right */
.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);
}

.checkoutTrans{
  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;
}
.checkoutTrans:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #b1814a;
  -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;
}
.checkoutTrans:hover, .checkoutTrans:focus, .checkoutTrans:active {
  color:#ffffff!important;
}
.checkoutTrans:hover:before, .checkoutTrans:focus:before, .checkoutTrans:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.CollectionWrap .checkoutTrans{ width:100px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px;  display:inline-block;}
.CollectionWrap .checkoutTrans span,.CollectionWrap .checkoutTrans{ display:block; padding:15px; color:#b1814a; box-shadow: inset 0 0 0 2px #b1814a; transition:background-color 0.5s linear; }

/* Sweep To Right */
.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);
}

/* Underline From Center */
.hvr-underline-from-center {
  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;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -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;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


.checkout-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;
}
.checkout-odd: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: 50% 0;
  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;
}
.checkout-odd:hover, .checkout-odd:focus, .checkout-odd:active {
  color:#ffffff;
}
.checkout-odd:hover:before, .checkout-odd:focus:before, .checkout-odd:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*Inner Section CSS*/


/*Inner Page Footer*/
/*#innerFooterHolder{ width:100%; background-color:#000000; padding:10px 0 10px 0; z-index:999999!important; }*/
#innerFooterHolder{ width:100%; background-color:#000000; padding:10px 0 10px 0; z-index:999999!important; position:fixed; bottom:0; }
.innerFooter{ width:990px; margin:0 auto; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:12px; }
.innerFooter .innFooterLinks{ width:210px; float:right; text-align:left; }
.innerFooter .innFooterLinks span{ color:#403d3b; text-transform:none; padding:0 5px 0 0; }
.innerFooter .innFooterLinks a{ padding:0 5px; color:#403d3b;}
.innerFooter .innerCreatedBy{ width:200px; padding:0px 0; float:right; text-align:left; font-size:11px; }
.innerFooter .innerCreatedBy a{ color:#403d3b; }
/*Footer End Here*/

.breadcrumbs { position:relative; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:12px; color:#908983; text-align:right; padding:25px 0px; z-index:99; text-transform:uppercase;  }
.breadcrumbs span { color:#422d34; }
.breadcrumbs a { color:#908983; }

/*Contact Us*/
.contact-bg{ width:100%; background:url(../images/contact-bg.jpg) no-repeat center top; background-size:100% auto; padding-bottom:22%;}
.innerCon{ width:993px; margin:0 auto;  }
.contactDetPan{ width:450px; float:right; font-family:'serifabt',Arial, Helvetica, sans-serif; margin:10px 0 0 0; padding:0 0 63px 0;}
.contactDetPan h1{ font-size:60px; color:#3e1a21; background:url(../images/heading-bg.gif) no-repeat left top;  line-height:100%; padding:20px 0 25px 0;}
.contactDetPan .selectBox{ width:320px; font-size:20px; color:#3e1a21; background-color:#c8a785; padding:10px 5px; border:#3e1a21 2px solid; outline:none; background:url(../images/select-arrow.gif) no-repeat right top; -webkit-appearance: none; -moz-appearance: none;  text-indent: 1px; text-overflow: '';}
.contactDetPan p{ font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:16px; color:#5a3635; padding:25px 0 0 0; }
.contactDetPan p b{ font-size:20px;}
.contactDetPan p a{ color:#5a3635;}
.contactDetPan p span{ padding:0 0 0 35px;}
.contactDetPan .mailus{ font-size:20px; /*text-transform:uppercase;*/ line-height:22px;}
.contactDetPan .mailId{ font-size:16px; padding:0; text-transform:none;}
.contactDetPan .mailId a{ color:#5a3635;}
.contactDetPan .mailId a:hover{ border-bottom:#ff0000 1px solid;}

/*About Us*/
.about-bg{ width:100%; background: url(../images/aboutus-bg.jpg) no-repeat center top; background-size:100% auto; padding-bottom:4%; position:relative;}
.aboutDetPan{ width:450px; float:right; font-family:'serifabt',Arial, Helvetica, sans-serif; margin:10px 0 0 0; padding:0 0 11% 0;}
.aboutDetPan h1{ font-size:60px; color:#3e1a21; background:url(../images/heading-bg.gif) no-repeat left top; line-height:100%; padding:20px 0 0px 0;}
.aboutDetPan p{ font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:16px; color:#5a3635; padding:25px 0 0 0; }
.about-res{ padding:50px 0 0 0; text-align:center; display:none;}
.about-res img{ width:100%; height:auto;}

/*Collection Eurofit Detail*/
.collection-bg{ width:100%; /*background-color:#c8a785;*/ background:url(../images/col-det-bg.jpg) no-repeat center top;}
.collectionDetCon{ width:1500px; margin:0 auto; }
.productList{ width:80px; float:left; position:relative; margin:500px 0 0 0; }
.productList .listCon{ /*height:80px;*/ position:absolute; left:-10px; bottom:-250px; }
.productList .listCon ul{ margin:0; padding:0;}
.productList .listCon ul li{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:17px; color:#3e1a21; font-weight:bold; margin:0; padding:10px 0 5px 0; list-style:none;}
.productList .listCon ul li a{ display:block; color:#3e1a21;}


.productList .listCon ul li.hoverEffect{ color:#4d3e4d;  display: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; }
.productList .listCon ul li.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; width: 0;}
.productList .listCon ul li.hoverEffect:hover:before{ left: 0; right: 0; width: 100%;}


.sample-product{ width:685px; height:990px; float:left; overflow:hidden; margin:-65px 0 0 0px; position:relative; }
.innerProducts{ width:685px; height:890px; float:left; overflow:hidden; margin:-67px 0 0 0px; position:relative; }
.innerProducts img{ display:none;}
.maskImage{ position:absolute; left:-1000px; top:0; }
.maskingRoll{ position:absolute; left:0; top:0;}

.prodColorPan{ width:450px; float:left; font-family:'serifabt',Arial, Helvetica, sans-serif; margin:0px 0 0 40px; }
.prodColorPan h1{ font-size:80px; color:#3e1a21; background:url(../images/heading-bg.gif) no-repeat left top; line-height:100%; padding:20px 0 0px 0;}
.prodColorPan  p{ font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:18px; color:#5a3635; padding:20px 0 0 0; }
.prodColorPan h3{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:28px; color:#5a3635; padding:20px 0 0 0; font-weight:bold; }
.prodColorPan span{ display:block; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:18px; color:#5a3635;	}
.sizePan{ width:100%; margin:10px 0 0 0;}
.sizePan ul{ margin:0; padding:0;}
.sizePan ul li{ display:inline-block; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px; color:#3e1a21; margin:0; padding:8px 10px; background-color:#ffffff; text-align:center; font-weight:bold;}

.colorPan{ width:100%; margin:10px 0 0 0;}
.colorPan .colorImage{ width:142px; float:left; margin:0 20px 0 0;}
.colorPan .colorPattern{ width:155px; float:left;}
.colorPan .colorPattern ul{ margin:0; padding:0;}
.colorPan .colorPattern ul li{ display:inline-block; margin:0; padding:0 10px 10px 0; list-style:none; position:relative;}
.colorPan .colorPattern ul li:hover .cornerLink { display:block;}
/*ashsh */
.colorPan .colorPattern ul li:hover:before    {top:-15px;left:3px;border:solid transparent;content: " ";height: 0;width: 0;position: absolute;border-top-color: #FE0000;border-width:10px; }
.cornerLink { position:absolute; bottom:50px; left:-30px; display:none; background:#FE0000; color:#fff; font-family:"Open Sans",Arial,Helvetica,sans-serif; padding:3px 3px 3px 3px; width:80px; text-align:center; border-radius:3px; font-size:14px;}




.collectionSubNav{ position:absolute; width:100%;  max-width:1920px; left:0px; top:-200%; background-color:#c8a785; z-index:99; padding:27.3%;}
.mediaSubNav{ position:absolute; width:100%;  max-width:1920px; left:0px; top:-200%; background-color:#c8a785; z-index:99; padding:27.3%;}

.subNavHolder{ position:absolute; width:690px; left:47%; top:150px; margin:0 0 0 -763px;}
.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;}

/*sagar*/

.CollectionWrap .width30{/*min-height:666px; -webkit-transform: skew(-10deg);
-moz-transform: skew(-10deg);
-ms-transform: skew(-10deg);
-o-transform: skew(-10deg);
transform: skew(-10deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;*/}

 
 /*sagar
.CollectionWrap{background-color:#c8a784;}*/
.CollectionWrap .width30{ position:relative; padding:0 0 46% 0;}
.CollectionWrap .width100{ position:relative; padding:0 0 46% 0;}
.CollectionWrap .width50{position:relative; padding:0 0 46% 0;}
.width30{/*width:33.33%;*/ width:25%; float:left;}
.width50{width:50%; float:left;}
.width100{width:100%; }
.CollectionWrap{margin-top:-65px; position:relative;}

/*Briefs */
.firstPic{background:url(../images/frenchie.jpg) top right no-repeat;  background-size:50% auto;     background-size: cover !important;}
.leftPic{background:url(../images/frenchie-plus-landing.jpg) top right no-repeat;  background-size:50% auto;     background-size: cover !important; }
.midPic{background:url(../images/eurofit-landing.jpg) left top no-repeat;  background-size:50% auto;     background-size: cover !important;}
.rightPic{background:url(../images/pro-landing.jpg) top left no-repeat; background-size:50% auto;     background-size: cover !important;}

.CollectionWrap .content{width:235px; position:absolute; left:30%; top:36%; display:none; }
.CollectionWrap .content h2{font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#3e1a21; }


.CollectionWrap .yelloContent{width:235px; position:absolute; left:30%; top:40%; display:none; }
.CollectionWrap .yelloContent h2{font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#b1814a; }


/*Outer wear -- Track Pants*/
.outerwear-track-runner{background:url(../images/outerwear-runner.jpg) top right no-repeat; background-size: auto 100%; }
.outerwear-track-jogger{background:url(../images/outerwear-Jogger.jpg) top right no-repeat; background-size:auto 100%; background-position:-20px 0}


.pantsContent{ width:235px; position:absolute; left:50%; top:40%; display:none;}
.pantsContent h2{font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#b1814a; }

.goggerContent{ width:235px; position:absolute; left:10%; top:40%; display:none;}
.goggerContent h2{font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#b1814a; }

/*Vests*/
.vests-prod-one{background:url(../images/elite-landing.jpg) top right no-repeat; background-size:100% auto;}
.vests-prod-two{background:url(../images/oxy-landing.jpg) left top no-repeat; background-size:100% auto;}
.vests-prod-three{background:url(../images/square-landing.jpg) top left no-repeat; background-size:100% auto;}

.CollectionWrap .vestsContent{ width:235px; position:absolute; left:40%; top:40%; display:none;}
.CollectionWrap .vestsContent h2{ font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#3e1a21; }

/*Beat*/
.beat-prod{ background:url(../images/beat-landing.jpg) top center no-repeat; background-size:100% auto; /*min-height:940px; */}

.beatContent{ width:235px; position:absolute; left:45%; top:40%; display:none;}
.beatContent h2{ font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#3e1a21; margin:0px 0 0 0; }


/*.CollectionWrap h2{font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#3e1a21; }*/
.CollectionWrap .hvr-even{font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px;  display:inline-block;}

/*x-series Products*/
.xseries-vest-flex{background:url(../images/xseries-flex-landing.jpg) top right no-repeat; background-size:100% auto;}
.xseries-vest-ribs{background:url(../images/xseries-ribs-landing.jpg) left top no-repeat;  background-size:100% auto;}
.xseries-vest-enticer{background:url(../images/xseries-enticer-landing.jpg) top left no-repeat; background-size:100% auto;}
.xseries-brief-envy{background:url(../images/xseries-envy-landing.jpg) top left no-repeat; background-size:100% auto;}
.xseries-brief-lows{background:url(../images/xseries-lows-landing.jpg) top left no-repeat; background-size:100% auto;}
.xseries-brief-groove{background:url(../images/xseries-groove-landing.jpg) top left no-repeat; background-size:100% auto;}

/*Frenchie Junior*/
.junior-brief-blaze{ background:url(../images/junior-brief-blaze-home.jpg) top center no-repeat; background-size:100% auto; }
.junior-vest-arrow{ background:url(../images/junior-brief-blaze.jpg) top center no-repeat; background-size:100% auto;}


.juniorContent{ width:235px; position:absolute; left:48%; top:40%; display:none;}
.juniorContent h2{ font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#3e1a21; margin:0px 0 0 0; }

/*Socks*/
.socks{ background:url(../images/socks.jpg) top center no-repeat; background-size:100% auto; /*min-height:940px;*/ }


/*Outer Ware*/
.outerwear-tees-crew{ background:url(../images/outerwear-tees-crew.jpg) top center no-repeat; background-size:100% auto; /*min-height:940px;*/ }
.outerwear-shorts-sprint{ background:url(../images/outerwear-shorts-sprint.jpg) top center no-repeat; background-size:100% auto; /*min-height:940px;*/ }


.sprintContent{ width:235px; position:absolute; left:48%; top:40%; display:none;}
.sprintContent h2{font-size:70px; font-family:'serifabt',Arial, Helvetica, sans-serif; color:#b1814a; }


.whiteSlide{  background-color:#c8a784;}
.innerSlide{  background-color:#ffffff;}
.whiteSlide,.PicSlide{position:absolute; top:0; left:0; height:100%; width:0%; z-index:20; }
.innerSlide{position:absolute; top:0; left:0; height:100%; width:0%; z-index:20; }
.PicSlide{z-index:0;}

/*Boks*/
.boks-bg{ background: url(../images/boks-landing-banner.jpg) top center no-repeat; background-size: 100% auto;}
 
 
 /*Media*/
.mediaBg{ background-color:#c8a785; }
.mediaSection{ width:100%; max-width:1880px; margin:0 auto;}
.mediaCon{ width:940px; float:left; }
.mediaCon .videoPan{ width:470px; float:left;}
#iframeWidth{ width:470px; height:460px;}
.mediaCon .detailMediaLeft{ width:430px; float:left; padding:136px 0 150px 40px; background-color:#c8a785; height:174px;}
.mediaCon .detailMediaLeft:hover { background-color: #ffffff; -moz-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.mediaCon .detailMediaLeft h2{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:50px; color:#3e1a21; line-height:100%;}
.mediaCon .detailMediaLeft .checkOut{ width:140px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px; text-align:center; margin:20px 0 0 0;}
.mediaCon .detailMediaLeft .checkOut a { display:block; padding:15px 15px 15px 30px; color:#3e1a21; box-shadow: inset 0 0 0 2px #3e1a21; background:url(../images/check-out-arrow.png) no-repeat 15px center;}
/*.mediaCon .detailMediaLeft .checkOut a:hover{ color:#ffffff; }*/

.mediaCon .detailMediaRight{ width:430px; float:left; padding:136px 40px 150px 0px; text-align:right; background-color:#c8a785; height:174px;}
.mediaCon .detailMediaRight:hover { background-color: #ffffff; -moz-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.mediaCon .detailMediaRight h2{ font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:50px; color:#3e1a21; line-height:100%;}
.mediaCon .detailMediaRight .checkOut{ width:140px; font-family:'serifabt',Arial, Helvetica, sans-serif; font-size:20px; margin:20px 0 0 0; float: right;}
.mediaCon .detailMediaRight .checkOut a { display:block; padding:15px 32px 15px 15px; color:#3e1a21; box-shadow: inset 0 0 0 2px #3e1a21; background:url(../images/check-out-right.png) no-repeat right center;}
/*.mediaCon .detailMediaRight .checkOut a:hover{ color:#ffffff; }*/

/*Print Ads*/
.printAd-Bg{ background:url(../images/printadd-bg.jpg) no-repeat center top;}
.printGalCon{ width:1062px; font-family:'serifabt',Arial, Helvetica, sans-serif; margin:0 auto; padding:0px 0 90px 18px; }
.printGalCon h1{ font-size:50px; color:#3e1a21; line-height:100%; background:url(../images/heading-bg.gif) no-repeat left top; padding:22px 0 0 0;}
.printGalCon .adsTabCon{ margin:30px 0 0 0;}
.printGalCon .adsTabCon span{ padding-right:30px;}
.printGalCon .adsTabCon a{ display:inline-block; font-size:26px; color:#7f6667; padding:0 0 8px 0; }
.printGalCon .adsTabCon a.activePrintTab{border-bottom:#3e1a21 2px solid; color:#3e1a21;}
.printGalCon .adsBlurbHolder{ width:990px; margin:15px 0 0 0;}
.printGalCon .adsBlurbHolder .printBlurb{ position:relative; width:208px; float:left; border:#ffffff 5px solid; margin:20px 14px; cursor:pointer;}
.tab{ display:none;}
.printGalCon .adsBlurbHolder .blurbOverlay{ width:208px; height:208px; position:absolute; left:0px; top:0px; background:#625658; opacity: 0; filter: alpha(opacity=0); }
.printGalCon .adsBlurbHolder .zoom{ position:absolute; left:70px; top:80px; transform: scale(0.3); opacity: 0; filter: alpha(opacity=0); }
.printAd-Bg .printGalCon .breadcrumbs { position:relative; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:12px; color:#908983; text-align:right; padding:30px 0px 50px 0; z-index:99; text-transform:uppercase;  }
.printAd-Bg .printGalCon .breadcrumbs span { color:#422d34; }
.printAd-Bg .printGalCon .breadcrumbs a { color:#908983; }

/*28 ash */