@import url(https://fonts.googleapis.com/css?family=La+Belle+Aurore);
/* line 3, css/less/_global.less */
button,
input[type=submit] {
  appearance: none;
}
/* line 7, css/less/_global.less */
.centerContent {
  text-align: center;
}
/* line 10, css/less/_global.less */
.overlay {
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
}
/* line 20, css/less/_global.less */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
/* line 32, css/less/_global.less */
h1,
h2 {
  font-size: 7.8vw;
  line-height: 7vw;
}
@media only screen and (min-width: 700px) {
  /* line 36, css/less/_global.less */
  h1,
  h2 {
    font-size: 3vw;
    line-height: 1.5;
  }
}
/* line 42, css/less/_global.less */
p {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  letter-spacing: 0.010rem;
  color: #ffffff;
  margin: 2rem 0;
}
@media only screen and (min-width: 700px) {
  /* line 48, css/less/_global.less */
  p {
    font-size: 1.7vw;
  }
}
/* line 2, css/less/_helpers.less */
* {
  outline: none;
  box-sizing: border-box;
}
/* line 6, css/less/_helpers.less */
.hidden-sm {
  display: none;
}
@media only screen and (min-width: 700px) {
  /* line 8, css/less/_helpers.less */
  .hidden-sm {
    display: block;
  }
}
/* line 12, css/less/_helpers.less */
.hidden-lg {
  display: block;
}
@media only screen and (min-width: 700px) {
  /* line 14, css/less/_helpers.less */
  .hidden-lg {
    display: none !important;
  }
}
/* line 18, css/less/_helpers.less */
.hidden {
  display: none;
}
/* line 21, css/less/_helpers.less */
.hidetext {
  text-indent: -9999px;
}
/* line 25, css/less/_helpers.less */
.ijContain {
  width: 91.5vw;
  margin: auto;
}
@media only screen and (min-width: 700px) {
  /* line 28, css/less/_helpers.less */
  .ijContain {
    width: 88vw;
  }
}
/* line 34, css/less/_helpers.less */
.bounce {
  -webkit-animation: bounce 800ms ease-out;
  animation: bounce 800ms ease-out;
}
/* line 38, css/less/_helpers.less */
.clear {
  content: "";
  display: table;
  clear: both;
}
/* line 45, css/less/_helpers.less */
html.mobile div.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] {
  display: none !important;
}
@font-face {
  font-family: 'angelinaregular';
  font-weight: normal;
  font-style: normal;
  src: url('../css/fonts/angelina-webfont.eot');
  src: url('../css/fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/angelina-webfont.woff2') format('woff2'), url('../css/fonts/angelina-webfont.woff') format('woff'), url('../css/fonts/angelina-webfont.ttf') format('truetype'), url('../css/fonts/angelina-webfont.svg#angelinaregular') format('svg');
}
/* line 13, css/less/__fonts.less */
.gotham {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
/* line 19, css/less/__fonts.less */
.angelina {
  font-family: 'angelinaregular', cursive;
  font-weight: normal;
  font-style: normal;
}
/* line 25, css/less/__fonts.less */
.labelle {
  font-family: 'La Belle Aurore', cursive;
  font-weight: normal;
  font-style: normal;
}
@keyframes bounce {
  /* line 6, css/less/__animations.less */
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  /* line 10, css/less/__animations.less */
  5% {
    transform: translateY(-100%);
    opacity: 0;
  }
  /* line 14, css/less/__animations.less */
  15% {
    transform: translateY(0);
    padding-bottom: 5px;
  }
  /* line 18, css/less/__animations.less */
  30% {
    transform: translateY(-50%);
  }
  /* line 21, css/less/__animations.less */
  40% {
    transform: translateY(0%);
    padding-bottom: 6px;
  }
  /* line 25, css/less/__animations.less */
  50% {
    transform: translateY(-30%);
  }
  /* line 28, css/less/__animations.less */
  70% {
    transform: translateY(0%);
    padding-bottom: 7px;
  }
  /* line 32, css/less/__animations.less */
  80% {
    transform: translateY(-15%);
  }
  /* line 35, css/less/__animations.less */
  90% {
    transform: translateY(0%);
    padding-bottom: 8px;
  }
  /* line 39, css/less/__animations.less */
  95% {
    transform: translateY(-7%);
  }
  /* line 42, css/less/__animations.less */
  97% {
    transform: translateY(0%);
    padding-bottom: 9px;
  }
  /* line 46, css/less/__animations.less */
  99% {
    transform: translateY(-3%);
  }
  /* line 49, css/less/__animations.less */
  100% {
    transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}
@keyframes swingIt {
  /* line 62, css/less/__animations.less */
  0% {
    transform: rotate(0deg) scaleX(1);
  }
  /* line 65, css/less/__animations.less */
  5% {
    transform: rotate(30deg);
  }
  /* line 68, css/less/__animations.less */
  10% {
    transform: rotate(60deg);
  }
  /* line 71, css/less/__animations.less */
  15% {
    transform: rotate(90deg);
  }
  /* line 74, css/less/__animations.less */
  20% {
    transform: rotate(120deg);
  }
  /* line 77, css/less/__animations.less */
  25% {
    transform: rotate(150deg);
  }
  /* line 80, css/less/__animations.less */
  30% {
    transform: rotate(180deg);
  }
  /* line 83, css/less/__animations.less */
  35% {
    transform: rotate(210deg);
  }
  /* line 86, css/less/__animations.less */
  40% {
    transform: rotate(240deg);
  }
  /* line 89, css/less/__animations.less */
  45% {
    transform: rotate(270deg);
  }
  /* line 92, css/less/__animations.less */
  50% {
    transform: rotate(300deg);
  }
  /* line 95, css/less/__animations.less */
  55% {
    transform: rotate(360deg);
  }
  /* line 98, css/less/__animations.less */
  60% {
    transform: rotate(390deg);
  }
  /* line 101, css/less/__animations.less */
  65% {
    transform: rotate(410deg);
  }
  /* line 104, css/less/__animations.less */
  70% {
    transform: rotate(430deg);
  }
  /* line 107, css/less/__animations.less */
  80% {
    transform: rotate(410deg);
  }
  /* line 110, css/less/__animations.less */
  90% {
    transform: rotate(390deg);
  }
  /* line 113, css/less/__animations.less */
  100% {
    transform: rotate(360deg) scaleX(1);
  }
}
@keyframes shadows {
  /* line 125, css/less/__animations.less */
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  /* line 128, css/less/__animations.less */
  20% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.02);
  }
  /* line 131, css/less/__animations.less */
  30% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.04);
  }
  /* line 134, css/less/__animations.less */
  40% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.06);
  }
  /* line 137, css/less/__animations.less */
  50% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.08);
  }
  /* line 140, css/less/__animations.less */
  60% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.1);
  }
  /* line 143, css/less/__animations.less */
  70% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.12);
  }
  /* line 146, css/less/__animations.less */
  80% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.14);
  }
  /* line 149, css/less/__animations.less */
  90% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.16);
  }
  /* line 152, css/less/__animations.less */
  100% {
    box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.18);
  }
}
/* line 125, css/less/__animations.less */
.shadowFrames 0% {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
/* line 128, css/less/__animations.less */
.shadowFrames 20% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.02);
}
/* line 131, css/less/__animations.less */
.shadowFrames 30% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.04);
}
/* line 134, css/less/__animations.less */
.shadowFrames 40% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.06);
}
/* line 137, css/less/__animations.less */
.shadowFrames 50% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.08);
}
/* line 140, css/less/__animations.less */
.shadowFrames 60% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.1);
}
/* line 143, css/less/__animations.less */
.shadowFrames 70% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.12);
}
/* line 146, css/less/__animations.less */
.shadowFrames 80% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.14);
}
/* line 149, css/less/__animations.less */
.shadowFrames 90% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.16);
}
/* line 152, css/less/__animations.less */
.shadowFrames 100% {
  box-shadow: inset 6px -6px 0px rgba(255, 255, 255, 0.18);
}
@keyframes circleOrb {
  /* line 163, css/less/__animations.less */
  0% {
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
  }
  /* line 166, css/less/__animations.less */
  50% {
    box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.63);
  }
  /* line 169, css/less/__animations.less */
  90% {
    opacity: .7;
  }
  /* line 172, css/less/__animations.less */
  100% {
    box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.12);
    opacity: 0;
  }
}
/* line 163, css/less/__animations.less */
.circleOrbFrames 0% {
  box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}
/* line 166, css/less/__animations.less */
.circleOrbFrames 50% {
  box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.63);
}
/* line 169, css/less/__animations.less */
.circleOrbFrames 90% {
  opacity: .7;
}
/* line 172, css/less/__animations.less */
.circleOrbFrames 100% {
  box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.12);
  opacity: 0;
}
@-webkit-keyframes penCircle {
  /* line 180, css/less/__animations.less */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 187, css/less/__animations.less */
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes penCircle {
  /* line 197, css/less/__animations.less */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 204, css/less/__animations.less */
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes joySequence {
  /* line 214, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 221, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.58333%, 0%);
    -moz-transform: translate(-99.58333%, 0%);
    -ms-transform: translate(-99.58333%, 0%);
    -o-transform: translate(-99.58333%, 0%);
    transform: translate(-99.58333%, 0%);
  }
}
@keyframes joySequence {
  /* line 231, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 238, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.58333%, 0%);
    -moz-transform: translate(-99.58333%, 0%);
    -ms-transform: translate(-99.58333%, 0%);
    -o-transform: translate(-99.58333%, 0%);
    transform: translate(-99.58333%, 0%);
  }
}
@-webkit-keyframes joySequenceMbl {
  /* line 248, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 255, css/less/__animations.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@keyframes joySequenceMbl {
  /* line 265, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 272, css/less/__animations.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes whiteAnimation {
  /* line 282, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 289, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.4709%, 0%);
    -moz-transform: translate(-99.4709%, 0%);
    -ms-transform: translate(-99.4709%, 0%);
    -o-transform: translate(-99.4709%, 0%);
    transform: translate(-99.4709%, 0%);
  }
}
@keyframes whiteAnimation {
  /* line 299, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 306, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.4709%, 0%);
    -moz-transform: translate(-99.4709%, 0%);
    -ms-transform: translate(-99.4709%, 0%);
    -o-transform: translate(-99.4709%, 0%);
    transform: translate(-99.4709%, 0%);
  }
}
@-webkit-keyframes nosmears {
  /* line 316, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 323, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-97.5%, 0%);
    -moz-transform: translate(-97.5%, 0%);
    -ms-transform: translate(-97.5%, 0%);
    -o-transform: translate(-97.5%, 0%);
    transform: translate(-97.5%, 0%);
  }
}
@keyframes nosmears {
  /* line 333, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 340, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-97.5%, 0%);
    -moz-transform: translate(-97.5%, 0%);
    -ms-transform: translate(-97.5%, 0%);
    -o-transform: translate(-97.5%, 0%);
    transform: translate(-97.5%, 0%);
  }
}
@-webkit-keyframes dogAnim {
  /* line 350, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 357, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.61089%, 0%);
    -moz-transform: translate(-99.61089%, 0%);
    -ms-transform: translate(-99.61089%, 0%);
    -o-transform: translate(-99.61089%, 0%);
    transform: translate(-99.61089%, 0%);
  }
}
@keyframes dogAnim {
  /* line 367, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 374, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.61089%, 0%);
    -moz-transform: translate(-99.61089%, 0%);
    -ms-transform: translate(-99.61089%, 0%);
    -o-transform: translate(-99.61089%, 0%);
    transform: translate(-99.61089%, 0%);
  }
}
@-webkit-keyframes betterNotes {
  /* line 384, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 391, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.28058%, 0%);
    -moz-transform: translate(-99.28058%, 0%);
    -ms-transform: translate(-99.28058%, 0%);
    -o-transform: translate(-99.28058%, 0%);
    transform: translate(-99.28058%, 0%);
  }
}
@keyframes betterNotes {
  /* line 401, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 408, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-99.28058%, 0%);
    -moz-transform: translate(-99.28058%, 0%);
    -ms-transform: translate(-99.28058%, 0%);
    -o-transform: translate(-99.28058%, 0%);
    transform: translate(-99.28058%, 0%);
  }
}
@-webkit-keyframes betterNotesRTL {
  /* line 418, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 425, css/less/__animations.less */
  100% {
    -webkit-transform: translate(99.28058%, 0%);
    -moz-transform: translate(99.28058%, 0%);
    -ms-transform: translate(99.28058%, 0%);
    -o-transform: translate(99.28058%, 0%);
    transform: translate(99.28058%, 0%);
  }
}
@keyframes betterNotesRTL {
  /* line 435, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 442, css/less/__animations.less */
  100% {
    -webkit-transform: translate(99.28058%, 0%);
    -moz-transform: translate(99.28058%, 0%);
    -ms-transform: translate(99.28058%, 0%);
    -o-transform: translate(99.28058%, 0%);
    transform: translate(99.28058%, 0%);
  }
}
@-webkit-keyframes circleOrb {
  /* line 452, css/less/__animations.less */
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  /* line 455, css/less/__animations.less */
  50% {
    box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.63);
  }
  /* line 458, css/less/__animations.less */
  90% {
    opacity: .7;
  }
  /* line 461, css/less/__animations.less */
  100% {
    opacity: 0;
    box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.12);
  }
}
@keyframes circleOrb {
  /* line 468, css/less/__animations.less */
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  /* line 471, css/less/__animations.less */
  50% {
    box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.63);
  }
  /* line 474, css/less/__animations.less */
  90% {
    opacity: .7;
  }
  /* line 477, css/less/__animations.less */
  100% {
    opacity: 0;
    box-shadow: -3px -3px 88px rgba(255, 255, 255, 0.12);
  }
}
@-webkit-keyframes arrowBounce {
  /* line 484, css/less/__animations.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 495, css/less/__animations.less */
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  /* line 502, css/less/__animations.less */
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes arrowBounce {
  /* line 512, css/less/__animations.less */
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 523, css/less/__animations.less */
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  /* line 530, css/less/__animations.less */
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes waveSeq {
  /* line 540, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 547, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-96.875%, 0%);
    -moz-transform: translate(-96.875%, 0%);
    -ms-transform: translate(-96.875%, 0%);
    transform: translate(-96.875%, 0%);
  }
}
@keyframes waveSeq {
  /* line 557, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 564, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-96.875%, 0%);
    -moz-transform: translate(-96.875%, 0%);
    -ms-transform: translate(-96.875%, 0%);
    transform: translate(-96.875%, 0%);
  }
}
@-webkit-keyframes dualSeq {
  /* line 574, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 581, css/less/__animations.less */
  50% {
    -webkit-transform: translate(-91.66667%, 0%);
    -moz-transform: translate(-91.66667%, 0%);
    -ms-transform: translate(-91.66667%, 0%);
    -o-transform: translate(-91.66667%, 0%);
    transform: translate(-91.66667%, 0%);
  }
  /* line 588, css/less/__animations.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@keyframes dualSeq {
  /* line 598, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 605, css/less/__animations.less */
  50% {
    -webkit-transform: translate(-91.66667%, 0%);
    -moz-transform: translate(-91.66667%, 0%);
    -ms-transform: translate(-91.66667%, 0%);
    -o-transform: translate(-91.66667%, 0%);
    transform: translate(-91.66667%, 0%);
  }
  /* line 612, css/less/__animations.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes dropsSeq {
  /* line 622, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 629, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-96.9697%, 0%);
    -moz-transform: translate(-96.9697%, 0%);
    -ms-transform: translate(-96.9697%, 0%);
    -o-transform: translate(-96.9697%, 0%);
    transform: translate(-96.9697%, 0%);
  }
}
@keyframes dropsSeq {
  /* line 639, css/less/__animations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 646, css/less/__animations.less */
  100% {
    -webkit-transform: translate(-96.9697%, 0%);
    -moz-transform: translate(-96.9697%, 0%);
    -ms-transform: translate(-96.9697%, 0%);
    -o-transform: translate(-96.9697%, 0%);
    transform: translate(-96.9697%, 0%);
  }
}
@-webkit-keyframes stickyDown {
  /* line 656, css/less/__animations.less */
  0% {
    top: -140%;
  }
  /* line 660, css/less/__animations.less */
  100% {
    top: 0;
  }
}
@keyframes stickyDown {
  /* line 668, css/less/__animations.less */
  0% {
    top: -140%;
  }
  /* line 672, css/less/__animations.less */
  100% {
    top: 0;
  }
}
/* line 1, css/less/_ie.less */
html.ie-11,
html.ie-10,
html.ie-9 {
  filter: expression(document.execCommand('BackgroundImageCache', false, true));
}
/* line 7, css/less/_ie.less */
html.ie-11 body.InkJoyRebrand,
html.ie-10 body.InkJoyRebrand,
html.ie-9 body.InkJoyRebrand {
  background-image: none !important;
}
/* line 10, css/less/_ie.less */
html.ie-11 body.InkJoyRebrand #header #headerRow2.white,
html.ie-10 body.InkJoyRebrand #header #headerRow2.white,
html.ie-9 body.InkJoyRebrand #header #headerRow2.white {
  position: relative;
  width: 100% !important;
  z-index: 100 !important;
}
/* line 19, css/less/_ie.less */
html.ie-11 body.InkJoyRebrand #home-tiles .tile-block .tile-1 .pen-circle:hover,
html.ie-10 body.InkJoyRebrand #home-tiles .tile-block .tile-1 .pen-circle:hover,
html.ie-9 body.InkJoyRebrand #home-tiles .tile-block .tile-1 .pen-circle:hover {
  animation: none !important;
}
/* line 27, css/less/_ie.less */
html.ie-11 body.InkJoyRebrand #footerWrapper #footer .footerRow1,
html.ie-10 body.InkJoyRebrand #footerWrapper #footer .footerRow1,
html.ie-9 body.InkJoyRebrand #footerWrapper #footer .footerRow1 {
  -ms-background-position-x: 37vw !important;
  -ms-background-position-y: 5vw !important;
  background-position: 37vw 5vw !important;
  background-size: 100% !important;
}
/* line 32, css/less/_ie.less */
html.ie-11 body.InkJoyRebrand #footerWrapper #footer .footerRow1 .section1,
html.ie-10 body.InkJoyRebrand #footerWrapper #footer .footerRow1 .section1,
html.ie-9 body.InkJoyRebrand #footerWrapper #footer .footerRow1 .section1 {
  top: 1vw !important;
  right: 0 !important;
}
/* line 42, css/less/_ie.less */
html.ie-11 .countrySelector .globalWrapper .countryList > li,
html.ie-10 .countrySelector .globalWrapper .countryList > li,
html.ie-9 .countrySelector .globalWrapper .countryList > li {
  width: 23%;
}
/* line 1, css/less/_header.less */
.header_animation {
  animation-name: stickyDown;
  animation-duration: .6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
/* line 12, css/less/_header.less */
div.header_wrapper_position {
  background-color: transparent;
}
/* line 15, css/less/_header.less */
#header {
  position: static;
  font-size: 1rem;
  z-index: initial;
  background-color: transparent;
}
/* line 21, css/less/_header.less */
#header:before {
  background: none;
  height: 0;
  content: "";
}
/* line 26, css/less/_header.less */
#header #headerRow2 {
  border: none;
  height: 18.75vw;
  min-height: 0;
  padding: 0 6.28vw;
  position: static;
  background: transparent;
  width: 100vw;
}
@media only screen and (min-width: 700px) {
  /* line 34, css/less/_header.less */
  #header #headerRow2 {
    height: 6.9vw;
    position: relative;
  }
}
/* line 38, css/less/_header.less */
#header #headerRow2.animate-on-load {
  animation-name: stickyDown;
  animation-duration: .6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
/* line 41, css/less/_header.less */
#header #headerRow2.white {
  background: #ffffff;
}
/* line 44, css/less/_header.less */
#header #headerRow2.stick {
  width: 100vw;
  position: fixed !important;
  z-index: 1000;
  animation-name: stickyDown;
  animation-duration: .6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
