/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@font-face {
  font-family: sans-serif;
  src: local("Microsoft YaHei"), local("Microsoft JhengHei"), local(Calibri);
  unicode-range: U+4E00-9FFF, U+3400-4DFF, U+20000-2A6DF, U+F900-FAFF, U+2F800-2FA1F;
}

/* line 4, ../sass/_ta-reset.sass */
#textHeader, ul.nav_tabs {
  display: none;
}

/* line 6, ../sass/_ta-reset.sass */
#page, #articlesContent, .ui-tabs {
  padding: 0;
}

/* line 8, ../sass/_ta-reset.sass */
.container, #tabs {
  width: 986px;
}

/* line 10, ../sass/_ta-reset.sass */
#page {
  border: none;
}
/* line 12, ../sass/_ta-reset.sass */
#page .top-promotion-banner {
  width: 986px;
  margin: 0;
}

/* line 15, ../sass/_ta-reset.sass */
.state-pdp #page {
  border: 1px solid black;
}

/* line 19, ../sass/_ta-reset.sass */
#home #page .lc-page {
  margin-left: 0;
}

/* line 24, ../sass/_ta-reset.sass */
body.p-shop-page_css #library #textHeader, body.p-shop-page_css ul.nav_tabs, body.p-shop-page_css #search-head-placeholder {
  display: none;
}

/* line 29, ../sass/_ta-reset.sass */
.nav-main {
  z-index: 101;
}

/* line 1, ../sass/_helpers.sass */
#FeatureEditorial {
  width: 986px;
  overflow: hidden;
  position: relative;
  text-align: left;
}
/* line 6, ../sass/_helpers.sass */
#FeatureEditorial p, #FeatureEditorial a, #FeatureEditorial span, #FeatureEditorial li {
  font-family: "Sabon LT", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.02), 0 0 1px 0 rgba(255, 255, 255, 0.02);
  text-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.02), 0 0 1px 0 rgba(255, 255, 255, 0.02);
  color: black;
}
/* line 13, ../sass/_helpers.sass */
#FeatureEditorial p {
  margin: 1.2em 0;
  text-align: left;
}
/* line 17, ../sass/_helpers.sass */
#library #FeatureEditorial h1, #library #FeatureEditorial h2, #library #FeatureEditorial h3, #library #FeatureEditorial h4, #library #FeatureEditorial h5, #library #FeatureEditorial h6, #page #FeatureEditorial h1, #page #FeatureEditorial h2, #page #FeatureEditorial h3, #page #FeatureEditorial h4, #page #FeatureEditorial h5, #page #FeatureEditorial h6, #discover-story #FeatureEditorial h1, #discover-story #FeatureEditorial h2, #discover-story #FeatureEditorial h3, #discover-story #FeatureEditorial h4, #discover-story #FeatureEditorial h5, #discover-story #FeatureEditorial h6 {
  font-family: "Lane Crawford", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.62em;
  font-family: "Brandon Grot" !important;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  color: black;
}
/* line 25, ../sass/_helpers.sass */
#FeatureEditorial .title, #FeatureEditorial .title a, #FeatureEditorial .title span {
  font-family: "Lane Crawford", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5em;
}
/* line 27, ../sass/_helpers.sass */
#FeatureEditorial .shopBtnWrapper {
  margin: 2.4em 0;
}
/* line 29, ../sass/_helpers.sass */
#FeatureEditorial .shopBtn {
  color: black;
  border: 1px solid black;
  text-transform: uppercase;
  padding: 12px 40px;
  text-align: center;
  margin: 20px auto 10px auto;
  display: inline-block;
  font-family: "Brandon Grot", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
}
/* line 22, ../sass/_mixins.sass */
.no-touch #FeatureEditorial .shopBtn:hover {
  background: url("../ie-transparent-bg-bk-80.png") scroll repeat 0 0;
  color: white;
}
/* line 32, ../sass/_helpers.sass */
#FeatureEditorial .invert p, #FeatureEditorial .invert a, #FeatureEditorial .invert span, #FeatureEditorial .invert .shopBtn {
  color: white;
}
/* line 35, ../sass/_helpers.sass */
#library #FeatureEditorial .invert h1, #library #FeatureEditorial .invert h2, #library #FeatureEditorial .invert h3, #library #FeatureEditorial .invert h4, #library #FeatureEditorial .invert h5, #library #FeatureEditorial .invert h6, #page #FeatureEditorial .invert h1, #page #FeatureEditorial .invert h2, #page #FeatureEditorial .invert h3, #page #FeatureEditorial .invert h4, #page #FeatureEditorial .invert h5, #page #FeatureEditorial .invert h6, #discover-story #FeatureEditorial .invert h1, #discover-story #FeatureEditorial .invert h2, #discover-story #FeatureEditorial .invert h3, #discover-story #FeatureEditorial .invert h4, #discover-story #FeatureEditorial .invert h5, #discover-story #FeatureEditorial .invert h6 {
  color: white;
}
/* line 37, ../sass/_helpers.sass */
#FeatureEditorial .invert .shopBtn {
  border-color: white;
}