/* line 50, css/less/_header.less */
#header #headerRow2 .logoHref {
  display: block;
  float: left;
  position: relative;
  top: 3vw;
  left: 1.25vw;
}
@media only screen and (min-width: 700px) {
  /* line 56, css/less/_header.less */
  #header #headerRow2 .logoHref {
    top: 1.25vw;
    left: 3vw;
    float: none;
    text-align: left;
    width: 22vw;
    z-index: 1;
  }
}
@media only screen and (min-width: 700px) {
  /* line 65, css/less/_header.less */
  #header #headerRow2 .logoHref #logo_eSpot {
    float: left;
  }
  /* line 67, css/less/_header.less */
  #header #headerRow2 .logoHref #logo_eSpot:after {
    content: "";
    width: 100%;
    height: 3.69vw;
    background: url('../images/ij/desktop/logo_tab.svg') no-repeat;
    background-size: 100%;
    position: absolute;
    left: -4.15vw;
    bottom: -7.6vw;
    z-index: -1;
    transform: scale(1.1);
  }
}
/* line 80, css/less/_header.less */
#header #headerRow2 .logoHref #logo_eSpot img {
  width: 30vw;
  height: auto;
}
@media only screen and (min-width: 700px) {
  /* line 83, css/less/_header.less */
  #header #headerRow2 .logoHref #logo_eSpot img {
    width: 14vw;
    height: 100%;
  }
}
/* line 90, css/less/_header.less */
#header #headerRow2 #departmentsButton.basicButton {
  float: right;
  margin: 0;
  position: relative;
  top: 4.6vw;
  background: url(../images/ij/menu.png) no-repeat right center;
  background-size: contain;
  width: 11.40vw;
  height: auto;
  border: none;
  z-index: 100;
}
/* line 101, css/less/_header.less */
#header #headerRow2 #departmentsButton.basicButton span {
  border: none;
}
/* line 105, css/less/_header.less */
#header #headerRow2:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 700px) {
  /* line 115, css/less/_header.less */
  .homePage #header #headerRow2 {
    background: transparent !important;
  }
  /* line 119, css/less/_header.less */
  .homePage #header #headerRow2 .logoHref #logo_eSpot img {
    width: 16vw;
  }
  /* line 122, css/less/_header.less */
  .homePage #header #headerRow2 .logoHref #logo_eSpot:after {
    visibility: hidden;
  }
  /* line 128, css/less/_header.less */
  .homePage #header #headerRow2.white.stick {
    background: #ffffff !important;
  }
  /* line 132, css/less/_header.less */
  .homePage #header #headerRow2.white.stick .logoHref #logo_eSpot img {
    width: 14vw;
  }
  /* line 135, css/less/_header.less */
  .homePage #header #headerRow2.white.stick .logoHref #logo_eSpot:after {
    visibility: visible;
  }
}
/* line 1, css/less/__mainNav.less */
.mainNav {
  display: none;
  position: fixed;
  right: 0;
  z-index: 9999;
}
@media only screen and (min-width: 700px) {
  /* line 6, css/less/__mainNav.less */
  .mainNav {
    display: inline-block !important;
    padding-right: 4.5vw;
    position: static;
    float: right;
    width: 25vw;
    text-align: right;
  }
  /* line 13, css/less/__mainNav.less */
  .mainNav:after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 16, css/less/__mainNav.less */
  .mainNav .overlay {
    display: none !important;
  }
}
/* line 20, css/less/__mainNav.less */
.mainNav .mbl-menu-background {
  position: fixed;
  top: 0;
  right: 0;
  width: 51vw;
  height: 83vw;
  z-index: 1;
}
@media only screen and (min-width: 700px) {
  /* line 27, css/less/__mainNav.less */
  .mainNav .mbl-menu-background {
    display: none;
  }
}
/* line 31, css/less/__mainNav.less */
.mainNav .closeIcon {
  position: absolute;
  z-index: 99999;
  width: 7.7vw;
  top: 6vw;
  right: 8vw;
}
@media only screen and (min-width: 700px) {
  /* line 37, css/less/__mainNav.less */
  .mainNav .closeIcon {
    display: none;
  }
}
/* line 42, css/less/__mainNav.less */
.mainNav #departmentsMenu.active {
  position: absolute;
  border: none;
  top: 23.4vw;
  text-align: center;
  padding: 0;
  background: none;
  width: 51vw;
  left: -51vw;
  z-index: 99999;
}
@media only screen and (min-width: 700px) {
  /* line 53, css/less/__mainNav.less */
  .mainNav #departmentsMenu {
    margin: 0;
    width: 25vw;
  }
  /* line 57, css/less/__mainNav.less */
  .mainNav #departmentsMenu.active {
    position: relative;
    border: none;
    top: auto;
    text-align: center;
    padding: 0;
    background: none;
    width: inherit;
    left: auto;
    z-index: 99999;
  }
}
@media only screen and (min-width: 700px) {
  /* line 70, css/less/__mainNav.less */
  .mainNav #departmentsMenu li {
    float: left;
    margin: 0 3.6vw 0 0;
  }
}
/* line 75, css/less/__mainNav.less */
.mainNav #departmentsMenu li:nth-child(2) span:last-child {
  padding-top: 9vw;
}
@media only screen and (min-width: 700px) {
  /* line 78, css/less/__mainNav.less */
  .mainNav #departmentsMenu li:nth-child(2) span:last-child {
    padding-top: 0;
  }
}
@media only screen and (min-width: 700px) {
  /* line 84, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a {
    display: inline-block;
  }
  /* line 86, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a.menuItem {
    /*& > svg{
                            animation: swingIt linear 0.5s;
                            animation-iteration-count: 1;
                            transform-origin: 0% 50%;
                        }*/
  }
  /* line 93, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a.menuItem.animate-icon > svg {
    animation: swingIt linear 0.75s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
  }
}
/* line 101, css/less/__mainNav.less */
.mainNav #departmentsMenu li a span {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 4.375vw;
  line-height: 6.25vw;
  top: 0;
  display: block;
  margin: 1.40625vw auto 0;
  text-align: center;
  color: #092f87;
}
@media only screen and (min-width: 700px) {
  /* line 110, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a span {
    font-size: 1.4vw;
    display: inline-block;
    vertical-align: middle;
    height: 7vw;
  }
  /* line 115, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a span:not(.svg-wrap) {
    margin: 0 auto 0 1vw;
    line-height: 7.5vw;
  }
}
/* line 121, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .big {
  display: block;
  width: 12.1875vw;
  height: 12.1875vw;
  margin: auto;
}
@media only screen and (min-width: 700px) {
  /* line 127, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .big {
    width: 3.48vw;
    height: 3.48vw;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.25s ease-in-out;
  }
}
/* line 135, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap {
  position: relative;
  display: inline-block;
  width: 3.125vw;
  height: 3.47222vw;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: -2vw;
}
@media only screen and (min-width: 700px) {
  /* line 143, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap {
    top: -0.5vw;
    left: 0;
  }
}
/* line 148, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .pen-init {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 9.375vw;
  height: 11.875vw;
  -webkit-transition: height .4s linear 0s;
  transition: height .4s linear 0s;
}
@media only screen and (min-width: 700px) {
  /* line 159, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .pen-init {
    width: 3.125vw;
    height: 3.47222vw;
  }
}
/* line 164, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .pen-init svg {
  position: absolute;
  left: 0;
  display: block;
  width: 9.375vw;
  height: 11.875vw;
}
@media only screen and (min-width: 700px) {
  /* line 171, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .pen-init svg {
    width: 2.22222vw;
    height: 3.47222vw;
  }
}
/* line 176, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .line-init {
  position: absolute;
  z-index: 1;
  top: -0.06944vw;
  left: 0;
  display: block;
  width: 12.1875vw;
  height: 14.0625vw;
}
@media only screen and (min-width: 700px) {
  /* line 185, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .line-init {
    width: 3.125vw;
    height: 3.47222vw;
  }
}
/* line 190, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .line-init svg {
  position: absolute;
  bottom: 1.6875vw;
  display: block;
  left: .875vw;
  width: 10.46875vw;
  height: 3.75vw;
}
@media only screen and (min-width: 700px) {
  /* line 197, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .line-init svg {
    bottom: -0.27778vw;
    left: 0;
    width: 2.84722vw;
    height: 1.38889vw;
  }
}
/* line 204, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .pen-wipe {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 12.1875vw;
  height: 14.0625vw;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: height .28s linear 0s;
  transition: height .28s linear 0s;
}
@media only screen and (min-width: 700px) {
  /* line 219, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .pen-wipe {
    width: 3.125vw;
    height: 1.25vw;
  }
}
/* line 224, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .pen-wipe svg {
  position: absolute;
  left: 0;
  width: 9.375vw;
  height: 11.875vw;
  display: block;
}
@media only screen and (min-width: 700px) {
  /* line 230, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .pen-wipe svg {
    width: 2.22222vw;
    height: 3.47222vw;
  }
}
/* line 235, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .line-wipe {
  position: absolute;
  z-index: 1;
  top: -0.06944vw;
  left: 0;
  display: block;
  overflow: hidden;
  width: 3.125vw;
  width: 0;
  height: 14.0625vw;
  -webkit-transition: width .3s linear 0s;
  transition: width .3s linear 0s;
}
@media only screen and (min-width: 700px) {
  /* line 248, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .line-wipe {
    height: 3.47222vw;
  }
}
/* line 252, css/less/__mainNav.less */
.mainNav #departmentsMenu li a .svg-wrap .line-wipe svg {
  position: absolute;
  bottom: -0.27778vw;
  display: block;
  left: .875vw;
  width: 12.03125vw;
  height: 3.75vw;
}
@media only screen and (min-width: 700px) {
  /* line 260, css/less/__mainNav.less */
  .mainNav #departmentsMenu li a .svg-wrap .line-wipe svg {
    left: .00139vw;
    width: 2.84722vw;
    height: 1.38889vw;
  }
}
/* line 269, css/less/__mainNav.less */
.mainNav #departmentsMenu li:hover a .svg-wrap .pen-wipe {
  height: 2.97222vw;
  left: 1.6vw;
  -webkit-transition: width .3s linear 0s;
  transition: width .3s linear 0s;
}
/* line 275, css/less/__mainNav.less */
.mainNav #departmentsMenu li:hover a .svg-wrap .pen-init {
  left: 1.6vw;
  -webkit-transition: width .3s linear 0s;
  transition: width .3s linear 0s;
}
/* line 280, css/less/__mainNav.less */
.mainNav #departmentsMenu li:hover a .svg-wrap .line-wipe {
  width: 3.125vw;
}
@media only screen and (min-width: 700px) {
  /* line 292, css/less/__mainNav.less */
  body.th-TH #departmentsMenu {
    margin: 0;
    width: 28vw;
  }
}
/* line 1, css/less/_footer.less */
#footerWrapper {
  height: auto;
  width: 100%;
}
/* line 4, css/less/_footer.less */
#footerWrapper #footer {
  padding: 0;
  background: none;
}
/* line 7, css/less/_footer.less */
#footerWrapper #footer .footerRow1 {
  padding-top: 5vw;
  display: block;
  width: 100%;
  background: url(../images/ij/footer_top.svg) no-repeat;
  background-size: 101vw;
  background-position: center top;
  text-align: center;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  font-size: 4.375vw;
}
@media only screen and (min-width: 700px) {
  /* line 18, css/less/_footer.less */
  #footerWrapper #footer .footerRow1 {
    background: url(../images/ij/desktop/desktop-footer_top.svg) no-repeat;
    background-position: 58vw 4.1vw;
    background-size: 60%;
  }
}
/* line 24, css/less/_footer.less */
#footerWrapper #footer .footerRow1 .section1 a {
  color: #00a1e1;
  text-decoration: none;
  padding-right: 6vw;
  background: url(../images/ij/footer_arrow.svg) no-repeat right center;
  background-size: 4.375vw;
}
@media only screen and (min-width: 700px) {
  /* line 30, css/less/_footer.less */
  #footerWrapper #footer .footerRow1 .section1 a {
    background-size: 1.46vw;
    background-position: 10vw center;
  }
}
@media only screen and (min-width: 700px) {
  /* line 35, css/less/_footer.less */
  #footerWrapper #footer .footerRow1 .section1 {
    text-align: right;
    font-size: 1.46vw;
    position: relative;
    top: 0.4vw;
    right: 3vw;
  }
}
/* line 44, css/less/_footer.less */
#footerWrapper #footer .footerRow2 {
  background-color: #ffffff;
  float: left;
  width: 100vw;
}
/* line 48, css/less/_footer.less */
#footerWrapper #footer .footerRow2 .section {
  width: 53.5vw;
  margin: 13vw auto 0;
  text-align: center;
}
@media only screen and (min-width: 700px) {
  /* line 52, css/less/_footer.less */
  #footerWrapper #footer .footerRow2 .section {
    margin: 0 auto;
    width: 100vw;
  }
}
/* line 56, css/less/_footer.less */
#footerWrapper #footer .footerRow2 .section .footer-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (min-width: 700px) {
  /* line 60, css/less/_footer.less */
  #footerWrapper #footer .footerRow2 .section .footer-list {
    padding: 2vw 0 0;
  }
}
/* line 63, css/less/_footer.less */
#footerWrapper #footer .footerRow2 .section .footer-list li {
  display: inline-block;
  padding: 0 0.5vw;
  line-height: 2rem;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
}
@media only screen and (min-width: 700px) {
  /* line 69, css/less/_footer.less */
  #footerWrapper #footer .footerRow2 .section .footer-list li {
    padding: 0 0.23vw;
  }
}
/* line 72, css/less/_footer.less */
#footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(6),
#footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(10),
#footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(16) {
  visibility: hidden;
  padding: 0;
  width: 0;
}
@media only screen and (min-width: 700px) {
  /* line 78, css/less/_footer.less */
  #footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(6),
  #footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(10),
  #footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(16) {
    visibility: visible;
    width: auto;
    padding: initial;
  }
}
/* line 84, css/less/_footer.less */
#footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(even) {
  font-size: 2.025vw;
  position: relative;
  top: -0.625vw;
}
@media only screen and (min-width: 700px) {
  /* line 88, css/less/_footer.less */
  #footerWrapper #footer .footerRow2 .section .footer-list li:nth-child(even) {
    font-size: 0.425vw;
    top: -0.325vw;
  }
}
/* line 93, css/less/_footer.less */
#footerWrapper #footer .footerRow2 .section .footer-list li a {
  font-size: 4.375vw;
  line-height: 9.5vw;
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: .02em;
  color: #00a1e1;
}
@media only screen and (min-width: 700px) {
  /* line 100, css/less/_footer.less */
  #footerWrapper #footer .footerRow2 .section .footer-list li a {
    font-size: 1.45vw;
    transition: all 0.25s linear;
  }
}
/* line 104, css/less/_footer.less */
#footerWrapper #footer .footerRow2 .section .footer-list li a:hover {
  color: #e71096;
}
/* line 112, css/less/_footer.less */
#footerWrapper #footer .footerRow3 {
  background-color: #ffffff;
  width: 100vw;
}
/* line 115, css/less/_footer.less */
#footerWrapper #footer .footerRow3 .section3 {
  width: 100vw;
  display: inline-block;
}
/* line 118, css/less/_footer.less */
#footerWrapper #footer .footerRow3 .section3 .footercopyright {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 3.125vw;
  color: #d3d3d3;
  text-align: center;
  width: 51vw;
  padding: 4vw 0 30px;
  margin: auto;
  position: relative;
  left: -1vw;
}
@media only screen and (min-width: 700px) {
  /* line 129, css/less/_footer.less */
  #footerWrapper #footer .footerRow3 .section3 .footercopyright {
    font-size: 1.0vw;
    padding: 0 0 0 0;
  }
}
/* line 1, css/less/_countrySelector.less */
.countrySelector {
  width: 100vw;
  height: 100%;
  background: #00a1e1;
  background-image: url(../images/ij/bk.jpg);
  background-size: cover;
  background-attachment: fixed;
  margin: auto;
}
@media only screen and (min-width: 700px) {
  /* line 9, css/less/_countrySelector.less */
  .countrySelector {
    background-image: url(../images/ij/desktop/desktop-bg.jpg);
    background-attachment: scroll;
  }
}
/* line 13, css/less/_countrySelector.less */
.countrySelector .globalWrapper {
  padding-bottom: 46vh;
}
/* line 15, css/less/_countrySelector.less */
.countrySelector .globalWrapper .logo {
  width: 65.35vw;
  height: 27.5vw;
  margin: 7vw auto 3vw auto;
  background: url(../images/ij/logo.svg) no-repeat;
  background-size: contain;
  background-position: bottom;
  text-indent: -9999px;
}
@media only screen and (min-width: 700px) {
  /* line 23, css/less/_countrySelector.less */
  .countrySelector .globalWrapper .logo {
    display: block;
    width: 19.80vw;
    height: 7.78vw;
    margin: 5vw auto 3.54167vw auto;
    max-width: 428px;
  }
}
/* line 31, css/less/_countrySelector.less */
.countrySelector .globalWrapper .selectCountryIcon {
  text-align: center;
}
/* line 33, css/less/_countrySelector.less */
.countrySelector .globalWrapper .selectCountryIcon svg {
  width: 3.82vw;
  height: 5.28vw;
  -webkit-animation: bounce 800ms ease-out;
  animation: bounce 800ms ease-out;
}
@media only screen and (min-width: 700px) {
  /* line 37, css/less/_countrySelector.less */
  .countrySelector .globalWrapper .selectCountryIcon svg {
    display: block;
    width: 3.47vw;
    height: 2.5vw;
    margin: 0 auto;
  }
}
/* line 45, css/less/_countrySelector.less */
.countrySelector .globalWrapper .chooseCountry {
  color: #092f87;
  font-size: 5.1vw;
  text-align: center;
  margin: 1.25vw 0 7.5vw;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
}
@media only screen and (min-width: 700px) {
  /* line 52, css/less/_countrySelector.less */
  .countrySelector .globalWrapper .chooseCountry {
    font-size: 1.05vw;
    margin: .8vw 0 2.08vw;
  }
}
@media only screen and (min-width: 700px) {
  /* line 59, css/less/_countrySelector.less */
  .countrySelector .globalWrapper select.mobileCountry,
  .countrySelector .globalWrapper select.mobileCountrySelect {
    display: none;
  }
}
/* line 64, css/less/_countrySelector.less */
.countrySelector .globalWrapper .mobileCSWrapper {
  width: calc(87.5%);
  margin: 0 auto;
}
/* line 67, css/less/_countrySelector.less */
.countrySelector .globalWrapper .mobileCSWrapper label {
  position: relative;
  top: -0.46875vw;
  display: inline-block;
  width: 2.5vw;
  height: 1.5625vw;
  margin: 0 4.375vw 0 0;
  background-image: url(../images/ij/downtick.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 78, css/less/_countrySelector.less */
.countrySelector .globalWrapper .mobileCSWrapper select {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 3.90625vw;
  letter-spacing: .02em;
  color: #ffffff;
  border: none;
  border-radius: 0;
  background: transparent;
  text-transform: uppercase;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
}
/* line 93, css/less/_countrySelector.less */
.countrySelector .globalWrapper .mobileCSWrapper .mobileRegionWrapper {
  margin: 0 0 8.125vw .625vw;
  display: block;
}
/* line 96, css/less/_countrySelector.less */
.countrySelector .globalWrapper .mobileCSWrapper .mobileRegionWrapper select {
  display: inline-block;
}
/* line 100, css/less/_countrySelector.less */
.countrySelector .globalWrapper .mobileCSWrapper .mobileCountryWrapper {
  margin: 0 0 8.125vw .625vw;
  display: block;
}
/* line 103, css/less/_countrySelector.less */
.countrySelector .globalWrapper .mobileCSWrapper .mobileCountryWrapper .downtick {
  display: none;
}
/* line 108, css/less/_countrySelector.less */
.countrySelector .globalWrapper .countryList {
  width: 50.9vw;
  margin: 0 auto;
  display: none;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 700px) {
  /* line 114, css/less/_countrySelector.less */
  .countrySelector .globalWrapper .countryList {
    display: table;
  }
}
/* line 117, css/less/_countrySelector.less */
.countrySelector .globalWrapper .countryList ul {
  padding: 0;
  margin: 0;
}
/* line 121, css/less/_countrySelector.less */
.countrySelector .globalWrapper .countryList li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* line 125, css/less/_countrySelector.less */
.countrySelector .globalWrapper .countryList li h2 {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2.43056vw;
  line-height: 6.80556vw;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
/* line 136, css/less/_countrySelector.less */
.countrySelector .globalWrapper .countryList li a {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  font-size: 1.04167vw;
  font-weight: 500;
  line-height: 2.77778vw;
  display: block;
  text-decoration: none;
  color: #092f87;
  -webkit-font-smoothing: antialiased;
}
/* line 147, css/less/_countrySelector.less */
.countrySelector .globalWrapper .countryList > li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
/* line 153, css/less/_countrySelector.less */
.countrySelector .globalWrapper .countryList > li:after {
  display: block;
  width: .69444vw;
  height: .34722vw;
  margin: 2.77778vw auto 0 auto;
  content: '';
  border-radius: .17361vw;
  background-color: #ffffff;
}
/* line 168, css/less/_countrySelector.less */
.countrySelector #footerWrapper #footer .footerRow3 .section3 {
  padding: 3vw 0;
}
/* line 1, css/less/__categoryListingHeader.less */
#product-listing-header {
  position: relative;
  margin-top: 0;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  left: -7vw;
  margin-top: -2px;
}
@media (max-width: 768px) {
  /* line 17, css/less/__categoryListingHeader.less */
  #product-listing-header {
    margin-top: 0;
    left: -5vw;
  }
}
/* line 23, css/less/__categoryListingHeader.less */
#product-listing-header #circleColorz {
  bottom: 0;
  display: block;
  width: 100vw;
  height: 73.20833vw;
  max-height: 129vh;
  margin: 0 auto;
}
/* line 34, css/less/__categoryListingHeader.less */
#product-listing-header #circleColorz-front {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  height: 100vh;
  max-height: 65.20833vw;
  margin: 0 auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 50, css/less/__categoryListingHeader.less */
#product-listing-header #mobile_circlez {
  overflow: hidden;
  width: 0;
  height: 0;
}
/* line 57, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container {
  position: absolute;
  top: 15.83333vw;
  right: 10.97222vw;
  display: block;
}
@media (max-width: 768px) {
  /* line 67, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container {
    top: 9.6875vw;
    left: 6.25vw;
  }
}
/* line 73, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container h2 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 4.82361vw;
  font-weight: 600;
  font-style: normal;
  line-height: 90%;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 87, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container h2 {
    font-size: 12.5vw;
    line-height: 10.48906vw;
  }
}
/* line 93, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container p {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.03958vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.24792vw;
  margin: 2.91667vw 0 0 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 109, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container p {
    font-size: 3.125vw;
    line-height: normal;
    margin: 2.91667vw 0 1.80556vw 0;
    letter-spacing: .02em;
  }
}
/* line 119, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector {
  position: relative;
  overflow: hidden;
  width: auto;
  height: 3.61111vw;
  margin: 1.38889vw 0 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: .20833vw solid #fff;
  border-radius: 2.77778vw;
  -webkit-touch-callout: none;
}
@media (max-width: 768px) {
  /* line 141, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container .selector {
    height: 3.125vw;
    height: auto;
    margin: 3.125vw 0 3.125vw 0;
    border: none;
    border-radius: 0;
  }
}
/* line 151, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector:after {
  position: absolute;
  top: 50%;
  right: 1.875vw;
  display: block;
  width: .83333vw;
  height: .55556vw;
  content: '';
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(../images/ij/assets/downtick.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  /* line 173, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container .selector:after {
    right: auto;
    left: 1.71875vw;
    width: 2.5vw;
    height: 1.5625vw;
  }
}
/* line 182, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector select {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.38611vw;
  font-weight: 500;
  font-style: normal;
  width: 130%;
  height: 3.61111vw;
  padding-left: 1.59722vw;
  color: #fff;
  border: none;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 205, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container .selector select {
    font-size: 3.90625vw;
    overflow: visible;
    width: 100%;
    height: auto;
    padding-left: 8.90625vw;
  }
}
/* line 216, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector select:focus {
  border: none;
  outline: none;
}
/* line 221, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector select:focus option {
  color: #111;
}
/* line 225, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color {
  overflow: hidden;
  width: 0;
  height: 0;
  border: none;
}
@media (max-width: 768px) {
  /* line 236, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container .selector.color {
    overflow: visible;
    width: 100%;
    height: auto;
  }
  /* line 243, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container .selector.color select {
    padding-left: 16.5625vw;
    opacity: 0;
  }
  /* line 249, css/less/__categoryListingHeader.less */
  #product-listing-header .copy-container .selector.color:before {
    position: absolute;
    top: 50%;
    left: 8.75vw;
    display: block;
    width: 3.59375vw;
    height: 3.59375vw;
    content: '';
    -webkit-transition: background-color 0.3s linear 0s;
    transition: background-color 0.3s linear 0s;
    -webkit-transform: translate(0, -50%) translate3d(0, 0, 0);
    transform: translate(0, -50%) translate3d(0, 0, 0);
    pointer-events: none;
    border: 1px solid #fff;
    border-radius: 100%;
    background-color: #4ffe58;
  }
}
/* line 272, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='green']:before {
  background-color: #4ffe58;
}
/* line 276, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='blue']:before {
  background-color: #4f63fe;
}
/* line 280, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='brown']:before {
  background-color: #e28947;
}
/* line 284, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='lime']:before {
  background-color: #89e538;
}
/* line 288, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='orange']:before {
  background-color: #ff6d23;
}
/* line 292, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='yellow']:before {
  background-color: #fffc00;
}
/* line 296, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='red']:before {
  background-color: #ff394d;
}
/* line 300, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='pink']:before {
  background-color: #ff319b;
}
/* line 304, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='purple']:before {
  background-color: #8d20fb;
}
/* line 308, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='black']:before {
  background-color: #3c3c3c;
}
/* line 312, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='mocha']:before {
  background-color: #8f4350;
}
/* line 316, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='magenta']:before {
  background-color: #ff41c7;
}
/* line 320, css/less/__categoryListingHeader.less */
#product-listing-header .copy-container .selector.color[data-color='turquoise']:before {
  background-color: #02a0fe;
}
/* line 324, css/less/__categoryListingHeader.less */
#product-listing-header .discover-the-collections {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.38611vw;
  font-weight: 600;
  font-style: normal;
  position: absolute;
  bottom: 35%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-decoration: none;
  letter-spacing: .02em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
/* line 347, css/less/__categoryListingHeader.less */
#product-listing-header .discover-the-collections span {
  display: block;
  width: 1.70833vw;
  height: 2.08333vw;
  margin: 1.52778vw auto 0 auto;
  background-image: url(../images/ij/assets/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  /* line 361, css/less/__categoryListingHeader.less */
  #product-listing-header .discover-the-collections {
    overflow: hidden;
    width: 0;
    height: 0;
  }
}
@media (max-width: 768px) {
  /* line 371, css/less/__categoryListingHeader.less */
  #product-listing-header #circleColorz,
  #product-listing-header #circleColorz-front {
    overflow: hidden;
    width: 0;
    height: 0;
  }
  /* line 379, css/less/__categoryListingHeader.less */
  #product-listing-header #mobile_circlez {
    display: block;
    width: 100%;
    height: 137.8125vw;
  }
}
/* line 387, css/less/__categoryListingHeader.less */
#product-listing-header .pen-container .pen {
  position: absolute;
  top: 22.70833vw;
  left: 18.05556vw;
  width: 39.58333vw;
  height: 4.16667vw;
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  transform: rotate(-35deg);
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/gelpen-hero-green_new?fmt=png-alpha&wid=1432);
  background-repeat: no-repeat;
  background-size: contain !important;
}
@media (max-width: 768px) {
  /* line 406, css/less/__categoryListingHeader.less */
  #product-listing-header .pen-container .pen {
    top: 78.125vw;
    left: 1.875vw;
    width: 98.90625vw;
    height: 8.125vw;
  }
}
/* line 415, css/less/__categoryListingHeader.less */
#product-listing-header .pen-container .shadow {
  position: absolute;
  top: 22.91667vw;
  left: 19.16667vw;
  width: 42.56944vw;
  height: 16.38889vw;
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  transform: rotate(-33deg);
  background-image: url(../images/ij/assets/listing/hero/gelpen/shadow_gel_pen.png);
  background-repeat: no-repeat;
  background-size: contain !important;
}
@media (max-width: 768px) {
  /* line 434, css/less/__categoryListingHeader.less */
  #product-listing-header .pen-container .shadow {
    top: 81.25vw;
    left: 3.4375vw;
    width: 97.8125vw;
    height: 25vw;
  }
}
/* line 1, css/less/_globalContent.less */
body.InkJoyRebrand {
  background: #00a1e1;
  background-image: url(../images/ij/bk-bubbles.svg);
  background-size: 730% auto;
}
/* line 6, css/less/_globalContent.less */
#content {
  width: 100%;
  margin: auto;
  padding: 8vw 0;
}
@media only screen and (min-width: 700px) {
  /* line 10, css/less/_globalContent.less */
  #content {
    padding: 4vw 0;
  }
}
/* line 15, css/less/_globalContent.less */
#page {
  overflow: hidden;
}
/* line 18, css/less/_globalContent.less */
.socialSharingBar {
  height: auto;
  text-align: center;
  position: fixed;
  top: 12vw;
  right: 0;
  background: #fff;
  border-radius: 1.5vw 0 0 1.5vw;
  box-sizing: border-box;
  padding: 1vw;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  max-width: 6vw;
  overflow: hidden;
  z-index: 100;
}
/* line 34, css/less/_globalContent.less */
.socialSharingBar * {
  display: block;
  margin: 0.6vw auto;
}
/* line 39, css/less/_globalContent.less */
.socialSharingBar img {
  max-height: 2.9vw;
  max-width: 2.3vw;
  margin: 1rem auto;
  box-sizing: border-box;
}
/* line 1, css/less/_forms.less */
form {
  background: transparent;
}
@media only screen and (min-width: 700px) {
  /* line 3, css/less/_forms.less */
  form {
    background: #ffffff;
    padding: 2.5vw 5vw;
  }
}
/* line 9, css/less/_forms.less */
form label {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  color: #ffffff;
  font-weight: 500;
  font-size: 4.5vw;
  letter-spacing: 0.010rem;
  margin: 0.3rem 0;
  display: inline-block;
  padding-left: 4vw;
}
@media only screen and (min-width: 700px) {
  /* line 18, css/less/_forms.less */
  form label {
    font-size: 1.4vw;
    padding-left: 2vw;
    color: #00a1e1;
  }
}
/* line 25, css/less/_forms.less */
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form table[role=listbox] {
  margin-bottom: 0.5rem;
  width: 99.4%;
  color: #ffffff;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 4.5vw;
  border-radius: 5rem;
  padding: 0 1rem;
  border: solid 2px;
  height: 12vw;
  background: #00a1e1;
}
@media only screen and (min-width: 700px) {
  /* line 41, css/less/_forms.less */
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form table[role=listbox] {
    height: 6vw;
    max-height: 3rem;
    font-size: 1.4vw;
    padding-left: 2vw;
    color: #00a1e1;
    background: #ffffff;
    border: 2px solid;
  }
}
/* line 52, css/less/_forms.less */
form input[type=submit] {
  border-radius: 5rem;
  border: none;
  padding: 3vw 10vw;
  background: #00a1e1;
  color: #ffffff;
  cursor: pointer;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 4.5vw;
  text-transform: uppercase;
  border: solid 2px;
}
@media only screen and (min-width: 700px) {
  /* line 63, css/less/_forms.less */
  form input[type=submit] {
    font-size: 1.4vw;
    padding: 1.25vw 4.5vw;
  }
}
/* line 69, css/less/_forms.less */
input[type=checkbox] {
  float: left;
}
/* line 73, css/less/_forms.less */
textarea {
  margin-bottom: 0.5rem;
  width: 100%;
  color: #ffffff;
  background: #00a1e1;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 4.5vw;
  border-radius: 1rem;
  padding: 1rem;
  border: solid 2px;
  height: 52vw;
}
@media only screen and (min-width: 700px) {
  /* line 87, css/less/_forms.less */
  textarea {
    margin: -3vw 0 0;
    height: 12vw;
    background: transparent;
    border: solid 2px;
    color: #00a1e1;
    font-size: 1.4vw;
  }
}
/* line 98, css/less/_forms.less */
#newsletterconsent,
#contactconsent {
  position: relative;
  margin: 0 0 5vw;
}
@media only screen and (min-width: 700px) {
  /* line 102, css/less/_forms.less */
  #newsletterconsent,
  #contactconsent {
    position: static;
  }
}
/* line 105, css/less/_forms.less */
#newsletterconsent label,
#contactconsent label {
  width: 90%;
  padding-left: 0;
}
/* line 109, css/less/_forms.less */
#newsletterconsent input[type=checkbox],
#contactconsent input[type=checkbox] {
  float: left;
  position: relative;
  top: 3vw;
}
@media only screen and (min-width: 700px) {
  /* line 113, css/less/_forms.less */
  #newsletterconsent input[type=checkbox],
  #contactconsent input[type=checkbox] {
    top: 1.4vw;
    left: 0.2vw;
  }
}
/* line 120, css/less/_forms.less */
span.checkboxmsg {
  font-size: 3.5vw;
  line-height: 1.4;
  position: relative;
  left: 5vw;
  width: 90%;
}
/* line 126, css/less/_forms.less */
span.checkboxmsg:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 700px) {
  /* line 129, css/less/_forms.less */
  span.checkboxmsg {
    font-size: 1vw;
    left: 1vw;
    width: 100%;
  }
}
/* line 136, css/less/_forms.less */
label#mymessagecharcount {
  position: relative;
  top: -13vw;
  left: 81.4vw;
  font-size: 3vw;
  background: white;
  color: #00a1e1;
  text-align: center;
  width: 10vw;
  padding: 0 0.7vw;
}
@media only screen and (min-width: 700px) {
  /* line 146, css/less/_forms.less */
  label#mymessagecharcount {
    top: -4vw;
    left: 75vw;
    font-size: .8vw;
    width: 3vw;
    background: #00a1e1;
    color: #ffffff !important;
  }
}
@media only screen and (min-width: 700px) {
  /* line 158, css/less/_forms.less */
  form .column {
    width: 48%;
    margin: 0.5% 1%;
    float: left;
  }
  /* line 162, css/less/_forms.less */
  form .column:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen and (min-width: 700px) {
  /* line 168, css/less/_forms.less */
  form #WC_AddressEntryForm_ContactUsdiv_1 {
    width: 98%;
  }
}
/* line 174, css/less/_forms.less */
.inputField.dijitSelect .dijitArrowButtonContainer:before {
  content: "";
  height: 15px;
  width: 15px;
  position: absolute;
  overflow: hidden;
  background: url('../images/ij/chevron-down.svg') no-repeat;
  fill: #ffffff;
  display: block;
  background-size: cover !important;
  margin-top: -1vw;
  margin-left: -3vw;
}
@media only screen and (min-width: 700px) {
  /* line 186, css/less/_forms.less */
  .inputField.dijitSelect .dijitArrowButtonContainer:before {
    margin-top: -0.3vw;
    margin-left: -1vw;
  }
}
/* line 192, css/less/_forms.less */
.wcSelectMenu .dijitMenuItemLabel,
#pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel,
#pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel,
#payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel,
#addressId_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel {
  border-color: #00a1e1;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 4.5vw;
  color: #00a1e1;
}
@media only screen and (min-width: 700px) {
  /* line 202, css/less/_forms.less */
  .wcSelectMenu .dijitMenuItemLabel,
  #pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel,
  #pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel,
  #payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel,
  #addressId_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel {
    font-size: 1.2vw;
  }
}
/* line 207, css/less/_forms.less */
.dijitMenuItemHover {
  background-color: #00a1e1 !important;
}
/* line 209, css/less/_forms.less */
.dijitMenuItemHover td {
  color: #ffffff !important;
}
/* line 214, css/less/_forms.less */
.dijitSelectSelectedOption td {
  background: #00a1e1 !important;
  color: #ffffff !important;
}
/* line 219, css/less/_forms.less */
.mTop30 {
  color: #fff600;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  font-size: 3.4vw;
}
@media only screen and (min-width: 700px) {
  /* line 224, css/less/_forms.less */
  .mTop30 {
    font-size: 0.8vw;
    color: #092f87;
  }
}
/* line 230, css/less/_forms.less */
.mTop20 {
  color: #ffffff;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 3.5vw;
  text-align: center;
  border: solid 2px;
  background: rgba(255, 255, 255, 0.25);
  padding: 2vw;
  margin: 4vw 0;
  border-radius: 100px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 700px) {
  /* line 241, css/less/_forms.less */
  .mTop20 {
    font-size: 0.8vw;
    padding: 0.5vw;
    color: #092f87;
    text-align: left;
    border: none;
    margin: 0;
    text-shadow: none;
  }
}
/* line 252, css/less/_forms.less */
#confirmpagewrapper {
  width: 91.5vw;
  margin: auto;
}
@-webkit-keyframes "penCircle" {
  /* line 11, css/less/__homeContent.less */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 18, css/less/__homeContent.less */
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "penCircle" {
  /* line 27, css/less/__homeContent.less */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 34, css/less/__homeContent.less */
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "joySequence" {
  /* line 43, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 50, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.58333%, 0%);
    -moz-transform: translate(-99.58333%, 0%);
    -ms-transform: translate(-99.58333%, 0%);
    -o-transform: translate(-99.58333%, 0%);
    transform: translate(-99.58333%, 0%);
  }
}
@keyframes "joySequence" {
  /* line 59, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 66, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.58333%, 0%);
    -moz-transform: translate(-99.58333%, 0%);
    -ms-transform: translate(-99.58333%, 0%);
    -o-transform: translate(-99.58333%, 0%);
    transform: translate(-99.58333%, 0%);
  }
}
@-webkit-keyframes "joySequenceMbl" {
  /* line 75, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 82, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@keyframes "joySequenceMbl" {
  /* line 91, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 98, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes "whiteAnimation" {
  /* line 107, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 114, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.4709%, 0%);
    -moz-transform: translate(-99.4709%, 0%);
    -ms-transform: translate(-99.4709%, 0%);
    -o-transform: translate(-99.4709%, 0%);
    transform: translate(-99.4709%, 0%);
  }
}
@keyframes "whiteAnimation" {
  /* line 123, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 130, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.4709%, 0%);
    -moz-transform: translate(-99.4709%, 0%);
    -ms-transform: translate(-99.4709%, 0%);
    -o-transform: translate(-99.4709%, 0%);
    transform: translate(-99.4709%, 0%);
  }
}
@-webkit-keyframes "nosmears" {
  /* line 139, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 146, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-97.5%, 0%);
    -moz-transform: translate(-97.5%, 0%);
    -ms-transform: translate(-97.5%, 0%);
    -o-transform: translate(-97.5%, 0%);
    transform: translate(-97.5%, 0%);
  }
}
@keyframes "nosmears" {
  /* line 155, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 162, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-97.5%, 0%);
    -moz-transform: translate(-97.5%, 0%);
    -ms-transform: translate(-97.5%, 0%);
    -o-transform: translate(-97.5%, 0%);
    transform: translate(-97.5%, 0%);
  }
}
@-webkit-keyframes "nosmearsRTL" {
  /* line 171, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 178, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(97.5%, 0%);
    -moz-transform: translate(97.5%, 0%);
    -ms-transform: translate(97.5%, 0%);
    -o-transform: translate(97.5%, 0%);
    transform: translate(97.5%, 0%);
  }
}
@keyframes "nosmearsRTL" {
  /* line 187, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 194, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(97.5%, 0%);
    -moz-transform: translate(97.5%, 0%);
    -ms-transform: translate(97.5%, 0%);
    -o-transform: translate(97.5%, 0%);
    transform: translate(97.5%, 0%);
  }
}
@-webkit-keyframes "dogAnim" {
  /* line 203, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 210, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.61089%, 0%);
    -moz-transform: translate(-99.61089%, 0%);
    -ms-transform: translate(-99.61089%, 0%);
    -o-transform: translate(-99.61089%, 0%);
    transform: translate(-99.61089%, 0%);
  }
}
@keyframes "dogAnim" {
  /* line 219, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 226, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.61089%, 0%);
    -moz-transform: translate(-99.61089%, 0%);
    -ms-transform: translate(-99.61089%, 0%);
    -o-transform: translate(-99.61089%, 0%);
    transform: translate(-99.61089%, 0%);
  }
}
@-webkit-keyframes "dogAnimRTL" {
  /* line 235, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 242, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(99.61089%, 0%);
    -moz-transform: translate(99.61089%, 0%);
    -ms-transform: translate(99.61089%, 0%);
    -o-transform: translate(99.61089%, 0%);
    transform: translate(99.61089%, 0%);
  }
}
@keyframes "dogAnimRTL" {
  /* line 251, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 258, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(99.61089%, 0%);
    -moz-transform: translate(99.61089%, 0%);
    -ms-transform: translate(99.61089%, 0%);
    -o-transform: translate(99.61089%, 0%);
    transform: translate(99.61089%, 0%);
  }
}
@-webkit-keyframes "betterNotes" {
  /* line 267, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 274, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.28058%, 0%);
    -moz-transform: translate(-99.28058%, 0%);
    -ms-transform: translate(-99.28058%, 0%);
    -o-transform: translate(-99.28058%, 0%);
    transform: translate(-99.28058%, 0%);
  }
}
@keyframes "betterNotes" {
  /* line 283, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 290, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(-99.28058%, 0%);
    -moz-transform: translate(-99.28058%, 0%);
    -ms-transform: translate(-99.28058%, 0%);
    -o-transform: translate(-99.28058%, 0%);
    transform: translate(-99.28058%, 0%);
  }
}
@-webkit-keyframes "betterNotesRTL" {
  /* line 299, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 306, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(99.28058%, 0%);
    -moz-transform: translate(99.28058%, 0%);
    -ms-transform: translate(99.28058%, 0%);
    -o-transform: translate(99.28058%, 0%);
    transform: translate(99.28058%, 0%);
  }
}
@keyframes "betterNotesRTL" {
  /* line 315, css/less/__homeContent.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 322, css/less/__homeContent.less */
  100% {
    -webkit-transform: translate(99.28058%, 0%);
    -moz-transform: translate(99.28058%, 0%);
    -ms-transform: translate(99.28058%, 0%);
    -o-transform: translate(99.28058%, 0%);
    transform: translate(99.28058%, 0%);
  }
}
/* line 331, css/less/__homeContent.less */
.InkJoyRebrand.homePage .content-wrapper {
  width: 100%;
}
/* line 334, css/less/__homeContent.less */
.InkJoyRebrand.homePage #content {
  padding: 2vw 0 0 0;
}
/* line 338, css/less/__homeContent.less */
#home-tiles {
  padding-bottom: 0;
}
/* line 341, css/less/__homeContent.less */
#home-tiles .tile-block {
  width: 100%;
}
/* line 343, css/less/__homeContent.less */
#home-tiles .tile-block:after {
  display: table;
  clear: both;
  content: '';
}
/* line 348, css/less/__homeContent.less */
#home-tiles .tile-block .tile {
  position: relative;
  opacity: 0;
}
/* line 352, css/less/__homeContent.less */
#home-tiles .tile-block .tile .legal-disclaimer {
  position: absolute;
  bottom: 1.5vw;
  padding: 0 1vw;
  font-size: 2.5vw;
  color: #000;
  text-align: center;
  width: 100%;
  font-weight: normal;
  z-index: 10;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: #092f87;
  transform: rotate(0);
  left: 0;
}
@media only screen and (min-width: 700px) {
  /* line 367, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .legal-disclaimer {
    font-size: .9vw;
    bottom: 1vw;
  }
}
/* line 373, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  height: 0;
  background-color: #ff6f0f;
}
/* line 381, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list {
  position: absolute;
  bottom: 50%;
  left: 50%;
  display: inline-block;
  width: 100%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  text-align: center;
}
/* line 391, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list a {
  display: inline-block;
  margin: 0 1.45833vw 0 1.45833vw;
}
/* line 395, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list .facebook {
  width: 2.5vw;
  height: 3.61111vw;
}
/* line 398, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list .facebook svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 404, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list .twitter {
  position: relative;
  top: .13889vw;
  width: 3.61111vw;
  height: 3.75vw;
}
/* line 409, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list .twitter svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 415, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list .pinterest {
  width: 2.5vw;
  height: 3.61111vw;
}
/* line 418, css/less/__homeContent.less */
#home-tiles .tile-block .tile .share-block .share-list .pinterest svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 426, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container {
  position: absolute;
  z-index: 10;
}
/* line 429, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container h2 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 3.47222vw;
  font-weight: 600;
  font-style: normal;
  line-height: 3.125vw;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
/* line 439, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container .new {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.21736vw;
  font-weight: 500;
  font-style: normal;
  position: relative;
  width: 3.75vw;
  height: 3.75vw;
  margin: 0 0 1.04167vw;
  letter-spacing: .05em;
  color: #ffffff;
  border-radius: 100%;
  background-color: #e71096;
  -webkit-font-smoothing: antialiased;
}
/* line 453, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container .new span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* line 464, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container .tagline {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: 0 0 .69444vw 0;
  letter-spacing: .02em;
  color: #037e99;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
/* line 476, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container .subcopy {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: .83333vw 0 0 0;
  letter-spacing: .02em;
  color: #fff800;
  -webkit-font-smoothing: antialiased;
}
/* line 488, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container.bottom-left {
  bottom: 3.47222vw;
  left: 2.63889vw;
}
/* line 492, css/less/__homeContent.less */
#home-tiles .tile-block .tile .copy-container.top-right {
  top: 2.08333vw;
  right: 2.08333vw;
}
/* line 496, css/less/__homeContent.less */
#home-tiles .tile-block .tile .round-button {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.38889vw;
  font-weight: 600;
  font-style: normal;
  position: absolute;
  z-index: 10;
  right: 2.77778vw;
  bottom: 3.47222vw;
  display: block;
  padding: 1.38889vw 4.16667vw 1.38889vw 2.22222vw;
  cursor: pointer;
  text-decoration: none;
  letter-spacing: .02em;
  color: #ffffff;
  border-radius: 100vw;
  background-color: #00a1e1;
  -webkit-font-smoothing: antialiased;
}
/* line 514, css/less/__homeContent.less */
#home-tiles .tile-block .tile .round-button span {
  position: absolute;
  top: .03472vw;
  top: 1.55556vw;
  right: 2.01389vw;
  display: inline-block;
  overflow: hidden;
  width: 1.38889vw;
  height: 1.15741vw;
}
/* line 523, css/less/__homeContent.less */
#home-tiles .tile-block .tile .round-button span:after {
  display: block;
  width: 13.88889vw;
  height: 1.15741vw;
  content: '';
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/arrowright%2Dsequence?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: 13.88889vw 1.15741vw;
}
/* line 535, css/less/__homeContent.less */
#home-tiles .tile-block .tile .round-button:hover span:after {
  -webkit-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -moz-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -ms-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -o-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  animation: arrowrightAnim 0.4s steps(9) 1 normal;
}
/* line 545, css/less/__homeContent.less */
#home-tiles .tile-block .tile .round-button.blue {
  background-color: #00a1e1;
}
/* line 548, css/less/__homeContent.less */
#home-tiles .tile-block .tile .round-button.yellow {
  color: #3ac1e1;
  background-color: #fff600;
}
/* line 553, css/less/__homeContent.less */
#home-tiles .tile-block .tile.sharable {
  cursor: pointer;
}
/* line 556, css/less/__homeContent.less */
#home-tiles .tile-block .tile-a {
  width: 50%;
  height: 44.44444vw;
}
/* line 560, css/less/__homeContent.less */
#home-tiles .tile-block .tile-b {
  width: 25%;
  height: 22.22222vw;
}
/* line 564, css/less/__homeContent.less */
#home-tiles .tile-block .tile-c {
  width: 50%;
  height: 22.22222vw;
}
/* line 568, css/less/__homeContent.less */
#home-tiles .tile-block .tile-1 {
  float: left;
  background-color: #fff600;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/tile%2D1?wid=640&fmt=jpg&qlt=100);
  background-size: cover;
}
/* line 573, css/less/__homeContent.less */
#home-tiles .tile-block .tile-1.noanim {
  background-image: url(../images/ij/assets/home/IJ_Pen-wheel.jpg);
}
/* line 575, css/less/__homeContent.less */
#home-tiles .tile-block .tile-1.noanim .pen-circle {
  display: none;
}
/* line 579, css/less/__homeContent.less */
#home-tiles .tile-block .tile-1 h2 {
  color: #10b6ee !important;
}
/* line 582, css/less/__homeContent.less */
#home-tiles .tile-block .tile-1 .pen-circle {
  position: absolute;
  top: 3.19444vw;
  left: 8.78472vw;
  width: 26.90972vw;
  height: 26.97917vw;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: penCircle 80s linear infinite normal;
  -moz-animation: penCircle 80s linear infinite normal;
  -ms-animation: penCircle 80s linear infinite normal;
  -o-animation: penCircle 80s linear infinite normal;
  animation: penCircle 80s linear infinite normal;
}
/* line 597, css/less/__homeContent.less */
#home-tiles .tile-block .tile-1 .pen-circle.speedup {
  -webkit-animation-name: penCircle;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: normal;
  -moz-animation: penCircle 1.5s linear infinite normal;
  -ms-animation: penCircle 1.5s linear infinite normal;
  -o-animation: penCircle 1.5s linear infinite normal;
  animation: penCircle 1.5s linear infinite normal;
}
/* line 610, css/less/__homeContent.less */
#home-tiles .tile-block .tile-2 {
  float: left;
  background-color: #ff6f0f;
  background-size: contain;
}
/* line 615, css/less/__homeContent.less */
#home-tiles .tile-block .tile-2 .share-block {
  background-color: #ff6f0f;
}
/* line 617, css/less/__homeContent.less */
#home-tiles .tile-block .tile-2 .share-block path {
  stroke: #e71095 !important;
  stroke-width: 6 !important;
}
/* line 623, css/less/__homeContent.less */
#home-tiles .tile-block .tile-3 {
  float: right;
  margin-top: -22.22222vw;
  background-color: #42dafb;
}
/* line 627, css/less/__homeContent.less */
#home-tiles .tile-block .tile-3 h2 {
  color: #fff600 !important;
}
/* line 630, css/less/__homeContent.less */
#home-tiles .tile-block .tile-3 .static-bk {
  position: absolute;
  top: -6.04167vw;
  right: 2.01389vw;
  width: 33.40278vw;
  height: 45.625vw;
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 641, css/less/__homeContent.less */
#home-tiles .tile-block .tile-4 {
  float: right;
  background-color: #e61095;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 647, css/less/__homeContent.less */
#home-tiles .tile-block .tile-4 .share-block {
  background-color: #e71096;
}
/* line 649, css/less/__homeContent.less */
#home-tiles .tile-block .tile-4 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 655, css/less/__homeContent.less */
#home-tiles .tile-block .tile-5 {
  float: left;
  background-color: #ff841e;
}
/* line 658, css/less/__homeContent.less */
#home-tiles .tile-block .tile-5 .copy-container {
  text-align: right;
}
/* line 661, css/less/__homeContent.less */
#home-tiles .tile-block .tile-5 .round-button {
  right: 2.08333vw;
  bottom: 2.08333vw;
}
/* line 665, css/less/__homeContent.less */
#home-tiles .tile-block .tile-5 .static-bk {
  position: absolute;
  bottom: -0.11111vw;
  left: 0;
  display: none;
  width: 31.38889vw;
  height: 27.91667vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/better%5Fnotes);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 676, css/less/__homeContent.less */
#home-tiles .tile-block .tile-5 .animation-container {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 24.09722vw;
  height: 42.70833vw;
}
/* line 683, css/less/__homeContent.less */
#home-tiles .tile-block .tile-5 .animation-container .animation {
  width: 3378.47222vw;
  height: 42.70833vw;
  -webkit-animation: betterNotes 7s steps(138) infinite reverse;
  -moz-animation: betterNotes 7s steps(138) infinite reverse;
  -ms-animation: betterNotes 7s steps(138) infinite reverse;
  -o-animation: betterNotes 7s steps(138) infinite reverse;
  animation: betterNotes 7s steps(138) infinite reverse;
  background-image: url(../images/ij/assets/home/betternotes1.png), url(../images/ij/assets/home/betternotes2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, 2211.80556vw 0;
  background-size: 2211.80556vw 42.70833vw, 1166.66667vw 42.70833vw;
}
/* line 698, css/less/__homeContent.less */
#home-tiles .tile-block .tile-6 {
  float: left;
  background-color: #fddb00;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 704, css/less/__homeContent.less */
#home-tiles .tile-block .tile-6 .share-block {
  background-color: #ffdb00;
}
/* line 706, css/less/__homeContent.less */
#home-tiles .tile-block .tile-6 .share-block path {
  stroke: #00a1e1 !important;
  stroke-width: 6 !important;
}
/* line 712, css/less/__homeContent.less */
#home-tiles .tile-block .tile-7 {
  float: right;
  background-color: #ed1c24;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 719, css/less/__homeContent.less */
#home-tiles .tile-block .tile-7 .copy-container .tagline {
  color: #7f0e13;
  text-transform: none;
}
/* line 725, css/less/__homeContent.less */
#home-tiles .tile-block .tile-8 {
  float: right;
  overflow: hidden;
  background-color: #f3f3f3;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 732, css/less/__homeContent.less */
#home-tiles .tile-block .tile-8.noanim {
  background-image: url(../images/ij/assets/home/IJ_Video-pen.jpg);
}
/* line 735, css/less/__homeContent.less */
#home-tiles .tile-block .tile-8 .share-block {
  background-color: #fff;
}
/* line 737, css/less/__homeContent.less */
#home-tiles .tile-block .tile-8 .share-block path {
  stroke: #00a1e1 !important;
  stroke-width: 5 !important;
}
/* line 743, css/less/__homeContent.less */
#home-tiles .tile-block .tile-9 {
  float: left;
  margin-top: -22.22222vw;
  background-color: #41d7f7;
}
/* line 748, css/less/__homeContent.less */
#home-tiles .tile-block .tile-9 .copy-container h2 {
  color: #fff600 !important;
}
/* line 752, css/less/__homeContent.less */
#home-tiles .tile-block .tile-9 .static-bk {
  position: absolute;
  top: -8.75vw;
  left: -1.25vw;
  display: none;
  width: 40.27778vw;
  height: 37.08333vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/pen%5Ftablet?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 763, css/less/__homeContent.less */
#home-tiles .tile-block .tile-9 .anim-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* line 769, css/less/__homeContent.less */
#home-tiles .tile-block .tile-9 .anim-container .tablet {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 5.55556vw 5.13889vw;
  background-size: 35.76389vw 22.56944vw;
}
/* line 778, css/less/__homeContent.less */
#home-tiles .tile-block .tile-9 .anim-container .notebook {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fnotebook?fmt=png-alpha&wid=720);
  background-repeat: no-repeat;
  background-position: 5.55556vw 5.13889vw;
  background-size: 36.11111vw 23.4375vw;
}
/* line 791, css/less/__homeContent.less */
#home-tiles .tile-block .tile-9 .stylus-pen {
  position: absolute;
  top: -19%;
  left: 32%;
  width: 2.77778vw;
  height: 29.51389vw;
  -webkit-transform: rotate(-207deg);
  -ms-transform: rotate(-207deg);
  transform: rotate(-207deg);
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fpen?fmt=png-alpha&hei=920);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 806, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10 {
  float: left;
  background-color: #e71096;
}
/* line 809, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10 .static-bk {
  position: absolute;
  bottom: 0;
  width: 24.65278vw;
  height: 22.5vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stop%5Fsmears?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 818, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10.noanim {
  background-image: url(../images/ij/assets/home/IJ_paper.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
}
/* line 823, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10.noanim .static-bk {
  display: none;
}
/* line 827, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10 .animation-container {
  position: absolute;
  top: 9.65278vw;
  left: 5.55556vw;
  overflow: hidden;
  width: 13.88889vw;
  height: 6.94444vw;
}
/* line 834, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10 .animation-container .animation {
  position: relative;
  width: 555.55556vw;
  height: 6.94444vw;
  -webkit-animation: nosmears 3s steps(39) infinite normal;
  -moz-animation: nosmears 3s steps(39) infinite normal;
  -ms-animation: nosmears 3s steps(39) infinite normal;
  -o-animation: nosmears 3s steps(39) infinite normal;
  animation: nosmears 3s steps(39) infinite normal;
  background-position: 0 0;
  background-size: 555.55556vw 6.94444vw;
}
/* line 849, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 853, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10 .share-block {
  background-color: #e71096;
}
/* line 855, css/less/__homeContent.less */
#home-tiles .tile-block .tile-10 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 861, css/less/__homeContent.less */
#home-tiles .tile-block .tile-11 {
  float: left;
  overflow: hidden;
  margin-left: 25%;
  background-color: #ed1c24;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 869, css/less/__homeContent.less */