/* line 2, ../sass/_main.sass */
#FeatureEditorial header, #FeatureEditorial section {
  position: relative;
  z-index: 1;
}
/* line 6, ../sass/_main.sass */
#FeatureEditorial header p.title {
  color: white;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.04em;
  position: absolute;
  z-index: 2;
  top: 122px;
  left: 50%;
  margin: 0 0 0 -110px;
  width: 220px;
}
/* line 21, ../sass/_main.sass */
#FeatureEditorial section#lowerContent {
  height: 1330px;
  margin-top: 8px;
}
/* line 24, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .introBox, #FeatureEditorial section#lowerContent .sectionBox {
  border: 1px solid #bfbfbf;
}
/* line 26, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .introBox p, #FeatureEditorial section#lowerContent .sectionBox p {
  text-align: center;
}
/* line 28, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .introBox p.title, #FeatureEditorial section#lowerContent .sectionBox p.title {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 2em;
}
/* line 34, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .sectionBox .frontSide, #FeatureEditorial section#lowerContent .sectionBox .backSide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 38, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .sectionBox .frontSide {
  background: url("../MW-Isaia-20140219-arrow.png") scroll no-repeat center 94%;
}
/* line 40, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .sectionBox .backSide {
  display: none;
  background-color: #cccccc;
}
/* line 43, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .imageBox {
  overflow: hidden;
}
/* line 45, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .imageBox img {
  display: block;
}
/* line 47, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox {
  position: absolute;
  z-index: 10;
}
/* line 50, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box01 {
  width: 273px;
  height: 325px;
  top: 0;
  left: 0;
  padding: 27px 18px;
}
/* line 56, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box01 {
  width: 233px;
  height: 265px;
  padding: 57px 38px;
}
/* line 60, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box02 {
  width: 416px;
  height: 381px;
  top: 0;
  left: 319px;
}
/* line 65, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box03 {
  width: 241px;
  height: 379px;
  top: 0;
  left: 743px;
}
/* line 71, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box03 .frontSide p.title {
  margin-top: 111px;
}
/* line 73, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box03 .frontSide p.title {
  margin-top: 140px;
}
/* line 76, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box03 .backSide p.desc {
  padding: 25px 11px;
}
/* line 78, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box03 .backSide p.desc {
  padding: 57px 30px;
}
/* line 80, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box04 {
  width: 244px;
  height: 271px;
  top: 389px;
  left: 0;
}
/* line 86, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box04 .frontSide p.title {
  margin-top: 60px;
}
/* line 88, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box04 .frontSide p.title {
  margin-top: 96px;
}
/* line 91, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box04 .backSide p.desc {
  padding: 1px 8px;
}
/* line 93, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box04 .backSide p.desc {
  padding: 30px 28px;
}
/* line 95, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box05 {
  width: 414px;
  height: 273px;
  top: 389px;
  left: 254px;
}
/* line 100, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box06 {
  width: 311px;
  height: 550px;
  top: 389px;
  left: 676px;
}
/* line 105, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box07 {
  width: 417px;
  height: 270px;
  top: 670px;
  left: 0;
}
/* line 110, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box08 {
  width: 241px;
  height: 268px;
  top: 670px;
  left: 425px;
}
/* line 116, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box08 .frontSide p.title {
  margin-top: 56px;
}
/* line 118, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box08 .frontSide p.title {
  margin-top: 96px;
}
/* line 121, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box08 .backSide p.desc {
  padding: 0px 10px;
}
/* line 123, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box08 .backSide p.desc {
  padding: 20px;
}
/* line 125, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box09 {
  width: 309px;
  height: 378px;
  top: 948px;
  left: 0;
}
/* line 131, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box09 .frontSide p.title {
  margin-top: 117px;
}
/* line 133, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box09 .frontSide p.title {
  margin-top: 131px;
}
/* line 136, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box09 .backSide p.desc {
  padding: 46px 47px;
}
/* line 138, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box09 .backSide p.desc {
  padding: 76px 36px;
}
/* line 140, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box10 {
  width: 419px;
  height: 380px;
  top: 948px;
  left: 319px;
}
/* line 145, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box11 {
  width: 238px;
  height: 378px;
  top: 948px;
  left: 746px;
}
/* line 151, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box11 .frontSide p.title {
  margin-top: 131px;
}
/* line 154, ../sass/_main.sass */
#FeatureEditorial section#lowerContent .gridBox#box11 .backSide p.desc {
  padding: 46px 10px;
}
/* line 156, ../sass/_main.sass */
.locale-zh_CN #FeatureEditorial section#lowerContent .gridBox#box11 .backSide p.desc {
  padding: 76px 36px;
}
/* line 162, ../sass/_main.sass */
#FeatureEditorial #bottomScrollDownBtn {
  display: block;
  text-align: center;
  width: 400px;
  padding-bottom: 38px;
  position: relative;
  z-index: 1;
  font-family: "Brandon Grot";
  font-weight: 500;
  text-transform: uppercase;
  margin: 30px auto 0;
  padding-bottom: 30px;
}
/* line 38, ../sass/_mixins.sass */
#FeatureEditorial #bottomScrollDownBtn .downArrow {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  margin-left: -28px;
  width: 56px;
  height: 31px;
  background-image: url("../tg-scroll-down-arrow-bk-20130429.png");
}
/* line 167, ../sass/_main.sass */
#FeatureEditorial .fixed-read-more {
  position: fixed;
  bottom: -75px;
  left: 50%;
  margin-left: -76px;
  z-index: 100;
  background-color: white;
  padding: 10px 15px;
  -webkit-box-shadow: 0 0 5px rgba(75, 75, 75, 0.6);
  -moz-box-shadow: 0 0 5px rgba(75, 75, 75, 0.6);
  box-shadow: 0 0 5px rgba(75, 75, 75, 0.6);
}
/* line 177, ../sass/_main.sass */
.lt-ie8 #FeatureEditorial .fixed-read-more {
  display: none;
}
/* line 179, ../sass/_main.sass */
#FeatureEditorial .fixed-read-more .scrollTo {
  display: block;
  width: 128px;
  background: url("../WW-ERDEM-240713-arrow-down.png") scroll no-repeat center 4px;
  padding-top: 24px;
  font-family: "Lane Crawford", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}