#home-tiles .tile-block .tile-11 .share-block {
  background-color: #ed1c24;
}
/* line 871, css/less/__homeContent.less */
#home-tiles .tile-block .tile-11 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 877, css/less/__homeContent.less */
#home-tiles .tile-block .tile-12 {
  float: left;
  background-color: #fddb00;
}
/* line 881, css/less/__homeContent.less */
#home-tiles .tile-block .tile-13 {
  float: left;
  background-color: #ff841e;
}
/* line 884, css/less/__homeContent.less */
#home-tiles .tile-block .tile-13 .share-block {
  background-color: #ff6f0f;
}
/* line 886, css/less/__homeContent.less */
#home-tiles .tile-block .tile-13 .share-block path {
  stroke: #fff800 !important;
  stroke-width: 5 !important;
}
/* line 891, css/less/__homeContent.less */
#home-tiles .tile-block .tile-13 .animation-container {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 24.09722vw;
  height: 28.40278vw;
}
/* line 898, css/less/__homeContent.less */
#home-tiles .tile-block .tile-13 .animation-container .animation {
  width: 6193.54167vw;
  height: 28.40278vw;
  -webkit-animation: dogAnim 7s steps(256) infinite normal;
  -moz-animation: dogAnim 7s steps(256) infinite normal;
  -ms-animation: dogAnim 7s steps(256) infinite normal;
  -o-animation: dogAnim 7s steps(256) infinite normal;
  animation: dogAnim 7s steps(256) infinite normal;
  background-image: url(../images/ij/assets/home/dog1.png), url(../images/ij/assets/home/dog2.png), url(../images/ij/assets/home/dog3.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 2216.94444vw 0, 4433.88889vw 0;
  background-size: 2216.94444vw 28.40278vw, 2216.94444vw 28.40278vw, 1759.65278vw 28.40278vw;
}
/* line 914, css/less/__homeContent.less */
#home-tiles .tile-block.tile-block-2 {
  height: 22.22222vw;
}
/* line 917, css/less/__homeContent.less */
#home-tiles .tile-block.tile-block-5 {
  height: 22.22222vw;
}
/* line 925, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile .copy-container.bottom-left {
  right: 2.63889vw;
  left: auto;
}
/* line 929, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile .copy-container.top-right {
  top: 2.08333vw;
  right: 2.08333vw;
}
/* line 933, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile .round-button {
  right: auto;
  left: 2.77778vw;
  padding: 1.38889vw 2.22222vw 1.38889vw 4.16667vw;
}
/* line 937, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile .round-button span {
  right: auto;
  left: 2.01389vw;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* line 946, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile .round-button:hover span:after {
  -webkit-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -moz-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -ms-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -o-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
}
/* line 957, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-1 {
  float: right;
}
/* line 960, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-2 {
  float: right;
}
/* line 963, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-3 {
  float: left;
}
/* line 965, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-3 .static-bk {
  right: auto;
  left: 2.01389vw;
}
/* line 970, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-4 {
  float: left;
}
/* line 973, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-5 {
  float: right;
}
/* line 975, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-5 .copy-container {
  text-align: right;
}
/* line 978, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-5 .round-button {
  right: 2.08333vw;
  bottom: 2.08333vw;
  left: auto;
}
/* line 984, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-5 .animation-container .animation {
  -webkit-animation: betterNotesRTL 7s steps(138) infinite reverse;
  -moz-animation: betterNotesRTL 7s steps(138) infinite reverse;
  -ms-animation: betterNotesRTL 7s steps(138) infinite reverse;
  -o-animation: betterNotesRTL 7s steps(138) infinite reverse;
  animation: betterNotesRTL 7s steps(138) infinite normal;
}
/* line 993, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-6 {
  float: right;
}
/* line 996, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-7 {
  float: left;
}
/* line 999, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-8 {
  float: left;
}
/* line 1002, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-9 {
  float: right;
}
/* line 1005, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-10 {
  float: right;
}
/* line 1007, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-10 .animation-container {
  top: 9.65278vw;
  left: 2.77778vw;
}
/* line 1010, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-animation: nosmearsRTL 3s steps(39) infinite normal;
  -moz-animation: nosmearsRTL 3s steps(39) infinite normal;
  -ms-animation: nosmearsRTL 3s steps(39) infinite normal;
  -o-animation: nosmearsRTL 3s steps(39) infinite normal;
  animation: nosmearsRTL 3s steps(39) infinite normal;
}
/* line 1019, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 1024, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-11 {
  float: right;
  margin-right: 25%;
  margin-left: 0;
}
/* line 1029, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-12 {
  float: right;
}
/* line 1032, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-13 {
  float: left;
}
/* line 1035, css/less/__homeContent.less */
html.rtl #home-tiles .tile-block .tile-13 .animation-container .animation {
  -webkit-animation: dogAnimRTL 7s steps(256) infinite normal;
  -moz-animation: dogAnimRTL 7s steps(256) infinite normal;
  -ms-animation: dogAnimRTL 7s steps(256) infinite normal;
  -o-animation: dogAnimRTL 7s steps(256) infinite normal;
  animation: dogAnimRTL 7s steps(256) infinite normal;
}
/* line 1052, css/less/__homeContent.less */
html.ie-12 #home-tiles .tile-block .tile-5 .animation-container .animation {
  -webkit-animation: none;
  -ms-animation: none;
  animation: none;
  -webkit-transform: translate(-51.07914%, 0%);
  -moz-transform: translate(-51.07914%, 0%);
  -ms-transform: translate(-51.07914%, 0%);
  -o-transform: translate(-51.07914%, 0%);
  transform: translate(-51.07914%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 1078, css/less/__homeContent.less */
html.ie-12 #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-transform: translate(-82.5%, 0%);
  -moz-transform: translate(-82.5%, 0%);
  -ms-transform: translate(-82.5%, 0%);
  -o-transform: translate(-82.5%, 0%);
  transform: translate(-82.5%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
/* line 1102, css/less/__homeContent.less */
html.ie-12 #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 1109, css/less/__homeContent.less */
html.ie-12 #home-tiles .tile-block .tile-13 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  -webkit-transform: translate(-70.03891%, 0%);
  -moz-transform: translate(-70.03891%, 0%);
  -ms-transform: translate(-70.03891%, 0%);
  -o-transform: translate(-70.03891%, 0%);
  transform: translate(-70.03891%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 1133, css/less/__homeContent.less */
html.ie-12 #home-tiles .tile-block .tile-7 {
  float: right;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/target2_ie.gif);
}
/* line 1149, css/less/__homeContent.less */
html.ie-11 #home-tiles .tile-block .tile-5 .animation-container .animation {
  -webkit-animation: none;
  -ms-animation: none;
  animation: none;
  -webkit-transform: translate(-51.07914%, 0%);
  -moz-transform: translate(-51.07914%, 0%);
  -ms-transform: translate(-51.07914%, 0%);
  -o-transform: translate(-51.07914%, 0%);
  transform: translate(-51.07914%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 1175, css/less/__homeContent.less */
html.ie-11 #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-transform: translate(-82.5%, 0%);
  -moz-transform: translate(-82.5%, 0%);
  -ms-transform: translate(-82.5%, 0%);
  -o-transform: translate(-82.5%, 0%);
  transform: translate(-82.5%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
/* line 1199, css/less/__homeContent.less */
html.ie-11 #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 1206, css/less/__homeContent.less */
html.ie-11 #home-tiles .tile-block .tile-13 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  -webkit-transform: translate(-70.03891%, 0%);
  -moz-transform: translate(-70.03891%, 0%);
  -ms-transform: translate(-70.03891%, 0%);
  -o-transform: translate(-70.03891%, 0%);
  transform: translate(-70.03891%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 1230, css/less/__homeContent.less */
html.ie-11 #home-tiles .tile-block .tile-7 {
  float: right;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/target2_ie.gif);
}
/* line 1242, css/less/__homeContent.less */
html.ie-10 #home-tiles {
  padding-bottom: 11.11111vw;
}
/* line 1243, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block {
  width: 100%;
}
/* line 1244, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-5 {
  float: left;
  background-color: #ff841e;
}
/* line 1245, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-5 .animation-container {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 347px;
  height: 615px;
}
/* line 1246, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-5 .animation-container .animation {
  width: 48650px;
  height: 615px;
  -webkit-animation: none;
  -ms-animation: none;
  animation: none;
  background-image: url(../images/ij/assets/home/betternotes1.png), url(../images/ij/assets/home/betternotes2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, 31850px 0;
  background-size: 31850px 615px, 16800px 615px;
  -webkit-transform: translate(-51.07914%, 0%);
  -moz-transform: translate(-51.07914%, 0%);
  -ms-transform: translate(-51.07914%, 0%);
  -o-transform: translate(-51.07914%, 0%);
  transform: translate(-51.07914%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 1288, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-5 .copy-container {
  text-align: right;
}
/* line 1291, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-5 .round-button {
  right: 2.08333vw;
  bottom: 2.08333vw;
}
/* line 1295, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-5 .static-bk {
  position: absolute;
  bottom: -0.11111vw;
  left: 0;
  display: none;
  width: 31.38889vw;
  height: 27.91667vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/better%5Fnotes?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 1307, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-10 {
  float: left;
  background-color: #e71096;
}
/* line 1308, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-10 .animation-container {
  position: absolute;
  top: 9.65278vw;
  left: 5.55556vw;
  overflow: hidden;
  width: 200px;
  height: 100px;
}
/* line 1309, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  position: relative;
  width: 8000px;
  height: 100px;
  -webkit-animation: nosmears 3s steps(39) infinite normal;
  -moz-animation: nosmears 3s steps(39) infinite normal;
  -ms-animation: nosmears 3s steps(39) infinite normal;
  -o-animation: nosmears 3s steps(39) infinite normal;
  animation: nosmears 3s steps(39) infinite normal;
  background-image: url(../images/ij/assets/home/smear_seq.png);
  background-position: 0 0;
  background-size: 8000px 100px;
  -webkit-transform: translate(-82.5%, 0%);
  -moz-transform: translate(-82.5%, 0%);
  -ms-transform: translate(-82.5%, 0%);
  -o-transform: translate(-82.5%, 0%);
  transform: translate(-82.5%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
/* line 1350, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 1356, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-10 .static-bk {
  position: absolute;
  bottom: 0;
  width: 24.65278vw;
  height: 22.5vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stop%5Fsmears?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 1365, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-10 .share-block {
  background-color: #e71096;
}
/* line 1367, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-10 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 1373, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-13 {
  float: left;
  background-color: #ff841e;
}
/* line 1374, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-13 .animation-container {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 347px;
  height: 409px;
}
/* line 1375, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-13 .animation-container .animation {
  width: 89187px;
  height: 409px;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  background-image: url(../images/ij/assets/home/dog1.png), url(../images/ij/assets/home/dog2.png), url(../images/ij/assets/home/dog3.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 31924px 0, 63848px 0;
  background-size: 31924px 409px, 31924px 409px, 25339px 409px;
  -webkit-transform: translate(-70.03891%, 0%);
  -moz-transform: translate(-70.03891%, 0%);
  -ms-transform: translate(-70.03891%, 0%);
  -o-transform: translate(-70.03891%, 0%);
  transform: translate(-70.03891%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 1417, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-13 .share-block {
  background-color: #ff6f0f;
}
/* line 1419, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-13 .share-block path {
  stroke: #fff800 !important;
  stroke-width: 5 !important;
}
/* line 1425, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-7 {
  background-repeat: no-repeat;
  background-size: cover;
  float: right;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/target2_ie.gif);
}
/* line 1438, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-7 .copy-container .tagline {
  color: #7f0e13;
}
/* line 1444, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block:after {
  display: table;
  clear: both;
  content: '';
}
/* line 1449, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile {
  position: relative;
  opacity: 0;
}
/* line 1452, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  height: 0;
  background-color: #ff6f0f;
}
/* line 1460, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list {
  position: absolute;
  bottom: 50%;
  left: 50%;
  display: inline-block;
  width: 100%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  text-align: center;
}
/* line 1470, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list a {
  display: inline-block;
  margin: 0 1.45833vw 0 1.45833vw;
}
/* line 1474, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .facebook {
  width: 2.5vw;
  height: 3.61111vw;
}
/* line 1477, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .facebook svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 1483, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .twitter {
  position: relative;
  top: .13889vw;
  width: 3.61111vw;
  height: 3.75vw;
}
/* line 1488, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .twitter svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 1494, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .pinterest {
  width: 2.5vw;
  height: 3.61111vw;
}
/* line 1497, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .pinterest svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 1505, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container {
  position: absolute;
  z-index: 10;
}
/* line 1508, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container h2 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 3.47222vw;
  font-weight: 600;
  font-style: normal;
  line-height: 3.125vw;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
/* line 1518, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container .new {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.21736vw;
  font-weight: 500;
  font-style: normal;
  position: relative;
  width: 3.75vw;
  height: 3.75vw;
  margin: 0 0 1.04167vw;
  letter-spacing: .05em;
  color: #ffffff;
  border-radius: 100%;
  background-color: #e71096;
  -webkit-font-smoothing: antialiased;
}
/* line 1532, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container .new span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* line 1543, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container .tagline {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: 0 0 .69444vw 0;
  letter-spacing: .02em;
  color: #037e99;
  -webkit-font-smoothing: antialiased;
}
/* line 1554, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container .subcopy {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: .83333vw 0 0 0;
  letter-spacing: .02em;
  color: #fff800;
  -webkit-font-smoothing: antialiased;
}
/* line 1566, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container.bottom-left {
  bottom: 3.47222vw;
  left: 2.63889vw;
}
/* line 1570, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .copy-container.top-right {
  top: 2.08333vw;
  right: 2.08333vw;
}
/* line 1574, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .round-button {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.38889vw;
  font-weight: 600;
  font-style: normal;
  position: absolute;
  z-index: 10;
  right: 2.77778vw;
  bottom: 3.47222vw;
  display: block;
  padding: 1.38889vw 4.16667vw 1.38889vw 2.22222vw;
  cursor: pointer;
  text-decoration: none;
  letter-spacing: .02em;
  color: #ffffff;
  border-radius: 2.08333vw;
  background-color: #00a1e1;
  -webkit-font-smoothing: antialiased;
}
/* line 1592, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .round-button span {
  position: absolute;
  top: .03472vw;
  top: 1.55556vw;
  right: 2.01389vw;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 16.66666666666667px;
}
/* line 1601, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .round-button span:after {
  display: block;
  width: 200px;
  height: 16.66666666666667px;
  content: '';
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/arrowright%2Dsequence);
  background-repeat: no-repeat;
  background-size: 200px 16.66666666666667px;
}
/* line 1613, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .round-button:hover span:after {
  -webkit-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -moz-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -ms-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -o-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  animation: arrowrightAnim 0.4s steps(9) 1 normal;
}
/* line 1623, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .round-button.blue {
  background-color: #00a1e1;
}
/* line 1626, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile .round-button.yellow {
  color: #3ac1e1;
  background-color: #fff600;
}
/* line 1631, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile.sharable {
  cursor: pointer;
}
/* line 1634, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-a {
  width: 50%;
  height: 44.44444vw;
}
/* line 1638, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-b {
  width: 25%;
  height: 22.22222vw;
}
/* line 1642, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-c {
  width: 50%;
  height: 22.22222vw;
}
/* line 1646, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-1 {
  float: left;
  background-color: #fff600;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/tile%2D1?wid=640&fmt=png-alpha);
  background-size: cover;
}
/* line 1651, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-1.noanim {
  background-image: url(../images/ij/assets/home/IJ_Pen-wheel.jpg);
}
/* line 1653, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-1.noanim .pen-circle {
  display: none;
}
/* line 1657, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-1 h2 {
  color: #10b6ee !important;
}
/* line 1660, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-1 .pen-circle {
  position: absolute;
  top: 3.19444vw;
  left: 8.78472vw;
  width: 26.90972vw;
  height: 26.97917vw;
  -webkit-animation: penCircle 80s linear infinite normal;
  -moz-animation: penCircle 80s linear infinite normal;
  -ms-animation: penCircle 80s linear infinite normal;
  -o-animation: penCircle 80s linear infinite normal;
  animation: penCircle 80s linear infinite normal;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/tile-1-pencircle?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.5s all;
}
/* line 1676, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-1:hover {
  -webkit-animation: penCircle 1.5s linear infinite normal;
  -moz-animation: penCircle 1.5s linear infinite normal;
  -ms-animation: penCircle 1.5s linear infinite normal;
  -o-animation: penCircle 1.5s linear infinite normal;
  animation: penCircle 1.5s linear infinite normal;
}
/* line 1684, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-2 {
  float: left;
  background-color: #ff6f0f;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/joy.gif);
  background-size: contain;
}
/* line 1689, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-2 .share-block {
  background-color: #ff6f0f;
}
/* line 1691, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-2 .share-block path {
  stroke: #e71095 !important;
  stroke-width: 6 !important;
}
/* line 1697, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-3 {
  float: right;
  margin-top: -22.22222vw;
  background-color: #42dafb;
}
/* line 1701, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-3 h2 {
  color: #fff600 !important;
}
/* line 1704, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-3 .static-bk {
  position: absolute;
  top: -6.04167vw;
  right: 2.01389vw;
  width: 33.40278vw;
  height: 45.625vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/balloon?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 1715, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-4 {
  float: right;
  background-color: #e61095;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/drawinghand.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1721, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-4 .share-block {
  background-color: #e71096;
}
/* line 1723, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-4 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 1729, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-6 {
  float: left;
  background-color: #fddb00;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/ricebowl.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1735, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-6 .share-block {
  background-color: #ffdb00;
}
/* line 1737, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-6 .share-block path {
  stroke: #00a1e1 !important;
  stroke-width: 6 !important;
}
/* line 1743, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-8 {
  float: right;
  overflow: hidden;
  background-color: #f3f3f3;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/tvcextract.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1750, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-8.noanim {
  background-image: url(../images/ij/assets/home/IJ_Video-pen.jpg);
}
/* line 1753, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-8 .share-block {
  background-color: #fff;
}
/* line 1755, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-8 .share-block path {
  stroke: #00a1e1 !important;
  stroke-width: 5 !important;
}
/* line 1761, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-9 {
  float: left;
  margin-top: -22.22222vw;
  background-color: #41d7f7;
}
/* line 1766, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-9 .copy-container h2 {
  color: #fff600 !important;
}
/* line 1770, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-9 .static-bk {
  position: absolute;
  top: -8.75vw;
  left: -1.25vw;
  display: none;
  width: 40.27778vw;
  height: 37.08333vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/pen%5Ftablet?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1781, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-9 .anim-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* line 1787, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-9 .anim-container .tablet {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fpad?fmt=png-alpha&wid=720);
  background-repeat: no-repeat;
  background-position: 80px 74px;
  background-size: 515px 325px;
}
/* line 1796, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-9 .anim-container .notebook {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fnotebook?fmt=png-alpha&wid=720);
  background-repeat: no-repeat;
  background-position: 80px 74px;
  background-size: 520px 337.5px;
}
/* line 1809, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-9 .stylus-pen {
  position: absolute;
  top: -19%;
  left: 32%;
  width: 40px;
  height: 425px;
  -webkit-transform: rotate(-207deg);
  -ms-transform: rotate(-207deg);
  transform: rotate(-207deg);
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fpen?fmt=png-alpha&hei=920);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 1824, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-11 {
  float: left;
  overflow: hidden;
  margin-left: 25%;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/racing_pens.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1832, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-11 .share-block {
  background-color: #ed1c24;
}
/* line 1834, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-11 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 1840, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block .tile-12 {
  float: left;
  background-color: #fddb00;
}
/* line 1846, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block.tile-block-2 {
  height: 22.22222vw;
}
/* line 1849, css/less/__homeContent.less */
html.ie-10 #home-tiles .tile-block.tile-block-5 {
  height: 22.22222vw;
}
/* line 1853, css/less/__homeContent.less */
html.ie-10 body.home {
  background-image: url(../images/ij/assets/bk-bubbles.svg);
  background-size: 730% auto;
}
/* line 1861, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile .copy-container.bottom-left {
  right: 2.63889vw;
  left: auto;
}
/* line 1865, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile .copy-container.top-right {
  top: 2.08333vw;
  right: 2.08333vw;
}
/* line 1869, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile .round-button {
  right: auto;
  left: 2.77778vw;
  padding: 1.38889vw 2.22222vw 1.38889vw 4.16667vw;
}
/* line 1873, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile .round-button span {
  right: auto;
  left: 2.01389vw;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* line 1882, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile .round-button:hover span:after {
  -webkit-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -moz-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -ms-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -o-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
}
/* line 1893, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-1 {
  float: right;
}
/* line 1896, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-2 {
  float: right;
}
/* line 1899, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-3 {
  float: left;
}
/* line 1901, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-3 .static-bk {
  right: auto;
  left: 2.01389vw;
}
/* line 1906, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-4 {
  float: left;
}
/* line 1909, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-5 {
  float: right;
}
/* line 1911, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-5 .copy-container {
  text-align: right;
}
/* line 1914, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-5 .round-button {
  right: 2.08333vw;
  bottom: 2.08333vw;
  left: auto;
}
/* line 1920, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-5 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
/* line 1929, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-6 {
  float: right;
}
/* line 1932, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-7 {
  float: left;
}
/* line 1935, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-8 {
  float: left;
}
/* line 1938, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-9 {
  float: right;
}
/* line 1941, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-10 {
  float: right;
}
/* line 1943, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-10 .animation-container {
  top: 9.65278vw;
  left: 2.77778vw;
}
/* line 1946, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-animation: nosmearsRTL 3s steps(39) infinite normal;
  -moz-animation: nosmearsRTL 3s steps(39) infinite normal;
  -ms-animation: nosmearsRTL 3s steps(39) infinite normal;
  -o-animation: nosmearsRTL 3s steps(39) infinite normal;
  animation: nosmearsRTL 3s steps(39) infinite normal;
}
/* line 1955, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 1960, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-11 {
  float: right;
  margin-right: 25%;
  margin-left: 0;
}
/* line 1965, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-12 {
  float: right;
}
/* line 1968, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-13 {
  float: left;
}
/* line 1971, css/less/__homeContent.less */
html.ie-10 html.rtl #home-tiles .tile-block .tile-13 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
/* line 1985, css/less/__homeContent.less */
html.ie-9 #home-tiles {
  padding-bottom: 11.11111vw;
}
/* line 1986, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block {
  width: 100%;
}
/* line 1987, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-5 {
  float: left;
  background-color: #ff841e;
}
/* line 1988, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-5 .animation-container {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 347px;
  height: 615px;
}
/* line 1989, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-5 .animation-container .animation {
  width: 48650px;
  height: 615px;
  -webkit-animation: none;
  -ms-animation: none;
  animation: none;
  background-image: url(../images/ij/assets/home/betternotes1.png), url(../images/ij/assets/home/betternotes2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, 31850px 0;
  background-size: 31850px 615px, 16800px 615px;
  -webkit-transform: translate(-51.07914%, 0%);
  -moz-transform: translate(-51.07914%, 0%);
  -ms-transform: translate(-51.07914%, 0%);
  -o-transform: translate(-51.07914%, 0%);
  transform: translate(-51.07914%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 2031, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-5 .copy-container {
  text-align: right;
}
/* line 2034, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-5 .round-button {
  right: 2.08333vw;
  bottom: 2.08333vw;
}
/* line 2038, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-5 .static-bk {
  position: absolute;
  bottom: -0.11111vw;
  left: 0;
  display: none;
  width: 31.38889vw;
  height: 27.91667vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/better%5Fnotes?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 2050, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-10 {
  float: left;
  background-color: #e71096;
}
/* line 2051, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-10 .animation-container {
  position: absolute;
  top: 9.65278vw;
  left: 5.55556vw;
  overflow: hidden;
  width: 200px;
  height: 100px;
}
/* line 2052, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  position: relative;
  width: 8000px;
  height: 100px;
  -webkit-animation: nosmears 3s steps(39) infinite normal;
  -moz-animation: nosmears 3s steps(39) infinite normal;
  -ms-animation: nosmears 3s steps(39) infinite normal;
  -o-animation: nosmears 3s steps(39) infinite normal;
  animation: nosmears 3s steps(39) infinite normal;
  background-image: url(../images/ij/assets/home/smear_seq.png);
  background-position: 0 0;
  background-size: 8000px 100px;
  -webkit-transform: translate(-82.5%, 0%);
  -moz-transform: translate(-82.5%, 0%);
  -ms-transform: translate(-82.5%, 0%);
  -o-transform: translate(-82.5%, 0%);
  transform: translate(-82.5%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
/* line 2093, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 2099, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-10 .static-bk {
  position: absolute;
  bottom: 0;
  width: 24.65278vw;
  height: 22.5vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stop%5Fsmears?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 2108, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-10 .share-block {
  background-color: #e71096;
}
/* line 2110, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-10 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 2116, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-13 {
  float: left;
  background-color: #ff841e;
}
/* line 2117, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-13 .animation-container {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 347px;
  height: 409px;
}
/* line 2118, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-13 .animation-container .animation {
  width: 89187px;
  height: 409px;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  background-image: url(../images/ij/assets/home/dog1.png), url(../images/ij/assets/home/dog2.png), url(../images/ij/assets/home/dog3.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 31924px 0, 63848px 0;
  background-size: 31924px 409px, 31924px 409px, 25339px 409px;
  -webkit-transform: translate(-70.03891%, 0%);
  -moz-transform: translate(-70.03891%, 0%);
  -ms-transform: translate(-70.03891%, 0%);
  -o-transform: translate(-70.03891%, 0%);
  transform: translate(-70.03891%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 2160, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-13 .share-block {
  background-color: #ff6f0f;
}
/* line 2162, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-13 .share-block path {
  stroke: #fff800 !important;
  stroke-width: 5 !important;
}
/* line 2168, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-7 {
  background-repeat: no-repeat;
  background-size: cover;
  float: right;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/target2_ie.gif);
}
/* line 2181, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-7 .copy-container .tagline {
  color: #7f0e13;
}
/* line 2187, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block:after {
  display: table;
  clear: both;
  content: '';
}
/* line 2192, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile {
  position: relative;
  opacity: 0;
}
/* line 2195, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  height: 0;
  background-color: #ff6f0f;
}
/* line 2203, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list {
  position: absolute;
  bottom: 50%;
  left: 50%;
  display: inline-block;
  width: 100%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  text-align: center;
}
/* line 2213, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list a {
  display: inline-block;
  margin: 0 1.45833vw 0 1.45833vw;
}
/* line 2217, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .facebook {
  width: 2.5vw;
  height: 3.61111vw;
}
/* line 2220, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .facebook svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 2226, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .twitter {
  position: relative;
  top: .13889vw;
  width: 3.61111vw;
  height: 3.75vw;
}
/* line 2231, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .twitter svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 2237, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .pinterest {
  width: 2.5vw;
  height: 3.61111vw;
}
/* line 2240, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .pinterest svg {
  display: inline-block;
  width: inherit;
  height: inherit;
}
/* line 2248, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container {
  position: absolute;
  z-index: 10;
}
/* line 2251, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container h2 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 3.47222vw;
  font-weight: 600;
  font-style: normal;
  line-height: 3.125vw;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
/* line 2261, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container .new {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.21736vw;
  font-weight: 500;
  font-style: normal;
  position: relative;
  width: 3.75vw;
  height: 3.75vw;
  margin: 0 0 1.04167vw;
  letter-spacing: .05em;
  color: #ffffff;
  border-radius: 100%;
  background-color: #e71096;
  -webkit-font-smoothing: antialiased;
}
/* line 2275, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container .new span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* line 2286, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container .tagline {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: 0 0 .69444vw 0;
  letter-spacing: .02em;
  color: #037e99;
  -webkit-font-smoothing: antialiased;
}
/* line 2297, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container .subcopy {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: .83333vw 0 0 0;
  letter-spacing: .02em;
  color: #fff800;
  -webkit-font-smoothing: antialiased;
}
/* line 2309, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container.bottom-left {
  bottom: 3.47222vw;
  left: 2.63889vw;
}
/* line 2313, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .copy-container.top-right {
  top: 2.08333vw;
  right: 2.08333vw;
}
/* line 2317, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .round-button {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.38889vw;
  font-weight: 600;
  font-style: normal;
  position: absolute;
  z-index: 10;
  right: 2.77778vw;
  bottom: 3.47222vw;
  display: block;
  padding: 1.38889vw 4.16667vw 1.38889vw 2.22222vw;
  cursor: pointer;
  text-decoration: none;
  letter-spacing: .02em;
  color: #ffffff;
  border-radius: 2.08333vw;
  background-color: #00a1e1;
  -webkit-font-smoothing: antialiased;
}
/* line 2335, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .round-button span {
  position: absolute;
  top: .03472vw;
  top: 1.55556vw;
  right: 2.01389vw;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 16.66666666666667px;
}
/* line 2344, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .round-button span:after {
  display: block;
  width: 200px;
  height: 16.66666666666667px;
  content: '';
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/arrowright%2Dsequence);
  background-repeat: no-repeat;
  background-size: 200px 16.66666666666667px;
}
/* line 2356, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .round-button:hover span:after {
  -webkit-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -moz-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -ms-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  -o-animation: arrowrightAnim 0.4s steps(9) 1 normal;
  animation: arrowrightAnim 0.4s steps(9) 1 normal;
}
/* line 2366, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .round-button.blue {
  background-color: #00a1e1;
}
/* line 2369, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile .round-button.yellow {
  color: #3ac1e1;
  background-color: #fff600;
}
/* line 2374, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile.sharable {
  cursor: pointer;
}
/* line 2377, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-a {
  width: 50%;
  height: 44.44444vw;
}
/* line 2381, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-b {
  width: 25%;
  height: 22.22222vw;
}
/* line 2385, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-c {
  width: 50%;
  height: 22.22222vw;
}
/* line 2389, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-1 {
  float: left;
  background-color: #fff600;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/tile%2D1?wid=640&fmt=png-alpha);
  background-size: cover;
}
/* line 2394, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-1.noanim {
  background-image: url(../images/ij/assets/home/IJ_Pen-wheel.jpg);
}
/* line 2396, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-1.noanim .pen-circle {
  display: none;
}
/* line 2400, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-1 h2 {
  color: #10b6ee !important;
}
/* line 2403, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-1 .pen-circle {
  position: absolute;
  top: 3.19444vw;
  left: 8.78472vw;
  width: 26.90972vw;
  height: 26.97917vw;
  -webkit-animation: penCircle 80s linear infinite normal;
  -moz-animation: penCircle 80s linear infinite normal;
  -ms-animation: penCircle 80s linear infinite normal;
  -o-animation: penCircle 80s linear infinite normal;
  animation: penCircle 80s linear infinite normal;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/tile-1-pencircle?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 2419, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-2 {
  float: left;
  background-color: #ff6f0f;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/joy.gif);
  background-size: contain;
}
/* line 2424, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-2 .share-block {
  background-color: #ff6f0f;
}
/* line 2426, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-2 .share-block path {
  stroke: #e71095 !important;
  stroke-width: 6 !important;
}
/* line 2432, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-3 {
  float: right;
  margin-top: -22.22222vw;
  background-color: #42dafb;
}
/* line 2436, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-3 h2 {
  color: #fff600 !important;
}
/* line 2439, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-3 .static-bk {
  position: absolute;
  top: -6.04167vw;
  right: 2.01389vw;
  width: 33.40278vw;
  height: 45.625vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/balloon?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 2450, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-4 {
  float: right;
  background-color: #e61095;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/drawinghand.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 2456, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-4 .share-block {
  background-color: #e71096;
}
/* line 2458, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-4 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 2464, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-6 {
  float: left;
  background-color: #fddb00;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/ricebowl.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 2470, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-6 .share-block {
  background-color: #ffdb00;
}
/* line 2472, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-6 .share-block path {
  stroke: #00a1e1 !important;
  stroke-width: 6 !important;
}
/* line 2478, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-8 {
  float: right;
  overflow: hidden;
  background-color: #f3f3f3;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/tvcextract.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 2485, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-8.noanim {
  background-image: url(../images/ij/assets/home/IJ_Video-pen.jpg);
}
/* line 2488, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-8 .share-block {
  background-color: #fff;
}
/* line 2490, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-8 .share-block path {
  stroke: #00a1e1 !important;
  stroke-width: 5 !important;
}
/* line 2496, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-9 {
  float: left;
  margin-top: -22.22222vw;
  background-color: #41d7f7;
}
/* line 2501, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-9 .copy-container h2 {
  color: #fff600 !important;
}
/* line 2505, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-9 .static-bk {
  position: absolute;
  top: -8.75vw;
  left: -1.25vw;
  display: none;
  width: 40.27778vw;
  height: 37.08333vw;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/pen%5Ftablet?fmt=png-alpha);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 2516, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-9 .anim-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* line 2522, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-9 .anim-container .tablet {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fpad?fmt=png-alpha&wid=720);
  background-repeat: no-repeat;
  background-position: 80px 74px;
  background-size: 515px 325px;
}
/* line 2531, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-9 .anim-container .notebook {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fnotebook?fmt=png-alpha&wid=720);
  background-repeat: no-repeat;
  background-position: 80px 74px;
  background-size: 520px 337.5px;
}
/* line 2544, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-9 .stylus-pen {
  position: absolute;
  top: -19%;
  left: 32%;
  width: 40px;
  height: 425px;
  -webkit-transform: rotate(-207deg);
  -ms-transform: rotate(-207deg);
  transform: rotate(-207deg);
  background-image: url(http://s7d9.scene7.com/is/image/NewellRubbermaid/stylus%5Fpen?fmt=png-alpha&hei=920);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 2559, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-11 {
  float: left;
  overflow: hidden;
  margin-left: 25%;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/racing_pens.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 2567, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-11 .share-block {
  background-color: #ed1c24;
}
/* line 2569, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-11 .share-block path {
  stroke: #fff !important;
  stroke-width: 4.6 !important;
}
/* line 2575, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block .tile-12 {
  float: left;
  background-color: #fddb00;
}
/* line 2581, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block.tile-block-2 {
  height: 22.22222vw;
}
/* line 2584, css/less/__homeContent.less */
html.ie-9 #home-tiles .tile-block.tile-block-5 {
  height: 22.22222vw;
}
/* line 2588, css/less/__homeContent.less */
html.ie-9 body.home {
  background-image: url(../images/ij/assets/bk-bubbles.svg);
  background-size: 730% auto;
}
/* line 2596, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile .copy-container.bottom-left {
  right: 2.63889vw;
  left: auto;
}
/* line 2600, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile .copy-container.top-right {
  top: 2.08333vw;
  right: 2.08333vw;
}
/* line 2604, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile .round-button {
  right: auto;
  left: 2.77778vw;
  padding: 1.38889vw 2.22222vw 1.38889vw 4.16667vw;
}
/* line 2608, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile .round-button span {
  right: auto;
  left: 2.01389vw;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* line 2617, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile .round-button:hover span:after {
  -webkit-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -moz-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -ms-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  -o-animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
  animation: arrowrightAnimRTL 0.4s steps(9) 1 normal;
}
/* line 2628, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-1 {
  float: right;
}
/* line 2631, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-2 {
  float: right;
}
/* line 2634, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-3 {
  float: left;
}
/* line 2636, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-3 .static-bk {
  right: auto;
  left: 2.01389vw;
}
/* line 2641, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-4 {
  float: left;
}
/* line 2644, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-5 {
  float: right;
}
/* line 2646, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-5 .copy-container {
  text-align: right;
}
/* line 2649, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-5 .round-button {
  right: 2.08333vw;
  bottom: 2.08333vw;
  left: auto;
}
/* line 2655, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-5 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
/* line 2664, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-6 {
  float: right;
}
/* line 2667, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-7 {
  float: left;
}
/* line 2670, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-8 {
  float: left;
}
/* line 2673, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-9 {
  float: right;
}
/* line 2676, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-10 {
  float: right;
}
/* line 2678, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-10 .animation-container {
  top: 9.65278vw;
  left: 2.77778vw;
}
/* line 2681, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-animation: nosmearsRTL 3s steps(39) infinite normal;
  -moz-animation: nosmearsRTL 3s steps(39) infinite normal;
  -ms-animation: nosmearsRTL 3s steps(39) infinite normal;
  -o-animation: nosmearsRTL 3s steps(39) infinite normal;
  animation: nosmearsRTL 3s steps(39) infinite normal;
}
/* line 2690, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 2695, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-11 {
  float: right;
  margin-right: 25%;
  margin-left: 0;
}
/* line 2700, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-12 {
  float: right;
}
/* line 2703, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-13 {
  float: left;
}
/* line 2706, css/less/__homeContent.less */
html.ie-9 html.rtl #home-tiles .tile-block .tile-13 .animation-container .animation {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
/* line 2724, css/less/__homeContent.less */
html.edge-12 #home-tiles .tile-block .tile-5 .animation-container .animation {
  -webkit-transform: translate(-51.07914%, 0%);
  -moz-transform: translate(-51.07914%, 0%);
  -ms-transform: translate(-51.07914%, 0%);
  -o-transform: translate(-51.07914%, 0%);
  transform: translate(-51.07914%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 2740, css/less/__homeContent.less */
html.edge-12 #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-transform: translate(-82.5%, 0%);
  -moz-transform: translate(-82.5%, 0%);
  -ms-transform: translate(-82.5%, 0%);
  -o-transform: translate(-82.5%, 0%);
  transform: translate(-82.5%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
/* line 2754, css/less/__homeContent.less */
html.edge-12 #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 2761, css/less/__homeContent.less */
html.edge-12 #home-tiles .tile-block .tile-13 .animation-container .animation {
  -webkit-transform: translate(-70.03891%, 0%);
  -moz-transform: translate(-70.03891%, 0%);
  -ms-transform: translate(-70.03891%, 0%);
  -o-transform: translate(-70.03891%, 0%);
  transform: translate(-70.03891%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 2775, css/less/__homeContent.less */
html.edge-12 #home-tiles .tile-block .tile-7 {
  float: right;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/target2_ie.gif);
}
/* line 2788, css/less/__homeContent.less */
html.edge-13 #home-tiles .tile-block .tile-5 .animation-container .animation {
  -webkit-transform: translate(-51.07914%, 0%);
  -moz-transform: translate(-51.07914%, 0%);
  -ms-transform: translate(-51.07914%, 0%);
  -o-transform: translate(-51.07914%, 0%);
  transform: translate(-51.07914%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 2804, css/less/__homeContent.less */
html.edge-13 #home-tiles .tile-block .tile-10 .animation-container .animation {
  -webkit-transform: translate(-82.5%, 0%);
  -moz-transform: translate(-82.5%, 0%);
  -ms-transform: translate(-82.5%, 0%);
  -o-transform: translate(-82.5%, 0%);
  transform: translate(-82.5%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
/* line 2818, css/less/__homeContent.less */
html.edge-13 #home-tiles .tile-block .tile-10.noanim .animation-container {
  display: none;
}
/* line 2825, css/less/__homeContent.less */
html.edge-13 #home-tiles .tile-block .tile-13 .animation-container .animation {
  -webkit-transform: translate(-70.03891%, 0%);
  -moz-transform: translate(-70.03891%, 0%);
  -ms-transform: translate(-70.03891%, 0%);
  -o-transform: translate(-70.03891%, 0%);
  transform: translate(-70.03891%, 0%);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none;
  animation: none !important;
}
/* line 2839, css/less/__homeContent.less */
html.edge-13 #home-tiles .tile-block .tile-7 {
  float: right;
  background-color: #ed1c24;
  background-image: url(http://s7d9.scene7.com/is/content/NewellRubbermaid/WACE/Papermate/Inkjoy/New%20Site%20Assets/Home/target2_ie.gif);
}
@media (max-width: 768px) {
  /* line 2848, css/less/__homeContent.less */
  #home-tiles {
    padding-bottom: 25vw;
  }
  /* line 2850, css/less/__homeContent.less */
  #home-tiles .tile-block.tile-block-2 {
    height: auto;
  }
  /* line 2853, css/less/__homeContent.less */
  #home-tiles .tile-block.tile-block-5 {
    height: auto;
  }
  /* line 2860, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .share-block .share-list a {
    margin: 0 2.5vw 0 2.5vw;
  }
  /* line 2863, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .share-block .share-list .facebook {
    width: 5.625vw;
    height: 8.125vw;
  }
  /* line 2867, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .share-block .share-list .twitter {
    top: .3125vw;
    width: 8.125vw;
    height: 8.4375vw;
  }
  /* line 2872, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .share-block .share-list .pinterest {
    width: 5.625vw;
    height: 8.125vw;
  }
  /* line 2879, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .copy-container h2 {
    font-size: 7.03125vw;
    line-height: 6.25vw;
  }
  /* line 2883, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .copy-container .new {
    font-size: 2.73906vw;
    width: 8.4375vw;
    height: 8.4375vw;
    margin: 0 0 2.34375vw;
  }
  /* line 2889, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .copy-container .tagline {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    margin: 0 0 1.5625vw 0;
  }
  /* line 2894, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .copy-container .subcopy {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    margin: 1.875vw 0 0 0;
  }
  /* line 2900, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .copy-container.bottom-left {
    bottom: 7.8125vw;
    left: 5.9375vw;
  }
  /* line 2904, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .copy-container.top-right {
    top: 4.6875vw;
    right: 4.6875vw;
  }
  /* line 2908, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .round-button {
    font-size: 3.125vw;
    right: 6.25vw;
    bottom: 7.8125vw;
    padding: 3.125vw 9.375vw 3.125vw 5vw;
    border-radius: 100vw;
  }
  /* line 2914, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .round-button span {
    top: 3.34375vw;
    right: 4.53125vw;
    width: 3.125vw;
    height: 2.60417vw;
  }
  /* line 2919, css/less/__homeContent.less */
  #home-tiles .tile-block .tile .round-button span:after {
    width: 31.25vw;
    height: 2.60417vw;
    background-size: 31.25vw 2.60417vw;
  }
  /* line 2927, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-a {
    width: 100%;
    height: 87.5vw;
  }
  /* line 2931, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-b {
    width: 50%;
    height: 43.75vw;
  }
  /* line 2935, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-c {
    width: 100%;
    height: 43.75vw;
  }
  /* line 2939, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-1 {
    float: none;
  }
  /* line 2941, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-1 .pen-circle {
    top: 6.28906vw;
    left: 17.29492vw;
    width: 52.97852vw;
    height: 53.11523vw;
  }
  /* line 2948, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-2 {
    float: none;
  }
  /* line 2951, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-3 {
    float: none;
    margin-top: 0;
  }
  /* line 2954, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-3 .static-bk {
    top: -13.59375vw;
    right: 4.53125vw;
    width: 65.76172vw;
    height: 89.82422vw;
  }
  /* line 2961, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-4 {
    float: right;
  }
  /* line 2964, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-5 {
    float: none;
  }
  /* line 2966, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-5 .round-button {
    right: 2.08333vw;
    bottom: 2.08333vw;
  }
  /* line 2970, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-5 .static-bk {
    bottom: -0.25vw;
    width: 61.79688vw;
    height: 54.96094vw;
  }
  /* line 2975, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-5 .animation-container {
    width: 47.38281vw;
    height: 84.08203vw;
  }
  /* line 2978, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-5 .animation-container .animation {
    width: 6651.36719vw;
    height: 84.08203vw;
    background-position: 0 0, 4354.49219vw 0;
    background-size: 4354.49219vw 84.08203vw, 2296.875vw 84.08203vw;
  }
  /* line 2986, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-6 {
    float: none;
  }
  /* line 2989, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-7 {
    float: none;
  }
  /* line 2992, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-8 {
    float: right;
  }
  /* line 2995, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-9 {
    float: none;
    margin-top: 0;
  }
  /* line 2998, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-9 .static-bk {
    top: -19.6875vw;
    left: -2.8125vw;
    width: 79.29688vw;
    height: 73.00781vw;
  }
  /* line 3005, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-9 .anim-container .tablet {
    background-position: 10.9375vw 10.11719vw;
    background-size: 70.41016vw 44.43359vw;
  }
  /* line 3009, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-9 .anim-container .notebook {
    background-position: 10.9375vw 10.11719vw;
    background-size: 71.09375vw 46.14258vw;
  }
  /* line 3014, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-9 .stylus-pen {
    width: 5.46875vw;
    height: 58.10547vw;
  }
  /* line 3019, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-10 {
    float: none;
  }
  /* line 3021, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-10 .static-bk {
    width: 48.53516vw;
    height: 44.29688vw;
  }
  /* line 3025, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-10 .animation-container {
    top: 19.00391vw;
    left: 10.9375vw;
    width: 27.34375vw;
    height: 13.67188vw;
  }
  /* line 3030, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-10 .animation-container .animation {
    width: 1093.75vw;
    height: 13.67188vw;
    background-size: 1093.75vw 13.67188vw;
  }
  /* line 3037, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-10.noanim .animation-container {
    display: none;
  }
  /* line 3042, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-11 {
    top: 43.75vw;
    float: none;
    margin-left: 0;
  }
  /* line 3047, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-12 {
    float: right;
  }
  /* line 3050, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-13 {
    top: -43.75vw;
    float: right;
  }
  /* line 3053, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-13 .animation-container {
    width: 47.44141vw;
    height: 55.91797vw;
  }
  /* line 3056, css/less/__homeContent.less */
  #home-tiles .tile-block .tile-13 .animation-container .animation {
    width: 12193.53516vw;
    height: 55.91797vw;
    background-image: url(../images/ij/assets/home/dog1.png), url(../images/ij/assets/home/dog2.png), url(../images/ij/assets/home/dog3.png);
    background-position: 0 0, 4364.60938vw 0, 8729.21875vw 0;
    background-size: 4364.60938vw 55.91797vw, 4364.60938vw 55.91797vw, 3464.31641vw 55.91797vw;
  }
  /* line 3071, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile .copy-container.bottom-left {
    right: 5.9375vw;
    left: auto;
  }
  /* line 3075, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile .copy-container.top-right {
    top: 4.6875vw;
    right: 4.6875vw;
  }
  /* line 3079, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile .round-button {
    right: auto;
    left: 6.25vw;
    padding: 3.125vw 5vw 3.125vw 9.375vw;
  }
  /* line 3083, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile .round-button span {
    right: auto;
    left: 4.53125vw;
  }
  /* line 3089, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-1 {
    float: none;
  }
  /* line 3092, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-2 {
    float: left;
  }
  /* line 3095, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-3 {
    float: none;
  }
  /* line 3097, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-3 .static-bk {
    right: auto;
    left: 4.53125vw;
  }
  /* line 3102, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-4 {
    float: right;
  }
  /* line 3105, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-5 {
    float: none;
  }
  /* line 3107, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-5 .round-button {
    right: 2.08333vw;
    bottom: 2.08333vw;
  }
  /* line 3112, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-6 {
    float: left;
  }
  /* line 3115, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-7 {
    float: none;
  }
  /* line 3118, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-8 {
    float: right;
  }
  /* line 3121, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-9 {
    float: none;
    margin-top: 0;
  }
  /* line 3125, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-10 {
    float: left;
  }
  /* line 3128, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-11 {
    float: none;
    margin-right: 0;
    margin-left: 50%;
  }
  /* line 3133, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-12 {
    float: right;
  }
  /* line 3136, css/less/__homeContent.less */
  html.rtl #home-tiles .tile-block .tile-13 {
    float: left;
  }
  /* line 3143, css/less/__homeContent.less */
  html.ie-9 body.home {
    background-size: 222% auto;
  }
  /* line 3146, css/less/__homeContent.less */
  html.ie-9 #home-tiles {
    padding-bottom: 25vw;
  }
  /* line 3148, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block.tile-block-2 {
    height: auto;
  }
  /* line 3151, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block.tile-block-5 {
    height: auto;
  }
  /* line 3158, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .share-block .share-list a {
    margin: 0 2.5vw 0 2.5vw;
  }
  /* line 3161, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .facebook {
    width: 5.625vw;
    height: 8.125vw;
  }
  /* line 3165, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .twitter {
    top: .3125vw;
    width: 8.125vw;
    height: 8.4375vw;
  }
  /* line 3170, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .share-block .share-list .pinterest {
    width: 5.625vw;
    height: 8.125vw;
  }
  /* line 3177, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .copy-container h2 {
    font-size: 7.03125vw;
    line-height: 6.25vw;
  }
  /* line 3181, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .copy-container .new {
    font-size: 2.73906vw;
    width: 8.4375vw;
    height: 8.4375vw;
    margin: 0 0 2.34375vw;
  }
  /* line 3187, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .copy-container .tagline {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    margin: 0 0 1.5625vw 0;
  }
  /* line 3192, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .copy-container .subcopy {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    margin: 1.875vw 0 0 0;
  }
  /* line 3198, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .copy-container.bottom-left {
    bottom: 7.8125vw;
    left: 5.9375vw;
  }
  /* line 3202, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .copy-container.top-right {
    top: 4.6875vw;
    right: 4.6875vw;
  }
  /* line 3206, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile .round-button {
    font-size: 3.125vw;
    right: 6.25vw;
    bottom: 7.8125vw;
    padding: 3.125vw 9.375vw 3.125vw 5vw;
    border-radius: 4.6875vw;
  }
  /* line 3214, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-a {
    width: 100%;
    height: 87.5vw;
  }
  /* line 3218, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-b {
    width: 50%;
    height: 43.75vw;
  }
  /* line 3222, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-c {
    width: 100%;
    height: 43.75vw;
  }
  /* line 3226, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-1 {
    float: none;
  }
  /* line 3228, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-1 .pen-circle {
    top: 6.28906vw;
    left: 17.29492vw;
    width: 52.97852vw;
    height: 53.11523vw;
  }
  /* line 3235, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-2 {
    float: none;
  }
  /* line 3238, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-3 {
    float: none;
    margin-top: 0;
  }
  /* line 3241, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-3 .static-bk {
    top: -13.59375vw;
    right: 4.53125vw;
    width: 65.76172vw;
    height: 89.82422vw;
  }
  /* line 3248, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-4 {
    float: right;
  }
  /* line 3251, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-5 {
    float: none;
  }
  /* line 3253, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-5 .round-button {
    right: 2.08333vw;
    bottom: 2.08333vw;
  }
  /* line 3257, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-5 .static-bk {
    bottom: -0.25vw;
    width: 61.79688vw;
    height: 54.96094vw;
  }
  /* line 3263, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-6 {
    float: none;
  }
  /* line 3266, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-7 {
    float: none;
  }
  /* line 3269, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-8 {
    float: right;
  }
  /* line 3272, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-9 {
    float: none;
    margin-top: 0;
  }
  /* line 3275, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-9 .static-bk {
    top: -19.6875vw;
    left: -2.8125vw;
    width: 79.29688vw;
    height: 73.00781vw;
  }
  /* line 3282, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-10 {
    float: none;
  }
  /* line 3284, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-10 .static-bk {
    width: 48.53516vw;
    height: 44.29688vw;
  }
  /* line 3289, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-11 {
    top: 43.75vw;
    float: none;
    margin-left: 0;
  }
  /* line 3294, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-12 {
    float: right;
  }
  /* line 3297, css/less/__homeContent.less */
  html.ie-9 #home-tiles .tile-block .tile-13 {
    top: -43.75vw;
    float: right;
  }
  /* line 3307, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile .copy-container.bottom-left {
    right: 5.9375vw;
    left: auto;
  }
  /* line 3311, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile .copy-container.top-right {
    top: 4.6875vw;
    right: 4.6875vw;
  }
  /* line 3315, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile .round-button {
    right: auto;
    left: 6.25vw;
    padding: 3.125vw 5vw 3.125vw 9.375vw;
  }
  /* line 3319, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile .round-button span {
    right: auto;
    left: 4.53125vw;
  }
  /* line 3325, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-1 {
    float: none;
  }
  /* line 3328, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-2 {
    float: left;
  }
  /* line 3331, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-3 {
    float: none;
  }
  /* line 3333, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-3 .static-bk {
    right: auto;
    left: 4.53125vw;
  }
  /* line 3338, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-4 {
    float: right;
  }
  /* line 3341, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-5 {
    float: none;
  }
  /* line 3343, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-5 .round-button {
    right: 2.08333vw;
    bottom: 2.08333vw;
  }
  /* line 3348, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-6 {
    float: left;
  }
  /* line 3351, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-7 {
    float: none;
  }
  /* line 3354, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-8 {
    float: right;
  }
  /* line 3357, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-9 {
    float: none;
    margin-top: 0;
  }
  /* line 3361, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-10 {
    float: left;
  }
  /* line 3364, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-11 {
    float: none;
    margin-right: 0;
    margin-left: 50%;
  }
  /* line 3369, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-12 {
    float: right;
  }
  /* line 3372, css/less/__homeContent.less */
  html.ie-9 html.rtl #home-tiles .tile-block .tile-13 {
    float: left;
  }
  /* line 3380, css/less/__homeContent.less */
  html.ie-10 body.home {
    background-size: 222% auto;
  }
  /* line 3383, css/less/__homeContent.less */
  html.ie-10 #home-tiles {
    padding-bottom: 25vw;
  }
  /* line 3385, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block.tile-block-2 {
    height: auto;
  }
  /* line 3388, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block.tile-block-5 {
    height: auto;
  }
  /* line 3395, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .share-block .share-list a {
    margin: 0 2.5vw 0 2.5vw;
  }
  /* line 3398, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .facebook {
    width: 5.625vw;
    height: 8.125vw;
  }
  /* line 3402, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .twitter {
    top: .3125vw;
    width: 8.125vw;
    height: 8.4375vw;
  }
  /* line 3407, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .share-block .share-list .pinterest {
    width: 5.625vw;
    height: 8.125vw;
  }
  /* line 3414, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .copy-container h2 {
    font-size: 7.03125vw;
    line-height: 6.25vw;
  }
  /* line 3418, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .copy-container .new {
    font-size: 2.73906vw;
    width: 8.4375vw;
    height: 8.4375vw;
    margin: 0 0 2.34375vw;
  }
  /* line 3424, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .copy-container .tagline {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    margin: 0 0 1.5625vw 0;
  }
  /* line 3429, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .copy-container .subcopy {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    margin: 1.875vw 0 0 0;
  }
  /* line 3435, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .copy-container.bottom-left {
    bottom: 7.8125vw;
    left: 5.9375vw;
  }
  /* line 3439, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .copy-container.top-right {
    top: 4.6875vw;
    right: 4.6875vw;
  }
  /* line 3443, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile .round-button {
    font-size: 3.125vw;
    right: 6.25vw;
    bottom: 7.8125vw;
    padding: 3.125vw 9.375vw 3.125vw 5vw;
    border-radius: 4.6875vw;
  }
  /* line 3451, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-a {
    width: 100%;
    height: 87.5vw;
  }
  /* line 3455, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-b {
    width: 50%;
    height: 43.75vw;
  }
  /* line 3459, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-c {
    width: 100%;
    height: 43.75vw;
  }
  /* line 3463, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-1 {
    float: none;
  }
  /* line 3465, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-1 .pen-circle {
    top: 6.28906vw;
    left: 17.29492vw;
    width: 52.97852vw;
    height: 53.11523vw;
  }
  /* line 3472, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-2 {
    float: none;
  }
  /* line 3475, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-3 {
    float: none;
    margin-top: 0;
  }
  /* line 3478, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-3 .static-bk {
    top: -13.59375vw;
    right: 4.53125vw;
    width: 65.76172vw;
    height: 89.82422vw;
  }
  /* line 3485, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-4 {
    float: right;
  }
  /* line 3488, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-5 {
    float: none;
  }
  /* line 3490, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-5 .round-button {
    right: 2.08333vw;
    bottom: 2.08333vw;
  }
  /* line 3494, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-5 .static-bk {
    bottom: -0.25vw;
    width: 61.79688vw;
    height: 54.96094vw;
  }
  /* line 3500, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-6 {
    float: none;
  }
  /* line 3503, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-7 {
    float: none;
  }
  /* line 3506, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-8 {
    float: right;
  }
  /* line 3509, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-9 {
    float: none;
    margin-top: 0;
  }
  /* line 3512, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-9 .static-bk {
    top: -19.6875vw;
    left: -2.8125vw;
    width: 79.29688vw;
    height: 73.00781vw;
  }
  /* line 3519, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-10 {
    float: none;
  }
  /* line 3521, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-10 .static-bk {
    width: 48.53516vw;
    height: 44.29688vw;
  }
  /* line 3526, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-11 {
    top: 43.75vw;
    float: none;
    margin-left: 0;
  }
  /* line 3531, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-12 {
    float: right;
  }
  /* line 3534, css/less/__homeContent.less */
  html.ie-10 #home-tiles .tile-block .tile-13 {
    top: -43.75vw;
    float: right;
  }
  /* line 3544, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile .copy-container.bottom-left {
    right: 5.9375vw;
    left: auto;
  }
  /* line 3548, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile .copy-container.top-right {
    top: 4.6875vw;
    right: 4.6875vw;
  }
  /* line 3552, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile .round-button {
    right: auto;
    left: 6.25vw;
    padding: 3.125vw 5vw 3.125vw 9.375vw;
  }
  /* line 3556, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile .round-button span {
    right: auto;
    left: 4.53125vw;
  }
  /* line 3562, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-1 {
    float: none;
  }
  /* line 3565, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-2 {
    float: left;
  }
  /* line 3568, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-3 {
    float: none;
  }
  /* line 3570, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-3 .static-bk {
    right: auto;
    left: 4.53125vw;
  }
  /* line 3575, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-4 {
    float: right;
  }
  /* line 3578, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-5 {
    float: none;
  }
  /* line 3580, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-5 .round-button {
    right: 2.08333vw;
    bottom: 2.08333vw;
  }
  /* line 3585, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-6 {
    float: left;
  }
  /* line 3588, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-7 {
    float: none;
  }
  /* line 3591, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-8 {
    float: right;
  }
  /* line 3594, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-9 {
    float: none;
    margin-top: 0;
  }
  /* line 3598, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-10 {
    float: left;
  }
  /* line 3601, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-11 {
    float: none;
    margin-right: 0;
    margin-left: 50%;
  }
  /* line 3606, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-12 {
    float: right;
  }
  /* line 3609, css/less/__homeContent.less */
  html.ie-10 html.rtl #home-tiles .tile-block .tile-13 {
    float: left;
  }
}
/* line 3618, css/less/__homeContent.less */
.cookieHandler {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  color: #fff;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.2vw;
}
/* line 3628, css/less/__homeContent.less */
.cookieHandler h5 {
  font-size: 1.5vw;
  margin-bottom: 10px;
}
/* line 3632, css/less/__homeContent.less */
.cookieHandler p {
  font-size: 1.3vw;
  margin: 0;
}
/* line 3636, css/less/__homeContent.less */
.cookieHandler #rightSidePanel a {
  font-size: 1.5vw;
  font-weight: bold;
  text-decoration: underline;
}
/* line 3641, css/less/__homeContent.less */
.cookieHandler #cookiesdirective_grid {
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 3646, css/less/__homeContent.less */
.cookieHandler #cookiesdirective_grid h3 {
  font-size: 3vw;
  padding-bottom: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 3652, css/less/__homeContent.less */
.cookieHandler #cookiesdirective_grid h3:after {
  content: "x";
  position: absolute;
  right: 2rem;
  font-family: 'Gotham Cond A', 'Gotham Cond B';
}
/* line 3659, css/less/__homeContent.less */
.cookieHandler #cookiesdirective_grid #cookiesSummary a {
  text-decoration: underline;
  font-weight: bold;
  margin-right: 0.5rem;
}
@media (max-width: 700px) {
  /* line 3668, css/less/__homeContent.less */
  .cookieHandler {
    font-size: 3vw;
  }
  /* line 3670, css/less/__homeContent.less */
  .cookieHandler #cookiesdirective_grid h3 {
    font-size: 5vw;
  }
  /* line 3673, css/less/__homeContent.less */
  .cookieHandler h5 {
    font-size: 3.5vw;
  }
  /* line 3676, css/less/__homeContent.less */
  .cookieHandler p {
    font-size: 3vw;
  }
  /* line 3679, css/less/__homeContent.less */
  .cookieHandler #rightSidePanel a {
    font-size: 3vw;
  }
}
/* line 4, __homeContent.less */
.productDetailsPage #page > .rowContainer {
  padding: 10px 0 0 0;
}
/* line 9, css/less/__pdp.less */
.productDetailsPage .mobile-share-container .stButton {
  text-indent: -999999px;
  height: 100%;
  width: 100%;
}
/* line 14, css/less/__pdp.less */
.productDetailsPage .mobile-share-container > li,
.productDetailsPage .mobile-share-container > span {
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  overflow: hidden;
  width: 9.125vw;
  height: 9.125vw;
  margin: 2vw 0 0 2.625vw;
  cursor: pointer;
  -webkit-transition: border .2s linear 0s;
  transition: border .2s linear 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 700px) {
  /* line 31, css/less/__pdp.less */
  .productDetailsPage .mobile-share-container > li,
  .productDetailsPage .mobile-share-container > span {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 .625vw 0 0;
  }
}
/* line 36, css/less/__pdp.less */
.productDetailsPage .mobile-share-container > li:hover,
.productDetailsPage .mobile-share-container > span:hover {
  animation-duration: 0.4s;
  animation-name: shadows;
  animation-iteration-count: 2;
  animation-direction: alternate;
}
/* line 42, css/less/__pdp.less */
.productDetailsPage .mobile-share-container > li.cs_facebook_large,
.productDetailsPage .mobile-share-container > span.cs_facebook_large {
  border: 2px solid #3a5897;
  background: #3a5897;
  background-image: url(../images/ij/assets/facebook.svg);
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-position: center center;
}
/* line 50, css/less/__pdp.less */
.productDetailsPage .mobile-share-container > li.cs_twitter_large,
.productDetailsPage .mobile-share-container > span.cs_twitter_large {
  border: 2px solid #5ea9dd;
  background: #5ea9dd;
  background-image: url(../images/ij/assets/twitter.svg);
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-position: center center;
}
/* line 58, css/less/__pdp.less */
.productDetailsPage .mobile-share-container > li.cs_pinterest_large,
.productDetailsPage .mobile-share-container > span.cs_pinterest_large {
  border: 2px solid #cc2127;
  background: #cc2127;
  background-image: url(../images/ij/assets/pinterest.svg);
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-position: center center;
}
/* line 66, css/less/__pdp.less */
.productDetailsPage .mobile-share-container > li a,
.productDetailsPage .mobile-share-container > span a {
  display: block;
  height: 100%;
  width: 100%;
}
/* line 74, css/less/__pdp.less */
.productDetailsPage #product-detail-nav {
  display: none;
}
@media only screen and (min-width: 700px) {
  /* line 76, css/less/__pdp.less */
  .productDetailsPage #product-detail-nav {
    display: block;
    position: absolute;
    position: fixed;
    z-index: 8;
    top: 50%;
    left: 3.95833vw;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
/* line 89, css/less/__pdp.less */
.productDetailsPage #product-detail-nav ul li {
  position: relative;
  display: block;
  width: .69444vw;
  height: .90278vw;
  margin: 0 0 .90278vw;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  border-radius: 8px;
  background-color: #e71095;
}
/* line 100, css/less/__pdp.less */
.productDetailsPage #product-detail-nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 105, css/less/__pdp.less */
.productDetailsPage #product-detail-nav ul li.active {
  height: 2.36111vw;
  border-radius: 6px;
  background-color: #ff7d0a;
  box-shadow: 6px 6px 28px rgba(0, 0, 0, 0.18);
}
/* line 111, css/less/__pdp.less */
.productDetailsPage #product-detail-nav ul li:hover {
  min-width: 11.80556vw;
  width: auto;
  height: 2.36111vw;
  padding: 0 .41667vw;
  border-radius: 6px;
  background-color: #ff7d0a;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
}
/* line 119, css/less/__pdp.less */
.productDetailsPage #product-detail-nav ul li:hover span {
  width: auto;
  height: auto;
  opacity: 1;
}
/* line 125, css/less/__pdp.less */
.productDetailsPage #product-detail-nav ul li span {
  font-size: 1.25vw;
  position: relative;
  top: 50%;
  left: 50%;
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 0;
  -webkit-transition: all 0.4s ease-out 0.6s;
  transition: all 0.4s ease-out 0.6s;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  letter-spacing: .02em;
  opacity: 0;
  color: #fddb00;
}
/* line 146, css/less/__pdp.less */
.productDetailsPage .desktopOnly {
  display: none;
}
@media only screen and (min-width: 700px) {
  /* line 148, css/less/__pdp.less */
  .productDetailsPage .desktopOnly {
    display: block;
  }
}
/* line 152, css/less/__pdp.less */
.productDetailsPage .mobile-padding {
  padding: 20px 0 0 0;
}
/* line 155, css/less/__pdp.less */
.productDetailsPage .content-wrapper {
  width: calc(91.5%);
}
/* line 158, css/less/__pdp.less */
.productDetailsPage .mobile-trigger {
  position: absolute;
  left: 0;
  margin-top: -21px;
  width: 100%;
  height: 4.83333vw;
  z-index: 1;
}
/* line 165, css/less/__pdp.less */
.productDetailsPage .mobile-trigger span {
  display: none;
}
/* line 168, css/less/__pdp.less */
.productDetailsPage .mobile-trigger:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 2.83333vw;
  height: 2.55556vw;
  content: '';
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(../images/ij/assets/downtick.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 700px) {
  /* line 185, css/less/__pdp.less */
  .productDetailsPage .mobile-trigger {
    display: none;
  }
}
/* line 189, css/less/__pdp.less */
.productDetailsPage .mobile-content-container {
  position: relative;
  left: -100vw;
  height: 0;
  overflow: hidden;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
/* line 197, css/less/__pdp.less */
.productDetailsPage .mobile-content-container .pdpColors,
.productDetailsPage .mobile-content-container .mobile-share-container {
  min-width: 90vw;
  width: 100%;
  padding: 0;
}
/* line 203, css/less/__pdp.less */
.productDetailsPage .mobile-content-container.expanded {
  left: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  height: auto;
}
@media only screen and (min-width: 700px) {
  /* line 210, css/less/__pdp.less */
  .productDetailsPage .mobile-content-container {
    left: 0;
    height: auto;
    overflow: visible;
  }
  /* line 214, css/less/__pdp.less */
  .productDetailsPage .mobile-content-container .pdpColors,
  .productDetailsPage .mobile-content-container .mobile-share-container {
    min-width: 100%;
    width: 100%;
  }
  /* line 219, css/less/__pdp.less */
  .productDetailsPage .mobile-content-container .pdpColors:after,
  .productDetailsPage .mobile-content-container .mobile-share-container:after {
    clear: both;
    content: "";
    display: table;
  }
}
/* line 228, css/less/__pdp.less */
.productDetailsPage .bk-circ {
  position: absolute;
  height: 204.90972vw;
  width: 204.90972vw;
  z-index: -1;
  filter: contrast(1.2);
  top: 0;
  left: -50vw;
}
/* line 236, css/less/__pdp.less */
.productDetailsPage .bk-circ circle {
  transition: fill 1s linear;
}
@media only screen and (min-width: 700px) {
  /* line 239, css/less/__pdp.less */
  .productDetailsPage .bk-circ {
    width: 192.90972vw;
    height: 192.90972vw;
    top: -125vw;
    left: 50%;
    z-index: -2;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
/* line 251, css/less/__pdp.less */
.productDetailsPage .pdp-pen-container {
  width: 100%;
}
/* line 253, css/less/__pdp.less */
.productDetailsPage .pdp-pen-container #s7_mixedmediaview_zoomView.s7zoomview {
  background-color: transparent !important;
}
@media only screen and (min-width: 700px) {
  /* line 256, css/less/__pdp.less */
  .productDetailsPage .pdp-pen-container {
    width: 75%;
  }
}
/* line 260, css/less/__pdp.less */
.productDetailsPage #productFullImage {
  width: 100%;
  height: 60vw;
}
@media only screen and (min-width: 700px) {
  /* line 263, css/less/__pdp.less */
  .productDetailsPage #productFullImage {
    width: 90%;
    height: 47vw;
    transform: translateY(-3vw);
  }
}
/* line 268, css/less/__pdp.less */
.productDetailsPage #productFullImage .s7thumbcell {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  float: none;
  display: inline-block;
  margin-right: 15px !important;
}
/* line 275, css/less/__pdp.less */
.productDetailsPage #productFullImage .s7thumbcell:last-child {
  margin-right: 0 !important;
}
/* line 279, css/less/__pdp.less */
.productDetailsPage #productFullImage .s7thumb {
  border-radius: 100%;
  overflow: hidden;
  height: 34px !important;
  width: 34px !important;
  margin-top: 5px;
}
/* line 285, css/less/__pdp.less */
.productDetailsPage #productFullImage .s7thumb[state="selected"] {
  width: 43px !important;
  height: 43px !important;
  margin-top: 0;
}
@media only screen and (min-width: 700px) {
  /* line 290, css/less/__pdp.less */
  .productDetailsPage #productFullImage .s7thumb {
    overflow: visible;
    border-radius: 0;
    margin-top: 0px;
    height: 45px !important;
    width: 45px !important;
  }
}
/* line 300, css/less/__pdp.less */
.productDetailsPage .s7swatches > div {
  width: 100% !important;
  left: 0 !important;
}
/* line 303, css/less/__pdp.less */
.productDetailsPage .s7swatches > div > div {
  width: auto !important;
  max-width: 30%;
  /*
                display: flex;
                justify-content: space-between;
                */
}
/* line 310, css/less/__pdp.less */
.productDetailsPage .s7swatches > div > div:first-child {
  min-width: 150px;
  margin: 0 auto;
  position: relative !important;
}
/* line 319, css/less/__pdp.less */
.productDetailsPage .pdp_product_description p {
  display: none;
}
/* line 322, css/less/__pdp.less */
.productDetailsPage .pdp_product_description .autoscroll-hero {
  display: none;
}
@media only screen and (min-width: 700px) {
  /* line 324, css/less/__pdp.less */
  .productDetailsPage .pdp_product_description .autoscroll-hero {
    height: 2.08333vw;
    text-align: center;
    width: 100vw;
    display: block;
    transform: translateY(-8vw);
    position: absolute;
    left: 0;
    right: 0;
  }
}
/* line 334, css/less/__pdp.less */
.productDetailsPage .pdp_product_description .autoscroll-hero svg {
  top: 0;
  left: 0;
  width: 1.73611vw;
  height: 2.08333vw;
  text-align: center;
}
/* line 342, css/less/__pdp.less */
.productDetailsPage .pdp_product_description .autoscroll-hero:hover svg {
  animation-name: arrowBounce;
  animation-duration: 2s;
  animation-timing-function: bounce;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@media only screen and (min-width: 700px) {
  /* line 355, css/less/__pdp.less */
  .productDetailsPage .sectionTitle {
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.14097vw;
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 1.25vw;
    letter-spacing: .02em;
  }
  /* line 364, css/less/__pdp.less */
  .productDetailsPage .sectionTitle span {
    position: relative;
    top: -0.06944vw;
    display: inline-block;
    width: .69444vw;
    height: .34722vw;
    margin: 0 .76389vw 0 0;
    vertical-align: middle;
    border-radius: .27778vw;
    background-color: #ffffff;
  }
}
/* line 377, css/less/__pdp.less */
.productDetailsPage .pdp_color_share_packs {
  width: 100%;
  position: relative;
}
/* line 380, css/less/__pdp.less */
.productDetailsPage .pdp_color_share_packs .rowContainer {
  position: relative;
}
/* line 383, css/less/__pdp.less */
.productDetailsPage .pdp_color_share_packs h3 {
  padding-left: 8vw;
}
@media only screen and (min-width: 700px) {
  /* line 386, css/less/__pdp.less */
  .productDetailsPage .pdp_color_share_packs {
    width: 25%;
  }
  /* line 388, css/less/__pdp.less */
  .productDetailsPage .pdp_color_share_packs h3 {
    padding-left: 0;
  }
}
/* line 393, css/less/__pdp.less */
.productDetailsPage .pdpColors {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/* line 397, css/less/__pdp.less */
.productDetailsPage .pdpColors li {
  width: 12.125vw;
  height: 12.125vw;
  margin: 4.25vw 5.625vw 0 0;
  cursor: pointer;
  transition: all .2s linear 0s;
  transform: translate3d(0, 0, 0);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  float: left;
}
/* line 408, css/less/__pdp.less */
.productDetailsPage .pdpColors li a {
  display: block;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 700px) {
  /* line 413, css/less/__pdp.less */
  .productDetailsPage .pdpColors li {
    width: 3.125vw;
    height: 3.125vw;
    margin: 1.25vw .625vw 0 0;
  }
}
/* line 418, css/less/__pdp.less */
.productDetailsPage .pdpColors li:hover {
  border: 2px solid #fff!important;
}
@media only screen and (min-width: 700px) {
  /* line 420, css/less/__pdp.less */
  .productDetailsPage .pdpColors li:hover {
    animation-duration: 0.4s;
    animation-name: shadows;
    animation-iteration-count: 2;
    animation-direction: alternate;
  }
}
/* line 427, css/less/__pdp.less */
.productDetailsPage .pdpColors li.active {
  border-color: #fff !important;
}
/* line 432, css/less/__pdp.less */
.productDetailsPage .bk-circ {
  position: absolute;
  z-index: -1;
}
@media only screen and (min-width: 700px) {
  /* line 435, css/less/__pdp.less */
  .productDetailsPage .bk-circ {
    z-index: -2;
  }
}
/* line 440, css/less/__pdp.less */
.productDetailsPage #descAttributeValue_PackSize {
  overflow: hidden;
  display: block;
  width: auto;
  height: auto;
  color: #ffffff;
}
/* line 446, css/less/__pdp.less */
.productDetailsPage #descAttributeValue_PackSize ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100vw;
  padding: 2vw 5vw;
  margin-top: 2vw;
}
@media only screen and (min-width: 700px) {
  /* line 455, css/less/__pdp.less */
  .productDetailsPage #descAttributeValue_PackSize ul {
    padding: 1vw 2vw;
    margin-top: 0;
  }
}
/* line 459, css/less/__pdp.less */
.productDetailsPage #descAttributeValue_PackSize ul li {
  font-size: 4.05vw;
  display: inline-block;
  padding: 0 1vw;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 700px) {
  /* line 464, css/less/__pdp.less */
  .productDetailsPage #descAttributeValue_PackSize ul li {
    font-size: 1.05vw;
    padding: 0 0.35vw;
  }
}
/* line 472, css/less/__pdp.less */
.productDetailsPage #descAttributeValue_TipSize ul {
  margin: 1.3vw 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 20%;
  text-align: center;
}
@media only screen and (min-width: 700px) {
  /* line 479, css/less/__pdp.less */
  .productDetailsPage #descAttributeValue_TipSize ul {
    width: 30%;
  }
}
/* line 482, css/less/__pdp.less */
.productDetailsPage #descAttributeValue_TipSize ul li {
  display: inline-block;
  margin: 0;
}
/* line 485, css/less/__pdp.less */
.productDetailsPage #descAttributeValue_TipSize ul li img {
  width: 100%;
}
/* line 491, css/less/__pdp.less */
.productDetailsPage .pdpDescription {
  margin-top: 0;
  margin-bottom: -20px;
  background: #ed1c24;
  height: auto;
  padding: 4%;
  width: 100%;
}
@media only screen and (min-width: 700px) {
  /* line 498, css/less/__pdp.less */
  .productDetailsPage .pdpDescription {
    width: 50%;
    margin-top: 22vw;
  }
}
/* line 502, css/less/__pdp.less */
.productDetailsPage .pdpDescription p {
  margin-bottom: 0.5rem;
}
/* line 507, css/less/__pdp.less */
.productDetailsPage .pdpDescBullets ul {
  margin: 0;
  padding: 0 1vw;
}
/* line 511, css/less/__pdp.less */
.productDetailsPage .pdpDescBullets li {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 3.31944vw;
  font-style: normal;
  line-height: 3.94444vw;
  position: relative;
  display: block;
  margin: 0 0 1.25vw 0;
  margin: 0 0 1.59722vw 1.59722vw;
  letter-spacing: .02em;
  color: #ffffff;
}
@media only screen and (min-width: 700px) {
  /* line 522, css/less/__pdp.less */
  .productDetailsPage .pdpDescBullets li {
    font-size: 1.31944vw;
    line-height: 1.94444vw;
  }
}
/* line 526, css/less/__pdp.less */
.productDetailsPage .pdpDescBullets li:before {
  position: absolute;
  top: 1.26vw;
  left: -2.5vw;
  display: inline-block;
  width: 1vw;
  height: 1vw;
  content: '';
  background-color: #fff600;
}
@media only screen and (min-width: 700px) {
  /* line 535, css/less/__pdp.less */
  .productDetailsPage .pdpDescBullets li:before {
    top: .86vw;
    left: -1.6vw;
    width: .20833vw;
    height: .20833vw;
  }
}
/* line 545, css/less/__pdp.less */
.productDetailsPage .pdpWTB {
  background: #eb7203;
  padding: 4%;
  min-height: 44vw;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 700px) {
  /* line 551, css/less/__pdp.less */
  .productDetailsPage .pdpWTB {
    width: 50%;
    height: 44vw;
  }
}
/* line 555, css/less/__pdp.less */
.productDetailsPage .pdpWTB h3 {
  font-size: 7.8vw;
  width: 100%;
  line-height: 7vw;
}
@media only screen and (min-width: 700px) {
  /* line 559, css/less/__pdp.less */
  .productDetailsPage .pdpWTB h3 {
    width: 60%;
    font-size: 3vw;
    line-height: 1;
  }
}
/* line 565, css/less/__pdp.less */
.productDetailsPage .pdpWTB .subHeading {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 3.34375vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: .27778vw 0 0 0;
  color: #fddb00;
}
@media only screen and (min-width: 700px) {
  /* line 573, css/less/__pdp.less */
  .productDetailsPage .pdpWTB .subHeading {
    font-size: 1.04167vw;
  }
}
/* line 577, css/less/__pdp.less */
.productDetailsPage .pdpWTB ul {
  padding: 0;
  list-style: none;
  margin-top: 0vw;
}
/* line 581, css/less/__pdp.less */
.productDetailsPage .pdpWTB ul li {
  width: 30%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  margin: 0 19% 0 0;
  padding: 1vw 0;
}
/* line 590, css/less/__pdp.less */
.productDetailsPage .pdpWTB ul li a img {
  width: 100%;
}
/* line 592, css/less/__pdp.less */
.productDetailsPage .pdpWTB ul li a img[alt="Staples"] {
  width: 64%;
}
/* line 599, css/less/__pdp.less */
.productDetailsPage .pdpWTB a[type=button] {
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 4vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  position: absolute;
  right: 2vw;
  bottom: 3vw;
  display: block;
  width: auto;
  text-decoration: none;
  color: #fddb00;
}
@media only screen and (min-width: 700px) {
  /* line 612, css/less/__pdp.less */
  .productDetailsPage .pdpWTB a[type=button] {
    bottom: 2vw;
    font-size: 1vw;
  }
}
/* line 616, css/less/__pdp.less */
.productDetailsPage .pdpWTB a[type=button] span {
  display: inline-block;
  width: 1.52778vw;
  height: 1.04167vw;
  margin: 0 0 0 .83333vw;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-image: url(../images/ij/assets/downtick-twobar.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 630, css/less/__pdp.less */
.productDetailsPage .pdpCompare {
  position: relative;
}
/* line 632, css/less/__pdp.less */
.productDetailsPage .pdpCompare .autoscroll-comparison {
  position: absolute;
  z-index: 30;
  top: 5%;
  left: 52.6%;
  width: 1.73611vw;
  height: 2.08333vw;
  cursor: pointer;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 643, css/less/__pdp.less */
.productDetailsPage .pdpCompare .autoscroll-comparison svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.73611vw;
  height: 2.08333vw;
}
/* line 652, css/less/__pdp.less */
.productDetailsPage .pdpBVStarsContainer {
  float: none;
  width: calc(91.5%);
  padding: 0;
  margin: auto;
}
@media only screen and (min-width: 700px) {
  /* line 657, css/less/__pdp.less */
  .productDetailsPage .pdpBVStarsContainer {
    margin-bottom: -4vw;
  }
}
/* line 664, css/less/__pdp.less */
body.zh-CN .pdpCompare .arrowdown {
  display: none;
}
/* line 1, css/less/__pdpContent.less */
.content-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  /* line 9, css/less/__pdpContent.less */
  .content-wrapper {
    width: calc(87.5%);
  }
}
/* line 14, css/less/__pdpContent.less */
.detail-box-container .detail-box .penPdp {
  position: absolute !important;
  bottom: 0;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
}
@media only screen and (min-width: 700px) {
  /* line 22, css/less/__pdpContent.less */
  .detail-box-container .detail-box .penPdp {
    width: 12.8vw;
    position: absolute !important;
    bottom: 0;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
  }
}
/* line 30, css/less/__pdpContent.less */
.detail-box-container .detail-box .penPdp[src*="MiniST.png"] {
  width: auto !important;
  height: 69vw;
}
@media only screen and (min-width: 700px) {
  /* line 33, css/less/__pdpContent.less */
  .detail-box-container .detail-box .penPdp[src*="MiniST.png"] {
    height: 34vw;
  }
}
/* line 38, css/less/__pdpContent.less */
.detail-box-container:after {
  display: table;
  clear: both;
  content: '';
}
/* line 45, css/less/__pdpContent.less */
.detail-box {
  position: relative;
  float: left;
  overflow: hidden;
  width: 50%;
  height: 44.30556vw;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  /* line 59, css/less/__pdpContent.less */
  .detail-box {
    width: 100%;
    height: 93.75vw;
  }
}
/* line 65, css/less/__pdpContent.less */
.detail-box .intro p {
  margin: 0 0 2rem 0;
}
@media only screen and (min-width: 700px) {
  /* line 69, css/less/__pdpContent.less */
  .detail-box .intro p {
    margin: 2rem 0;
  }
}
/* line 73, css/less/__pdpContent.less */
.detail-box.small {
  width: 25%;
  height: 22.15278vw;
  background-color: #3ac1e1;
}
@media (max-width: 768px) {
  /* line 82, css/less/__pdpContent.less */
  .detail-box.small {
    width: 50%;
    height: 46.875vw;
  }
}
/* line 88, css/less/__pdpContent.less */
.detail-box.wide {
  width: 50%;
  height: 22.15278vw;
}
@media (max-width: 768px) {
  /* line 95, css/less/__pdpContent.less */
  .detail-box.wide {
    width: 100%;
    height: 46.875vw;
  }
  /* line 100, css/less/__pdpContent.less */
  .detail-box.wide p {
    margin: 1rem 0;
  }
}
/* line 105, css/less/__pdpContent.less */
.detail-box.buy {
  background-color: #eb7203;
}
/* line 109, css/less/__pdpContent.less */
.detail-box.buy .intro {
  position: absolute;
  top: 4.23611vw;
  left: 2.5vw;
}
@media (max-width: 768px) {
  /* line 117, css/less/__pdpContent.less */
  .detail-box.buy .intro {
    top: 9.53125vw;
    left: 5.625vw;
  }
}
/* line 123, css/less/__pdpContent.less */
.detail-box.buy .intro h3 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 3.47222vw;
  font-weight: 600;
  font-style: normal;
  line-height: 3.125vw;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 137, css/less/__pdpContent.less */
  .detail-box.buy .intro h3 {
    font-size: 7.8125vw;
    line-height: 7.03125vw;
  }
}
/* line 143, css/less/__pdpContent.less */
.detail-box.buy .intro p {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  margin: .27778vw 0 0 0;
  color: #fddb00;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 159, css/less/__pdpContent.less */
  .detail-box.buy .intro p {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    margin: .625vw 0 0 0;
  }
}
/* line 167, css/less/__pdpContent.less */
.detail-box.buy a.next {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  position: absolute;
  right: 2.22222vw;
  bottom: 2.22222vw;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  text-decoration: none;
  color: #fddb00;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 193, css/less/__pdpContent.less */
  .detail-box.buy a.next {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    right: 5vw;
    bottom: 5vw;
  }
}
/* line 202, css/less/__pdpContent.less */
.detail-box.buy a.next.active {
  overflow: visible;
  width: auto;
  height: auto;
}
/* line 209, css/less/__pdpContent.less */
.detail-box.buy a.next span {
  display: inline-block;
  width: 1.52778vw;
  height: 1.04167vw;
  margin: 0 0 0 .83333vw;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-image: url(../images/ij/assets/downtick-twobar.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  /* line 227, css/less/__pdpContent.less */
  .detail-box.buy a.next span {
    width: 3.4375vw;
    height: 2.34375vw;
    margin: 0 0 0 1.875vw;
  }
}
/* line 234, css/less/__pdpContent.less */
.detail-box.buy a.previous {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25vw;
  position: absolute;
  bottom: 2.22222vw;
  left: 2.22222vw;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  text-decoration: none;
  color: #fddb00;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 260, css/less/__pdpContent.less */
  .detail-box.buy a.previous {
    font-size: 2.34375vw;
    line-height: 2.8125vw;
    bottom: 5vw;
    left: 5vw;
  }
}
/* line 269, css/less/__pdpContent.less */
.detail-box.buy a.previous.active {
  overflow: visible;
  width: auto;
  height: auto;
}
/* line 276, css/less/__pdpContent.less */
.detail-box.buy a.previous span {
  display: inline-block;
  width: 1.52778vw;
  height: 1.04167vw;
  margin: 0 .83333vw 0 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-image: url(../images/ij/assets/downtick-twobar.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  /* line 294, css/less/__pdpContent.less */
  .detail-box.buy a.previous span {
    width: 3.4375vw;
    height: 2.34375vw;
    margin: 0 1.875vw 0 0;
  }
}
/* line 301, css/less/__pdpContent.less */
.detail-box.buy .retailer-slider {
  overflow: hidden;
  width: 100%;
}
/* line 307, css/less/__pdpContent.less */
.detail-box.buy .retailer-list {
  position: absolute;
  top: 19.16667vw;
  left: 100%;
  width: 94%;
  padding-left: 5.2%;
}
@media (max-width: 768px) {
  /* line 318, css/less/__pdpContent.less */
  .detail-box.buy .retailer-list {
    top: 35.3125vw;
  }
}
/* line 323, css/less/__pdpContent.less */
.detail-box.buy .retailer-list.active {
  left: 0;
}
/* line 327, css/less/__pdpContent.less */
.detail-box.buy .retailer-list:after {
  display: table;
  clear: both;
  content: '';
}
/* line 334, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul {
  display: block;
  float: left;
  width: 50%;
}
/* line 341, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li {
  position: relative;
  display: block;
  width: 13.75vw;
  height: 2.98611vw;
  margin: 0 0 4.58333vw 0;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}
@media (max-width: 768px) {
  /* line 357, css/less/__pdpContent.less */
  .detail-box.buy .retailer-list ul li {
    width: 30.9375vw;
    height: 6.71875vw;
    margin: 0 0 10.3125vw 0;
  }
}
/* line 364, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li:before {
  position: absolute;
  top: 50%;
  left: -1.38889vw;
  display: block;
  width: .69444vw;
  height: .34722vw;
  content: '';
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0;
  border-radius: .41667vw;
  background-color: #fddb00;
}
@media (max-width: 768px) {
  /* line 388, css/less/__pdpContent.less */
  .detail-box.buy .retailer-list ul li:before {
    left: -3.125vw;
    width: 1.5625vw;
    height: .78125vw;
    border-radius: .9375vw;
  }
}
/* line 398, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li:hover:before {
  opacity: 1;
}
/* line 402, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li a {
  display: block;
  width: 13.75vw;
  height: 2.98611vw;
}
@media (max-width: 768px) {
  /* line 411, css/less/__pdpContent.less */
  .detail-box.buy .retailer-list ul li a {
    width: 30.9375vw;
    height: 6.71875vw;
  }
}
/* line 417, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li.target {
  background-image: url(../images/ij/assets/detail/retailers/target.png);
}
/* line 421, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li.amazon {
  background-image: url(../images/ij/assets/detail/retailers/amazon.png);
}
/* line 425, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li.amazon:before {
  top: 40%;
}
/* line 429, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li.walgreens {
  background-image: url(../images/ij/assets/detail/retailers/walgreens.png);
}
/* line 433, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li.walmart {
  background-image: url(../images/ij/assets/detail/retailers/walmart.png);
}
/* line 437, css/less/__pdpContent.less */
.detail-box.buy .retailer-list ul li.staples {
  background-image: url(../images/ij/assets/detail/retailers/staples.png);
}
/* line 441, css/less/__pdpContent.less */
.detail-box.description {
  margin: 22.15278vw 0 0 0;
  background-color: #ed1c24;
}
@media (max-width: 768px) {
  /* line 449, css/less/__pdpContent.less */
  .detail-box.description {
    margin: 0;
  }
}
/* line 454, css/less/__pdpContent.less */
.detail-box.description .copy-container {
  position: absolute;
  top: 3.47222vw;
  left: 2.5vw;
  width: 37.63889vw;
}
@media (max-width: 768px) {
  /* line 464, css/less/__pdpContent.less */
  .detail-box.description .copy-container {
    top: 7.8125vw;
    left: 5.625vw;
    width: 76.5625vw;
  }
}
/* line 472, css/less/__pdpContent.less */
.detail-box.description .copy-container h1 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 3.47222vw;
  font-weight: 600;
  font-style: normal;
  line-height: 3.125vw;
  margin: 0 0 1.3vw;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 488, css/less/__pdpContent.less */
  .detail-box.description .copy-container h1 {
    font-size: 7.8125vw;
    line-height: 7.03125vw;
  }
}
/* line 494, css/less/__pdpContent.less */
.detail-box.description .copy-container .rating-block {
  display: block;
  margin: 0 0 1.25vw 0;
}
@media (max-width: 768px) {
  /* line 502, css/less/__pdpContent.less */
  .detail-box.description .copy-container .rating-block {
    margin: 0 0 2.8125vw 0;
  }
}
/* line 507, css/less/__pdpContent.less */
.detail-box.description .copy-container .rating-stars {
  position: relative;
  display: inline-block;
  width: 8.51852vw;
  height: 1.52778vw;
  background-image: url(../images/ij/assets/detail/review-stars-magenta.svg);
  background-repeat: no-repeat;
  background-size: 8.51852vw 1.52778vw;
}
@media (max-width: 768px) {
  /* line 522, css/less/__pdpContent.less */
  .detail-box.description .copy-container .rating-stars {
    width: 19.16667vw;
    height: 3.4375vw;
    background-size: 19.16667vw 3.4375vw;
  }
}
/* line 530, css/less/__pdpContent.less */
.detail-box.description .copy-container .rating-stars .filled-stars {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 8.51852vw;
  height: 1.52778vw;
  background-image: url(../images/ij/assets/detail/review-stars-orange.svg);
  background-size: 8.51852vw 1.52778vw;
}
@media (max-width: 768px) {
  /* line 546, css/less/__pdpContent.less */
  .detail-box.description .copy-container .rating-stars .filled-stars {
    width: 19.16667vw;
    height: 3.4375vw;
    background-size: 19.16667vw 3.4375vw;
  }
}
/* line 554, css/less/__pdpContent.less */
.detail-box.description .copy-container .write-a-review {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: .83333vw;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 571, css/less/__pdpContent.less */
  .detail-box.description .copy-container .write-a-review {
    font-size: 1.875vw;
  }
}
/* line 576, css/less/__pdpContent.less */
.detail-box.description .copy-container .write-a-review:hover {
  opacity: .8;
}
/* line 580, css/less/__pdpContent.less */
.detail-box.description .copy-container .info {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.52778vw;
  margin: 1vw 0 1.89722vw;
  letter-spacing: .02em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 598, css/less/__pdpContent.less */
  .detail-box.description .copy-container .info {
    font-size: 2.34375vw;
    line-height: 3.4375vw;
  }
}
/* line 604, css/less/__pdpContent.less */
.detail-box.description .copy-container ul li {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.31944vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.94444vw;
  position: relative;
  display: block;
  margin: 0 0 1.25vw 0;
  margin: 0 0 1.59722vw 1.59722vw;
  letter-spacing: .02em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 627, css/less/__pdpContent.less */
  .detail-box.description .copy-container ul li {
    font-size: 2.96875vw;
    line-height: 4.375vw;
    margin: 0 0 3.59375vw 3.59375vw;
  }
}
/* line 635, css/less/__pdpContent.less */
.detail-box.description .copy-container ul li:before {
  position: absolute;
  top: .86vw;
  left: -1.6vw;
  display: inline-block;
  width: .20833vw;
  height: .20833vw;
  content: '';
  background-color: #fddb00;
}
@media (max-width: 768px) {
  /* line 652, css/less/__pdpContent.less */
  .detail-box.description .copy-container ul li:before {
    width: .46875vw;
    height: .46875vw;
  }
}
/* line 658, css/less/__pdpContent.less */
.detail-box.branded-1 {
  background-color: #fde414;
  background-image: url(../images/ij/assets/detail/Yellow-backgroundGel.png);
  background-position: center bottom;
  background-size: cover;
}
/* line 665, css/less/__pdpContent.less */
.detail-box.branded-1 .intro {
  position: absolute;
  z-index: 3;
  top: 3.19444vw;
  left: 2.29167vw;
}
@media (max-width: 768px) {
  /* line 674, css/less/__pdpContent.less */
  .detail-box.branded-1 .intro {
    top: 7.1875vw;
    left: 5.15625vw;
  }
}
/* line 680, css/less/__pdpContent.less */
.detail-box.branded-1 .intro p {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.25139vw;
  font-weight: 600;
  font-style: normal;
  line-height: 1.52917vw;
  margin: 0 0 .41667vw 0;
  letter-spacing: .02em;
  color: #0f90bb;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 698, css/less/__pdpContent.less */
  .detail-box.branded-1 .intro p {
    font-size: 2.81562vw;
    line-height: 3.44062vw;
    margin: 0 0 .9375vw 0;
  }
}
/* line 706, css/less/__pdpContent.less */
.detail-box.branded-1 .intro h3 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 3.47222vw;
  font-weight: 600;
  font-style: normal;
  line-height: 3.125vw;
  letter-spacing: .02em;
  color: #10b6ee;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 722, css/less/__pdpContent.less */
  .detail-box.branded-1 .intro h3 {
    font-size: 7.8125vw;
    line-height: 7.03125vw;
  }
}
/* line 728, css/less/__pdpContent.less */
.detail-box.branded-1 .illustration {
  position: absolute;
  z-index: 1;
  bottom: -1.38889vw;
  left: -1.38889vw;
  display: none;
  width: 41.65007vw;
  height: 28.85003vw;
  background-image: url(../images/ij/assets/detail/handdrawing.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 744, css/less/__pdpContent.less */
.detail-box.branded-1 .pen-top {
  position: absolute;
  z-index: 2;
  top: -2.01389vw;
  right: 3.19444vw;
  display: none;
  width: 10.76389vw;
  height: 25.06944vw;
  background-image: url(../images/ij/assets/detail/Pen-yellow-box.png);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 760, css/less/__pdpContent.less */
.detail-box.branded-1 .pen-bottom {
  position: absolute;
  z-index: 2;
  bottom: -3vw;
  left: 10.79444vw;
  display: none;
  width: 10vw;
  height: 24.31944vw;
  background-image: url(../images/ij/assets/detail/Pen-yellow-box-2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 776, css/less/__pdpContent.less */
.detail-box.smooth {
  margin: 22.15278vw 0 0 0;
}
@media (max-width: 768px) {
  /* line 782, css/less/__pdpContent.less */
  .detail-box.smooth {
    margin: 0 50% 0 0;
  }
}
/* line 787, css/less/__pdpContent.less */
.detail-box.smooth .intro {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-weight: 500;
  font-style: normal;
  position: absolute;
  top: 10.20833vw;
  left: 50%;
  width: 12.77778vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 810, css/less/__pdpContent.less */
  .detail-box.smooth .intro {
    top: 22.96875vw;
    width: 28.75vw;
  }
}
/* line 817, css/less/__pdpContent.less */
.detail-box.smooth .intro h6 {
  font-size: 1.25vw;
  line-height: 1.53vw;
  font-weight: 600;
  margin: 0 0 .97222vw 0;
}
@media (max-width: 768px) {
  /* line 827, css/less/__pdpContent.less */
  .detail-box.smooth .intro h6 {
    font-size: 4.8125vw;
    line-height: 3.4375vw;
    margin: 0 0 2.1875vw 0;
  }
}
/* line 835, css/less/__pdpContent.less */
.detail-box.smooth .intro p {
  font-size: 1.04167vw;
  line-height: 1.52778vw;
  margin: 0;
}
@media (max-width: 768px) {
  /* line 843, css/less/__pdpContent.less */
  .detail-box.smooth .intro p {
    font-size: 2.67vw;
    line-height: 3.4375vw;
  }
}
/* line 849, css/less/__pdpContent.less */
.detail-box.smooth .icon-smooth {
  position: absolute;
  top: 1.74167vw;
  left: 50%;
  overflow: hidden;
  width: 16.11111vw;
  height: 10.34722vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
@media (max-width: 768px) {
  /* line 866, css/less/__pdpContent.less */
  .detail-box.smooth .icon-smooth {
    position: absolute;
    top: 4.24167vw;
    width: 36.25vw;
    height: 23.28125vw;
  }
}
/* line 875, css/less/__pdpContent.less */
.detail-box.smooth .icon-smooth .anim {
  width: 515.55556vw;
  height: 10.34722vw;
  -webkit-animation: waveSeq 1s steps(31) infinite normal;
  -moz-animation: waveSeq 1s steps(31) infinite normal;
  -ms-animation: waveSeq 1s steps(31) infinite normal;
  -o-animation: waveSeq 1s steps(31) infinite normal;
  animation: waveSeq 1s steps(31) infinite normal;
  background-image: url(../images/ij/assets/detail/wave_anim.png);
  background-position: 0 0;
  background-size: 515.55556vw 10.34722vw;
}
@media (max-width: 768px) {
  /* line 892, css/less/__pdpContent.less */
  .detail-box.smooth .icon-smooth .anim {
    width: 1160vw;
    height: 23.28125vw;
    background-size: 1160vw 23.28125vw;
  }
}
/* line 900, css/less/__pdpContent.less */
.detail-box.dual {
  margin: 0 25% 0 0;
}
@media (max-width: 768px) {
  /* line 906, css/less/__pdpContent.less */
  .detail-box.dual {
    margin: 0 0 0 50%;
  }
}
/* line 911, css/less/__pdpContent.less */
.detail-box.dual .intro {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-weight: 500;
  font-style: normal;
  position: absolute;
  top: 10.20833vw;
  left: 50%;
  width: 12.77778vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 934, css/less/__pdpContent.less */
  .detail-box.dual .intro {
    top: 22.96875vw;
    width: 28.75vw;
  }
}
/* line 941, css/less/__pdpContent.less */
.detail-box.dual .intro h6 {
  line-height: 1.5vw;
  font-size: 1.25vw;
  font-weight: 600;
  margin: 0 0 .97222vw 0;
}
@media (max-width: 768px) {
  /* line 950, css/less/__pdpContent.less */
  .detail-box.dual .intro h6 {
    font-size: 4.8125vw;
    margin: 0 0 2.1875vw 0;
  }
}
/* line 956, css/less/__pdpContent.less */
.detail-box.dual .intro p {
  font-size: 1.04167vw;
  line-height: 1.52778vw;
}
@media (max-width: 768px) {
  /* line 963, css/less/__pdpContent.less */
  .detail-box.dual .intro p {
    font-size: 2.67vw;
    line-height: 3.4375vw;
  }
}
/* line 969, css/less/__pdpContent.less */
.detail-box.dual .icon-smooth {
  position: absolute;
  top: 1.74167vw;
  left: 50%;
  overflow: hidden;
  width: 16.11111vw;
  height: 10.34722vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
@media (max-width: 768px) {
  /* line 986, css/less/__pdpContent.less */
  .detail-box.dual .icon-smooth {
    position: absolute;
    top: 4.24167vw;
    width: 36.25vw;
    height: 23.28125vw;
  }
}
/* line 995, css/less/__pdpContent.less */
.detail-box.dual .icon-smooth .anim {
  width: 386.66667vw;
  height: 10.34722vw;
  -webkit-animation: dualSeq 2s steps(22) infinite normal both;
  -moz-animation: dualSeq 2s steps(22) infinite normal both;
  -ms-animation: dualSeq 2s steps(22) infinite normal both;
  -o-animation: dualSeq 2s steps(22) infinite normal both;
  animation: dualSeq 2s steps(22) infinite normal both;
  background-image: url(../images/ij/assets/detail/dual_anim.png);
  background-position: 0 0;
  background-size: 386.66667vw 10.34722vw;
}
@media (max-width: 768px) {
  /* line 1012, css/less/__pdpContent.less */
  .detail-box.dual .icon-smooth .anim {
    width: 870vw;
    height: 23.28125vw;
    background-size: 870vw 23.28125vw;
  }
}
/* line 1020, css/less/__pdpContent.less */
.detail-box.performance {
  overflow: visible;
  background-color: #eb7203;
}
/* line 1026, css/less/__pdpContent.less */
.detail-box.performance .info {
  position: absolute;
  top: 50%;
  right: 5.48611vw;
  display: inline-block;
  width: 11.11111vw;
  height: auto;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) {
  /* line 1044, css/less/__pdpContent.less */
  .detail-box.performance .info {
    right: 9.34375vw;
    width: 25vw;
  }
}
/* line 1051, css/less/__pdpContent.less */
.detail-box.performance .info h6 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-weight: 600;
  font-style: normal;
  line-height: 1.5;
  font-size: 1.25vw;
  margin: 0 0 2.1875vw 0;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 1066, css/less/__pdpContent.less */
  .detail-box.performance .info h6 {
    font-size: 4.8125vw;
    margin: 0 0 .97222vw 0;
  }
}
/* line 1072, css/less/__pdpContent.less */
.detail-box.performance .info p {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04167vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.52778vw;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 1086, css/less/__pdpContent.less */
  .detail-box.performance .info p {
    font-size: 2.67vw;
    line-height: 3.4375vw;
  }
}
/* line 1092, css/less/__pdpContent.less */
.detail-box.performance .the-ipad {
  position: absolute;
  top: -2.2vw;
  left: -8.6vw;
  width: 38.68056vw;
  height: 38.05556vw;
  pointer-events: none;
  background-image: url(../images/ij/assets/detail/ipad.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  /* line 1109, css/less/__pdpContent.less */
  .detail-box.performance .the-ipad {
    top: -14.2vw;
    left: -15.6vw;
    width: 73.03125vw;
    height: 85.625vw;
  }
}
/* line 1118, css/less/__pdpContent.less */
.detail-box.vivid {
  margin: 0 0 0 25%;
}
@media (max-width: 768px) {
  /* line 1124, css/less/__pdpContent.less */
  .detail-box.vivid {
    margin: 0 50% 0 0;
  }
}
/* line 1129, css/less/__pdpContent.less */
.detail-box.vivid .intro {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-weight: 500;
  font-style: normal;
  position: absolute;
  top: 11.31944vw;
  left: 50%;
  width: 12.77778vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  /* line 1152, css/less/__pdpContent.less */
  .detail-box.vivid .intro {
    top: 25.46875vw;
    width: 28.75vw;
  }
}
/* line 1159, css/less/__pdpContent.less */
.detail-box.vivid .intro h6 {
  font-size: 1.25vw;
  line-height: 1.5vw;
  font-weight: 600;
  margin: 0 0 .97222vw 0;
}
@media (max-width: 768px) {
  /* line 1168, css/less/__pdpContent.less */
  .detail-box.vivid .intro h6 {
    font-size: 4.8125vw;
    line-height: 1.52778vw;
    margin: 0 0 2.1875vw 0;
  }
}
/* line 1175, css/less/__pdpContent.less */
.detail-box.vivid .intro p {
  font-size: 1.04167vw;
  line-height: 1.52778vw;
}
@media (max-width: 768px) {
  /* line 1182, css/less/__pdpContent.less */
  .detail-box.vivid .intro p {
    font-size: 2.34375vw;
    line-height: 3.4375vw;
  }
}
/* line 1188, css/less/__pdpContent.less */
.detail-box.vivid .icon-smooth {
  position: absolute;
  top: 1.74167vw;
  left: 50%;
  overflow: hidden;
  width: 16.11111vw;
  height: 10.34722vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
@media (max-width: 768px) {
  /* line 1205, css/less/__pdpContent.less */
  .detail-box.vivid .icon-smooth {
    position: absolute;
    top: 4.24167vw;
    width: 36.25vw;
    height: 23.28125vw;
  }
}
/* line 1214, css/less/__pdpContent.less */
.detail-box.vivid .icon-smooth .anim {
  width: 531.66667vw;
  height: 10.34722vw;
  -webkit-animation: dropsSeq 2s steps(32) infinite normal both;
  -moz-animation: dropsSeq 2s steps(32) infinite normal both;
  -ms-animation: dropsSeq 2s steps(32) infinite normal both;
  -o-animation: dropsSeq 2s steps(32) infinite normal both;
  animation: dropsSeq 2s steps(32) infinite normal both;
  background-image: url(../images/ij/assets/detail/drops_anim.png);
  background-position: 0 0;
  background-size: 531.66667vw 10.34722vw;
}
@media (max-width: 768px) {
  /* line 1231, css/less/__pdpContent.less */
  .detail-box.vivid .icon-smooth .anim {
    width: 1196.25vw;
    height: 23.28125vw;
    background-size: 1196.25vw 23.28125vw;
  }
}
/* line 1239, css/less/__pdpContent.less */
.autoscroll-comparison {
  position: absolute;
  z-index: 30;
  bottom: 0vw;
  left: 52.6%;
  width: 1.73611vw;
  height: 2.08333vw;
  cursor: pointer;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media (max-width: 768px) {
  /* line 1256, css/less/__pdpContent.less */
  .autoscroll-comparison {
    overflow: hidden;
    width: 0;
    height: 0;
  }
}
/* line 1264, css/less/__pdpContent.less */
.autoscroll-comparison svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.73611vw;
  height: 2.08333vw;
}
/* line 1273, css/less/__pdpContent.less */
.autoscroll-comparison:hover svg {
  -webkit-animation-name: arrowBounce;
  -moz-animation-name: arrowBounce;
  -o-animation-name: arrowBounce;
  animation-name: arrowBounce;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: bounce;
  -moz-animation-timing-function: bounce;
  -o-animation-timing-function: bounce;
  /* this prevents the animation from restarting! */
  animation-timing-function: bounce;
  /* this prevents the animation from restarting! */
  -webkit-animation-delay: 0s;
  /* this prevents the animation from restarting! */
  -moz-animation-delay: 0s;
  /* this prevents the animation from restarting! */
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* line 1310, css/less/__pdpContent.less */
html.rtl .detail-box {
  float: right;
}
/* line 1314, css/less/__pdpContent.less */
html.rtl .detail-box.buy {
  background-color: #eb7203;
}
/* line 1318, css/less/__pdpContent.less */
html.rtl .detail-box.buy .intro {
  right: 2.5vw;
  left: auto;
}
@media (max-width: 768px) {
  /* line 1325, css/less/__pdpContent.less */
  html.rtl .detail-box.buy .intro {
    right: 5.625vw;
    left: auto;
  }
}
/* line 1331, css/less/__pdpContent.less */
html.rtl .detail-box.buy .retailer-list {
  padding-right: 5.2%;
  padding-left: 0;
}
/* line 1336, css/less/__pdpContent.less */
html.rtl .detail-box.buy .retailer-list ul {
  float: right;
}
/* line 1340, css/less/__pdpContent.less */
html.rtl .detail-box.description .copy-container {
  right: 2.5vw;
  left: auto;
}
@media (max-width: 768px) {
  /* line 1347, css/less/__pdpContent.less */
  html.rtl .detail-box.description .copy-container {
    right: 5.625vw;
    left: auto;
  }
}
/* line 1353, css/less/__pdpContent.less */
html.rtl .detail-box.description .copy-container ul li {
  margin: 0 1.59722vw 1.59722vw 0;
}
@media (max-width: 768px) {
  /* line 1359, css/less/__pdpContent.less */
  html.rtl .detail-box.description .copy-container ul li {
    margin: 0 3.59375vw 3.59375vw 0;
  }
}
/* line 1364, css/less/__pdpContent.less */
html.rtl .detail-box.description .copy-container ul li:before {
  right: -1.6vw;
  left: auto;
}
/* line 1369, css/less/__pdpContent.less */
html.rtl .detail-box.branded-1 .intro {
  right: 2.29167vw;
  left: auto;
}
@media (max-width: 768px) {
  /* line 1376, css/less/__pdpContent.less */
  html.rtl .detail-box.branded-1 .intro {
    right: 5.15625vw;
    left: auto;
  }
}
/* line 1382, css/less/__pdpContent.less */
html.rtl .detail-box.vivid {
  float: left;
}
@media (max-width: 768px) {
  /* line 1388, css/less/__pdpContent.less */
  html.rtl .detail-box.vivid {
    margin: 0 50% 0 0;
  }
}
/* line 1394, css/less/__pdpContent.less */
#product-comparison {
  position: relative;
  z-index: -1;
  overflow: hidden;
  width: 100vw;
  height: 102.08333vw;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (max-width: 768px) {
  /* line 1409, css/less/__pdpContent.less */
  #product-comparison {
    overflow: hidden;
    width: 0;
    height: 0;
  }
}
/* line 1417, css/less/__pdpContent.less */
#product-comparison svg.bk-circ2 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 192.90972vw;
  height: 192.90972vw;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 1431, css/less/__pdpContent.less */
#product-comparison svg.bk-circ2 circle {
  width: 192.90972vw;
  height: 192.90972vw;
}
/* line 1436, css/less/__pdpContent.less */
#product-comparison h3 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 3.47222vw;
  font-weight: 600;
  font-style: normal;
  width: 100%;
  margin: 14.93056vw 0 0 0;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
/* line 1452, css/less/__pdpContent.less */
#product-comparison .comparison-chart {
  margin: 5.97222vw 0 0 0;
  color: #fff;
}
/* line 1458, css/less/__pdpContent.less */
#product-comparison .comparison-chart .row:after {
  display: table;
  clear: both;
  content: '';
}
/* line 1465, css/less/__pdpContent.less */
#product-comparison .comparison-chart .row .grid-block {
  position: relative;
  float: left;
}
/* line 1471, css/less/__pdpContent.less */
#product-comparison .comparison-chart .row .grid-a {
  width: 13.54167vw;
}
/* line 1475, css/less/__pdpContent.less */
#product-comparison .comparison-chart .row .grid-a h6 {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 2.43056vw;
  font-weight: 600;
  font-style: normal;
  line-height: 2.15278vw;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-font-smoothing: antialiased;
}
/* line 1493, css/less/__pdpContent.less */
#product-comparison .comparison-chart .row .grid-b {
  width: 9.02778vw;
}
/* line 1497, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-block {
  height: 15.41667vw;
}
/* line 1501, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b div {
  width: 100%;
  height: 12.5vw;
  margin: 0 0 1.25vw;
}
/* line 1507, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b p {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04306vw;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
/* line 1520, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-stylus div {
  background-image: url(../images/ij/assets/detail/comparison/Stylus-ST_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 1527, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-100 div {
  background-image: url(../images/ij/assets/detail/comparison/100RT_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 1534, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-mini div {
  background-image: url(../images/ij/assets/detail/comparison/Mini_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  background-size: 12.7%;
}
/* line 1542, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-300 div {
  background-image: url(../images/ij/assets/detail/comparison/300RT_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 1549, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-550 div {
  background-image: url(../images/ij/assets/detail/comparison/550RT_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 1556, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-700 div {
  background-image: url(../images/ij/assets/detail/comparison/700RT_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 1563, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-quatro div {
  background-image: url(../images/ij/assets/detail/comparison/Quatro_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 1570, css/less/__pdpContent.less */
#product-comparison .comparison-chart .pen-list .grid-b.type-gel div {
  background-image: url(../images/ij/assets/detail/comparison/Gel_2x.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 1577, css/less/__pdpContent.less */
#product-comparison .comparison-chart .stylus .grid-block {
  height: 8.33333vw;
  margin: 1.38889vw 0 0 0;
}
/* line 1582, css/less/__pdpContent.less */
#product-comparison .comparison-chart .stylus .grid-b {
  background-image: url(../images/ij/assets/detail/comparison/x-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 3.19444vw 1.94444vw;
}
/* line 1589, css/less/__pdpContent.less */
#product-comparison .comparison-chart .stylus .grid-b.check {
  background-image: url(../images/ij/assets/detail/comparison/check-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 3.19444vw 1.94444vw;
}
/* line 1596, css/less/__pdpContent.less */
#product-comparison .comparison-chart .grip .grid-block,
#product-comparison .comparison-chart .closure .grid-block,
#product-comparison .comparison-chart .clip .grid-block,
#product-comparison .comparison-chart .colors .grid-block {
  height: 8.33333vw;
}
/* line 1603, css/less/__pdpContent.less */
#product-comparison .comparison-chart .grip .grid-b p,
#product-comparison .comparison-chart .closure .grid-b p,
#product-comparison .comparison-chart .clip .grid-b p,
#product-comparison .comparison-chart .colors .grid-b p {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.25139vw;
  font-weight: 600;
  font-style: normal;
  line-height: 1.32083vw;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  display: inline-block;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
/* line 1626, css/less/__pdpContent.less */
#product-comparison .comparison-chart .design .grid-block {
  height: 8.33333vw;
}
/* line 1630, css/less/__pdpContent.less */
#product-comparison .comparison-chart .design .grid-b p {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
  font-size: 1.04306vw;
  font-weight: 500;
  font-style: normal;
  line-height: 1.12639vw;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  display: inline-block;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
/* line 1654, css/less/__pdpContent.less */
html.rtl #product-comparison .comparison-chart .row .grid-block {
  float: right;
}
/* line 1660, css/less/__pdpContent.less */
.quatro-pen-li {
  overflow: hidden;
}
/* line 1663, css/less/__pdpContent.less */
.quatro-pen_container {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  display: block;
}
/* line 1670, css/less/__pdpContent.less */
.quatro-pen_container span {
  display: block;
  width: 50%;
  margin: 0;
  padding: 0;
  height: 50%;
  float: left;
  text-indent: -99999999px;
}
/* line 1680, css/less/__pdpContent.less */
.quatro-pen_container span:nth-child(2) .quatro-color-swatch,
.quatro-pen_container span:nth-child(4) .quatro-color-swatch {
  border-left: 1px solid #fff;
}
/* line 1685, css/less/__pdpContent.less */
.quatro-pen_container span:nth-child(1) .quatro-color-swatch,
.quatro-pen_container span:nth-child(2) .quatro-color-swatch {
  border-bottom: 1px solid #fff;
}
/* line 1690, css/less/__pdpContent.less */
.quatro-pen_container span .quatro-color-swatch {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 1, css/less/__pdpS7Styles.less */
#s7_mixedmediaview.s7mixedmediaviewer {
  width: auto;
  height: auto;
}
/* line 6, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton {
  right: 4vw;
  bottom: 7vw;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  background-image: url(../images/ij/assets/detail/scene7zoom.svg) !important;
  background-size: contain;
}
/* line 21, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton:hover {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  background-image: url(../images/ij/assets/detail/scene7zoom.svg) !important;
}
/* line 28, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7swatches .s7thumb[state=selected] {
  border: none !important;
}
/* line 32, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7swatches {
  bottom: 1%;
}
/* line 36, css/less/__pdpS7Styles.less */
.s7videoplayer {
  background-color: transparent;
}
/* line 40, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7knob {
  border-radius: 3vw;
  background-color: #e71095;
  background-image: none;
}
/* line 46, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected=true][state=up] {
  background-image: url(../images/ij/assets/detail/play.svg);
  background-size: 80% 80%;
}
/* line 51, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected=true][state=over] {
  opacity: .7;
  background-image: url(../images/ij/assets/detail/play.svg);
  background-size: 80% 80%;
}
/* line 57, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected=false][state=up] {
  background-image: url(../images/ij/assets/detail/pause.svg);
  background-size: 80% 80%;
}
/* line 62, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected=false][state=over] {
  opacity: .7;
  background-image: url(../images/ij/assets/detail/pause.svg);
  background-size: 80% 80%;
}
/* line 68, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected=false][state=up] {
  background-image: url(../images/ij/assets/detail/audio.svg);
  background-size: 80% 80%;
}
/* line 73, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected=false][state=over] {
  opacity: .7;
  background-image: url(../images/ij/assets/detail/audio.svg);
  background-size: 80% 80%;
}
/* line 79, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton {
  background-image: url(../images/ij/assets/detail/audio.svg) !important;
  background-size: 80% 80% !important;
}
/* line 84, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected=true][state=over] {
  opacity: .7;
  background-image: url(../images/ij/assets/detail/audio.svg);
  background-size: 80% 80%;
}
/* line 90, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected=true] {
  opacity: 0.4 !important;
}
/* line 94, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume {
  background-color: #ff7d0a;
}
/* line 98, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume .s7knob {
  border-radius: 3vw;
  background-color: #e71095;
  background-image: none;
}
/* line 104, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7swatches .s7thumb {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
  border-radius: 100% !important;
}
/* line 113, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7swatches .s7thumb[state=default] {
  -webkit-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  border-radius: 100%;
}
/* line 120, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7swatches .s7thumb[state=selected] {
  border-radius: 100%;
}
/* line 124, css/less/__pdpS7Styles.less */
.s7container .s7innercontainer[mode=fullscreen] {
  background-color: transparent;
}
/* line 128, css/less/__pdpS7Styles.less */
.s7container .s7innercontainer[mode=fullscreen] .s7fullscreenbutton {
  top: -80vh !important;
  right: 4vw!important;
  bottom: auto!important;
  left: auto!important;
  width: 7vw!important;
  height: 4vw!important;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  border-radius: 3vw;
  background-color: #00a1e1;
  background-image: url(../images/ij/assets/close.svg) !important;
  background-repeat: no-repeat;
  background-size: 33%;
}
/* line 150, css/less/__pdpS7Styles.less */
.s7container .s7innercontainer[mode=fullscreen] .s7fullscreenbutton:hover {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
@media (max-width: 768px) {
  /* line 157, css/less/__pdpS7Styles.less */
  .s7container .s7innercontainer[mode=fullscreen] .s7fullscreenbutton {
    top: -60vh !important;
    right: 2vw!important;
    width: 14vw;
    height: 8vw;
    border-radius: 6vw;
  }
}
/* line 165, css/less/__pdpS7Styles.less */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] {
  display: none !important;
}
@media only screen and (min-width: 700px) {
  /* line 167, css/less/__pdpS7Styles.less */
  .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] {
    display: block !important;
  }
}
/* line 172, css/less/__pdpS7Styles.less */
#IconEffect_45,
#s7_mixedmediaview_zoomInButton,
#s7_mixedmediaview_zoomInButton.s7zoominbutton,
#s7_mixedmediaview_zoomOutButton.s7zoomoutbutton,
#s7_mixedmediaview_zoomResetButton.s7zoomresetbutton,
.s7iconeffect {
  display: none!important;
}
/* line 1, css/less/__pdpAnimations.less */
.detail-box .icon-super-smooth {
  position: absolute;
  top: 1.74167vw;
  left: 48%;
  overflow: hidden;
  width: 9.30556vw;
  height: 9.44444vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 20, css/less/__pdpAnimations.less */
  .detail-box .icon-super-smooth {
    position: absolute;
    top: 4.24167vw;
    width: 20.9375vw;
    height: 21.25vw;
  }
}
/* line 29, css/less/__pdpAnimations.less */
.detail-box .icon-super-smooth .anim {
  width: 260.55556vw;
  height: 9.44444vw;
  -webkit-animation: superSmoothSeq 1s steps(27) infinite normal;
  -moz-animation: superSmoothSeq 1s steps(27) infinite normal;
  -ms-animation: superSmoothSeq 1s steps(27) infinite normal;
  -o-animation: superSmoothSeq 1s steps(27) infinite normal;
  animation: superSmoothSeq 1s steps(27) infinite normal;
  background-image: url(../images/ij/assets/detail/super_smooth_seq.png);
  background-position: 0 0;
  background-size: 260.55556vw 9.44444vw;
}
@media (max-width: 768px) {
  /* line 46, css/less/__pdpAnimations.less */
  .detail-box .icon-super-smooth .anim {
    width: 586.25vw;
    height: 21.25vw;
    background-size: 586.25vw 21.25vw;
  }
}
/* line 54, css/less/__pdpAnimations.less */
.detail-box .icon-dual-usage {
  position: absolute;
  top: 1.74167vw;
  left: 50%;
  overflow: hidden;
  width: 16.11111vw;
  height: 10.34722vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 73, css/less/__pdpAnimations.less */
  .detail-box .icon-dual-usage {
    position: absolute;
    top: 4.24167vw;
    width: 36.25vw;
    height: 23.28125vw;
  }
}
/* line 82, css/less/__pdpAnimations.less */
.detail-box .icon-dual-usage .anim {
  width: 386.66667vw;
  height: 10.34722vw;
  -webkit-animation: dualSeq 2s steps(22) infinite normal both;
  -moz-animation: dualSeq 2s steps(22) infinite normal both;
  -ms-animation: dualSeq 2s steps(22) infinite normal both;
  -o-animation: dualSeq 2s steps(22) infinite normal both;
  animation: dualSeq 2s steps(22) infinite normal both;
  background-image: url(../images/ij/assets/detail/dual_anim.png);
  background-position: 0 0;
  background-size: 386.66667vw 10.34722vw;
}
@media (max-width: 768px) {
  /* line 99, css/less/__pdpAnimations.less */
  .detail-box .icon-dual-usage .anim {
    width: 870vw;
    height: 23.28125vw;
    background-size: 870vw 23.28125vw;
  }
}
/* line 107, css/less/__pdpAnimations.less */
.detail-box .icon-vivid-color {
  position: absolute;
  top: 1.74167vw;
  left: 50%;
  overflow: hidden;
  width: 16.11111vw;
  height: 10.34722vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 126, css/less/__pdpAnimations.less */
  .detail-box .icon-vivid-color {
    position: absolute;
    top: 4.24167vw;
    width: 36.25vw;
    height: 23.28125vw;
  }
}
/* line 135, css/less/__pdpAnimations.less */
.detail-box .icon-vivid-color .anim {
  width: 531.66667vw;
  height: 10.34722vw;
  -webkit-animation: dropsSeq 2s steps(32) infinite normal both;
  -moz-animation: dropsSeq 2s steps(32) infinite normal both;
  -ms-animation: dropsSeq 2s steps(32) infinite normal both;
  -o-animation: dropsSeq 2s steps(32) infinite normal both;
  animation: dropsSeq 2s steps(32) infinite normal both;
  background-image: url(../images/ij/assets/detail/drops_anim.png);
  background-position: 0 0;
  background-size: 531.66667vw 10.34722vw;
}
@media (max-width: 768px) {
  /* line 152, css/less/__pdpAnimations.less */
  .detail-box .icon-vivid-color .anim {
    width: 1196.25vw;
    height: 23.28125vw;
    background-size: 1196.25vw 23.28125vw;
  }
}
/* line 160, css/less/__pdpAnimations.less */
.detail-box .icon-quick-drying {
  position: absolute;
  top: -4.65833vw;
  left: 48%;
  overflow: hidden;
  width: 10.69444vw;
  height: 18.81944vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 179, css/less/__pdpAnimations.less */
  .detail-box .icon-quick-drying {
    position: absolute;
    top: -10.65833vw;
    width: 24.0625vw;
    height: 42.34375vw;
  }
}
/* line 188, css/less/__pdpAnimations.less */
.detail-box .icon-quick-drying .anim {
  width: 245.97222vw;
  height: 18.81944vw;
  -webkit-animation: quickDrying 1s steps(22) infinite normal both;
  -moz-animation: quickDrying 1s steps(22) infinite normal both;
  -ms-animation: quickDrying 1s steps(22) infinite normal both;
  -o-animation: quickDrying 1s steps(22) infinite normal both;
  animation: quickDrying 1s steps(22) infinite normal both;
  background-image: url(../images/ij/assets/detail/quick_drying_seq.png);
  background-position: 0 0;
  background-size: 245.97222vw 18.81944vw;
}
@media (max-width: 768px) {
  /* line 205, css/less/__pdpAnimations.less */
  .detail-box .icon-quick-drying .anim {
    width: 553.4375vw;
    height: 42.34375vw;
    background-size: 553.4375vw 42.34375vw;
  }
}
/* line 213, css/less/__pdpAnimations.less */
.detail-box .icon-mini-size {
  position: absolute;
  top: -4.99833vw;
  left: 45%;
  overflow: hidden;
  width: 16.11111vw;
  height: 20vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 232, css/less/__pdpAnimations.less */
  .detail-box .icon-mini-size {
    position: absolute;
    top: -11.75833vw;
    width: 36.25vw;
    height: 45vw;
  }
}
/* line 241, css/less/__pdpAnimations.less */
.detail-box .icon-mini-size .anim {
  width: 773.33333vw;
  height: 20vw;
  -webkit-animation: miniSize 2s steps(47) infinite alternate both;
  -moz-animation: miniSize 2s steps(47) infinite alternate both;
  -ms-animation: miniSize 2s steps(47) infinite alternate both;
  -o-animation: miniSize 2s steps(47) infinite alternate both;
  animation: miniSize 2s steps(47) infinite alternate both;
  background-image: url(../images/ij/assets/detail/mini_size_seq.png);
  background-position: 0 0;
  background-size: 773.33333vw 20vw;
}
@media (max-width: 768px) {
  /* line 258, css/less/__pdpAnimations.less */
  .detail-box .icon-mini-size .anim {
    width: 1740vw;
    height: 45vw;
    background-size: 1740vw 45vw;
  }
}
/* line 266, css/less/__pdpAnimations.less */
.detail-box .icon-comfort-grip {
  position: absolute;
  top: 1.50167vw;
  left: 46.5%;
  overflow: hidden;
  width: 23.61111vw;
  height: 10vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 285, css/less/__pdpAnimations.less */
  .detail-box .icon-comfort-grip {
    position: absolute;
    top: 3.24167vw;
    width: 53.125vw;
    height: 22.5vw;
  }
}
/* line 294, css/less/__pdpAnimations.less */
.detail-box .icon-comfort-grip .anim {
  width: 661.11111vw;
  height: 10vw;
  -webkit-animation: comfortGrip 2s steps(27) infinite normal both;
  -moz-animation: comfortGrip 2s steps(27) infinite normal both;
  -ms-animation: comfortGrip 2s steps(27) infinite normal both;
  -o-animation: comfortGrip 2s steps(27) infinite normal both;
  animation: comfortGrip 2s steps(27) infinite normal both;
  background-image: url(../images/ij/assets/detail/comfort_grip_seq.png);
  background-position: 0 0;
  background-size: 661.11111vw 10vw;
}
@media (max-width: 768px) {
  /* line 311, css/less/__pdpAnimations.less */
  .detail-box .icon-comfort-grip .anim {
    width: 1487.5vw;
    height: 22.5vw;
    background-size: 1487.5vw 22.5vw;
  }
}
/* line 319, css/less/__pdpAnimations.less */
.detail-box .icon-perfectly-polished {
  position: absolute;
  top: -2.29833vw;
  left: 46%;
  overflow: hidden;
  width: 17.98611vw;
  height: 17.98611vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 338, css/less/__pdpAnimations.less */
  .detail-box .icon-perfectly-polished {
    position: absolute;
    top: -5.75833vw;
    width: 40.46875vw;
    height: 40.46875vw;
  }
}
/* line 347, css/less/__pdpAnimations.less */
.detail-box .icon-perfectly-polished .anim {
  width: 539.58333vw;
  height: 17.98611vw;
  -webkit-animation: perfectlyPolished 1.2s steps(29) infinite normal both;
  -moz-animation: perfectlyPolished 1.2s steps(29) infinite normal both;
  -ms-animation: perfectlyPolished 1.2s steps(29) infinite normal both;
  -o-animation: perfectlyPolished 1.2s steps(29) infinite normal both;
  animation: perfectlyPolished 1.2s steps(29) infinite normal both;
  background-image: url(../images/ij/assets/detail/perfectly_polished_seq.png);
  background-position: 0 0;
  background-size: 539.58333vw 17.98611vw;
}
@media (max-width: 768px) {
  /* line 364, css/less/__pdpAnimations.less */
  .detail-box .icon-perfectly-polished .anim {
    width: 1214.0625vw;
    height: 40.46875vw;
    background-size: 1214.0625vw 40.46875vw;
  }
}
/* line 372, css/less/__pdpAnimations.less */
.detail-box .icon-wide-button {
  position: absolute;
  top: -1.09833vw;
  left: 48.8%;
  overflow: hidden;
  width: 22.36111vw;
  height: 11.25vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 391, css/less/__pdpAnimations.less */
  .detail-box .icon-wide-button {
    position: absolute;
    top: -2.75833vw;
    width: 50.3125vw;
    height: 25.3125vw;
  }
}
/* line 400, css/less/__pdpAnimations.less */
.detail-box .icon-wide-button .anim {
  width: 536.66667vw;
  height: 11.25vw;
  -webkit-animation: wideButton 1.2s steps(23) infinite normal both;
  -moz-animation: wideButton 1.2s steps(23) infinite normal both;
  -ms-animation: wideButton 1.2s steps(23) infinite normal both;
  -o-animation: wideButton 1.2s steps(23) infinite normal both;
  animation: wideButton 1.2s steps(23) infinite normal both;
  background-image: url(../images/ij/assets/detail/wide_button_seq.png);
  background-position: 0 0;
  background-size: 536.66667vw 11.25vw;
}
@media (max-width: 768px) {
  /* line 417, css/less/__pdpAnimations.less */
  .detail-box .icon-wide-button .anim {
    width: 1207.5vw;
    height: 25.3125vw;
    background-size: 1207.5vw 25.3125vw;
  }
}
/* line 425, css/less/__pdpAnimations.less */
.detail-box .icon-easy-to-hold {
  position: absolute;
  top: .30167vw;
  left: 49.4%;
  overflow: hidden;
  width: 20.625vw;
  height: 11.25vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 444, css/less/__pdpAnimations.less */
  .detail-box .icon-easy-to-hold {
    position: absolute;
    top: -0.75833vw;
    width: 46.40625vw;
    height: 25.3125vw;
  }
}
/* line 453, css/less/__pdpAnimations.less */
.detail-box .icon-easy-to-hold .anim {
  width: 556.875vw;
  height: 11.25vw;
  -webkit-animation: easyHold 1.2s steps(26) infinite alternate both;
  -moz-animation: easyHold 1.2s steps(26) infinite alternate both;
  -ms-animation: easyHold 1.2s steps(26) infinite alternate both;
  -o-animation: easyHold 1.2s steps(26) infinite alternate both;
  animation: easyHold 1.2s steps(26) infinite alternate both;
  background-image: url(../images/ij/assets/detail/easy_to_hold_seq.png);
  background-position: 0 0;
  background-size: 556.875vw 11.25vw;
}
@media (max-width: 768px) {
  /* line 470, css/less/__pdpAnimations.less */
  .detail-box .icon-easy-to-hold .anim {
    width: 1252.96875vw;
    height: 25.3125vw;
    background-size: 1252.96875vw 25.3125vw;
  }
}
/* line 478, css/less/__pdpAnimations.less */
.detail-box .icon-colorful-barrel-design {
  position: absolute;
  top: .30167vw;
  left: 49.4%;
  overflow: hidden;
  width: 20.625vw;
  height: 11.25vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 497, css/less/__pdpAnimations.less */
  .detail-box .icon-colorful-barrel-design {
    position: absolute;
    top: .24167vw;
    width: 46.40625vw;
    height: 25.3125vw;
  }
}
/* line 506, css/less/__pdpAnimations.less */
.detail-box .icon-colorful-barrel-design .anim {
  width: 639.375vw;
  height: 11.25vw;
  -webkit-animation: colorfulBarrel 1.2s steps(30) infinite alternate both;
  -moz-animation: colorfulBarrel 1.2s steps(30) infinite alternate both;
  -ms-animation: colorfulBarrel 1.2s steps(30) infinite alternate both;
  -o-animation: colorfulBarrel 1.2s steps(30) infinite alternate both;
  animation: colorfulBarrel 1.2s steps(30) infinite alternate both;
  background-image: url(../images/ij/assets/detail/colorful_barrel_design_seq.png);
  background-position: 0 0;
  background-size: 639.375vw 11.25vw;
}
@media (max-width: 768px) {
  /* line 523, css/less/__pdpAnimations.less */
  .detail-box .icon-colorful-barrel-design .anim {
    width: 1438.59375vw;
    height: 25.3125vw;
    background-size: 1438.59375vw 25.3125vw;
  }
}
/* line 531, css/less/__pdpAnimations.less */
.detail-box .icon-style-points {
  position: absolute;
  top: 2.30167vw;
  left: 50%;
  overflow: hidden;
  width: 21.94444vw;
  height: 8.61111vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 550, css/less/__pdpAnimations.less */
  .detail-box .icon-style-points {
    position: absolute;
    top: 5.54167vw;
    width: 49.375vw;
    height: 19.375vw;
  }
}
/* line 559, css/less/__pdpAnimations.less */
.detail-box .icon-style-points .anim {
  width: 658.33333vw;
  height: 8.61111vw;
  -webkit-animation: stylePoints 1.2s steps(29) infinite normal both;
  -moz-animation: stylePoints 1.2s steps(29) infinite normal both;
  -ms-animation: stylePoints 1.2s steps(29) infinite normal both;
  -o-animation: stylePoints 1.2s steps(29) infinite normal both;
  animation: stylePoints 1.2s steps(29) infinite normal both;
  background-image: url(../images/ij/assets/detail/style_points_seq.png);
  background-position: 0 0;
  background-size: 658.33333vw 8.61111vw;
}
@media (max-width: 768px) {
  /* line 576, css/less/__pdpAnimations.less */
  .detail-box .icon-style-points .anim {
    width: 1481.25vw;
    height: 19.375vw;
    background-size: 1481.25vw 19.375vw;
  }
}
/* line 584, css/less/__pdpAnimations.less */
.detail-box .icon-metal-clip {
  position: absolute;
  top: -4.59833vw;
  left: 51%;
  overflow: hidden;
  width: 25.27778vw;
  height: 19.02778vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 603, css/less/__pdpAnimations.less */
  .detail-box .icon-metal-clip {
    position: absolute;
    top: -9.45833vw;
    width: 56.875vw;
    height: 42.8125vw;
  }
}
/* line 612, css/less/__pdpAnimations.less */
.detail-box .icon-metal-clip .anim {
  width: 682.5vw;
  height: 19.02778vw;
  -webkit-animation: metalClip 1s steps(26) infinite normal both;
  -moz-animation: metalClip 1s steps(26) infinite normal both;
  -ms-animation: metalClip 1s steps(26) infinite normal both;
  -o-animation: metalClip 1s steps(26) infinite normal both;
  animation: metalClip 1s steps(26) infinite normal both;
  background-image: url(../images/ij/assets/detail/metal_clip_seq.png);
  background-position: 0 0;
  background-size: 682.5vw 19.02778vw;
}
@media (max-width: 768px) {
  /* line 629, css/less/__pdpAnimations.less */
  .detail-box .icon-metal-clip .anim {
    width: 1535.625vw;
    height: 42.8125vw;
    background-size: 1535.625vw 42.8125vw;
  }
}
/* line 637, css/less/__pdpAnimations.less */
.detail-box .icon-click-and-go {
  position: absolute;
  top: .70167vw;
  left: 50%;
  overflow: hidden;
  width: 20.625vw;
  height: 11.25vw;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  direction: ltr;
}
@media (max-width: 768px) {
  /* line 656, css/less/__pdpAnimations.less */
  .detail-box .icon-click-and-go {
    position: absolute;
    top: 1.54167vw;
    width: 46.40625vw;
    height: 25.3125vw;
  }
}
/* line 665, css/less/__pdpAnimations.less */
.detail-box .icon-click-and-go .anim {
  width: 556.875vw;
  height: 11.25vw;
  -webkit-animation: clickGo 1s steps(26) infinite normal both;
  -moz-animation: clickGo 1s steps(26) infinite normal both;
  -ms-animation: clickGo 1s steps(26) infinite normal both;
  -o-animation: clickGo 1s steps(26) infinite normal both;
  animation: clickGo 1s steps(26) infinite normal both;
  background-image: url(../images/ij/assets/detail/click_and_go_seq.png);
  background-position: 0 0;
  background-size: 556.875vw 11.25vw;
}
@media (max-width: 768px) {
  /* line 682, css/less/__pdpAnimations.less */
  .detail-box .icon-click-and-go .anim {
    width: 1252.96875vw;
    height: 25.3125vw;
    background-size: 1252.96875vw 25.3125vw;
  }
}
@-webkit-keyframes waveSeq {
  /* line 694, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 702, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.875%, 0%);
    -moz-transform: translate(-96.875%, 0%);
    -ms-transform: translate(-96.875%, 0%);
    transform: translate(-96.875%, 0%);
  }
}
@keyframes waveSeq {
  /* line 714, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 722, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.875%, 0%);
    -moz-transform: translate(-96.875%, 0%);
    -ms-transform: translate(-96.875%, 0%);
    transform: translate(-96.875%, 0%);
  }
}
@-webkit-keyframes dualSeq {
  /* line 734, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 742, css/less/__pdpAnimations.less */
  50% {
    -webkit-transform: translate(-91.66667%, 0%);
    -moz-transform: translate(-91.66667%, 0%);
    -ms-transform: translate(-91.66667%, 0%);
    -o-transform: translate(-91.66667%, 0%);
    transform: translate(-91.66667%, 0%);
  }
  /* line 750, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@keyframes dualSeq {
  /* line 762, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 770, css/less/__pdpAnimations.less */
  50% {
    -webkit-transform: translate(-91.66667%, 0%);
    -moz-transform: translate(-91.66667%, 0%);
    -ms-transform: translate(-91.66667%, 0%);
    -o-transform: translate(-91.66667%, 0%);
    transform: translate(-91.66667%, 0%);
  }
  /* line 778, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes dropsSeq {
  /* line 790, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 798, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.9697%, 0%);
    -moz-transform: translate(-96.9697%, 0%);
    -ms-transform: translate(-96.9697%, 0%);
    -o-transform: translate(-96.9697%, 0%);
    transform: translate(-96.9697%, 0%);
  }
}
@keyframes dropsSeq {
  /* line 810, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 818, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.9697%, 0%);
    -moz-transform: translate(-96.9697%, 0%);
    -ms-transform: translate(-96.9697%, 0%);
    -o-transform: translate(-96.9697%, 0%);
    transform: translate(-96.9697%, 0%);
  }
}
@-webkit-keyframes plusSeq {
  /* line 830, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 838, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-98%, 0%);
    -moz-transform: translate(-98%, 0%);
    -ms-transform: translate(-98%, 0%);
    -o-transform: translate(-98%, 0%);
    transform: translate(-98%, 0%);
  }
}
@keyframes plusSeq {
  /* line 850, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 858, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-98%, 0%);
    -moz-transform: translate(-98%, 0%);
    -ms-transform: translate(-98%, 0%);
    -o-transform: translate(-98%, 0%);
    transform: translate(-98%, 0%);
  }
}
@-webkit-keyframes superSmoothSeq {
  /* line 870, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 878, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.42857%, 0%);
    -moz-transform: translate(-96.42857%, 0%);
    -ms-transform: translate(-96.42857%, 0%);
    -o-transform: translate(-96.42857%, 0%);
    transform: translate(-96.42857%, 0%);
  }
}
@keyframes superSmoothSeq {
  /* line 890, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 898, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.42857%, 0%);
    -moz-transform: translate(-96.42857%, 0%);
    -ms-transform: translate(-96.42857%, 0%);
    -o-transform: translate(-96.42857%, 0%);
    transform: translate(-96.42857%, 0%);
  }
}
@-webkit-keyframes quickDrying {
  /* line 910, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 918, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-95.65217%, 0%);
    -moz-transform: translate(-95.65217%, 0%);
    -ms-transform: translate(-95.65217%, 0%);
    -o-transform: translate(-95.65217%, 0%);
    transform: translate(-95.65217%, 0%);
  }
}
@keyframes quickDrying {
  /* line 930, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 938, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-95.65217%, 0%);
    -moz-transform: translate(-95.65217%, 0%);
    -ms-transform: translate(-95.65217%, 0%);
    -o-transform: translate(-95.65217%, 0%);
    transform: translate(-95.65217%, 0%);
  }
}
@-webkit-keyframes miniSize {
  /* line 950, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 958, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-97.91667%, 0%);
    -moz-transform: translate(-97.91667%, 0%);
    -ms-transform: translate(-97.91667%, 0%);
    -o-transform: translate(-97.91667%, 0%);
    transform: translate(-97.91667%, 0%);
  }
}
@keyframes miniSize {
  /* line 970, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 978, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-97.91667%, 0%);
    -moz-transform: translate(-97.91667%, 0%);
    -ms-transform: translate(-97.91667%, 0%);
    -o-transform: translate(-97.91667%, 0%);
    transform: translate(-97.91667%, 0%);
  }
}
@-webkit-keyframes comfortGrip {
  /* line 990, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 998, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.42857%, 0%);
    -moz-transform: translate(-97.91667%, 0%);
    -ms-transform: translate(-96.42857%, 0%);
    -o-transform: translate(-96.42857%, 0%);
    transform: translate(-96.42857%, 0%);
  }
}
@keyframes comfortGrip {
  /* line 1010, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1018, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.42857%, 0%);
    -moz-transform: translate(-97.91667%, 0%);
    -ms-transform: translate(-96.42857%, 0%);
    -o-transform: translate(-96.42857%, 0%);
    transform: translate(-96.42857%, 0%);
  }
}
@-webkit-keyframes perfectlyPolished {
  /* line 1030, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1038, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.66667%, 0%);
    -moz-transform: translate(-96.66667%, 0%);
    -ms-transform: translate(-96.66667%, 0%);
    -o-transform: translate(-96.66667%, 0%);
    transform: translate(-96.66667%, 0%);
  }
}
@keyframes perfectlyPolished {
  /* line 1050, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1058, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.66667%, 0%);
    -moz-transform: translate(-96.66667%, 0%);
    -ms-transform: translate(-96.66667%, 0%);
    -o-transform: translate(-96.66667%, 0%);
    transform: translate(-96.66667%, 0%);
  }
}
@-webkit-keyframes wideButton {
  /* line 1070, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1078, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-95.83333%, 0%);
    -moz-transform: translate(-95.83333%, 0%);
    -ms-transform: translate(-95.83333%, 0%);
    -o-transform: translate(-95.83333%, 0%);
    transform: translate(-95.83333%, 0%);
  }
}
@keyframes wideButton {
  /* line 1090, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1098, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-95.83333%, 0%);
    -moz-transform: translate(-95.83333%, 0%);
    -ms-transform: translate(-95.83333%, 0%);
    -o-transform: translate(-95.83333%, 0%);
    transform: translate(-95.83333%, 0%);
  }
}
@-webkit-keyframes easyHold {
  /* line 1110, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1118, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.2963%, 0%);
    -moz-transform: translate(-96.2963%, 0%);
    -ms-transform: translate(-96.2963%, 0%);
    -o-transform: translate(-96.2963%, 0%);
    transform: translate(-96.2963%, 0%);
  }
}
@keyframes easyHold {
  /* line 1130, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1138, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.2963%, 0%);
    -moz-transform: translate(-96.2963%, 0%);
    -ms-transform: translate(-96.2963%, 0%);
    -o-transform: translate(-96.2963%, 0%);
    transform: translate(-96.2963%, 0%);
  }
}
@-webkit-keyframes colorfulBarrel {
  /* line 1150, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1158, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.77419%, 0%);
    -moz-transform: translate(-96.77419%, 0%);
    -ms-transform: translate(-96.77419%, 0%);
    -o-transform: translate(-96.77419%, 0%);
    transform: translate(-96.77419%, 0%);
  }
}
@keyframes colorfulBarrel {
  /* line 1170, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1178, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.77419%, 0%);
    -moz-transform: translate(-96.77419%, 0%);
    -ms-transform: translate(-96.77419%, 0%);
    -o-transform: translate(-96.77419%, 0%);
    transform: translate(-96.77419%, 0%);
  }
}
@-webkit-keyframes stylePoints {
  /* line 1190, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1198, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.66667%, 0%);
    -moz-transform: translate(-96.66667%, 0%);
    -ms-transform: translate(-96.66667%, 0%);
    -o-transform: translate(-96.66667%, 0%);
    transform: translate(-96.66667%, 0%);
  }
}
@keyframes stylePoints {
  /* line 1210, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1218, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.66667%, 0%);
    -moz-transform: translate(-96.66667%, 0%);
    -ms-transform: translate(-96.66667%, 0%);
    -o-transform: translate(-96.66667%, 0%);
    transform: translate(-96.66667%, 0%);
  }
}
@-webkit-keyframes metalClip {
  /* line 1230, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1238, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.2963%, 0%);
    -moz-transform: translate(-96.2963%, 0%);
    -ms-transform: translate(-96.2963%, 0%);
    -o-transform: translate(-96.2963%, 0%);
    transform: translate(-96.2963%, 0%);
  }
}
@keyframes metalClip {
  /* line 1250, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1258, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.2963%, 0%);
    -moz-transform: translate(-96.2963%, 0%);
    -ms-transform: translate(-96.2963%, 0%);
    -o-transform: translate(-96.2963%, 0%);
    transform: translate(-96.2963%, 0%);
  }
}
@-webkit-keyframes clickGo {
  /* line 1270, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1278, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.2963%, 0%);
    -moz-transform: translate(-96.2963%, 0%);
    -ms-transform: translate(-96.2963%, 0%);
    -o-transform: translate(-96.2963%, 0%);
    transform: translate(-96.2963%, 0%);
  }
}
@keyframes clickGo {
  /* line 1290, css/less/__pdpAnimations.less */
  0% {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
  /* line 1298, css/less/__pdpAnimations.less */
  100% {
    -webkit-transform: translate(-96.2963%, 0%);
    -moz-transform: translate(-96.2963%, 0%);
    -ms-transform: translate(-96.2963%, 0%);
    -o-transform: translate(-96.2963%, 0%);
    transform: translate(-96.2963%, 0%);
  }
}
/* line 1, css/less/__categoryListing.less */
.animate_half_second {
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
/* line 6, css/less/__categoryListing.less */
.animate_full_second {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
}
/* line 11, css/less/__categoryListing.less */
.categoryPage #content {
  overflow: visible;
  padding: 0;
  width: 101vw;
}
/* line 16, css/less/__categoryListing.less */
.categoryPage #content .contentRecommendationWidget {
  width: 100vw;
}
/* line 19, css/less/__categoryListing.less */
.categoryPage #content .rowContainer:first-child {
  padding: 0 !important;
}
/* line 21, css/less/__categoryListing.less */
.categoryPage #content .rowContainer:first-child > .row {
  padding: 0 !important;
}
/* line 25, css/less/__categoryListing.less */
.categoryPage #content .left_espot {
  width: 101vw;
}
/* line 29, css/less/__categoryListing.less */
.legal-disclaimer {
  position: absolute;
  bottom: 9vw;
  padding: 0 1vw;
  font-size: 2.75vw;
  color: #000;
  text-align: center;
  width: 50%;
  z-index: 10;
  font-family: 'angelinaregular', cursive;
  font-weight: normal;
  font-style: normal;
  color: #092f87;
  left: 18vw;
  transform: rotate(5deg);
}
/* line 43, css/less/__categoryListing.less */
.legal-disclaimer span {
  font-family: cursive;
  position: relative;
  top: 3px;
  margin-right: 2px;
}
@media only screen and (min-width: 700px) {
  /* line 50, css/less/__categoryListing.less */
  .legal-disclaimer {
    font-size: 1vw;
    bottom: 7vw;
    left: 9vw;
    opacity: 0.6;
  }
}
@media (max-width: 767px) {
  /* line 58, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock #productId_IJ_GP_PEN .product-block-info {
    margin-top: 11vw;
    height: calc(100% - 11vw);
  }
}
/* line 63, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock #productId_IJ_GP_PEN .product-block-info {
  height: calc(100% - 8.54167vw);
}
/* line 66, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock #productId_IJ_GP_PEN .product-block-info .legal-disclaimer {
  width: 100%;
  left: 0;
  bottom: 0;
  color: #fff;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  transform: none;
}
@media only screen and (min-width: 700px) {
  /* line 73, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock #productId_IJ_GP_PEN .product-block-info .legal-disclaimer {
    position: relative;
    display: block;
    padding-top: 1vw;
  }
}
/* line 79, css/less/__categoryListing.less */
.button {
  position: relative;
  display: block;
  width: 24.53125vw;
  height: 8.125vw;
  line-height: 8.125vw;
  border-radius: 4.0625vw;
  text-decoration: none;
  color: #fff;
  background-color: #00a1e1;
}
@media only screen and (min-width: 700px) {
  /* line 90, css/less/__categoryListing.less */
  .button {
    border-radius: 1.80556vw;
    width: 10.69444vw;
    height: 3.61111vw;
    line-height: 3.61111vw;
    margin: 3.81944vw auto 0;
  }
}
/* line 97, css/less/__categoryListing.less */
.button:before {
  position: absolute;
  content: "";
  height: 3vw;
  width: 3vw;
  right: 2.75vw;
  top: 3vw;
  background-image: url(../images/ij/footer_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
@media only screen and (min-width: 700px) {
  /* line 110, css/less/__categoryListing.less */
  .button:before {
    height: 1.6vw;
    width: 1.6vw;
    right: 1.35vw;
    top: 1.15vw;
  }
}
/* line 118, css/less/__categoryListing.less */
.button:hover:before {
  right: 2vw;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
@media only screen and (min-width: 700px) {
  /* line 121, css/less/__categoryListing.less */
  .button:hover:before {
    right: 1vw;
  }
}
/* line 132, css/less/__categoryListing.less */
html[lang=fr] .productListingWidget .categoryProductBlock .collectionDescription {
  font-family: 'La Belle Aurore', cursive;
  font-weight: normal;
  font-style: normal;
  font-size: 4.7vw;
}
@media only screen and (min-width: 700px) {
  /* line 135, css/less/__categoryListing.less */
  html[lang=fr] .productListingWidget .categoryProductBlock .collectionDescription {
    font-size: 2.4vw;
  }
}
/* line 141, css/less/__categoryListing.less */
html[lang=fr] .legal-disclaimer {
  font-family: 'La Belle Aurore', cursive;
  font-weight: normal;
  font-style: normal;
  font-size: 2.4vw;
}
@media only screen and (min-width: 700px) {
  /* line 144, css/less/__categoryListing.less */
  html[lang=fr] .legal-disclaimer {
    font-size: 1vw;
  }
}
/* line 150, css/less/__categoryListing.less */
.productListingWidget {
  border: none;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
/* line 156, css/less/__categoryListing.less */
.productListingWidget .colloection-arrow {
  position: absolute;
  z-index: 100;
}
/* line 160, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock {
  margin-top: 4vw;
  position: relative;
}
@media only screen and (min-width: 700px) {
  /* line 164, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock:after {
    clear: both;
    content: "";
    display: table;
  }
}
/* line 170, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .collectionDescription {
  position: absolute;
  font-size: 5.78594vw;
  line-height: 6.75312vw;
  top: 39.6875vw;
  left: 21.9375vw;
  transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  max-width: 40vw;
  font-family: 'angelinaregular', cursive;
  font-weight: normal;
  font-style: normal;
  color: #092f87;
}
@media only screen and (min-width: 700px) {
  /* line 183, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock .collectionDescription {
    font-size: 2.92778vw;
    line-height: 3.41667vw;
    top: 19.93056vw;
    left: 12.41667vw;
    max-width: 48%;
  }
}
/* line 191, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock > div {
  width: 102%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover !important;
  font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
/* line 198, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock > div.collection-arrow {
  position: absolute;
  z-index: 100;
  top: calc(38vw);
  left: 42vw;
  width: 5px;
  height: 100vw;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  background-position: bottom right !important;
}
@media only screen and (min-width: 700px) {
  /* line 210, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock > div {
    width: 100%;
    display: inline;
  }
  /* line 214, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock > div.collection-arrow {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    top: 0;
    left: 50%;
    width: 8px !important;
    height: 44.44444vw;
    background-position: top right !important;
    margin-left: -6px;
    margin-top: 0;
    display: none;
  }
  /* line 227, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock > div.collection-arrow.in-view {
    display: block;
  }
  /* line 231, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock > div.collection-container {
    width: 50%;
    height: 44.44444vw;
    overflow: hidden;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0px -2px 0 -3px;
    zoom: 1;
    *display: inline;
    opacity: 0;
    margin-top: 5vw;
  }
  /* line 245, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock > div.collection-container.in-view {
    margin-top: 0;
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
  }
}
/* line 254, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_GEL_PEN .collectionHeader,
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_MINI .collectionHeader,
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_GEL_PEN .collectionTitle,
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_MINI .collectionTitle {
  color: #0298d4;
}
/* line 259, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_BALLPOINT .collectionHeader,
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_STYLUS .collectionHeader,
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_BALLPOINT .collectionTitle,
.productListingWidget .categoryProductBlock > div.collection-container#collectionId_PM_IJ_USA_PENS_STYLUS .collectionTitle {
  color: #fddb00;
}
/* line 264, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock > div > div {
  padding: 3.5vw;
}
/* line 267, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock > div > div,
.productListingWidget .categoryProductBlock > div .info-block {
  height: calc(87.5vw);
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 700px) {
  /* line 274, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock > div .info-block {
    height: 44.44444vw;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline;
    width: 100%;
  }
}
/* line 287, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productDisplay-container {
  background-size: cover !important;
  opacity: 0;
  margin-top: 5vw;
}
/* line 292, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productDisplay-container.in-view {
  opacity: 1;
  margin-top: 0;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
}
@media only screen and (min-width: 700px) {
  /* line 298, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock .productDisplay-container {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 44.44444vw;
    padding: 6vw 3vw;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline;
    margin: 5vw 0 0 -3px;
  }
}
/* line 316, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productDisplay-container#productId_IJ_BP_550RT_PEN .productDiscover a,
.productListingWidget .categoryProductBlock .productDisplay-container#productId_IJ_BP_300RT_PEN .productDiscover a {
  background-color: #fff600;
  color: #3ac1e1;
}
/* line 323, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productDisplay-container#productId_IJ_BP_700RT_PEN .product-block-info {
  color: #092f87;
}
/* line 328, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .collectionHeader {
  font-size: 4vw;
  line-height: 3.02344vw;
  margin: 0 0 .46875vw;
}
@media only screen and (min-width: 700px) {
  /* line 333, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock .collectionHeader {
    font-size: 1.25139vw;
    font-weight: 500;
    font-style: normal;
    line-height: 1.52917vw;
    margin: 0 0 .20833vw;
  }
}
/* line 341, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productHeader {
  font-size: 4.125vw;
  line-height: 4.01406vw;
}
@media only screen and (min-width: 700px) {
  /* line 345, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock .productHeader {
    font-size: 1.25vw;
    line-height: 1.52778vw;
  }
}
/* line 350, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .collectionTitle {
  font-size: 12.35313vw;
  line-height: 8.59375vw;
  font-weight: bold;
}
@media only screen and (min-width: 700px) {
  /* line 355, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock .collectionTitle {
    font-size: 6.25vw;
    line-height: 4.40069vw;
  }
}
/* line 360, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productTitle {
  font-size: 10.15625vw;
  line-height: 9.375vw;
}
@media only screen and (min-width: 700px) {
  /* line 364, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock .productTitle {
    font-size: 3.81944vw;
    line-height: 3.54167vw;
  }
}
/* line 369, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productDescription {
  margin: 2.08333vw 0 0;
  line-height: 1.2;
}
/* line 374, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productDiscover a {
  margin: 6.25vw auto 0;
  font-size: 3.25vw;
  font-weight: 600;
}
/* line 378, css/less/__categoryListing.less */
.productListingWidget .categoryProductBlock .productDiscover a span {
  position: relative;
  left: -0.3vw;
}
@media only screen and (min-width: 700px) {
  /* line 382, css/less/__categoryListing.less */
  .productListingWidget .categoryProductBlock .productDiscover a {
    margin: 3.81944vw auto 0;
    font-size: 1.38889vw;
  }
}
/* line 389, css/less/__categoryListing.less */
.productListingWidget .pen-image-container,
.productListingWidget .product-block-info {
  float: left;
  width: 50%;
  position: relative;
  color: #fff;
}
/* line 395, css/less/__categoryListing.less */
.productListingWidget .product-block-info {
  text-align: center;
  margin-top: 19.0625vw;
  padding: 0 2vw;
}
@media only screen and (min-width: 700px) {
  /* line 400, css/less/__categoryListing.less */
  .productListingWidget .product-block-info {
    margin-top: 8.54167vw;
  }
}
/* line 404, css/less/__categoryListing.less */
.productListingWidget .pen-image-container {
  padding: 6vw 3vw;
  height: 100%;
}
@media only screen and (min-width: 700px) {
  /* line 408, css/less/__categoryListing.less */
  .productListingWidget .pen-image-container {
    padding: 2vw;
  }
}
/* line 411, css/less/__categoryListing.less */
.productListingWidget .pen-image-container img {
  max-width: 12.1875vw;
  margin: 0 5px;
  position: absolute;
  height: 146.5625vw;
  height: auto;
}
@media only screen and (min-width: 700px) {
  /* line 417, css/less/__categoryListing.less */
  .productListingWidget .pen-image-container img {
    max-width: 5.41667vw;
  }
}
/* line 421, css/less/__categoryListing.less */
.productListingWidget .pen-image-container img.pen-right {
  transform: rotate(180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  top: -2.86203vw;
  left: 28.125vw;
  width: auto;
  height: auto;
}
@media only screen and (min-width: 700px) {
  /* line 430, css/less/__categoryListing.less */
  .productListingWidget .pen-image-container img.pen-right {
    left: 9.95833vw;
    width: auto;
    height: auto;
  }
}
/* line 437, css/less/__categoryListing.less */
.productListingWidget .pen-image-container img.pen-left {
  -webkit-transform: translateY(22.2222vw);
  -moz-transform: translateY(22.2222vw);
  transform: translateY(22.2222vw);
  top: 32.34375vw;
  left: 9.53125vw;
  width: auto;
  height: auto;
}
@media only screen and (min-width: 700px) {
  /* line 446, css/less/__categoryListing.less */
  .productListingWidget .pen-image-container img.pen-left {
    top: 14.375vw;
    left: 1.625vw;
    width: auto;
    height: auto;
  }
}
/* line 1, css/less/_genericError.less */
.content_wrapper {
  min-height: 100vw;
  padding-top: 25vw;
  background: transparent !important;
}
@media only screen and (min-width: 700px) {
  /* line 5, css/less/_genericError.less */
  .content_wrapper {
    min-height: 0;
    padding-top: 0;
  }
}
/* line 11, css/less/_genericError.less */
.content_wrapper > .content_left_shadow > .content_right_shadow > .main_content {
  background: transparent !important;
}
/* line 17, css/less/_genericError.less */
.errorMessage404 img {
  animation: penCircle 80s linear infinite normal;
}
/* line 2, css/less/_faq.less */
.faqBlock .quesLinks {
  margin: 0.7vw 0;
}
/* line 4, css/less/_faq.less */
.faqBlock .quesLinks:before {
  background: #ffffff;
  border-radius: 100px;
  content: "";
  display: inline-block;
  height: 0.5vw;
  height: 1vw;
  margin-right: 1vw;
  margin-right: 2.1vw;
  position: relative;
  top: -0.4vw;
  top: -1vw;
  width: 1vw;
  width: 2vw;
}
/* line 25, css/less/_faq.less */
.faqBlock h3 {
  visibility: hidden;
}
/* line 29, css/less/_faq.less */
.faqBlock .questions .quesLinks {
  display: block;
  padding: 2vw 0;
}
/* line 35, css/less/_faq.less */
.faqBlock .answersBlock h4 {
  font-size: 6vw !important;
  padding-bottom: 3vw;
}
/* line 39, css/less/_faq.less */
.faqBlock .answersBlock p {
  font-size: 4.3vw !important;
}
/* line 45, css/less/_faq.less */
.answersBlock > div {
  border-bottom: dotted 3px #ffffff;
  padding: 4vw 0;
}
@media only screen and (min-width: 700px) {
  /* line 53, css/less/_faq.less */
  .faqBlock .quesLinks:before {
    background: #ffffff;
    border-radius: 100px;
    content: "";
    display: inline-block;
    height: 0.5vw;
    margin-right: 1vw;
    position: relative;
    top: -0.4vw;
    width: 1vw;
  }
  /* line 66, css/less/_faq.less */
  .faqBlock .questions .quesLinks {
    display: block;
    padding: 0 0;
  }
  /* line 72, css/less/_faq.less */
  .faqBlock .answersBlock h4 {
    font-size: 2vw !important;
    padding-bottom: 1vw;
  }
  /* line 76, css/less/_faq.less */
  .faqBlock .answersBlock p {
    font-size: 1.3vw !important;
  }
  /* line 81, css/less/_faq.less */
  .answersBlock > div {
    border-bottom: dotted 2px #ffffff;
    padding: 2vw 0;
  }
}
/* line 5, css/less/_locale_specific.less */
body.it-IT .productListingWidget .categoryProductBlock .collectionDescription,
body.es-ES .productListingWidget .categoryProductBlock .collectionDescription {
  font-family: 'La Belle Aurore', cursive;
}
/* line 12, css/less/_locale_specific.less */
body.zh-CN #home-tiles h2 {
  font-size: 2.7vw !important;
}
/* line 15, css/less/_locale_specific.less */
body.zh-CN #home-tiles .tile-block .tile-10.noanim {
  background-image: url('http://s7d9.scene7.com/is/image/NewellRubbermaid/315879_Inkjoy_Stop_Smears_Chinese_301x303?fmt=jpg&resMode=sharp&wid=301&qlt=100');
}
/* line 18,css/less/_locale_specific.less */
body.zh-CN .share-block {
  display: none !important;
}
@media only screen and (min-width: 700px) {
  /* line 22, css/less/_locale_specific.less */
  body.zh-CN .productListingWidget .categoryProductBlock .collectionTitle {
    font-size: 4vw;
  }
}
@media (max-width: 768px) {
  /* line 27, css/less/_locale_specific.less */
  body.zh-CN .detail-box.vivid .intro h6 {
    font-size: 3.812vw;
    line-height: 4.52778vw;
  }
}
/* line 32, css/less/_locale_specific.less */
body.zh-CN .productDetailsPage .pdpCompare {
  display: none;
}
/* line 38, css/less/_locale_specific.less */
body.th-TH .pdpWTB {
  visibility: hidden;
}
/* line 41, css/less/_locale_specific.less */
body.th-TH .socialSharingBar {
  display: none;
}
/* line 47, css/less/_locale_specific.less */
body.en-MY .socialSharingBar {
  display: none;
}